@charset "UTF-8";
:root{color-scheme:light;--navy:#101d2e;--navy-light:#192a3e;--ink:#18283b;--muted:#69798b;--line:#e3e9ed;--canvas:#f3f6f8;--teal:#107d73;--teal-dark:#08665f;--teal-soft:#e5f4ef;--amber:#a66b0d;--amber-soft:#fff4db;--red:#b84944;--red-soft:#fff0ee;--blue:#416b9c;--blue-soft:#eaf1fa;--radius:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:var(--canvas);font-size:14px;line-height:1.5}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.55}
a{color:var(--teal);text-decoration:none}
a:hover{text-decoration:underline}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #65b8ad;outline-offset:3px}
button{border:0}
h1,h2,h3,p{margin:0}
h1{font-size:28px;line-height:1.25;letter-spacing:-.8px;font-weight:750}
h2{font-size:16px;letter-spacing:-.2px;font-weight:700}
h3{font-size:14px;font-weight:700}
.muted{color:var(--muted)}
.small{font-size:12px}
.micro{font-size:11px}
.icon{width:19px;height:19px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.brand-mark{width:42px;height:46px;display:grid;place-items:center;background:var(--teal);color:white;font-size:23px;font-weight:750;border-radius:13px 13px 16px 16px;letter-spacing:-2px;box-shadow:0 3px 0 #63b6a3 inset}
.initial-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--muted)}
.layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}
.sidebar{background:var(--navy);color:#a4b3c6;position:fixed;inset:0 auto 0 0;width:240px;display:flex;flex-direction:column;padding:28px 18px 20px;z-index:10}
.brand{display:flex;align-items:center;gap:12px;padding:0 12px 32px}
.brand-name{font-size:23px;font-weight:750;color:#fff;letter-spacing:-.6px}
.brand-sub{font-size:10px;letter-spacing:1.9px;color:#91a3b9;text-transform:uppercase;margin-top:1px}
.workspace-label{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#70849c;margin:5px 14px 12px}
.nav{display:flex;flex-direction:column;gap:5px}
.nav-item{background:transparent;border:1px solid transparent;color:#a9b8ca;display:flex;gap:12px;align-items:center;width:100%;text-align:left;padding:12px 14px;border-radius:9px;transition:background .15s,color .15s;font-size:13px;font-weight:550;min-height:46px}
.nav-item:hover{background:#1b2c41;color:#fff}
.nav-item.active{background:#20443f;color:#92deca;border-color:#2a564c}
.nav-item.active .icon{color:#8be1c9}
.nav-count{margin-left:auto;min-width:20px;text-align:center;border-radius:5px;background:#3c474f;color:#cbd4dc;font-size:11px;padding:1px 5px}
.sidebar-foot{margin-top:auto;padding:24px 10px 0}
.organization{padding:15px 12px;border:1px solid #2b3b50;border-radius:10px;display:flex;align-items:center;gap:10px}
.org-mark{width:30px;height:30px;border:1px solid #4b5b6b;border-radius:8px;display:grid;place-items:center;color:#d8e5ef;font-size:14px;font-weight:700}
.organization strong{color:#dce7ef;font-size:12px;display:block}
.organization small{font-size:10px;display:block;color:#879bb2}
.sidebar-note{font-size:10px;color:#7a8fa6;display:flex;align-items:center;gap:7px;padding:18px 3px 0}
.sidebar-note .icon{width:13px;height:13px}
.workspace{grid-column:2;min-width:0}
.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:15px}
.breadcrumb{display:flex;align-items:center;gap:10px;color:#7f8b99;font-size:12px}
.breadcrumb .icon{width:16px;height:16px}
.breadcrumb strong{font-weight:550;color:#42546a}
.topbar-actions{display:flex;align-items:center;gap:19px}
.connection{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}
.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#a6b1bc;flex:none}
.dot.teal{background:#2b9c7f;box-shadow:0 0 0 3px #eaf6f0}
.dot.red{background:var(--red)}
.dot.amber{background:#d49a36}
.user-block{display:flex;align-items:center;gap:10px;border-left:1px solid var(--line);padding-left:18px}
.avatar{width:34px;height:34px;flex:none;background:#e8eeef;color:#3d6b6c;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px}
.user-block strong{display:block;font-size:12px;font-weight:650}
.user-block small{display:block;font-size:10px;color:var(--muted)}
.logout{background:none;color:#81909e;padding:6px;display:grid;place-items:center;border-radius:6px}
.logout:hover{color:var(--red);background:var(--red-soft)}
.content{padding:29px 34px 24px;max-width:1800px;margin:0 auto}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}
.eyebrow{font-size:10px;font-weight:700;color:var(--teal);letter-spacing:1.7px;text-transform:uppercase;margin-bottom:7px}
.page-heading p{font-size:12px;color:var(--muted);margin-top:8px;max-width:680px}
.heading-actions{display:flex;gap:9px;align-items:center;flex-shrink:0}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;border-radius:8px;padding:9px 14px;font-weight:600;font-size:12px;background:#fff;color:#4c5e70;border:1px solid #dce4e9;white-space:nowrap}
.button:hover{background:#f3f7f8;text-decoration:none}
.button.primary{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 2px 3px #0b6d6a15}
.button.primary:hover{background:var(--teal-dark)}
.button.danger{color:var(--red);border-color:#efd1cf;background:#fff8f7}
.button.small-button{min-height:31px;padding:5px 10px;font-size:11px}
.button .icon{width:16px;height:16px}
.text-button{border:0;background:transparent;color:var(--teal);font-size:12px;font-weight:600;display:inline-flex;gap:6px;align-items:center;padding:4px 0}
.text-button:hover{text-decoration:underline}
.text-button .icon{width:14px;height:14px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}
.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:19px 20px 17px;position:relative;overflow:hidden}
.stat-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#526579;font-size:12px;font-weight:550}
.stat-icon{width:32px;height:32px;border-radius:9px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}
.stat-icon.teal{color:var(--teal);background:var(--teal-soft)}
.stat-icon.amber{color:var(--amber);background:var(--amber-soft)}
.stat-icon.red{color:var(--red);background:var(--red-soft)}
.stat-value{font-size:32px;line-height:1.1;font-weight:700;letter-spacing:-1px;margin:11px 0 10px}
.stat-foot{font-size:11px;color:#7a8998;display:flex;align-items:center;gap:6px}
.stat-foot strong{color:var(--teal);font-weight:600}
.overview-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(300px,1fr);gap:22px;align-items:start}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px 17px}
.card-header h2{display:flex;align-items:center;gap:9px}
.card-sub{font-size:11px;color:var(--muted);margin-top:4px}
.card-body{padding:0 22px 20px}
.card-header-right{display:flex;align-items:center;gap:9px}
.label{display:inline-flex;align-items:center;gap:6px;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:650;background:#edf1f5;color:#64788d;white-space:nowrap;line-height:1.5}
.label.teal{background:var(--teal-soft);color:var(--teal)}
.label.amber{background:var(--amber-soft);color:var(--amber)}
.label.red{background:var(--red-soft);color:var(--red)}
.label.blue{background:var(--blue-soft);color:var(--blue)}
.map-wrap{padding:0 18px}
.office-map{position:relative;width:100%;background:#f7f9fa;border:1px solid #e6ecef;border-radius:9px;overflow:hidden;isolation:isolate}
.office-map img{width:100%;display:block}
.office-map svg.map-pins{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.map-pin{cursor:pointer;outline:none}
.map-pin .pin-halo{fill:#fff;stroke:#fff;stroke-width:4;opacity:.85}
.map-pin .pin-disc{fill:#73899a;stroke:#fff;stroke-width:1.4}
.map-pin.online .pin-disc{fill:#148572}
.map-pin.pending .pin-disc{fill:#b58027}
.map-pin.selected .pin-halo{fill:#0c756b;stroke:#0c756b;opacity:.32;stroke-width:7}
.map-pin.selected .pin-disc{fill:#0a635d;stroke:#fff;stroke-width:1.7}
.map-pin:hover .pin-halo,.map-pin:focus .pin-halo{stroke:#2a857c;opacity:.6}
.map-pin text{font-family:inherit;fill:white;font-size:7.5px;font-weight:700;text-anchor:middle;dominant-baseline:central;pointer-events:none}
.map-legend{display:flex;gap:15px;align-items:center;flex-wrap:wrap;padding:13px 3px;font-size:10px;color:#7c8a98}
.legend-item{display:inline-flex;align-items:center;gap:6px}
.legend-item .dot{width:6px;height:6px;box-shadow:none}
.map-note{font-size:10px;color:#8492a0;border-top:1px solid #edf1f4;padding:12px 21px;background:#fcfdfd}
.seat-strip{border-top:1px solid var(--line);padding:16px 22px;display:flex;align-items:center;gap:13px;min-height:83px}
.seat-icon{width:37px;height:37px;display:grid;place-items:center;background:#edf4f3;border-radius:10px;color:#548580;flex:none}
.seat-strip h3{font-size:12px}
.seat-strip p{font-size:11px;color:var(--muted);margin-top:3px}
.seat-strip .button{margin-left:auto}
.seat-strip .seat-description{min-width:0;flex:1}
.seat-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.events-list{padding:0 21px}
.event{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid #edf1f4}
.event:last-child{border-bottom:0}
.event-icon{width:31px;height:31px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);border-radius:9px;flex:none;margin-top:1px}
.event-icon.warning{color:var(--amber);background:var(--amber-soft)}
.event-icon.danger{color:var(--red);background:var(--red-soft)}
.event-icon .icon{width:15px;height:15px}
.event-content{flex:1;min-width:0}
.event-title{font-size:12px;line-height:1.5;font-weight:550;overflow-wrap:anywhere}
.event-meta{font-size:10px;color:#8794a1;margin-top:5px;line-height:1.7;display:flex;flex-wrap:wrap;gap:0 8px}
.event-when{font-size:10px;color:#8a98a5;margin-top:7px;display:block}
.event-host{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#537184;overflow-wrap:anywhere}
.events-footer{padding:14px 22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fcfdfd;font-size:10px;color:var(--muted)}
.empty{padding:42px 24px;text-align:center;color:var(--muted)}
.empty-icon{width:43px;height:43px;background:#f0f4f6;color:#8ca0ae;display:grid;place-items:center;border-radius:13px;margin:0 auto 14px}
.empty strong{display:block;font-size:12px;color:#4d6275;font-weight:600;margin-bottom:5px}
.empty p{font-size:11px;max-width:310px;margin:auto;line-height:1.7}
.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}
.integration-row{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-top:1px solid #edf1f4}
.integration-row:first-child{border-top:0}
.integration-icon{height:32px;width:32px;flex:none;border:1px solid #e2e8ec;border-radius:8px;display:grid;place-items:center;color:#667d8b;background:#fafcfc}
.integration-text{flex:1;min-width:0}
.integration-text strong{font-size:12px;font-weight:600}
.integration-text p{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.6;overflow-wrap:anywhere}
.integration-row .label{margin-top:2px}
.notice{display:flex;gap:10px;padding:13px 16px;border-radius:9px;background:#fff8e8;border:1px solid #f1dfb6;color:#896328;font-size:12px;margin-bottom:22px;line-height:1.65}
.notice .icon{width:17px;height:17px;margin-top:2px;flex:none}
.notice.info{background:#edf5f8;border-color:#d6e5ec;color:#52778c}
.notice.error{background:var(--red-soft);border-color:#f1ceca;color:#a94841}
.notice.success{background:var(--teal-soft);border-color:#c5e2d7;color:var(--teal-dark)}
.notice p{flex:1}
.notice:empty{display:none}
.page-footer{display:flex;justify-content:space-between;gap:16px;margin-top:24px;padding:0 2px;font-size:10px;color:#8a98a5}
.page-footer span{display:flex;align-items:center;gap:5px}
.page-footer .icon{width:12px;height:12px}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 22px 18px}
.search-field{display:flex;align-items:center;gap:8px;max-width:360px;flex:1;position:relative}
.search-field .icon{position:absolute;left:11px;width:16px;height:16px;color:#94a0aa;pointer-events:none}
.search-field input{padding-left:34px}
.field,select,textarea{width:100%;border:1px solid #dbe3e8;border-radius:8px;background:#fff;min-height:39px;padding:9px 11px;color:var(--ink);font-size:12px;transition:border-color .15s}
.field:hover,select:hover,textarea:hover{border-color:#b9cbcf}
.field::placeholder,textarea::placeholder{color:#96a2ae}
.filter{width:auto;min-width:165px}
.table-scroll{overflow-x:auto}
.table{width:100%;border-collapse:collapse;text-align:left}
.table th{font-size:10px;font-weight:650;letter-spacing:.35px;color:#8794a2;padding:12px 22px;background:#f9fbfc;border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4;white-space:nowrap}
.table td{padding:16px 22px;border-bottom:1px solid #edf1f4;font-size:12px;vertical-align:middle}
.table tr:last-child td{border-bottom:0}
.table tbody tr:hover{background:#fcfdfd}
.table-primary{font-size:12px;font-weight:600;color:#3c5065;display:block;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.table-secondary{font-size:10px;color:#8794a1;margin-top:4px;display:block;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.table .actions{display:flex;align-items:center;gap:7px}
.table td.compact{white-space:nowrap}
.table .person{display:flex;align-items:center;gap:9px}
.table .avatar{width:30px;height:30px;font-size:10px}
.table-note{padding:14px 22px;font-size:10px;color:var(--muted);border-top:1px solid #edf1f4}
.section-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:22px}
.detail-card{padding:22px}
.detail-card h2{margin-bottom:5px}
.detail-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.key-value{padding:12px 0;border-top:1px solid #edf1f4;display:flex;align-items:flex-start;gap:20px;justify-content:space-between;font-size:12px}
.key-value dt{color:var(--muted)}
.key-value dd{margin:0;text-align:right;overflow-wrap:anywhere;max-width:65%;font-weight:550}
.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.subtle-note{font-size:11px;color:var(--muted);margin-top:18px;line-height:1.7}
.full-events .event{padding:19px 0}
.full-events .event-title{font-size:13px}
.full-events .event-meta,.full-events .event-when{font-size:11px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group{margin-bottom:17px}
.form-group label{display:block;font-size:11px;font-weight:650;color:#53677a;margin-bottom:7px}
.form-group .hint{font-size:10px;color:#83929f;margin-top:6px;line-height:1.6}
.form-group textarea{resize:vertical;min-height:150px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.7}
.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px;margin-top:22px}
.form-error{font-size:12px;color:var(--red);background:var(--red-soft);padding:10px 12px;border-radius:7px;margin-bottom:16px;line-height:1.6}
.form-error:empty{display:none}
.form-success{font-size:12px;color:var(--teal)}
.settings-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:22px}
.settings-grid .card{align-self:start}
.form-intro{font-size:11px;line-height:1.8;color:var(--muted);margin-bottom:21px}
.pill-count{font-size:10px;background:#edf2f4;border-radius:5px;padding:2px 6px;color:#75889b;margin-left:3px}
.dialog{border:1px solid #dce5e8;border-radius:18px;padding:0;max-width:calc(100vw - 32px);width:520px;color:var(--ink);box-shadow:0 25px 100px #0714213b}
.dialog::backdrop{background:#0b1c3099;backdrop-filter:blur(3px)}
.dialog.wide{width:720px}
.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px 16px}
.dialog-header h2{font-size:19px;letter-spacing:-.4px}
.close-button{display:grid;place-items:center;background:#f0f4f6;color:#778b9b;border-radius:50%;width:29px;height:29px}
.close-button .icon{width:15px;height:15px}
.dialog-body{padding:0 26px 26px;max-height:calc(100vh - 120px);overflow:auto}
.invite-output{background:#eff8f4;border:1px dashed #8abca8;padding:17px;border-radius:9px;display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;overflow-wrap:anywhere;margin:14px 0}
.copy-line{display:flex;gap:12px;align-items:center}
.copy-line small{font-size:11px;color:var(--muted)}
.seat-placement{margin:18px 0 14px}
.seat-placement .office-map{cursor:crosshair}
.seat-placement .office-map img{max-height:290px;object-fit:contain}
.seat-placement .office-map{aspect-ratio:640/454;max-width:410px;margin:auto}
.seat-placement .office-map img{height:100%;max-height:none}
.seat-placement .map-pin{pointer-events:none}
.seat-placement h3{margin-bottom:8px;font-size:12px}
.seat-placement p{font-size:10px;color:var(--muted);margin:9px 0}
.link-check{border:1px solid var(--line);border-radius:9px;padding:12px 14px;margin:10px 0}
.link-check-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.link-check code{display:block;white-space:normal;overflow-wrap:anywhere;font-size:11px;color:#5a7488;margin-top:7px}
.link-check p{font-size:11px;color:var(--muted);margin-top:6px}
.message-subject{font-size:17px;font-weight:650;line-height:1.5;margin-bottom:18px;overflow-wrap:anywhere}
.reason-list{font-size:12px;color:#64798a;padding-left:18px;margin:12px 0 20px}
.toast-region{position:fixed;right:25px;bottom:25px;z-index:100;display:flex;flex-direction:column;gap:10px;max-width:390px;pointer-events:none}
.toast{display:flex;align-items:center;gap:10px;background:var(--navy);color:#fff;padding:14px 18px;border-radius:10px;box-shadow:0 5px 25px #172b3b30;font-size:12px;animation:toast-in .2s ease-out;pointer-events:auto}
.toast.error{background:#91433e}
.toast .icon{color:#8ad1bd;width:17px;height:17px}
.toast.error .icon{color:#ffd2ca}
@keyframes toast-in{from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}
.login-story{background:var(--navy);padding:50px 62px;display:flex;flex-direction:column;color:#fff;overflow:hidden;position:relative}
.login-story .brand{padding:0}
.login-story-content{margin:auto 0;position:relative;max-width:530px;padding:60px 0}
.login-story .eyebrow{color:#81cdb8;font-size:11px;margin-bottom:18px}
.login-story h1{font-size:46px;line-height:1.15;letter-spacing:-1.7px;font-weight:700;max-width:450px}
.login-story p{color:#9baec1;font-size:14px;line-height:1.9;margin-top:22px;max-width:420px}
.login-features{display:flex;flex-direction:column;gap:18px;margin-top:39px}
.login-feature{display:flex;align-items:center;gap:13px;color:#c1d2df;font-size:13px}
.login-feature .icon{color:#77bca9;width:19px;height:19px}
.login-story-footer{color:#768da6;font-size:11px;display:flex;gap:8px;align-items:center}
.login-art{position:absolute;width:460px;height:460px;right:-285px;bottom:70px;border:1px solid #274053;border-radius:50%;box-shadow:0 0 0 50px #1b304340,0 0 0 100px #1b30432a,0 0 0 150px #1b30431c;pointer-events:none}
.login-form-side{display:flex;align-items:center;justify-content:center;padding:48px}
.login-panel{max-width:370px;width:100%}
.login-panel h2{font-size:27px;letter-spacing:-.7px;margin-top:20px}
.login-panel .login-sub{font-size:12px;line-height:1.8;color:var(--muted);margin:10px 0 29px}
.login-panel .field{min-height:44px}
.login-panel .form-group{margin-bottom:19px}
.login-panel .button{width:100%;min-height:44px;margin-top:5px}
.login-panel .form-group label{font-size:12px}
.login-lock{width:45px;height:45px;color:var(--teal);background:var(--teal-soft);border-radius:13px;display:grid;place-items:center}
.login-help{font-size:11px;line-height:1.8;color:#8795a2;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}
.login-panel .form-error{margin-top:15px}
.login-legal{font-size:10px;color:#9aa6b1;margin-top:24px;line-height:1.7}
.employee-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.mailbox-card{padding:25px}
.mailbox-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}
.mailbox-heading .integration-icon{width:43px;height:43px;color:var(--teal);background:#f2f8f5}
.mailbox-card p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:18px}
.employee-device{border-top:1px solid var(--line);padding:15px 0;display:flex;align-items:center;gap:12px}
.employee-device:first-child{border-top:0}
.employee-device .device-body{flex:1}
.employee-device strong{font-size:12px}
.employee-device p{font-size:11px;color:var(--muted);margin-top:4px}
.privacy-list{font-size:12px;line-height:1.9;color:var(--muted);margin:0;padding-left:18px}
.mobile-brand{display:none}
.demo-banner{padding:10px 20px;background:#fff0c5;color:#75500a;font-size:12px;font-weight:600;text-align:center}
.is-hidden{display:none!important}
.pending-mini{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid #edf1f4}
.pending-mini:first-child{border-top:0}
.pending-mini .pending-content{flex:1;min-width:0}
.pending-mini strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pending-mini small{font-size:10px;color:var(--muted);display:block;margin-top:3px}
.pending-mini .button{flex:none}
.auth-banner{margin-bottom:16px}
.device-count-note{font-size:10px;color:var(--muted);margin-top:3px}
.table td.empty-cell{padding:0}
.notice button{margin-left:auto;align-self:center;flex:none}
.refresh-time{white-space:nowrap}
.mobile-menu{display:none}
.auth-screen-message{padding:20px}
.map-controls{display:flex;align-items:center;gap:10px}
.map-count{font-size:10px;color:var(--muted)}

@media(min-width:1600px){.content{padding-top:34px}
.overview-grid{grid-template-columns:minmax(0,1.6fr) minmax(380px,1fr)}
.stats{gap:22px}
.stat{padding:23px 25px}
.event{padding:21px 0}
.map-wrap{padding:0 24px}
}

@media(max-width:1200px){.layout{grid-template-columns:210px minmax(0,1fr)}
.sidebar{width:210px;padding-left:13px;padding-right:13px}
.topbar{padding:0 24px}
.content{padding:25px 24px}
.overview-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr)}
.stats{gap:12px}
.stat{padding:17px 15px}
.stat-top{font-size:11px}
.stat-icon{width:28px;height:28px}
.page-heading h1{font-size:25px}
.connection{display:none}
.table th,.table td{padding-left:17px;padding-right:17px}
.login-story{padding:40px}
.login-story h1{font-size:40px}
.heading-actions .notify-label{display:none}
}

@media(max-width:1000px){.overview-grid{grid-template-columns:1fr}
.overview-grid>.card:last-child .events-list{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
.overview-grid>.card:last-child .event:nth-last-child(2){border-bottom:0}
.stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.section-grid,.settings-grid{grid-template-columns:1fr}
.bottom-grid{grid-template-columns:1fr 1fr}
.employee-grid{grid-template-columns:1fr}
.page-heading{align-items:flex-start}
.heading-actions{flex-wrap:wrap;justify-content:flex-end}
.login-story h1{font-size:35px}
.login-story p{font-size:13px}
.login-story{padding:35px}
.login-form-side{padding:35px}
}

@media(max-width:760px){.layout{grid-template-columns:1fr}
.sidebar{transform:translateX(-100%);transition:transform .2s;width:235px;box-shadow:10px 0 40px #0714212b}
.sidebar.open{transform:translateX(0)}
.workspace{grid-column:1}
.topbar{height:65px;padding:0 18px}
.mobile-menu{display:grid;place-items:center;width:31px;height:31px;background:#edf3f3;color:#57757d;border-radius:7px}
.breadcrumb{gap:8px}
.breadcrumb>.icon,.breadcrumb>.breadcrumb-org,.breadcrumb>.breadcrumb-slash{display:none}
.topbar-actions{gap:10px}
.user-block{border:0;padding:0;gap:7px}
.user-block .user-text{display:none}
.user-block .avatar{width:29px;height:29px;font-size:10px}
.content{padding:23px 17px}
.page-heading{flex-direction:column;gap:15px;margin-bottom:21px}
.page-heading h1{font-size:26px}
.page-heading p{font-size:11px}
.heading-actions{justify-content:flex-start}
.heading-actions .notify-label{display:inline}
.stats{gap:10px;margin-bottom:18px}
.stat{border-radius:12px;padding:16px}
.stat-value{font-size:29px}
.stat-foot{font-size:10px}
.stat-top{font-size:11px}
.overview-grid{gap:18px}
.bottom-grid{grid-template-columns:1fr;gap:18px;margin-top:18px}
.card{border-radius:12px}
.card-header{padding:18px 17px 14px}
.card-body{padding:0 17px 18px}
.map-wrap{padding:0 12px}
.map-legend{gap:12px}
.map-note{padding:11px 17px}
.seat-strip{padding:14px 17px;gap:10px}
.events-list{padding:0 17px}
.overview-grid>.card:last-child .events-list{display:block}
.overview-grid>.card:last-child .event:nth-last-child(2){border-bottom:1px solid #edf1f4}
.page-footer{flex-direction:column;gap:7px;font-size:9px}
.toolbar{flex-wrap:wrap;padding:0 17px 15px;gap:10px}
.search-field{min-width:180px;max-width:none}
.filter{min-width:150px}
.section-grid{gap:18px}
.table th,.table td{padding:13px 16px}
.table .table-primary,.table .table-secondary{max-width:230px}
.login-page{display:block;min-height:100vh}
.login-story{padding:25px 28px}
.login-story .brand{padding:0}
.login-story .brand-mark{height:38px;width:35px;font-size:20px}
.login-story .brand-name{font-size:21px}
.login-story-content{padding:33px 0 12px}
.login-story h1{font-size:31px;max-width:350px}
.login-story p{display:none}
.login-story .eyebrow{font-size:9px;margin-bottom:12px}
.login-features,.login-story-footer{display:none}
.login-art{right:-370px;bottom:-150px}
.login-form-side{padding:30px 27px 40px}
.login-panel{max-width:440px}
.login-panel h2{font-size:24px;margin-top:0}
.login-lock{display:none}
.login-panel .login-sub{margin-bottom:23px}
.form-row{gap:12px}
.dialog-header{padding:22px 21px 15px}
.dialog-body{padding:0 21px 24px}
.dialog-header h2{font-size:18px}
.toast-region{right:17px;bottom:17px;left:17px;max-width:none}
.settings-grid{gap:18px}
.notice{font-size:11px}
.map-count{display:none}
.integration-row{gap:9px}
.integration-row .label{font-size:9px}
.user-block .logout{margin-left:4px}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

.settings-gap{height:22px}
.employee-info{margin-top:22px}
.seat-placement .map-pins{pointer-events:none}
.map-pin:focus-visible .pin-disc{stroke:#1b2d45;stroke-width:3}