:root{--bg:#f4f6f8;--surface:#fff;--surface-soft:#f8fafc;--sidebar:#101820;--sidebar-muted:#8da0b5;--border:#dfe5ec;--border-strong:#c7d0db;--text:#17202a;--muted:#647282;--primary:#0f766e;--primary-strong:#0b5f59;--primary-soft:#e7f5f2;--danger:#c2412d;--danger-soft:#fff1ed;--warning:#a16207;--warning-soft:#fff7db;--success:#15803d;--success-soft:#eaf8ef;--shadow:0 14px 40px #10182014}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:6px;font-size:28px;line-height:1.18}h2{letter-spacing:0;margin:24px 0 12px;font-size:19px;line-height:1.25}h3{letter-spacing:0;margin:22px 0 10px;font-size:15px;line-height:1.35}.marketing{color:#17202a;background:#fff;min-height:100vh}.marketing-header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-bottom:1px solid #edf1f4;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:74px;padding:0 clamp(22px,5vw,72px);display:grid;position:sticky;top:0}.marketing-brand,.marketing-nav,.marketing-login,.marketing-btn{text-decoration:none}.marketing-brand{letter-spacing:0;align-items:center;gap:10px;width:max-content;font-size:16px;font-weight:800;display:inline-flex}.marketing-logo,.brand-logo{object-fit:contain;background:#fff;border-radius:10px;flex:none;display:block}.marketing-logo{width:42px;height:42px;padding:2px;box-shadow:0 10px 24px #a75b3426}.marketing-nav{color:#566575;align-items:center;gap:28px;font-size:14px;font-weight:700;display:inline-flex}.marketing-login{color:#17202a;border:1px solid #d9e2e8;border-radius:7px;justify-self:end;align-items:center;min-height:38px;padding:0 14px;font-size:14px;font-weight:800;display:inline-flex}.marketing-hero{border-bottom:1px solid #edf1f4;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);align-items:start;gap:clamp(34px,6vw,84px);min-height:720px;padding:clamp(82px,9vw,112px) clamp(22px,5vw,72px) 68px;display:grid}.hero-copy{max-width:650px}.hero-copy h1,.page-title h1{color:#111922;letter-spacing:0;margin-bottom:20px;font-size:clamp(48px,6vw,78px);font-weight:850;line-height:.97}.hero-copy p,.page-title p,.marketing-section p{color:#526170;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.marketing-btn{color:#fff;background:#0f766e;border:1px solid #0f766e;border-radius:7px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-size:15px;font-weight:800;display:inline-flex}.marketing-btn.secondary{color:#17202a;background:#fff;border-color:#d9e2e8}.product-preview{background:#f7fafb;border:1px solid #dce5ec;border-radius:8px;min-height:520px;overflow:hidden;box-shadow:0 34px 90px #11192229}.preview-top{color:#53616f;background:#fff;border-bottom:1px solid #dce5ec;justify-content:space-between;align-items:center;height:54px;padding:0 18px;font-size:13px;font-weight:800;display:flex}.preview-body{grid-template-columns:86px minmax(0,1fr);min-height:466px;display:grid}.preview-sidebar{background:#111922;flex-direction:column;gap:12px;padding:18px;display:flex}.preview-sidebar span{background:#ffffff1f;border-radius:7px;height:36px}.preview-main{grid-template-rows:auto 150px 1fr;gap:18px;padding:22px;display:grid}.preview-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.preview-metric{background:#fff;border:1px solid #dce5ec;border-radius:8px;padding:16px}.preview-metric strong,.preview-metric span{display:block}.preview-metric strong{margin-bottom:4px;font-size:28px;line-height:1}.preview-metric span{color:#607080;font-size:12px;font-weight:800}.preview-metric.good strong{color:#15803d}.preview-metric.neutral strong{color:#0f766e}.preview-timeline{background:#fff;border:1px solid #dce5ec;border-radius:8px;align-items:end;gap:4px;padding:18px;display:flex}.preview-timeline span{background:#0f766e;border-radius:4px 4px 0 0;flex:1;height:70%}.preview-timeline span:nth-child(2n){height:48%}.preview-timeline span:nth-child(3n){height:88%}.preview-timeline span.warn{background:#d9a441}.preview-timeline span.idle{background:#cbd5de}.preview-table{gap:8px;display:grid}.preview-table div{background:#fff;border:1px solid #dce5ec;border-radius:8px;justify-content:space-between;align-items:center;padding:13px 14px;display:flex}.preview-table span{font-size:14px;font-weight:800}.preview-table b{color:#0f766e;font-size:12px}.proof-band{background:#edf1f4;border-bottom:1px solid #edf1f4;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.proof-item{background:#fff;min-height:260px;padding:34px}.proof-item h2,.marketing-section h2{color:#111922;letter-spacing:0;font-size:29px;line-height:1.12}.proof-item p{color:#5d6c7b;font-size:15px;line-height:1.65}.marketing-section{padding:clamp(60px,8vw,110px) clamp(22px,5vw,72px)}.marketing-section.split{grid-template-columns:minmax(0,.9fr) minmax(420px,1fr);align-items:start;gap:clamp(32px,6vw,80px);display:grid}.operations-list,.security-rows{gap:12px;display:grid}.operations-list div,.security-rows div,.about-grid section{background:#fff;border:1px solid #dce5ec;border-radius:8px;padding:22px}.operations-list strong,.operations-list span{display:block}.operations-list strong{color:#111922;margin-bottom:6px;font-size:16px}.operations-list span,.security-rows div{color:#5d6c7b;font-size:15px;line-height:1.55}.page-title{max-width:780px;margin-bottom:44px}.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.pricing-card{background:#fff;border:1px solid #dce5ec;border-radius:8px;flex-direction:column;gap:24px;min-height:500px;padding:24px;display:flex;box-shadow:0 18px 50px #11192212}.pricing-page .pricing-card{--pricing-white:#fff;--pricing-black:#101014;--pricing-paragraph:#cfd6dc;--pricing-line:#ffffff1f;--pricing-primary:#35d8f4;isolation:isolate;background-color:#101014;background-image:radial-gradient(at 88% 40%,#101014 0,#0000 85%),radial-gradient(at 49% 30%,#101014 0,#0000 85%),radial-gradient(at 14% 26%,#101014 0,#0000 85%),radial-gradient(at 0 64%,#006b7bf2 0,#0000 78%),radial-gradient(at 41% 94%,#039bb5e0 0,#0000 74%),radial-gradient(at 100% 99%,#063038fa 0,#0000 85%);border:1px solid #ffffff1a;border-radius:18px;min-height:500px;position:relative;overflow:hidden;box-shadow:0 28px 70px #0a0d1224,inset 0 -16px 24px #ffffff29}.pricing-card-border{pointer-events:none;z-index:0;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.pricing-page .pricing-card>:not(.pricing-card-border){z-index:1;position:relative}.pricing-card-border:before{content:"";transform-origin:0;background-image:linear-gradient(90deg,#0000 0%,#35d8f405 22%,#35d8f4d1 45% 56%,#ffffff0a 78%,#0000 100%);width:220%;height:9rem;animation:8s linear infinite pricing-card-rotate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}.pricing-card-border:after{content:"";background-color:#101014;background-image:radial-gradient(at 88% 40%,#101014 0,#0000 85%),radial-gradient(at 49% 30%,#101014 0,#0000 85%),radial-gradient(at 14% 26%,#101014 0,#0000 85%),radial-gradient(at 0 64%,#006b7bf2 0,#0000 78%),radial-gradient(at 41% 94%,#039bb5e0 0,#0000 74%),radial-gradient(at 100% 99%,#063038fa 0,#0000 85%);border-radius:17px;position:absolute;inset:1px;box-shadow:inset 0 0 0 1px #ffffff14}@keyframes pricing-card-rotate{to{transform:translate(-50%,-50%)rotate(360deg)}}.pricing-page .pricing-card h2,.pricing-page .pricing-card .price-row strong{color:var(--pricing-white)}.pricing-page .pricing-card p,.pricing-page .pricing-card .price-row span{color:var(--pricing-paragraph)}.pricing-page .pricing-card ul{gap:11px}.pricing-page .pricing-card li{min-height:24px;color:var(--pricing-white);align-items:center;gap:10px;padding-left:0;display:flex}.pricing-page .pricing-card li:before{content:none}.pricing-check{background:var(--pricing-primary);border-radius:999px;flex:none;place-items:center;width:18px;height:18px;display:grid;box-shadow:0 0 18px #35d8f457}.pricing-check svg{width:13px;height:13px;fill:var(--pricing-black)}.pricing-page .pricing-card .marketing-btn{color:#fff;background-image:linear-gradient(#35d8f4,#00748a);border:0;margin-top:auto;box-shadow:inset 0 -2px 25px -4px #fffffff5,0 14px 34px #00748a3d}.pricing-page .pricing-card .marketing-btn:hover{filter:brightness(1.06)}@media (prefers-reduced-motion:reduce){.pricing-card-border:before{animation:none}}.pricing-card h2{margin:0 0 8px;font-size:26px}.price-row strong,.price-row span{display:block}.price-row strong{color:#111922;font-size:42px;line-height:1}.price-row span{color:#607080;margin-top:8px;font-size:13px;font-weight:700}.pricing-card ul{gap:12px;margin:0 0 auto;padding:0;list-style:none;display:grid}.pricing-card li{color:#40505f;padding-left:22px;line-height:1.5;position:relative}.pricing-card li:before{content:"";background:#0f766e;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;left:0}.about-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.about-grid p{font-size:16px}.security-layout{grid-template-columns:minmax(0,.9fr) minmax(420px,1fr);align-items:start;gap:clamp(32px,6vw,80px);display:grid}.security-copy .marketing-btn{margin-top:18px}.marketing-footer{color:#607080;border-top:1px solid #edf1f4;justify-content:space-between;gap:18px;padding:28px clamp(22px,5vw,72px);font-size:13px;display:flex}.marketing-footer span:first-child{color:#111922;font-weight:800}.center{place-items:center;min-height:100vh;display:grid}.app{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.content{width:100%;max-width:1280px;margin:0 auto;padding:28px 32px 48px}.sidebar{background:var(--sidebar);color:#eef6f6;border-right:1px solid #ffffff14;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.brand-block{padding:22px 20px 18px}.brand{color:inherit;align-items:center;gap:12px;min-width:0;text-decoration:none;display:inline-flex}.brand-logo{width:38px;height:38px;padding:2px;box-shadow:0 10px 24px #0003}.brand-name,.brand-subtitle,.account-name,.account-email{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.brand-name{font-size:15px;font-weight:750}.brand-subtitle{color:var(--sidebar-muted);margin-top:2px;font-size:12px}.nav{flex-direction:column;gap:4px;padding:4px 12px;display:flex}.nav a{color:#b9c7d6;border-radius:7px;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none}.nav a:hover,.nav a.active{color:#fff;background:#ffffff14}.sidebar-footer{border-top:1px solid #ffffff14;margin-top:auto;padding:14px}.account-link{color:#fff;align-items:center;gap:10px;min-width:0;margin:12px 0;text-decoration:none;display:flex}.avatar{color:#d8f7f1;background:#22313d;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.account-name{max-width:178px;font-size:13px;font-weight:700}.account-email{color:var(--sidebar-muted);max-width:178px;margin-top:2px;font-size:12px}.role-chip{color:#d7e4ef;text-transform:uppercase;letter-spacing:0;border:1px solid #ffffff29;border-radius:999px;padding:3px 8px;font-size:11px}.page-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px;padding-bottom:18px;display:flex}.eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:0;margin-bottom:6px;font-size:12px;font-weight:800}.muted{color:var(--muted)}.small{font-size:12px}.strong{font-weight:700}.row{align-items:center;gap:12px;display:flex}.between{justify-content:space-between}.spacer{flex:1}.section-head{margin-top:24px}.grid2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:14px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px;box-shadow:0 1px #10182008}.login-screen{background:radial-gradient(circle at 18% 10%,#0f766e29,#0000 30%),radial-gradient(circle at 86% 18%,#d9a4411a,#0000 26%),linear-gradient(135deg,#fff 0%,#f6faf9 48%,#eef5f3 100%);grid-template-columns:minmax(560px,1fr) minmax(420px,520px);align-items:center;gap:clamp(34px,5vw,78px);min-height:100vh;padding:clamp(34px,5vw,76px);display:grid}.login-panel{max-width:760px}.login-panel .brand{color:var(--text);margin-bottom:34px}.login-copy h1{color:#0a0d12;letter-spacing:0;max-width:700px;margin-bottom:18px;font-size:clamp(46px,5vw,70px);line-height:.98}.login-copy p{color:#526170;max-width:640px;font-size:17px;line-height:1.7}.login-showcase{background:#ffffffd1;border:1px solid #dce5ec;border-radius:18px;max-width:690px;margin-top:34px;overflow:hidden;box-shadow:0 28px 80px #1018201f}.login-showcase-top{color:#53616f;border-bottom:1px solid #e2e8ef;justify-content:space-between;align-items:center;min-height:52px;padding:0 18px;font-size:13px;font-weight:800;display:flex}.login-showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 18px 0;display:grid}.login-showcase-grid div,.login-showcase-list div{background:#fff;border:1px solid #e1e7ee;border-radius:12px}.login-showcase-grid div{padding:14px}.login-showcase-grid strong,.login-showcase-grid span{display:block}.login-showcase-grid strong{color:#0f766e;font-size:26px;line-height:1}.login-showcase-grid span{color:#647282;margin-top:5px;font-size:12px;font-weight:800}.login-activity-chart{background:#fff;border:1px solid #e1e7ee;border-radius:14px;align-items:end;gap:5px;height:130px;margin:14px 18px;padding:16px;display:flex}.login-activity-chart span{background:#0f766e;border-radius:6px 6px 0 0;flex:1;height:64%}.login-activity-chart span:nth-child(2n){height:42%}.login-activity-chart span:nth-child(3n){height:78%}.login-activity-chart span.warn{background:#d9a441}.login-activity-chart span.idle{background:#cbd5de}.login-showcase-list{gap:8px;padding:0 18px 18px;display:grid}.login-showcase-list div{justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.login-showcase-list span{color:#111922;font-size:13px;font-weight:800}.login-showcase-list b{color:#0f766e;font-size:12px}.login-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:690px;margin-top:16px;display:grid}.login-metrics div{background:#ffffffc7;border:1px solid #dce5ec;border-radius:14px;padding:16px}.login-metrics strong,.login-metrics span{display:block}.login-metrics strong{font-size:14px}.login-metrics span{color:var(--muted);margin-top:4px;font-size:12px}.login-card{box-shadow:var(--shadow);flex-direction:column;gap:9px;padding:28px;display:flex}.login-card h2{margin:0 0 4px;font-size:24px}.login-card p{margin-bottom:12px}.login-form-card{background:#fffffff0;border:1px solid #edf0f4;border-radius:24px;flex-direction:column;justify-self:center;gap:10px;width:min(450px,100%);padding:34px;display:flex;box-shadow:0 32px 90px #10182029}.login-form-card h2{color:#151717;margin:0 0 6px;font-size:30px;line-height:1.1}.login-form-card p{color:#66717f;margin:0;font-size:14px;line-height:1.5}.login-form-card ::placeholder{color:#9aa3ad;font-family:inherit}.login-flex-column>label{color:#151717;margin:0;font-size:14px;font-weight:700}.login-input-form{background:#fff;border:1.5px solid #ecedec;border-radius:10px;align-items:center;height:50px;padding:0 12px;transition:border-color .18s,box-shadow .18s;display:flex}.login-input-form svg{fill:#151717;flex:none}.login-input{color:#151717;border:none;border-radius:10px;width:100%;height:100%;margin-left:10px;padding:0;font-size:14px}.login-input:focus{outline:none}.login-flex-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.login-remember{color:#151717;align-items:center;gap:7px;margin:0;font-size:14px;font-weight:400;display:inline-flex}.login-remember input{accent-color:#0f766e;width:14px;min-height:14px}.login-link-button{color:#0f766e;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:700;display:inline}.login-submit{color:#fff;cursor:pointer;background:#151717;border:none;border-radius:10px;width:100%;height:50px;margin:10px 0 0;font-size:15px;font-weight:700}.login-submit:hover{background:#252a2a}.login-submit:disabled{cursor:not-allowed;opacity:.68}.login-note{text-align:center;color:#151717}.login-line{text-align:center;color:#66717f;justify-content:center;align-items:center;gap:12px;margin:4px 0 0;display:flex;position:relative}.login-line:before,.login-line:after{content:"";background:#edf0f4;flex:1;height:1px}.login-social-button{color:#151717;cursor:pointer;background:#fff;border:1px solid #ededef;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;height:50px;margin-top:0;font-size:15px;font-weight:700;transition:border-color .18s,box-shadow .18s;display:flex}label,.form label{color:var(--muted);margin-top:8px;font-size:12px;font-weight:700;display:block}input,select{border:1px solid var(--border-strong);width:100%;min-height:38px;color:var(--text);background:#fff;border-radius:7px;padding:8px 10px;font-size:14px}input:focus,select:focus{border-color:var(--primary);outline:3px solid #0f766e29}select option,select optgroup{color:#111827;background:#fff}.btn{background:var(--primary);color:#fff;border:1px solid var(--primary);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:8px 13px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background:var(--primary-strong);border-color:var(--primary-strong)}.btn:disabled{cursor:not-allowed;opacity:.62}.btn.ghost{color:var(--primary);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--primary-soft);border-color:var(--primary-soft)}.btn.small{min-height:30px;padding:5px 9px;font-size:12px}.btn.danger{background:var(--danger);border-color:var(--danger)}.btn.danger:hover{background:#a93625;border-color:#a93625}.sidebar-logout{color:#d9e8e6;border-color:#ffffff1f;width:100%}.sidebar-logout:hover{color:#fff;background:#ffffff14;border-color:#ffffff1f}.error,.ok{border-radius:7px;margin:10px 0 14px;padding:10px 12px;font-size:13px}.error{background:var(--danger-soft);color:var(--danger);border:1px solid #ffd4ca}.ok{background:var(--success-soft);color:var(--success);border:1px solid #bfe8cb}.warning{background:var(--warning-soft);color:var(--warning);border:1px solid #a1620747;border-radius:7px;margin:10px 0 14px;padding:10px 12px;font-size:13px}.login-error{color:#fecaca;background:linear-gradient(#f8717124,#f8717114),#101720e0;border:1px solid #f8717157;border-radius:10px;gap:3px;margin:4px 0 8px;padding:12px 13px;display:grid;box-shadow:0 14px 30px #7f1d1d29}.login-error strong{color:#fff;font-size:13px;line-height:1.25}.login-error span{color:#fecaca;font-size:12px;line-height:1.45}.table{border-spacing:0;border-collapse:separate;background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 14px;font-size:13px}.table th{background:var(--surface-soft);color:#506070;text-transform:uppercase;letter-spacing:0;font-size:11px;font-weight:800}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fbfcfd}.compact-table{margin-top:14px}.status-pill{border-radius:999px;justify-content:center;align-items:center;min-width:68px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.status-pill.online{color:#0f6b2f;background:#e8f7ed}.status-pill.offline{color:#a3341d;background:#fff0ec}.bar{background:#e9eef3;border-radius:999px;width:140px;height:18px;position:relative;overflow:hidden}.bar-fill{border-radius:999px;height:100%}.bar-label{color:#17202a;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;inset:0}.pill{color:#fff;text-transform:uppercase;border-radius:999px;align-items:center;min-height:22px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex}.app .eyebrow{color:#8ff0ff}.pill-present,.pill-approved{background:var(--success)}.pill-late,.pill-pending{background:var(--warning)}.pill-rejected{background:var(--danger)}.clock-row{grid-template-columns:repeat(2,minmax(260px,340px));align-items:stretch;gap:16px;display:grid}.clock-card{flex-direction:column;gap:14px;min-height:210px;display:flex}.clock-status{text-transform:uppercase;font-size:13px;font-weight:800}.clock-status.in{color:var(--success)}.clock-status.out{color:var(--muted)}.clock-status.break{color:var(--warning)}.clock-elapsed .big{font-variant-numeric:tabular-nums;letter-spacing:0;font-size:38px;font-weight:800}.clock-btn{width:100%;margin-top:auto}.break-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.form{flex-direction:column;gap:6px;display:flex}.leave-item{margin-bottom:10px;padding:14px}.cat-row{padding:5px 0}.cat-row code{background:var(--surface-soft);border:1px solid var(--border);border-radius:6px;padding:3px 7px;font-size:12px}.bell{position:relative}.bell-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid;position:relative}.badge{background:var(--danger);color:#fff;border:2px solid var(--sidebar);border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;display:grid;position:absolute;top:-5px;right:-6px}.bell-menu{background:var(--surface);width:320px;max-height:420px;color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);z-index:50;border-radius:8px;position:absolute;bottom:42px;left:0;overflow-y:auto}.bell-head{border-bottom:1px solid var(--border);padding:12px 14px;font-weight:800}.bell-empty{padding:14px}.bell-item{border-bottom:1px solid var(--border);padding:11px 14px}.bell-item.unread{background:var(--primary-soft)}.bell-time{color:var(--muted);margin-top:4px;font-size:11px}.timeline{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:1px;height:44px;padding:5px;display:flex;overflow-x:auto}.tl-seg{border-radius:2px;flex:1 0 3px;min-width:3px}.token-card{border-color:#9ed7cd;margin:12px 0}.token{color:#e6eef3;word-break:break-all;background:#101820;border-radius:7px;margin:10px 0;padding:11px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;display:block}.shots{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.shot{color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:5px;padding:0;font-size:12px;text-decoration:none;display:flex}.shot img{aspect-ratio:16/10;object-fit:cover;border:1px solid var(--border);background:var(--surface-soft);border-radius:7px;width:100%}.modal-backdrop{z-index:80;background:#0f172ab8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.image-modal{background:var(--surface);width:min(1120px,96vw);max-height:92vh;box-shadow:var(--shadow);border-radius:8px;padding:14px;overflow:auto}.image-modal img{border:1px solid var(--border);border-radius:6px;width:100%;height:auto;margin-top:12px;display:block}.calendar-toolbar{flex-wrap:wrap;gap:10px;margin:12px 0 16px;display:flex}.calendar-shell{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px;display:grid}.month-grid{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:repeat(7,minmax(0,1fr));display:grid;overflow:hidden}.weekday{background:var(--surface-soft);color:var(--muted);text-align:center;border-bottom:1px solid var(--border);padding:10px;font-size:12px;font-weight:700}.calendar-cell{border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:left;cursor:pointer;background:#fff;min-height:116px;padding:9px}.calendar-cell:hover,.calendar-cell.selected{background:#f8fbff}.calendar-cell.selected{box-shadow:inset 0 0 0 2px var(--accent)}.muted-cell{color:var(--muted);background:#f9fafb}.day-number{margin-bottom:8px;font-weight:700;display:block}.calendar-events{flex-direction:column;gap:4px;display:flex}.calendar-event{white-space:nowrap;text-overflow:ellipsis;border-radius:5px;padding:4px 6px;font-size:11px;font-weight:700;overflow:hidden}.event-public_holiday,.event-company_off{color:#991b1b;background:#fee2e2}.event-team_off{color:#92400e;background:#fef3c7}.event-user_off,.event-leave{color:#1d4ed8;background:#dbeafe}.event-weekly_off{color:#374151;background:#e5e7eb}.event-status-pending{color:#9a3412;background:#fff7ed;border:1px dashed #fb923c}.event-status-rejected{color:#6b7280;background:#f3f4f6;text-decoration:line-through}.calendar-more{color:var(--muted);font-size:11px}.day-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:16px;position:sticky;top:18px}.day-events{flex-direction:column;gap:10px;margin-top:14px;display:flex}.day-event{border:1px solid var(--border);background:var(--surface-soft);border-radius:7px;padding:10px}@media (width<=980px){.marketing-header{grid-template-columns:1fr auto;gap:14px;padding:12px 18px}.marketing-nav{grid-column:1/-1;justify-content:flex-start;gap:18px;padding-bottom:4px;overflow-x:auto}.marketing-hero,.marketing-section.split,.security-layout{grid-template-columns:1fr}.marketing-hero{min-height:auto;padding-top:46px}.product-preview{min-height:430px}.preview-body{grid-template-columns:64px minmax(0,1fr);min-height:376px}.proof-band,.pricing-grid,.about-grid{grid-template-columns:1fr 1fr}.app{grid-template-columns:1fr;align-content:start}.sidebar{height:auto;display:block;position:static}.brand-block{padding:14px 16px}.nav{flex-direction:row;padding:0 12px 12px;overflow-x:auto}.nav a{flex:none}.sidebar-footer{display:none}.content{padding:22px 16px 36px}.grid2,.clock-row,.login-screen,.calendar-shell{grid-template-columns:1fr}.day-panel{position:static}.login-screen{gap:24px;padding:28px 18px}.login-panel{max-width:none}.login-panel .brand{margin-bottom:24px}.login-copy h1{max-width:620px;font-size:42px}.login-showcase{max-width:none}.login-form-card{justify-self:stretch;width:min(520px,100%);margin:0 auto}.login-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.marketing-header{flex-wrap:wrap;display:flex}.marketing-brand{margin-right:auto}.marketing-nav{order:3;width:100%}.hero-copy h1,.page-title h1{font-size:42px}.hero-copy p,.page-title p,.marketing-section p{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.marketing-btn{width:100%}.product-preview{min-height:auto}.preview-body{display:block}.preview-sidebar{display:none}.preview-main{grid-template-rows:auto 120px auto;padding:14px}.preview-metrics,.proof-band,.pricing-grid,.about-grid{grid-template-columns:1fr}.proof-item{min-height:auto;padding:26px 22px}.marketing-section{padding:52px 18px}.pricing-card{min-height:auto}.marketing-footer{flex-direction:column;padding:24px 18px}h1{font-size:24px}.page-head,.row.between{flex-direction:column;align-items:stretch}.table{display:block;overflow-x:auto}.shots{grid-template-columns:1fr}.calendar-cell{min-height:92px;padding:7px}}.marketing-header{background:#ffffffdb;border-bottom:0;width:100%;max-width:1180px;min-height:68px;margin:0 auto}.marketing-brand{font-size:15px}.marketing-logo{width:38px;height:38px}.marketing-nav{color:#5d6673;gap:24px;font-size:13px}.marketing-login{border-color:#d9dee7;border-radius:999px;min-height:36px;padding:0 16px}.marketing-hero{background:radial-gradient(circle at 50% 0,#0f766e17,#0000 34%),linear-gradient(#fff,#fff);border-bottom:0;grid-template-columns:1fr;justify-items:center;gap:48px;min-height:auto;padding:86px clamp(18px,4vw,64px) 72px;display:grid}.hero-copy.hero-centered{text-align:center;max-width:880px}.hero-copy h1,.page-title h1{letter-spacing:0;margin-bottom:24px;font-size:clamp(54px,8vw,98px);line-height:.92}.hero-copy p,.page-title p,.marketing-narrative p,.section-copy p,.security-band p{color:#5c6674;max-width:720px;font-size:18px;line-height:1.72}.hero-copy p{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center;margin-top:30px}.marketing-btn{background:#0a0d12;border-color:#0a0d12;border-radius:999px;min-height:44px;padding:0 18px;box-shadow:0 12px 28px #0a0d1224}.marketing-btn:hover{background:#20252c;border-color:#20252c}.marketing-btn.secondary{color:#0a0d12;box-shadow:none;background:#fff;border-color:#d9dee7}.marketing-btn.secondary:hover{background:#f7f9fb;border-color:#c9d1dc}.product-preview{background:#f8fafc;border-color:#dfe5ec;border-radius:18px;width:min(1080px,100%);min-height:620px;box-shadow:0 42px 120px #0a0d122e,0 0 0 8px #0a0d1205}.preview-top{color:#4c5867;border-bottom-color:#dfe5ec;height:58px;padding:0 22px}.preview-body{grid-template-columns:92px minmax(0,1fr);min-height:560px}.preview-sidebar span{border-radius:10px;height:38px}.preview-sidebar span:first-child{background:#0f766e}.preview-main{grid-template-rows:auto 160px auto auto;gap:16px;padding:24px}.preview-metric,.preview-table div,.preview-screens div{border-color:#dfe5ec;border-radius:14px}.preview-timeline{border-color:#dfe5ec;border-radius:16px}.preview-screens{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.preview-screens div{background:#fff;grid-template-rows:1fr 1fr;grid-template-columns:70px minmax(0,1fr);column-gap:12px;min-height:88px;padding:12px;display:grid}.preview-screens span{background:linear-gradient(135deg,#0f766e38,#0000),repeating-linear-gradient(0deg,#e9eef4 0 8px,#fff 8px 14px);border-radius:10px;grid-row:1/3}.preview-screens strong,.preview-screens small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.preview-screens strong{align-self:end;font-size:13px}.preview-screens small{color:#7b8794;font-size:12px;font-weight:700}.trust-strip{background:#edf0f4;border:1px solid #edf0f4;border-radius:16px;grid-template-columns:auto repeat(5,minmax(0,1fr));gap:1px;width:min(1120px,100% - 36px);margin:0 auto 44px;display:grid;overflow:hidden}.trust-strip span,.trust-strip strong{text-align:center;background:#fff;place-items:center;min-height:62px;padding:0 18px;display:grid}.trust-strip span{color:#697482;text-transform:uppercase;font-size:12px;font-weight:800}.trust-strip strong{color:#111922;font-size:14px}.marketing-narrative{text-align:center;max-width:980px;margin:0 auto;padding:42px 18px 76px}.marketing-narrative h2{color:#0a0d12;max-width:880px;margin:0 auto 18px;font-size:clamp(36px,5vw,64px);line-height:.98}.marketing-narrative p{margin-left:auto;margin-right:auto}.proof-band{background:#e7ebf0;border:1px solid #e7ebf0;border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:min(1120px,100% - 36px);margin:0 auto;overflow:hidden}.proof-item{min-height:250px;padding:28px}.proof-item h2{font-size:24px}.product-story-list{border:1px solid #e7ebf0;border-radius:18px;width:min(1120px,100% - 36px);margin:18px auto 0;display:grid;overflow:hidden}.product-story{background:#fff;border-bottom:1px solid #e7ebf0;grid-template-columns:minmax(240px,.8fr) minmax(0,1fr) 160px;align-items:center;gap:24px;padding:28px;display:grid}.product-story span{color:#0f766e;margin-bottom:12px;font-size:12px;font-weight:900;display:block}.product-story h2{color:#0a0d12;margin:0;font-size:28px;line-height:1.08}.product-story p{color:#596575;margin:0;line-height:1.7}.product-story b{color:#0a0d12;border:1px solid #dce3eb;border-radius:999px;justify-self:end;align-items:center;min-height:36px;padding:0 14px;font-size:13px;display:inline-flex}.marketing-section{width:min(1120px,100% - 36px);margin-left:auto;margin-right:auto;padding:92px 0}.marketing-section.split{grid-template-columns:minmax(0,.82fr) minmax(420px,1fr)}.section-copy h2,.security-band h2{color:#0a0d12;font-size:clamp(34px,4.4vw,58px);line-height:1}.operations-list{gap:10px}.operations-list div{border-radius:16px;padding:24px}.pricing-teaser{border-top:1px solid #edf0f4;grid-template-columns:minmax(0,.75fr) minmax(460px,1fr);align-items:center;gap:40px;display:grid}.pricing-mini-grid{gap:10px;display:grid}.pricing-mini{min-height:86px;color:inherit;background:#fff;border:1px solid #e0e6ed;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:8px 18px;padding:20px;text-decoration:none;display:grid}.pricing-mini span,.pricing-mini strong,.pricing-mini small{display:block}.pricing-mini span{font-weight:850}.pricing-mini strong{color:#0f766e;font-size:28px}.pricing-mini small{color:#6b7684;grid-column:1/2;font-size:13px}.security-band{color:#fff;background:#0a0d12;border:1px solid #20252c;border-radius:22px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;width:min(1120px,100% - 36px);margin:0 auto 78px;padding:44px;display:grid}.security-band h2,.security-band p{color:#fff}.security-band p{opacity:.72;margin-bottom:0}.security-band .marketing-btn.secondary{background:#fff;border-color:#ffffff2e}.pricing-page,.about-page,.security-page{padding-top:86px}.pricing-card{box-shadow:none;border-radius:18px}.about-grid section,.security-rows div{border-radius:18px}.marketing-footer{border-top-color:#edf0f4;width:min(1180px,100% - 36px);margin:0 auto}@media (width<=980px){.marketing-header{max-width:none}.marketing-hero{padding-top:56px}.product-preview{min-height:500px}.preview-body{min-height:442px}.trust-strip,.proof-band{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-strip span{grid-column:1/-1}.product-story,.pricing-teaser,.security-band{grid-template-columns:1fr}.product-story b{justify-self:start}.pricing-teaser{gap:22px}.marketing-section.split{grid-template-columns:1fr}}@media (width<=640px){.marketing-header{gap:10px;padding-left:16px;padding-right:16px}.marketing-login{min-height:34px;padding:0 12px}.marketing-nav{gap:16px}.marketing-hero{gap:32px;padding:42px 16px 52px}.hero-copy h1,.page-title h1{font-size:46px}.product-preview{border-radius:15px}.preview-main{grid-template-rows:auto 124px auto auto}.preview-screens{grid-template-columns:1fr}.preview-screens div{grid-template-columns:58px minmax(0,1fr)}.trust-strip,.proof-band,.product-story-list,.marketing-section,.security-band,.marketing-footer{width:calc(100% - 28px)}.trust-strip{grid-template-columns:1fr}.marketing-narrative{padding-bottom:48px}.marketing-narrative h2,.section-copy h2,.security-band h2{font-size:34px}.proof-item,.product-story,.operations-list div,.security-band{padding:22px}.product-story h2{font-size:24px}.pricing-mini{grid-template-columns:1fr}.pricing-mini small{grid-column:auto}.login-screen{padding:18px 14px 28px}.login-copy h1{font-size:34px}.login-copy p{font-size:15px}.login-showcase-grid,.login-metrics{grid-template-columns:1fr}.login-showcase,.login-metrics{display:none}.login-activity-chart{height:104px}.login-form-card{border-radius:18px;padding:24px}.login-flex-row{flex-direction:column;align-items:flex-start}}.app{--dash-bg:#fafafa;--dash-surface:#fff;--dash-surface-muted:#f5f5f5;--dash-border:#e5e5e5;--dash-border-strong:#d4d4d4;--dash-text:#171717;--dash-muted:#737373;--dash-subtle:#a3a3a3;--dash-inverted:#171717;--dash-inverted-text:#fff;--dash-radius-sm:6px;--dash-radius:8px;--dash-radius-lg:12px;--dash-shadow-sm:0 1px 2px #0000000d;--dash-shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;background:var(--dash-bg);color:var(--dash-text)}.app .content{max-width:1320px;padding:32px}.app .sidebar{background:var(--dash-surface);color:var(--dash-text);border-right:1px solid var(--dash-border)}.app .brand-logo{border-radius:var(--dash-radius);box-shadow:var(--dash-shadow-sm)}.app .brand-name{color:var(--dash-text);font-weight:750}.app .brand-subtitle,.app .account-email,.app .muted{color:var(--dash-muted)}.app .nav a{border-radius:var(--dash-radius);color:#404040;align-items:center;min-height:36px;font-weight:650;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.app .nav a:hover{background:var(--dash-surface-muted);color:var(--dash-text)}.app .nav a.active{background:var(--dash-surface-muted);color:var(--dash-text);box-shadow:inset 0 0 0 1px var(--dash-border)}.app .sidebar-footer{border-top:1px solid var(--dash-border);background:var(--dash-surface)}.app .avatar{border-radius:var(--dash-radius);background:var(--dash-surface-muted);color:var(--dash-text);box-shadow:inset 0 0 0 1px var(--dash-border)}.app .account-link{color:var(--dash-text)}.app .role-chip{color:var(--dash-text);border-color:var(--dash-border);background:var(--dash-surface)}.app .bell-btn{color:var(--dash-text);background:var(--dash-surface);border-color:var(--dash-border)}.app .sidebar-logout{color:var(--dash-text);border-color:var(--dash-border)}.app .sidebar-logout:hover{color:var(--dash-text);background:var(--dash-surface-muted);border-color:var(--dash-border)}.app h1,.app h2,.app h3{color:var(--dash-text);font-weight:700}.app h2{margin-top:0;font-size:22px;line-height:1.2}.app h3{font-size:16px}.app .card,.app .table,.app .day-panel,.app .day-event,.app .month-grid,.app .token-card,.app .image-modal{border-color:var(--dash-border);border-radius:var(--dash-radius-lg);background:var(--dash-surface);box-shadow:var(--dash-shadow-sm)}.app .card{padding:24px}.app label,.app .form label{color:#525252;font-size:12px;font-weight:650}.app input,.app select{border-color:var(--dash-border);border-radius:var(--dash-radius);min-height:38px;color:var(--dash-text);background:var(--dash-surface);box-shadow:var(--dash-shadow-sm)}.app input:focus,.app select:focus{border-color:var(--dash-border-strong);outline:none;box-shadow:0 0 0 3px #e5e5e5bf}.app .btn{border-radius:var(--dash-radius);background:var(--dash-inverted);border-color:var(--dash-inverted);min-height:36px;color:var(--dash-inverted-text);box-shadow:var(--dash-shadow-sm);font-weight:650}.app .btn:hover{background:#404040;border-color:#404040}.app .btn.ghost{background:var(--dash-surface);color:var(--dash-text);border-color:var(--dash-border)}.app .btn.ghost:hover{background:var(--dash-surface-muted);border-color:var(--dash-border-strong)}.app .btn.small{min-height:30px;padding:4px 9px}.app .btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.app .table{border-collapse:separate;border-spacing:0;overflow:hidden}.app .table th{background:var(--dash-surface-muted);color:#525252;border-bottom-color:var(--dash-border);text-transform:uppercase;padding:12px 16px;font-size:12px;font-weight:650}.app .table td{border-bottom-color:#f5f5f5;padding:13px 16px}.app .table tbody tr:hover{background:#fcfcfc}.app .strong{color:var(--dash-text)}.app .status-pill{border-radius:999px;font-weight:650}.app .status-pill.online{color:#15803d;background:#dcfce7}.app .status-pill.offline{color:#dc2626;background:#fee2e2}.app .calendar-cell{border-color:var(--dash-border);background:var(--dash-surface)}.app .calendar-cell:hover,.app .calendar-cell.selected{background:var(--dash-surface-muted)}.app .weekday{background:var(--dash-surface-muted);color:#525252;border-bottom-color:var(--dash-border)}.app .token{border-radius:var(--dash-radius);background:#171717}@media (width<=980px){.app .content{padding:24px 16px 40px}.app .sidebar{border-right:0;border-bottom:1px solid var(--dash-border)}.app .nav{padding:0 12px 12px}.app .nav a{box-shadow:inset 0 0 0 1px var(--dash-border);background:var(--dash-surface)}}:root{--dark-bg:#05070a;--dark-bg-soft:#080c12;--dark-surface:#0d1118;--dark-surface-2:#111721;--dark-surface-3:#151d28;--dark-line:#ffffff1a;--dark-line-strong:#ffffff2e;--dark-text:#f7fbff;--dark-muted:#a6b4c3;--dark-muted-2:#778697;--dark-accent:#35d8f4;--dark-accent-text:#031217;--dark-accent-2:#00a7bd;--dark-cyan-soft:#35d8f41f;--dark-glow:0 34px 120px #00000061}body{background:var(--dark-bg)}.marketing{color:var(--dark-text);background:radial-gradient(circle at 18% 0,#35d8f429,#0000 30%),radial-gradient(circle at 82% 18%,#00748a33,#0000 28%),linear-gradient(#05070a 0%,#070a0f 46%,#05070a 100%)}.marketing-header{border:1px solid var(--dark-line);background:#05070ac7;border-top:0;border-radius:0 0 18px 18px;box-shadow:0 18px 60px #0000002e}.marketing-brand,.marketing-login,.marketing-footer span:first-child,.trust-strip strong,.marketing-narrative h2,.proof-item h2,.marketing-section h2,.section-copy h2,.security-band h2,.product-story h2,.operations-list strong,.about-grid h2,.security-copy h2,.preview-table span{color:var(--dark-text)}.preview-sidebar span:first-child{background:linear-gradient(180deg, var(--dark-accent), #00748a);color:#061015;box-shadow:0 0 24px #35d8f447}.marketing-nav,.marketing-login,.marketing-footer,.hero-copy p,.page-title p,.marketing-section p,.marketing-narrative p,.section-copy p,.product-story p,.operations-list span,.security-rows div,.preview-top,.preview-metric span,.pricing-mini small,.login-copy p{color:var(--dark-muted)}.marketing-nav a:hover,.marketing-login:hover{color:var(--dark-accent)}.marketing-login,.marketing-btn.secondary,.security-band .marketing-btn.secondary{border-color:var(--dark-line-strong);color:var(--dark-text);background:#ffffff0a}.marketing-login:hover,.marketing-btn.secondary:hover,.security-band .marketing-btn.secondary:hover{background:#35d8f414;border-color:#35d8f470}.marketing-hero{background:radial-gradient(circle at 50% 0,#35d8f424,#0000 32%),radial-gradient(circle at 12% 78%,#00748a38,#0000 30%),linear-gradient(#0000,#0d11185c)}.hero-copy h1,.page-title h1{color:#fff;text-shadow:0 18px 70px #35d8f41f}.marketing-btn{background-image:linear-gradient(180deg, var(--dark-accent), #00748a);color:var(--dark-accent-text);border:0;box-shadow:inset 0 -2px 25px -4px #ffffffe6,0 16px 42px #00748a42}.marketing-btn:hover{background-image:linear-gradient(#62e6f8,#008aa1);border:0}.product-preview,.login-showcase{border-color:var(--dark-line);box-shadow:var(--dark-glow);background:radial-gradient(circle at 0 100%,#00748a3d,#0000 32%),linear-gradient(#111721f5,#090d13f5)}.preview-top,.login-showcase-top{border-bottom-color:var(--dark-line);background:#ffffff08}.preview-sidebar{background:#080b10}.preview-sidebar span{background:#ffffff14}.preview-metric,.preview-timeline,.preview-table div,.preview-screens div,.proof-item,.operations-list div,.security-rows div,.about-grid section,.pricing-mini,.product-story{border-color:var(--dark-line);background:linear-gradient(180deg, #ffffff0e, #ffffff07), var(--dark-surface);box-shadow:0 18px 60px #0000002e}.preview-metric.good strong,.preview-metric.neutral strong,.preview-table b,.product-story span,.pricing-mini strong,.login-showcase-grid strong,.login-showcase-list b,.login-link-button{color:var(--dark-accent)}.preview-metric.warn strong{color:#f8c65a}.preview-timeline span,.login-activity-chart span{background:linear-gradient(180deg, var(--dark-accent), #00748a);box-shadow:0 0 18px #35d8f42e}.preview-timeline span.warn,.login-activity-chart span.warn{background:#f8c65a}.preview-timeline span.idle,.login-activity-chart span.idle{background:#ffffff2e}.preview-screens span{background:linear-gradient(135deg,#35d8f442,#0000),repeating-linear-gradient(0deg,#ffffff1f 0 8px,#ffffff0a 8px 14px)}.preview-screens strong,.product-story b,.pricing-mini span{color:var(--dark-text)}.preview-screens small{color:var(--dark-muted-2)}.trust-strip,.proof-band,.product-story-list{border-color:var(--dark-line);background:var(--dark-line);box-shadow:var(--dark-glow)}.trust-strip span,.trust-strip strong{background:#0d1118eb}.trust-strip span{color:var(--dark-muted-2)}.proof-item p,.about-grid p{color:var(--dark-muted)}.product-story:last-child{border-bottom:0}.product-story b{border-color:var(--dark-line-strong);background:#35d8f414}.pricing-teaser,.marketing-footer{border-top-color:var(--dark-line)}.pricing-mini:hover{border-color:#35d8f470;box-shadow:0 20px 70px #00748a29}.security-band{box-shadow:inset 0 -16px 24px #ffffff1a, var(--dark-glow);background:radial-gradient(circle at 0 100%,#00748a52,#0000 36%),linear-gradient(#101014,#071016);border-color:#35d8f438}.security-band p{color:var(--dark-muted);opacity:1}.pricing-page .pricing-card{box-shadow:0 34px 100px #00000057,inset 0 -16px 24px #ffffff29}.login-screen{color:var(--dark-text);background:radial-gradient(circle at 18% 10%,#35d8f42e,#0000 30%),radial-gradient(circle at 86% 18%,#00748a38,#0000 28%),linear-gradient(135deg,#05070a 0%,#071016 54%,#05070a 100%)}.login-panel .brand,.login-copy h1,.login-form-card h2,.login-flex-column>label,.login-remember,.login-note,.login-input,.login-social-button,.login-showcase-list span,.login-metrics strong{color:var(--dark-text)}.login-form-card{border-color:var(--dark-line);box-shadow:inset 0 -16px 24px #ffffff0d, var(--dark-glow);background:radial-gradient(circle at 100% 0,#35d8f41c,#0000 28%),linear-gradient(#111721f5,#090d13f5)}.login-form-card p,.login-metrics span,.login-line{color:var(--dark-muted)}.login-input-form,.login-social-button,.login-metrics div,.login-showcase-grid div,.login-showcase-list div,.login-activity-chart{border-color:var(--dark-line);background:#ffffff0b}.login-input-form svg{fill:var(--dark-muted)}.login-input-form:focus-within{border-color:#35d8f4ad;box-shadow:0 0 0 4px #35d8f41f}.login-input{background:0 0}.login-submit{background-image:linear-gradient(180deg, var(--dark-accent), #00748a);color:var(--dark-accent-text);box-shadow:inset 0 -2px 25px -4px #ffffffe6,0 14px 34px #00748a3d}.login-submit:hover{background-image:linear-gradient(#62e6f8,#008aa1)}.login-line:before,.login-line:after{background:var(--dark-line)}.login-social-button:hover{border-color:#35d8f470;box-shadow:0 14px 32px #00748a29}.app{--dash-bg:#05070a;--dash-surface:#0d1118;--dash-surface-muted:#111721;--dash-text:#f7fbff;--dash-muted:#a6b4c3;--dash-border:#ffffff1a;--dash-border-strong:#35d8f470;--dash-inverted:#35d8f4;--dash-inverted-text:#041015;--dash-shadow-sm:0 18px 60px #0000002e;color:var(--dash-text);background:radial-gradient(circle at 16% 0,#35d8f41f,#0000 30%),linear-gradient(#05070a,#070a0f 48%,#05070a)}.app .sidebar{border-right-color:var(--dash-border);background:radial-gradient(circle at 0 100%,#00748a38,#0000 34%),linear-gradient(#111721f5,#080b10fa);box-shadow:18px 0 80px #00000029}.app .content{background:0 0}.app .token{color:#d9fbff;background:#071018;border:1px solid #35d8f447;box-shadow:0 0 24px #35d8f424}.app .brand-subtitle,.app .account-email,.app .muted,.app label,.app .form label,.app .table th,.app .weekday,.app .nav a{color:var(--dash-muted)}.app .nav a:hover,.app .nav a.active{color:var(--dash-text);background:#35d8f41a;box-shadow:inset 0 0 0 1px #35d8f433}.app .card,.app .table,.app .day-panel,.app .day-event,.app .month-grid,.app .token-card,.app .image-modal,.app .sidebar-footer,.app .bell-menu,.app .timeline{border-color:var(--dash-border);background:linear-gradient(180deg, #ffffff0d, #ffffff07), var(--dash-surface);box-shadow:var(--dash-shadow-sm)}.app input,.app select,.app .bell-btn,.app .role-chip,.app .avatar,.app .account-link,.app .btn.ghost,.app .calendar-cell,.app .weekday{border-color:var(--dash-border);color:var(--dash-text);background:#ffffff0b}.app input,.app select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app input:focus,.app select:focus{border-color:#35d8f4ad;box-shadow:0 0 0 4px #35d8f41f}.app select option,.app select optgroup{color:#111827;background:#fff}.app .btn{background-image:linear-gradient(180deg, var(--dark-accent), #00748a);color:var(--dark-accent-text);border-color:#35d8f438;box-shadow:inset 0 -2px 20px -5px #ffffffe6,0 14px 34px #00748a2e}.app .btn:hover{background-image:linear-gradient(#62e6f8,#008aa1);border-color:#35d8f461}.app .btn.ghost:hover,.app .sidebar-logout:hover{background:#35d8f41a;border-color:#35d8f447}.app .table th,.app .weekday{background:#ffffff0b}.app .table td,.app .table th,.app .bell-head,.app .bell-item{border-bottom-color:var(--dash-border)}.app .bell-menu{color:var(--dash-text)}.app .bell-time{color:var(--dash-muted)}.app .table tbody tr:hover,.app .calendar-cell:hover,.app .calendar-cell.selected,.app .bell-item.unread{background:#35d8f414}.app .calendar-cell.selected{box-shadow:inset 0 0 0 2px #35d8f499}.app .muted-cell{background:#ffffff06}.app .bar{background:#ffffff1f}.app .bar-label{color:#fff;background:#05070ad1;border-radius:999px;width:max-content;min-width:34px;height:14px;margin:auto;padding:0 6px;line-height:14px;inset:2px;box-shadow:0 1px 8px #00000047}.app .shot img,.app .image-modal img{border-color:var(--dash-border);background:#080c12}.app .status-pill.online,.app .event-user_off,.app .event-leave{color:#8ff0ff;background:#35d8f424}.app .status-pill.offline,.app .event-public_holiday,.app .event-company_off{color:#fecaca;background:#f8717124}.app .event-team_off,.app .event-weekly_off,.app .event-status-pending{color:#f8d989;background:#f8c65a24}.app .event-status-rejected{color:var(--dash-muted);background:#ffffff14}.app .error{color:#fca5a5;background:#f8717121;border-color:#f8717147}.app .ok{color:#86efac;background:#4ade801f;border-color:#4ade8047}.app .warning{color:#fbbf24;background:#f59e0b24;border-color:#f59e0b4d}.app .danger-text{color:#fca5a5}.app .danger-action{color:#fca5a5;border-color:#f8717152}.app .danger-action:hover:not(:disabled){color:#fff;background:#f8717129;border-color:#f871717a}@media (width<=980px){.marketing-header{border-left:0;border-right:0;border-radius:0}.app .sidebar{border-bottom-color:var(--dash-border);box-shadow:0 18px 80px #00000029}}.app{background:radial-gradient(circle at 14% 0,#35d8f424,#0000 26%),radial-gradient(circle at 78% 12%,#00748a29,#0000 30%),linear-gradient(#040609 0%,#070a0f 52%,#030507 100%);grid-template-columns:64px 240px minmax(0,1fr);min-height:100vh}.icon-rail{z-index:35;background:linear-gradient(#ffffff0d,#ffffff04),#080b10;border-right:1px solid #ffffff14;flex-direction:column;align-items:center;gap:24px;height:100vh;padding:18px 10px;display:flex;position:sticky;top:0}.rail-logo,.rail-link,.rail-stack span,.rail-bottom span{color:#dce8f2;border:1px solid #ffffff1a;border-radius:12px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:850;text-decoration:none;display:grid}.rail-logo{background:#fff;border:0;overflow:hidden;box-shadow:0 16px 34px #dd7c3f3d}.rail-logo img{object-fit:contain;width:100%;height:100%;padding:3px;display:block}.rail-actions{gap:14px;display:grid}.rail-settings{margin-top:auto}.rail-link{transition:border-color .16s,background .16s,color .16s,transform .16s}.rail-link:hover,.rail-link.active,.rail-link:focus-visible{color:#8ff0ff;background:#35d8f41f;border-color:#35d8f457;outline:none;transform:translateY(-1px)}.icon-rail>.rail-stack[aria-hidden=true],.icon-rail>.rail-bottom[aria-hidden=true]{display:none}.rail-stack{gap:14px;display:grid}.rail-stack span,.rail-bottom span{background:#ffffff0b}.rail-stack .rail-avatar{color:#8ff0ff;background:#35d8f41a}.rail-bottom{margin-top:auto}.app .sidebar{z-index:30;width:240px;height:100vh;box-shadow:none;background:radial-gradient(circle at 0 100%,#00748a2e,#0000 34%),linear-gradient(#121822fa,#0a0e14fa);position:sticky;top:0}.app .brand-block{padding:24px 18px 18px}.app .brand{width:100%}.app .brand-name{letter-spacing:0;font-size:18px}.app .brand-subtitle{color:#7f90a2}.app .nav{gap:20px;padding:8px 12px}.nav-group{gap:6px;display:grid}.nav-label{color:#8ea0b4;letter-spacing:0;text-transform:uppercase;padding:0 10px 4px;font-size:11px;font-weight:800;display:block}.app .nav a{color:#b9c8d8;border:1px solid #0000;border-radius:12px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-height:38px;padding:0 10px;font-size:13px;display:grid}.nav-icon{color:#7f90a2;background:#ffffff0b;border-radius:8px;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.iconify-icon{color:currentColor;vertical-align:-.15em;flex:none;display:inline-block}.btn .iconify-icon,.sync-pill .iconify-icon,.bell-btn .iconify-icon{margin-right:6px}.bell-btn .iconify-icon,.rail-link .iconify-icon,.nav-icon .iconify-icon{margin-right:0}.app .nav a:hover,.app .nav a.active{background:linear-gradient(#35d8f421,#35d8f40e);border-color:#35d8f43d;box-shadow:inset 0 0 0 1px #35d8f40a}.app .nav a.active .nav-icon,.app .nav a:hover .nav-icon{color:#8ff0ff;background:#35d8f429}.workspace-meter{background:radial-gradient(circle at 0 100%,#35d8f41f,#0000 38%),#ffffff0a;border:1px solid #35d8f42e;border-radius:16px;margin:auto 12px 14px;padding:14px}.workspace-meter span,.workspace-meter strong,.workspace-meter small{display:block}.workspace-meter span,.workspace-meter small{color:#8a9bad;font-size:11px}.workspace-meter strong{color:#f7fbff;margin:4px 0 10px;font-size:13px}.workspace-meter div{background:#ffffff14;border-radius:999px;height:7px;overflow:hidden}.workspace-meter i{border-radius:inherit;background:linear-gradient(90deg,#35d8f4,#00748a);height:100%;display:block}.workspace-meter small{margin-top:8px}.workspace{grid-template-rows:74px minmax(0,1fr);min-width:0;display:grid}.mobile-app-bar,.mobile-drawer-layer{display:none}.workspace-topbar{z-index:25;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05070ac2;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:18px;min-width:0;padding:14px 32px;display:flex;position:sticky;top:0}.workspace-topbar strong,.workspace-kicker{display:block}.workspace-kicker{color:#748498;text-transform:uppercase;margin-bottom:2px;font-size:11px;font-weight:800}.workspace-topbar strong{color:#f7fbff;font-size:18px}.topbar-actions{align-items:center;gap:10px;display:flex}.sync-pill{color:#8ff0ff;white-space:nowrap;background:#35d8f414;border:1px solid #35d8f433;border-radius:999px;align-items:center;min-height:30px;padding:0 11px;font-size:12px;font-weight:750;display:inline-flex}.app .content{width:100%;max-width:100%;padding:26px 32px 56px}.ops-dashboard{gap:18px;display:grid}.ops-hero,.ops-activity-panel,.ops-kpi,.ops-table-head{background:linear-gradient(#ffffff0f,#ffffff07),#0d1118;border:1px solid #ffffff1a}.ops-hero{background:radial-gradient(circle at 0 100%,#00748a38,#0000 34%),linear-gradient(#ffffff10,#ffffff07),#0d1118;border-radius:22px;grid-template-columns:minmax(0,1fr) 260px;align-items:end;gap:24px;padding:24px;display:grid}.ops-label{color:#8ff0ff;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:850;display:inline-flex}.ops-hero h2{color:#fff;margin:0;font-size:clamp(34px,4vw,58px);line-height:.98}.ops-hero p{color:#a6b4c3;max-width:620px;margin:14px 0 0;font-size:15px;line-height:1.6}.ops-date-control{gap:8px;display:grid}.ops-date-control span{color:#748498;font-size:12px;font-weight:750}.ops-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.ops-kpi{border-radius:18px;min-height:136px;padding:20px;position:relative;overflow:hidden}.ops-kpi:after{content:"";background:#35d8f41f;border-radius:999px;width:124px;height:124px;position:absolute;bottom:-42px;right:-32px}.ops-kpi.green:after{background:#4ade801c}.ops-kpi.amber:after{background:#f8c65a21}.ops-kpi span,.ops-kpi strong,.ops-kpi small{z-index:1;display:block;position:relative}.ops-kpi span{color:#8a9bad;font-size:12px;font-weight:750}.ops-kpi strong{color:#fff;margin:12px 0 8px;font-size:clamp(28px,3vw,42px);line-height:1}.ops-kpi small{color:#a6b4c3;font-size:12px}.ops-kpi.cyan strong{color:#35d8f4}.ops-kpi.green strong{color:#86efac}.ops-kpi.amber strong{color:#f8d989}.ops-activity-panel{border-radius:22px;padding:22px;overflow:hidden}.ops-panel-head,.ops-table-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.ops-panel-head h3,.ops-table-head h3{color:#fff;margin:0;font-size:18px}.ops-chart{background:linear-gradient(#35d8f40b,#0000 44%),#ffffff06;border:1px solid #ffffff14;border-radius:18px;align-items:end;gap:8px;height:230px;margin-top:18px;padding:18px;display:flex}.ops-chart span{background:linear-gradient(#35d8f4,#00748a);border-radius:10px 10px 4px 4px;flex:1;min-width:8px;box-shadow:0 0 24px #35d8f41f}.ops-chart span.warn{background:linear-gradient(#f8d989,#c8871b)}.ops-chart span.idle{box-shadow:none;background:#ffffff29}.ops-chart-axis{color:#748498;justify-content:space-between;padding:10px 18px 0;font-size:11px;display:flex}.ops-table-head{border-bottom:0;border-radius:18px 18px 0 0;padding:16px 18px}.ops-dashboard .table{border-radius:0 0 18px 18px}.app .table{background:linear-gradient(#ffffff0b,#ffffff06),#0d1118}.app .table th{color:#8ff0ff}.app .sidebar-footer{background:#ffffff09;border:1px solid #ffffff17;border-radius:16px;margin:0 12px 12px}.app .sidebar-logout{border-radius:12px}.app .bell-menu{bottom:42px;left:0}@media (width<=980px){.app{min-height:100vh;display:block}.icon-rail,.app .sidebar{display:none}.mobile-app-bar{z-index:60;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060a0ee6;border-bottom:1px solid #ffffff14;display:block;position:sticky;top:0}.mobile-brand-row{justify-content:space-between;align-items:center;gap:14px;padding:14px 16px 10px;display:flex}.mobile-actions{align-items:center;gap:8px;display:flex}.mobile-menu-button{color:#f7fbff;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.mobile-menu-button:hover{color:#8ff0ff;background:#35d8f41f;border-color:#35d8f447}.mobile-quick-nav{scrollbar-width:none;gap:9px;padding:0 16px 12px;display:flex;overflow-x:auto}.mobile-quick-nav::-webkit-scrollbar{display:none}.mobile-quick-nav a{color:#c5d2df;background:#ffffff08;border:1px solid #ffffff17;border-radius:12px;flex:none;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.mobile-quick-nav a.active,.mobile-quick-nav a:hover{color:#fff;background:#35d8f41c;border-color:#35d8f447}.mobile-drawer-layer{z-index:120;display:block;position:fixed;inset:0}.mobile-drawer-scrim{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#00000094;border:0;width:100%;position:absolute;inset:0}.mobile-drawer{background:radial-gradient(circle at 0 0,#35d8f41f,#0000 34%),#0d1118;border-left:1px solid #ffffff1c;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;width:min(86vw,360px);padding:18px;display:grid;position:absolute;inset:0 0 0 auto;box-shadow:-24px 0 70px #0000006b}.mobile-drawer-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mobile-drawer-head strong,.mobile-drawer-head small{display:block}.mobile-drawer-head strong{color:#fff;font-size:18px}.mobile-drawer-head small{color:#91a2b5;margin-top:3px}.mobile-drawer-nav{align-content:start;gap:18px;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.mobile-drawer-nav .nav-group{gap:7px;display:grid}.mobile-drawer-nav a{color:#c5d2df;border:1px solid #0000;border-radius:14px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;min-height:44px;padding:0 10px;text-decoration:none;display:grid}.mobile-drawer-nav a.active,.mobile-drawer-nav a:hover{color:#fff;background:#35d8f41c;border-color:#35d8f442}.mobile-drawer-footer{border-top:1px solid #ffffff14;gap:12px;padding-top:14px;display:grid}.workspace{display:block}.workspace-topbar,.topbar-actions{display:none}.app .content{padding:22px 16px 44px}.ops-hero{grid-template-columns:1fr;padding:20px}.ops-kpi-grid{grid-template-columns:1fr}.ops-chart{gap:5px;height:180px;overflow-x:auto}}:where(.marketing-btn,.login-submit,.login-social-button,.login-flex-column>label,.login-metrics span,.nav-label,.ops-label,.ops-kpi span,.preview-metric span,.role-chip,.status-pill,.pill,.sync-pill,.weekday,.table th,.btn,label,.form label){text-transform:uppercase;letter-spacing:0}:where(.marketing-btn,.login-submit,.login-social-button,.btn,.status-pill,.pill,.sync-pill){font-weight:800}.hero-eyebrow{color:#8ff0ff;text-transform:uppercase;letter-spacing:0;background:#35d8f414;border:1px solid #35d8f43d;border-radius:999px;align-items:center;width:fit-content;margin:0 auto 14px;padding:7px 11px;font-size:11px;font-weight:850;line-height:1;display:inline-flex}.page-title .hero-eyebrow{margin-left:0;margin-right:0}.price-row strong,.pricing-mini strong{font-variant-numeric:tabular-nums}.page-shell{gap:22px;display:grid}.page-hero{background:linear-gradient(135deg,#35d8f41f,#0000 38%),linear-gradient(#fff1,#ffffff07),#0c1119;border:1px solid #ffffff17;border-radius:22px;justify-content:space-between;align-items:flex-end;gap:18px;padding:24px;display:flex;box-shadow:0 24px 70px #00000038}.page-hero h2{color:#fff;margin:8px 0;font-size:clamp(28px,4vw,46px);line-height:1}.page-hero p{color:#a6b4c3;max-width:760px;margin:0;font-size:14px;line-height:1.7}.page-eyebrow,.panel-eyebrow,.login-form-eyebrow{color:#8ff0ff;text-transform:uppercase;letter-spacing:0;width:fit-content;font-size:11px;font-weight:850;line-height:1;display:inline-flex}.page-actions,.panel-actions,.pagination-actions,.table-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card,.premium-panel{background:linear-gradient(#ffffff0e,#ffffff07),#0d1118;border:1px solid #ffffff17;box-shadow:0 18px 46px #0003}.metric-card{border-radius:20px;align-content:space-between;gap:10px;min-height:150px;padding:18px;display:grid}.metric-icon,.empty-icon{color:#8ff0ff;background:#35d8f41a;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.metric-card span{color:#91a2b5;text-transform:uppercase;font-size:11px;font-weight:850}.metric-card strong{color:#fff;font-size:clamp(25px,3vw,36px);line-height:1}.metric-card small{color:#7e8da1;line-height:1.4}.metric-card.green .metric-icon,.metric-card.green strong{color:#86efac}.metric-card.amber .metric-icon,.metric-card.amber strong{color:#f8d989}.metric-card.red .metric-icon,.metric-card.red strong{color:#fca5a5}.metric-card.neutral .metric-icon{color:#d7e1ec}.premium-panel{border-radius:22px;gap:18px;padding:20px;display:grid}.panel-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-head h3{color:#fff;margin:6px 0;font-size:18px}.panel-head p{color:#98a8ba;max-width:720px;margin:0;font-size:13px;line-height:1.6}.notice{color:#c8f6ff;background:#35d8f414;border:1px solid #35d8f438;border-radius:16px;padding:13px 15px;font-size:13px}.notice.success{color:#d7ffe3;background:#16a34a1f;border-color:#86efac4d}.notice.danger{color:#ffd2d2;background:#7f1d1d2e;border-color:#f8717157}.empty-state{color:#fff;background:#ffffff06;border:1px dashed #ffffff24;border-radius:18px;justify-items:start;gap:9px;padding:22px;display:grid}.empty-state p{color:#91a2b5;max-width:520px;margin:0;line-height:1.55}.premium-table-wrap{border-radius:18px;width:100%;overflow-x:auto}.app .premium-table-wrap .table{border-radius:18px;min-width:760px}.app .table td{vertical-align:middle}.table-actions{justify-content:flex-end;align-items:stretch}.table-actions .btn{white-space:nowrap}.admin-layout .premium-table-wrap .table{min-width:0}.admin-layout .table-actions{flex-direction:column}.admin-layout .table-actions .btn{width:100%}.admin-layout,.settings-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:18px;display:grid}.admin-stack{gap:18px;display:grid}.form-grid,.settings-form{box-shadow:none;background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:0;display:grid}.form-grid label,.settings-form label{color:#98a8ba;gap:7px;font-size:11px;font-weight:850;display:grid}.form-grid button,.settings-form button{align-self:end}.settings-form label:nth-of-type(4){grid-column:1/-1}.token-steps,.token-download{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.token-download{color:#8ff0ff;font-weight:850;text-decoration:none}.filter-grid,.category-form{grid-template-columns:repeat(2,minmax(0,210px)) auto;align-items:end;gap:12px;display:grid}.filter-grid label{color:#98a8ba;gap:7px;font-size:11px;font-weight:850;display:grid}.analytics-summary{grid-template-columns:220px minmax(0,1fr);align-items:center;gap:18px;display:grid}.analytics-donut{--pct:0deg;aspect-ratio:1;background:radial-gradient(circle at center, #0d1118 0 56%, transparent 57%), conic-gradient(#f87171 var(--pct), #35d8f4b8 0 250deg, #ffffff29 0);border-radius:50%;justify-self:center;place-items:center;width:190px;display:grid;box-shadow:inset 0 0 35px #ffffff0f,0 18px 55px #0000003d}.analytics-donut strong,.analytics-donut span{grid-area:1/1}.analytics-donut strong{color:#fff;font-size:34px;transform:translateY(-8px)}.analytics-donut span{color:#91a2b5;text-transform:uppercase;font-size:11px;font-weight:850;transform:translateY(22px)}.analytics-stack,.analytics-bars{gap:12px;display:grid}.analytics-segment,.analytics-bar-row{gap:8px;display:grid}.analytics-bar-row{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:minmax(160px,.32fr) minmax(180px,1fr);align-items:center;padding:10px;transition:border-color .18s,background .18s,transform .18s}.analytics-bar-row:hover,.analytics-bar-row.selected{background:#35d8f40f;border-color:#35d8f43d}.analytics-bar-row:hover{transform:translateY(-1px)}.analytics-bar-row strong{color:#fff;display:block}.analytics-bar-row span{color:#8ea0b4;font-size:12px}.stacked-bar{background:#ffffff14;border-radius:999px;height:12px;display:flex;overflow:hidden}.stacked-bar span{min-width:2px;height:100%}.stacked-bar .productive,.productive-text{color:#86efac}.stacked-bar .productive{background:linear-gradient(90deg,#16a34a,#86efac)}.stacked-bar .unproductive{background:linear-gradient(90deg,#dc2626,#fca5a5)}.stacked-bar .neutral{background:#ffffff38}.focus-detail-card{background:radial-gradient(circle at 0 100%,#35d8f41f,#0000 38%),#ffffff09;border:1px solid #35d8f429;border-radius:18px;grid-template-columns:minmax(180px,.34fr) minmax(0,1fr);gap:18px;padding:18px;display:grid}.focus-detail-card h4{color:#fff;margin:6px 0 4px;font-size:18px}.focus-detail-card p{color:#91a2b5;margin:0}.focus-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.focus-detail-grid div{background:#ffffff09;border:1px solid #ffffff14;border-radius:14px;gap:5px;padding:14px;display:grid}.focus-detail-grid strong{color:#fff;font-size:18px}.focus-detail-grid span{color:#91a2b5;text-transform:uppercase;font-size:11px;font-weight:850}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000009e;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.policy-modal{background:linear-gradient(135deg,#35d8f41f,#0000 42%),#0d1118;border:1px solid #ffffff1f;border-radius:24px;gap:18px;width:min(760px,100%);padding:22px;display:grid;box-shadow:0 30px 90px #00000085}.modal-head,.modal-actions{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.modal-head h3{color:#fff;margin:6px 0;font-size:24px}.modal-head p{color:#98a8ba;margin:0;line-height:1.55}.policy-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.policy-modal-grid label{color:#98a8ba;gap:7px;font-size:11px;font-weight:850;display:grid}.policy-modal-preview{background:#35d8f412;border:1px solid #35d8f42e;border-radius:16px;gap:5px;padding:14px;display:grid}.policy-modal-preview strong{color:#fff}.policy-modal-preview span{color:#a7b7c8;line-height:1.55}.modal-actions{justify-content:flex-end;align-items:center}.account-grid{grid-template-columns:minmax(320px,.42fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.account-form{box-shadow:none;background:0 0;border:0;gap:13px;padding:0;display:grid}.account-form label{color:#98a8ba;gap:7px;font-size:11px;font-weight:850;display:grid}.billing-panel{overflow:hidden}.billing-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.billing-current-card{background:radial-gradient(circle at 100% 0,#35d8f41f,#0000 34%),#ffffff09;border:1px solid #35d8f429;border-radius:18px;gap:14px;padding:18px;display:grid}.billing-current-card h3{color:#fff;margin:6px 0;font-size:24px}.billing-current-card p{color:#98a8ba;max-width:760px;margin:0;line-height:1.6}.seat-meter{background:#ffffff17;border-radius:999px;height:12px;overflow:hidden}.seat-meter span{border-radius:inherit;background:linear-gradient(90deg,#35d8f4,#86efac);height:100%;display:block;box-shadow:0 0 26px #35d8f433}.billing-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.billing-enterprise-grid,.billing-data-grid{gap:12px;display:grid}.billing-enterprise-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-data-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.billing-info-card,.billing-table-card{background:#ffffff08;border:1px solid #ffffff17;border-radius:18px;min-width:0;padding:16px}.billing-info-card h3,.billing-table-card h3{color:#fff;margin:6px 0 10px}.billing-info-card strong{color:#86efac;font-size:24px;line-height:1.1;display:block}.billing-info-card p,.billing-info-card small{color:#98a8ba;line-height:1.5}.mini-section-head,.billing-table-row,.audit-event-row{gap:8px;display:grid}.mini-section-head{grid-template-columns:1fr auto;align-items:center;margin-bottom:12px}.mini-section-head span{color:#98a8ba;text-transform:uppercase;font-size:12px;font-weight:800}.billing-table-list,.audit-event-list{gap:10px;display:grid}.billing-table-row{color:#cfe6ff;border-top:1px solid #ffffff14;grid-template-columns:minmax(0,1fr) minmax(0,.9fr) auto auto;align-items:center;padding:10px 0}.billing-table-row em{color:#86efac;text-transform:uppercase;background:#86efac1f;border-radius:999px;padding:4px 8px;font-size:11px;font-style:normal;font-weight:900}.audit-event-row{color:#cfe6ff;border-top:1px solid #ffffff14;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);padding:10px 0}.audit-event-row small{color:#98a8ba;grid-column:1/-1}.billing-plan-card{background:#ffffff08;border:1px solid #ffffff17;border-radius:18px;align-content:space-between;gap:16px;min-height:220px;padding:16px;display:grid}.billing-plan-card.active{background:radial-gradient(circle at 100% 0,#35d8f421,#0000 38%),#35d8f40b;border-color:#35d8f452}.billing-plan-card h3,.billing-plan-card strong{color:#fff}.billing-plan-card h3{margin:8px 0 10px;font-size:18px}.billing-plan-card strong{font-size:26px;line-height:1.05;display:block}.billing-plan-card p{color:#91a2b5;margin:8px 0 0;line-height:1.5}.billing-plan-card.custom{background:#f8d9890b;border-color:#f8d9892e}.billing-footer{flex-wrap:wrap;gap:10px;display:flex}.billing-footer span{color:#b9c8d8;background:#ffffff09;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:7px;padding:8px 10px;font-size:12px;font-weight:800;display:inline-flex}.loading-state{color:#cbd5e1;align-items:center;gap:10px;display:inline-flex}.loading-state span{border:2px solid #ffffff29;border-top-color:#8ff0ff;border-radius:50%;width:16px;height:16px;animation:.9s linear infinite conest-spin}@keyframes conest-spin{to{transform:rotate(360deg)}}.policy-preview{color:#dff9ff;background:#35d8f40f;border:1px solid #35d8f429;border-radius:16px;grid-column:1/-1;gap:5px;padding:14px;display:grid}.policy-preview span{color:#98a8ba;line-height:1.55}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.category-group{background:#ffffff06;border:1px solid #ffffff14;border-radius:16px;align-content:start;gap:9px;padding:14px;display:grid}.cat-row{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.cat-row code{text-overflow:ellipsis;min-width:0;overflow:hidden}.login-trust-strip{flex-wrap:wrap;gap:8px;display:flex}.login-trust-strip span,.login-security-note{color:#d8e6f2;background:#ffffff0e;border:1px solid #ffffff1c}.login-trust-strip span{text-transform:uppercase;border-radius:999px;padding:8px 10px;font-size:11px;font-weight:850}.login-security-note{border-radius:14px;gap:4px;padding:12px;font-size:12px;display:grid}.login-security-note span{color:#98a8ba;line-height:1.45}@media (width<=1180px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-layout,.settings-layout,.account-grid{grid-template-columns:1fr}.billing-metrics,.billing-plan-grid,.billing-enterprise-grid,.billing-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.page-hero,.panel-head,.analytics-summary,.analytics-bar-row,.focus-detail-card,.policy-modal-grid{grid-template-columns:1fr}.page-hero,.panel-head{align-items:start;display:grid}.metric-grid,.form-grid,.settings-form,.filter-grid,.category-form,.category-grid,.billing-metrics,.billing-plan-grid,.billing-enterprise-grid,.billing-data-grid,.billing-table-row,.audit-event-row{grid-template-columns:1fr}.premium-panel,.page-hero{border-radius:18px;padding:16px}.app .premium-table-wrap .table{min-width:680px}}