:root{--paper:#f5f2e9;--white:#fffdf8;--ink:#17372f;--muted:#6d7974;--line:#d9d4c9;--coral:#ff846e;--mint:#a5d8cc;--yellow:#ffe05c}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.topbar{height:78px;padding:0 5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:var(--ink);color:#fff;position:sticky;top:0;z-index:20}.brand{color:inherit;text-decoration:none;font-size:18px;font-weight:900;letter-spacing:.08em;display:flex;align-items:center;gap:11px}.brand-mark{width:35px;height:35px;background:var(--yellow);color:var(--ink);border-radius:50% 50% 50% 12px;display:grid;place-items:center}.main-nav{height:100%;display:flex}.nav-item{border:0;background:transparent;color:#ffffffa5;padding:0 20px;font-weight:700;position:relative}.nav-item.active,.nav-item:hover{color:#fff}.nav-item.active:after{content:"";position:absolute;bottom:0;left:18px;right:18px;height:3px;background:var(--yellow)}.profile-menu{display:flex;justify-self:end;align-items:center;gap:14px}.company-chip{font-size:11px;border:1px solid #ffffff30;padding:6px 9px;border-radius:20px;color:#ffffffbf}.profile-copy{display:flex;flex-direction:column;text-align:right;font-size:12px}.profile-copy span{color:#ffffff88;font-size:10px;margin-top:2px}.profile-menu form{margin:0}.logout-button{background:transparent;border:1px solid #ffffff40;border-radius:50%;color:white;width:34px;height:34px}.content{width:min(1180px,90vw);margin:auto;padding:58px 0 80px}.hero-row,.view-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.eyebrow,.section-label{font-size:11px;font-weight:900;letter-spacing:.15em;margin:0 0 12px}.section-label{color:var(--coral)}h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(38px,4vw,58px);letter-spacing:-.035em;line-height:1;margin:0}.subline{color:var(--muted);font-size:15px}.primary-button{border:0;border-radius:4px;background:var(--ink);color:#fff;padding:15px 20px;font-weight:800;box-shadow:4px 4px 0 var(--yellow);white-space:nowrap}.primary-button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--yellow)}.primary-button span{margin-left:8px}.attention-grid{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:14px;margin-bottom:55px}.attention-card{min-height:112px;border-radius:6px;display:flex;align-items:center;gap:16px;padding:20px 22px;position:relative;border:1px solid #17372f29}.attention-card.coral{background:#ffd9d1}.attention-card.mint{background:#ceeae3}.attention-card.ink{background:var(--ink);color:white}.big-number{font-family:Georgia,serif;font-size:44px}.attention-card strong{display:block;font-size:14px}.attention-card p{margin:4px 0 0;font-size:12px;color:var(--muted)}.ink p{color:#ffffff99}.progress{position:absolute;bottom:16px;left:22px;right:22px;height:3px;background:#ffffff30}.progress span{display:block;height:100%;background:var(--yellow)}.schedule-section{border-top:1px solid var(--line);padding-top:30px}.schedule-header{display:flex;justify-content:space-between}.schedule-header h2{font-family:Georgia,serif;font-weight:500;font-size:29px}.toolbar{display:flex;justify-content:space-between;margin:20px 0 15px}.segmented{display:flex;gap:5px}.segmented button{border:1px solid transparent;background:transparent;padding:9px 14px;border-radius:20px;font-size:12px;font-weight:700}.segmented button.selected{background:var(--ink);color:#fff}.location-select{display:flex;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:4px;padding:0 10px}.location-select select{border:0;background:transparent;padding:9px}.shift-list{display:flex;flex-direction:column;gap:8px}.shift-card{min-height:102px;display:grid;grid-template-columns:92px 5px 1fr 285px 48px;background:var(--white);border:1px solid var(--line);border-radius:5px}.date-block{display:flex;flex-direction:column;justify-content:center;padding-left:23px}.date-block strong{font-size:12px;letter-spacing:.12em}.date-block span{font-size:11px;color:var(--muted);margin-top:4px}.color-stripe.event{background:var(--coral)}.color-stripe.store{background:var(--yellow)}.shift-info{padding:17px 25px}.time{font-size:11px;color:var(--muted);font-weight:700}.shift-info h3{margin:5px 0;font-size:17px}.shift-info p{margin:0;color:var(--muted);font-size:12px}.series-tag{font-family:Arial,sans-serif;font-size:9px;text-transform:uppercase;letter-spacing:.08em;background:var(--mint);padding:3px 6px;border-radius:9px;margin-left:9px;vertical-align:2px}.staffing{display:flex;align-items:center;gap:15px;border-left:1px solid var(--line);padding-left:25px}.avatar-stack{display:flex}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:900;border:2px solid var(--white);flex:none}.avatar.small,.empty-avatar{width:34px;height:34px;margin-left:-8px}.avatar-stack .avatar:first-child{margin-left:0}.empty-avatar{border:1px dashed #a8a99f;border-radius:50%;display:grid;place-items:center;background:var(--paper);font-size:11px;font-weight:800}.staff-status{font-size:11px;color:#3c7769;font-weight:700}.staff-status.warning{color:#cb5845}.more-button{border:0;border-left:1px solid var(--line);background:transparent;font-weight:900}.empty-state,.loading-state{padding:50px;text-align:center;border:1px dashed var(--line);background:#ffffff66}.empty-state h3{margin:8px}.empty-state p{font-size:13px;color:var(--muted)}.secondary-view{min-height:500px}.data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.data-card{display:flex;align-items:center;gap:14px;background:var(--white);border:1px solid var(--line);padding:20px}.data-card h3{margin:0 0 5px}.data-card p{margin:0;color:var(--muted);font-size:12px}.location-icon{width:38px;height:38px;background:var(--mint);border-radius:50%;display:grid;place-items:center}.modal{width:min(590px,calc(100% - 30px));max-height:90vh;overflow:auto;background:var(--paper);padding:38px;border:0;border-radius:7px;box-shadow:9px 9px 0 var(--yellow);color:var(--ink)}.modal::backdrop{background:#0a201bb8;backdrop-filter:blur(3px)}.modal h2{font-family:Georgia,serif;font-size:35px;font-weight:500;margin:0}.modal-intro{color:var(--muted);font-size:13px;line-height:1.6}.close-button{position:absolute;right:20px;top:15px;border:0;background:transparent;font-size:28px}.shift-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.shift-form label,#simpleFields{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:800}.shift-form .full{grid-column:1/-1}.shift-form input,.shift-form select,.shift-form textarea{border:1px solid var(--line);background:var(--white);border-radius:3px;padding:12px;outline:0}.shift-form input:focus,.shift-form select:focus,.shift-form textarea:focus{border-color:var(--ink);box-shadow:0 0 0 2px var(--mint)}.repeat-toggle{display:flex!important;flex-direction:row!important;align-items:center;background:#ceeae3;padding:14px;border:1px solid #91c7ba}.repeat-toggle input{width:18px;height:18px}.repeat-toggle span strong,.repeat-toggle span small{display:block}.repeat-toggle small{color:var(--muted);margin-top:3px}.repeat-panel{background:var(--white);border:1px solid var(--line);padding:16px;display:grid!important;grid-template-columns:1fr 1fr;align-items:end;gap:15px}.repeat-panel[hidden]{display:none!important}.repeat-panel div span,.repeat-panel div strong{display:block}.repeat-panel div span{font-size:11px;color:var(--muted)}.repeat-panel p{grid-column:1/-1;margin:0;font-size:12px;color:var(--muted)}.form-actions{display:flex;justify-content:flex-end;gap:12px}.secondary-button{border:1px solid var(--line);background:transparent;padding:12px 18px;border-radius:4px;font-weight:700}.small-modal{width:min(480px,calc(100% - 30px))}.assignment-box{border-top:1px solid var(--line);margin-top:26px;padding-top:20px}.assignment-box>div{display:flex;gap:9px}.assignment-box select{flex:1;border:1px solid var(--line);background:var(--white);padding:11px}.toast{position:fixed;z-index:60;right:24px;bottom:24px;background:var(--ink);color:white;padding:14px 18px;border-radius:4px;box-shadow:4px 4px 0 var(--yellow);font-size:13px;font-weight:700}.toast.error{background:#8b3226}.auth-page{background:var(--ink)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-brand{background:var(--ink);color:#fff;padding:7vh 8vw;display:flex;flex-direction:column;justify-content:space-between}.auth-brand h1{font-size:clamp(48px,6vw,82px)}.auth-brand p:not(.eyebrow){max-width:500px;line-height:1.7;color:#ffffffa0}.auth-brand small{color:#ffffff70}.auth-form-wrap{background:var(--paper);display:grid;place-items:center;padding:40px}.auth-form{width:min(420px,100%)}.auth-form h2{font-family:Georgia,serif;font-weight:500;font-size:38px;margin:0}.auth-form>p:not(.section-label){color:var(--muted);margin-bottom:30px}.auth-form label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:800;margin:16px 0}.auth-form label small{color:var(--muted);font-weight:400}.auth-form input{padding:13px;border:1px solid var(--line);background:var(--white)}.auth-form .primary-button{width:100%;margin-top:12px}.auth-switch{text-align:center;font-size:12px;margin-top:25px;color:var(--muted)}.auth-switch a{color:var(--ink);font-weight:800}.form-error{background:#ffd9d1;border-left:4px solid var(--coral);padding:12px;font-size:12px;margin:16px 0}@media(max-width:850px){.topbar{grid-template-columns:1fr auto}.main-nav{position:fixed;bottom:0;left:0;right:0;height:62px;background:var(--ink);z-index:30;justify-content:space-around}.nav-item{flex:1;padding:0}.company-chip,.profile-copy{display:none}.content{width:92vw;padding:35px 0 95px}.attention-grid{grid-template-columns:1fr}.shift-card{grid-template-columns:72px 5px 1fr 42px}.staffing{grid-column:3;border-left:0;border-top:1px solid var(--line);padding:10px 15px}.more-button{grid-column:4;grid-row:1/3}.data-grid{grid-template-columns:1fr 1fr}.auth-shell{grid-template-columns:1fr}.auth-brand{min-height:40vh;padding:40px}.auth-brand small{display:none}.auth-form-wrap{padding:50px 25px}}@media(max-width:600px){.hero-row,.view-heading{flex-direction:column;align-items:flex-start}.toolbar{flex-direction:column;gap:10px}.location-select{align-self:flex-start}.shift-card{grid-template-columns:65px 4px 1fr 36px}.shift-info{padding:14px}.staffing{padding-left:14px}.shift-form{grid-template-columns:1fr}.shift-form .full{grid-column:auto}.data-grid{grid-template-columns:1fr}.modal{padding:28px 22px;box-shadow:5px 5px 0 var(--yellow)}}
.status-shell{min-height:100vh;background:var(--ink);padding:7vh 8vw;color:#fff}.status-card{width:min(620px,100%);margin:12vh auto 0;background:var(--paper);color:var(--ink);padding:50px;text-align:center;box-shadow:9px 9px 0 var(--yellow)}.status-symbol{width:64px;height:64px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);font-size:28px}.status-card h1{font-size:46px}.status-card>p:not(.section-label){color:var(--muted);line-height:1.7}.status-user{display:flex;flex-direction:column;margin:24px 0;color:var(--muted);font-size:12px}.status-user strong{color:var(--ink);font-size:14px;margin-bottom:4px}.admin-page{background:#eeeade;min-height:100vh}.admin-topbar{height:76px;background:#102922;color:#fff;padding:0 5vw;display:flex;align-items:center;justify-content:space-between}.admin-topbar .brand b,.admin-login-shell .brand b{font-size:9px;letter-spacing:.12em;background:var(--coral);padding:4px 6px;margin-left:2px}.admin-topbar>div{display:flex;align-items:center;gap:18px;font-size:12px}.admin-topbar form{margin:0}.admin-topbar button{background:transparent;color:#fff;border:1px solid #ffffff40;padding:8px 12px}.admin-content{width:min(1280px,92vw);margin:auto;padding:50px 0 80px}.admin-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.admin-heading h1{font-size:55px}.admin-heading p:last-child{color:var(--muted)}.admin-date{font-size:12px;color:var(--muted)}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:30px}.admin-stats article{background:var(--white);border:1px solid var(--line);padding:20px;display:flex;align-items:baseline;gap:10px}.admin-stats strong{font-family:Georgia,serif;font-size:36px}.admin-stats span{font-size:12px;color:var(--muted)}.company-list{display:flex;flex-direction:column;gap:8px}.company-row{display:grid;grid-template-columns:1.4fr 1.15fr 1fr .65fr auto;align-items:center;gap:20px;background:var(--white);border:1px solid var(--line);padding:18px 20px}.company-identity{display:flex;align-items:center;gap:13px}.company-identity>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--mint);font-weight:900;font-size:12px}.company-identity h2{font-size:16px;margin:0 0 4px}.company-identity p,.company-owner span{font-size:10px;color:var(--muted);margin:0}.company-owner{display:flex;flex-direction:column}.company-owner small{font-size:8px;letter-spacing:.12em;color:var(--muted);margin-bottom:4px}.company-owner strong{font-size:12px}.company-usage{display:flex;gap:14px;font-size:10px;color:var(--muted)}.company-usage strong{color:var(--ink)}.status-pill{font-size:10px;font-weight:800;padding:6px 9px;border-radius:16px}.status-pill.pending{background:#fff0ad}.status-pill.active{background:#cce9df;color:#286658}.status-pill.suspended,.status-pill.rejected{background:#ffd9d1;color:#8b3226}.company-actions{display:flex;gap:6px;justify-content:flex-end}.company-actions form{margin:0}.company-actions button{padding:8px 10px;border-radius:3px;font-size:10px;font-weight:800}.approve-button{background:var(--ink);color:#fff;border:1px solid var(--ink)}.reject-button{background:transparent;border:1px solid var(--line)}.admin-auth-page{background:#102922}.admin-login-shell{min-height:100vh;padding:7vh 8vw;color:#fff}.admin-login-card{background:var(--paper);color:var(--ink);padding:40px;width:min(440px,100%);margin:10vh auto 0;box-shadow:8px 8px 0 var(--yellow)}@media(max-width:900px){.company-row{grid-template-columns:1fr 1fr}.company-actions{justify-content:flex-start}.admin-stats{grid-template-columns:1fr 1fr}}@media(max-width:600px){.status-card{padding:30px 20px}.company-row{grid-template-columns:1fr}.admin-stats{grid-template-columns:1fr 1fr}.admin-heading{align-items:flex-start;flex-direction:column}.company-usage{padding:8px 0}.admin-login-shell{padding:30px 20px}}
.role-badge{display:inline-block;margin-top:7px;padding:4px 7px;border-radius:12px;background:#e5e1d7;color:var(--muted);font-size:9px;font-weight:800}.role-badge.admin{background:#d8d0f6;color:#503c86}.role-badge.both{background:#ceeae3;color:#286658}.field-hint{font-size:10px!important;font-weight:400;color:var(--muted);line-height:1.5}.credentials-modal{text-align:center}.success-mark{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 16px;border-radius:50%;background:var(--mint);font-size:23px;font-weight:900}.credential-card{display:grid;grid-template-columns:1fr 1.5fr;text-align:left;background:var(--white);border:1px solid var(--line);padding:18px;margin:22px 0;gap:10px}.credential-card span{font-size:10px;color:var(--muted)}.credential-card strong,.credential-card code{font-size:12px;overflow-wrap:anywhere}.credential-card code{background:var(--yellow);padding:5px;font-weight:800}
.sa-body{margin:0;background:#f4f5f1;color:#18362f}.sa-shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.sa-sidebar{position:sticky;top:0;height:100vh;background:#142e27;color:#fff;padding:28px 18px 20px;display:flex;flex-direction:column}.sa-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-size:16px;font-weight:900;letter-spacing:.07em;padding:0 10px 30px}.sa-brand>span:last-child{display:flex;flex-direction:column}.sa-brand small{font-size:8px;color:#9ab0a9;letter-spacing:.2em;margin-top:3px}.sa-nav{display:flex;flex-direction:column;gap:5px}.sa-nav p{font-size:8px;letter-spacing:.16em;color:#708b83;margin:24px 13px 8px}.sa-nav a{display:flex;align-items:center;gap:11px;color:#a9bcb6;text-decoration:none;padding:11px 13px;border-radius:10px;font-size:12px;font-weight:700}.sa-nav a>span{font-size:17px;width:20px;text-align:center}.sa-nav a b{margin-left:auto;background:#27473e;padding:3px 7px;border-radius:10px;font-size:9px}.sa-nav a:hover,.sa-nav a.active{background:#29473f;color:#fff}.sa-nav a.active{box-shadow:inset 3px 0 #ffe05c}.sa-profile{margin-top:auto;border-top:1px solid #ffffff18;padding:18px 8px 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.sa-avatar{width:36px;height:36px;border-radius:11px;background:#ffe05c;color:#17372f;display:grid;place-items:center;font-size:10px;font-weight:900}.sa-profile div{display:flex;flex-direction:column;min-width:0}.sa-profile strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-profile div span{font-size:9px;color:#829b94;margin-top:3px}.sa-profile form{margin:0}.sa-profile button{border:0;background:transparent;color:#8da49d;font-size:17px}.sa-main{padding:44px clamp(28px,4vw,64px) 28px;min-width:0}.sa-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.sa-header p{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#87928e;margin:0 0 8px}.sa-header h1{font-size:38px;font-family:Georgia,serif;font-weight:500;letter-spacing:-.03em;margin:0}.sa-header>div>span{display:block;color:#7b8883;font-size:12px;margin-top:7px}.sa-live{background:#e4efe9;color:#397565;border:1px solid #cfe1d9;padding:9px 12px;border-radius:22px;font-size:10px;font-weight:700}.sa-live i,.sa-footer i{display:inline-block;width:7px;height:7px;background:#55ac8d;border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px #55ac8d22}.sa-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:22px}.sa-metrics article{position:relative;min-height:142px;background:#fff;border:1px solid #e2e4de;border-radius:16px;padding:19px;overflow:hidden;box-shadow:0 4px 18px #1a382f0a}.sa-metrics article:after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;right:-25px;bottom:-27px;background:currentColor;opacity:.08}.sa-metrics article.violet{color:#6954a5}.sa-metrics article.amber{color:#b57721}.sa-metrics article.green{color:#337c69}.sa-metrics article.rose{color:#ad5b65}.metric-icon{position:absolute;right:17px;top:17px;width:32px;height:32px;border-radius:10px;background:currentColor;color:#fff;display:grid;place-items:center;font-size:14px}.sa-metrics article>span{display:block;color:#78837f;font-size:10px;font-weight:700;margin-bottom:12px;padding-right:35px}.sa-metrics article>strong{display:block;color:#17372f;font-family:Georgia,serif;font-size:38px;font-weight:500;line-height:1}.sa-metrics article>small{display:block;color:#98a09d;font-size:9px;margin-top:10px}.sa-panel{background:#fff;border:1px solid #e2e4de;border-radius:18px;box-shadow:0 8px 32px #1a382f0a;overflow:hidden}.sa-panel-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 17px}.sa-panel-head h2{margin:0;font-size:18px}.sa-panel-head p{margin:4px 0 0;color:#8b9591;font-size:10px}.sa-search{width:min(310px,40%);height:38px;border:1px solid #dfe3dc;background:#f8f9f6;border-radius:10px;display:flex;align-items:center;padding:0 12px;gap:8px}.sa-search span{font-size:18px;color:#8a9691}.sa-search input{border:0;outline:0;background:transparent;width:100%;font-size:11px}.sa-filters{display:flex;gap:4px;padding:0 24px 14px;border-bottom:1px solid #edf0eb}.sa-filters button{border:0;background:transparent;color:#7e8985;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:700}.sa-filters button span{background:#eef0ec;border-radius:10px;padding:2px 6px;margin-left:4px;font-size:8px}.sa-filters button.active{background:#17372f;color:#fff}.sa-filters button.active span{background:#ffffff22}.sa-table-header,.sa-company-row{display:grid;grid-template-columns:1.4fr 1.25fr .8fr .7fr .65fr 1fr;align-items:center;gap:14px}.sa-table-header{padding:10px 24px;background:#f8f9f6;color:#909995;font-size:8px;letter-spacing:.09em;text-transform:uppercase}.sa-company-row{padding:15px 24px;border-top:1px solid #edf0eb;min-height:76px}.sa-company-row[hidden]{display:none}.sa-company-row:hover{background:#fbfcf9}.sa-company{display:flex;align-items:center;gap:11px;min-width:0}.sa-company>span{width:38px;height:38px;flex:none;border-radius:12px;background:#d9d1f2;color:#5d4c91;display:grid;place-items:center;font-size:10px;font-weight:900}.sa-company>div,.sa-owner{display:flex;flex-direction:column;min-width:0}.sa-company strong,.sa-owner strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-company small,.sa-owner span{font-size:9px;color:#929c98;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-usage{display:flex;flex-direction:column;gap:4px;color:#8c9692;font-size:9px}.sa-usage b{color:#304f47}.sa-company-row time{color:#7f8a86;font-size:9px}.sa-status{justify-self:start;display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:800;padding:6px 8px;border-radius:12px}.sa-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.sa-status.pending{background:#fff3ca;color:#956617}.sa-status.active{background:#dff1ea;color:#357b69}.sa-status.suspended,.sa-status.rejected{background:#f8e2e0;color:#a35451}.sa-actions{display:flex;justify-content:flex-end;gap:5px}.sa-actions form{margin:0}.sa-actions button{border-radius:8px;padding:8px 10px;font-size:9px;font-weight:800;white-space:nowrap}.sa-primary-action{border:1px solid #17372f;background:#17372f;color:#fff}.sa-quiet-action{border:1px solid #dfe3de;background:#fff;color:#67736f}.sa-actions button:hover{transform:translateY(-1px)}.sa-empty{text-align:center;padding:58px;color:#8a9591}.sa-empty span{font-size:27px}.sa-empty h3{color:#17372f;margin:10px 0 4px}.sa-empty p{font-size:10px}.sa-footer{display:flex;justify-content:space-between;margin-top:18px;color:#89938f;font-size:9px;padding:0 4px}.sa-footer i{width:6px;height:6px}.sa-footer small{font-size:9px}@media(max-width:1100px){.sa-shell{grid-template-columns:78px 1fr}.sa-sidebar{padding-left:12px;padding-right:12px}.sa-brand>span:last-child,.sa-nav p,.sa-nav a:not(.active)>b,.sa-nav a{font-size:0}.sa-brand{justify-content:center;padding-left:0;padding-right:0}.sa-nav a{justify-content:center}.sa-nav a>span{font-size:18px}.sa-profile{display:flex;justify-content:center}.sa-profile div,.sa-profile form{display:none}.sa-table-header,.sa-company-row{grid-template-columns:1.3fr 1.1fr .65fr .65fr .8fr}.sa-table-header span:nth-child(3),.sa-usage{display:none}.sa-metrics{grid-template-columns:1fr 1fr}}@media(max-width:720px){.sa-shell{display:block}.sa-sidebar{position:static;width:100%;height:68px;flex-direction:row;align-items:center;padding:10px 18px}.sa-brand{padding:0}.sa-nav{margin-left:auto;flex-direction:row}.sa-nav a{display:none}.sa-nav a.active{display:flex}.sa-profile{margin:0 0 0 10px;padding:0;border:0}.sa-main{padding:28px 14px}.sa-header{flex-direction:column;gap:15px}.sa-live{align-self:flex-start}.sa-metrics{grid-template-columns:1fr 1fr}.sa-panel-head{align-items:flex-start;flex-direction:column;gap:14px}.sa-search{width:100%}.sa-filters{overflow:auto;padding-bottom:12px}.sa-table-header{display:none}.sa-company-row{grid-template-columns:1fr auto;padding:17px}.sa-owner,.sa-company-row time{display:none}.sa-status{grid-column:2;grid-row:1}.sa-actions{grid-column:1/-1;justify-content:flex-start;padding-top:10px}.sa-footer{flex-direction:column;gap:6px}}@media(max-width:440px){.sa-metrics{grid-template-columns:1fr}.sa-header h1{font-size:32px}}
.sa-login-body{margin:0;background:#f4f5f1}.sa-login-layout{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.sa-login-brand{position:relative;overflow:hidden;background:#142e27;color:#fff;padding:48px clamp(35px,6vw,90px);display:flex;flex-direction:column;justify-content:space-between}.sa-login-brand:before{content:"";position:absolute;width:430px;height:430px;border:1px solid #ffffff0d;border-radius:50%;right:-170px;top:-150px;box-shadow:0 0 0 80px #ffffff05,0 0 0 160px #ffffff03}.sa-login-brand .sa-brand{padding:0;position:relative}.sa-login-message{position:relative;max-width:610px}.sa-kicker{display:inline-flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid #ffffff15;border-radius:20px;padding:7px 11px;color:#b5c8c2;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sa-kicker i{width:7px;height:7px;border-radius:50%;background:#ffe05c;box-shadow:0 0 0 4px #ffe05c22}.sa-login-message h1{font-size:clamp(48px,6vw,78px);line-height:.98;color:#fff;margin:24px 0;font-weight:500}.sa-login-message h1 em{color:#ffe05c;font-style:normal}.sa-login-message>p{max-width:520px;color:#a9bdb6;font-size:14px;line-height:1.7}.sa-login-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.sa-login-points span{display:flex;align-items:center;gap:7px;color:#c6d3cf;font-size:10px}.sa-login-points b{width:20px;height:20px;border-radius:7px;display:grid;place-items:center;background:#2b4a41;color:#ffe05c}.sa-login-brand>small{position:relative;color:#6f8a81;font-size:9px}.sa-login-form-side{display:grid;place-items:center;padding:40px}.sa-login-form{width:min(410px,100%);background:#fff;border:1px solid #e1e4de;border-radius:22px;padding:40px;box-shadow:0 24px 70px #17372f12}.sa-lock{width:45px;height:45px;border-radius:14px;background:#dcd4f4;color:#5e4c93;display:grid;place-items:center;font-size:20px;margin-bottom:28px}.sa-login-form h2{font-family:Georgia,serif;font-size:34px;font-weight:500;margin:0}.sa-login-form>p:not(.section-label){font-size:11px;color:#8a9590;margin:8px 0 26px}.sa-login-form label{display:flex;flex-direction:column;gap:7px;margin:15px 0;color:#425b54;font-size:10px;font-weight:800}.sa-login-form input{height:45px;border:1px solid #dfe3dd;background:#f9faf7;border-radius:10px;padding:0 13px;outline:0;font-size:12px}.sa-login-form input:focus{border-color:#7f9e94;box-shadow:0 0 0 3px #a5d8cc33}.sa-login-button{width:100%;height:47px;margin-top:8px;border:0;border-radius:10px;background:#17372f;color:#fff;font-weight:800;font-size:11px;box-shadow:0 8px 22px #17372f26}.sa-login-button span{float:right;font-size:16px}.sa-login-button:hover{background:#214a40;transform:translateY(-1px)}.sa-login-help{display:block;text-align:center;color:#a0aaa6;font-size:8px;margin-top:18px}@media(max-width:800px){.sa-login-layout{grid-template-columns:1fr}.sa-login-brand{min-height:42vh;padding:32px}.sa-login-message h1{font-size:46px}.sa-login-points,.sa-login-brand>small{display:none}.sa-login-form-side{padding:28px 18px}.sa-login-form{padding:30px 24px}}