:root{font-family:Segoe UI,sans-serif;color:#263348;background:#f7f8fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-weight:400;font-size:14px;--navy:#243b63;--ink:#263348;--muted:#8490a1;--line:#e9edf1;--mint:#55c8a4;--surface:#fff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.app-shell{min-height:100vh}.sidebar{background:#fff;border-right:1px solid #edf0f3;bottom:0;display:flex;flex-direction:column;left:0;padding:26px 17px 15px;position:fixed;top:0;width:244px;z-index:20}.brand-logo{display:block;height:auto;max-width:100%;object-fit:contain}.sidebar-brand{margin-bottom:22px;width:188px}.workspace-label,.nav-caption{color:#a0a9b6;font-size:9px;font-weight:700;letter-spacing:1.2px}.workspace-label{margin:39px 0 12px 7px}.company-switch{align-items:center;background:#f7f8fa;border:1px solid #edf0f2;border-radius:8px;display:flex;gap:9px;min-height:45px;padding:7px 9px}.company-avatar{align-items:center;background:#e3edff;border-radius:7px;color:#345889;display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.company-name{color:#354258;flex:1;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-switch>svg{color:#8793a3}.nav-caption{margin:33px 0 9px 8px}.navigation{display:grid;gap:4px}.nav-link{align-items:center;background:transparent;border:0;border-radius:7px;color:#737f91;display:flex;font-size:13px;gap:12px;padding:11px 10px;text-align:left;transition:.15s}.nav-link:hover{background:#f7f8fa;color:#405577}.nav-link.nav-active{background:#edf3fc;color:#2f4d78;font-weight:600}.nav-active>svg{color:#42679b}.nav-link>span:nth-child(2){flex:1}.nav-count{background:#fff;border:1px solid #e8ebf0;border-radius:5px;color:#758195;font-size:10px;min-width:20px;padding:2px 5px;text-align:center}.sidebar-bottom{margin-top:auto}.plan-card{align-items:center;background:#f6f8fc;border:1px solid #e9eef6;border-radius:8px;display:flex;gap:10px;margin-bottom:14px;padding:12px 10px}.plan-icon{align-items:center;background:#e4edf9;border-radius:7px;color:#466a9d;display:flex;height:31px;justify-content:center;width:31px}.plan-card>div:last-child,.profile-summary{display:flex;flex-direction:column;gap:3px}.plan-card strong,.profile-summary strong{color:#415069;font-size:11px;font-weight:600}.plan-card span,.profile-summary span{color:#8994a3;font-size:10px}.profile-card{align-items:center;background:transparent;border:0;border-top:1px solid #edf0f3;display:flex;gap:10px;padding:15px 2px 0;text-align:left;width:100%}.profile-avatar,.top-avatar{align-items:center;background:#e1e8f4;border-radius:50%;color:#39577f;display:flex;font-weight:700;height:34px;justify-content:center;width:34px}.profile-summary{flex:1;min-width:0}.profile-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-card>svg{color:#a0a8b4}.main-area{margin-left:244px;min-height:100vh}.topbar{align-items:center;background:#ffffffe6;border-bottom:1px solid #edf0f3;display:flex;height:62px;justify-content:space-between;padding:0 38px;position:sticky;top:0;z-index:10}.breadcrumb,.topbar-right{align-items:center;display:flex}.breadcrumb{color:#a1a9b5;font-size:12px;gap:10px}.breadcrumb strong{color:#4d5b6f;font-weight:600}.topbar-right{gap:17px}.date-chip{align-items:center;background:#f7f8fa;border:1px solid #edf0f3;border-radius:6px;color:#687588;display:flex;font-size:11px;gap:7px;padding:7px 10px;text-transform:capitalize}.date-chip svg{color:#778aa5}.top-avatar{font-size:12px;height:31px;width:31px}.page-content{margin:0 auto;max-width:1180px;padding:35px 38px 52px}.page-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:27px}.eyebrow{color:#99a4b2;font-size:9px;font-weight:700;letter-spacing:1.05px;margin:0 0 8px}.page-heading h1,.auth-form h2{color:#24334a;font-family:Manrope,sans-serif;font-size:28px;font-weight:700;letter-spacing:-1.05px;line-height:1.2;margin:0}.heading-wave{color:#f1bb65;font-size:20px;margin-left:5px;vertical-align:4px}.heading-sub{color:#8a95a4;font-size:12px;margin:8px 0 0}.primary-button,.secondary-button{align-items:center;border:1px solid transparent;border-radius:7px;display:inline-flex;font-size:12px;font-weight:600;gap:9px;justify-content:center;min-height:39px;padding:0 14px;transition:background .15s,border-color .15s,transform .15s}.primary-button{background:#2d4770;color:#fff}.primary-button:hover:not(:disabled){background:#21395f;transform:translateY(-1px)}.secondary-button{background:#fff;border-color:#e5e9ee;color:#56657a}.secondary-button:hover:not(:disabled){background:#f8f9fb;border-color:#d5dce5}.panel{background:var(--surface);border:1px solid #e9edf1;border-radius:9px;box-shadow:0 2px 7px #20304606}.stats-grid{display:grid;gap:15px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:32px}.stat-card{align-items:flex-start;display:flex;justify-content:space-between;min-height:115px;padding:19px 20px}.stat-card>div:first-child>span{color:#8490a0;font-size:11px}.stat-value{color:#283850;font-family:Manrope,sans-serif;font-size:25px;font-weight:700;letter-spacing:-.8px;margin:10px 0 2px}.stat-card small{color:#a0a8b4;font-size:10px}.stat-icon{align-items:center;border-radius:8px;display:flex;height:38px;justify-content:center;width:38px}.lavender{background:#f0effb;color:#7771b3}.mint{background:#e8f8f2;color:#53b999}.amber{background:#fff5e6;color:#d2a151}.section-heading,.card-title-row,.panel-heading{align-items:center;display:flex;justify-content:space-between}.section-heading{margin-bottom:14px}.section-heading h2,.panel-heading h2{color:#344258;font-family:Manrope,sans-serif;font-size:15px;font-weight:700;letter-spacing:-.3px;margin:0}.section-heading p,.panel-heading p{color:#98a2af;font-size:11px;margin:5px 0 0}.text-button{align-items:center;background:none;border:0;color:#48638c;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:6px 0}.text-button:hover{color:#243b63}.records-panel{overflow:hidden}.table-scroll{overflow:auto;width:100%}table{border-collapse:collapse;min-width:670px;width:100%}th{background:#fafbfc;color:#98a2b0;font-size:9px;font-weight:700;letter-spacing:.7px;padding:12px 15px;text-align:left;white-space:nowrap}td{border-top:1px solid #eff1f4;color:#657185;font-size:11px;padding:12px 15px;white-space:nowrap}tbody tr:hover{background:#fcfcfd}.person-cell{align-items:center;display:flex;gap:9px;min-width:150px}.person-avatar{align-items:center;background:#e8edf5;border-radius:50%;color:#526a8d;display:inline-flex;flex:0 0 auto;font-size:11px;font-weight:700;height:31px;justify-content:center;width:31px}.person-cell>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}.person-cell strong{color:#3e4d63;font-size:11px;font-weight:600}.person-cell small{color:#a0a8b4;font-size:9px}.status-pill,.role-pill{align-items:center;border-radius:5px;display:inline-flex;font-size:10px;gap:6px;padding:5px 8px}.status-pill i{background:currentColor;border-radius:50%;height:5px;width:5px}.status-done{background:#e9f8f2;color:#56af91}.status-progress{background:#fff5e7;color:#c49145}.bottom-grid{display:grid;gap:15px;grid-template-columns:1.15fr 1fr;margin-top:16px}.welcome-panel,.tip-panel{align-items:flex-start;display:flex;gap:13px;min-height:142px;padding:20px}.welcome-icon,.tip-icon{align-items:center;background:#eff3fa;border-radius:8px;color:#5674a1;display:flex;flex:0 0 auto;height:36px;justify-content:center;width:36px}.tip-icon{background:#eaf8f3;color:#52b390}.welcome-panel h3,.tip-panel h3{color:#3c4b60;font-family:Manrope,sans-serif;font-size:13px;margin:1px 0 7px}.welcome-panel p,.tip-panel p{color:#929caa;font-size:10px;line-height:1.65;margin:0 0 8px;max-width:360px}.tip-panel .eyebrow{font-size:8px;margin:0 0 5px}.compact{font-size:10px;min-height:31px;padding:0 9px}.employee-dashboard{display:grid;gap:17px;grid-template-columns:1.45fr 1fr}.punch-panel{background:linear-gradient(135deg,#fff 62%,#f1f5fc);min-height:365px;overflow:hidden;padding:24px 27px;position:relative}.punch-panel:after{background:radial-gradient(circle,#eaf0fa 0,#eaf0fa00 68%);border-radius:50%;content:"";height:280px;position:absolute;right:-90px;top:-120px;width:280px}.punch-panel>*{position:relative;z-index:1}.punch-panel-top{align-items:center;display:flex;justify-content:space-between}.live-dot{align-items:center;background:#eaf8f3;border-radius:20px;color:#4da987;display:inline-flex;font-size:8px;font-weight:700;gap:6px;letter-spacing:.5px;padding:6px 9px}.live-dot:before{background:#55c8a4;border-radius:50%;content:"";height:6px;width:6px}.clock-time{color:#283a55;font-family:Manrope,sans-serif;font-size:54px;font-weight:700;letter-spacing:-3px;margin-top:36px}.clock-date{color:#909bab;font-size:12px;margin:1px 0 22px;text-transform:capitalize}.punch-current{align-items:center;color:#778598;display:flex;font-size:10px;gap:9px}.current-icon{align-items:center;background:#eff3f9;border-radius:6px;color:#5e789f;display:flex;height:29px;justify-content:center;width:29px}.punch-button{align-items:center;background:#2b436b;border:0;border-radius:7px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:10px;justify-content:center;margin-top:20px;min-height:47px;transition:.15s;width:100%}.punch-button:hover:not(:disabled){background:#1f375e;transform:translateY(-1px)}.punch-button.punch-done{background:#eaf8f2;color:#4ea987}.continue-button{align-items:center;background:none;border:0;color:#526b91;display:flex;font-size:10px;font-weight:600;gap:6px;justify-content:center;margin:10px auto 0;padding:4px}.continue-button:hover{color:#263f68}.punch-play{align-items:center;background:#ffffff25;border-radius:5px;display:flex;height:26px;justify-content:center;width:26px}.punch-footnote{align-items:center;color:#a1aab5;display:flex;font-size:9px;gap:6px;justify-content:center;margin:14px 0 0}.employee-side{display:grid;gap:15px;grid-template-rows:auto 1fr}.month-card,.day-card{padding:19px 20px}.card-title-row h3{color:#3a4960;font-family:Manrope,sans-serif;font-size:13px;margin:3px 0 0}.card-title-row .eyebrow{font-size:8px;margin:0}.metric-icon,.small-arrow{align-items:center;background:#f0f4fa;border:0;border-radius:7px;color:#5a739a;display:flex;height:32px;justify-content:center;width:32px}.month-hours{color:#2a3c58;font-family:Manrope,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.8px;margin-top:18px}.muted{color:#9ba5b1;font-size:10px;margin:3px 0 13px}.progress-track{background:#edf1f5;border-radius:4px;height:5px;overflow:hidden}.progress-track>span{background:#63c8a5;border-radius:4px;display:block;height:100%;transition:width .25s}.progress-foot{color:#9ca5b1;display:flex;font-size:9px;justify-content:space-between;margin-top:8px}.punch-timeline{margin:18px 0 13px}.timeline-item{align-items:center;display:flex;gap:9px;min-height:29px;position:relative}.timeline-item:not(:last-child):after{background:#e7ebf0;content:"";height:14px;left:6px;position:absolute;top:23px;width:1px}.timeline-dot{align-items:center;background:#eef1f5;border-radius:50%;color:#fff;display:flex;height:13px;justify-content:center;width:13px}.timeline-done .timeline-dot{background:#5fc4a2}.timeline-name{color:#8490a0;flex:1;font-size:10px}.timeline-time{color:#4f6079;font-size:10px;font-weight:600}.employee-footer-note{align-items:center;color:#95a0ae;display:flex;font-size:10px;gap:8px;margin-top:17px}.employee-footer-note svg{color:#66ad96;flex:0 0 auto}.filter-row{align-items:center;display:flex;justify-content:space-between;margin:-6px 0 12px}.result-count{color:#8e98a6;font-size:11px}.filter-month{align-items:center;color:#718096;display:flex;font-size:10px;gap:6px;text-transform:capitalize}.table-separator{color:#c4cbd3;margin:0 4px}.edit-button{align-items:center;background:#fff;border:1px solid #e8ebef;border-radius:5px;color:#61718a;display:inline-flex;font-size:10px;gap:5px;padding:6px 8px}.edit-button:hover{background:#f5f7fa}.empty-state{align-items:center;display:flex;flex-direction:column;padding:36px 15px;text-align:center}.empty-icon{align-items:center;background:#f2f5f9;border-radius:50%;color:#8295b0;display:flex;height:42px;justify-content:center;width:42px}.empty-state strong{color:#506078;font-size:12px;margin-top:12px}.empty-state p{color:#9aa3af;font-size:10px;margin:5px 0 0}.team-layout{display:grid;gap:16px;grid-template-columns:1.15fr .85fr}.team-panel,.company-form{padding:20px}.panel-heading{margin-bottom:17px}.panel-heading-icon{align-items:center;background:#eff3fa;border-radius:7px;color:#5b779f;display:flex;height:33px;justify-content:center;width:33px}.team-row{align-items:center;border-top:1px solid #eff1f4;display:flex;gap:13px;justify-content:space-between;padding:12px 0}.team-row .person-cell{flex:1}.team-badges{align-items:center;display:flex;gap:5px}.employee-code{color:#9ba4b0;font-size:10px;min-width:85px}.role-pill{background:#f1f3f6;color:#818d9e;white-space:nowrap}.role-admin{background:#edf2fb;color:#55729c}.access-pill{border-radius:5px;font-size:9px;padding:5px 7px}.access-active{background:#eaf8f2;color:#54a98b}.access-pending{background:#fff5e7;color:#bf914e}.access-button{font-size:9px;padding:5px 7px}.team-note{align-items:flex-start;background:#f8f9fb;border-radius:6px;color:#939eac;display:flex;font-size:9px;gap:8px;line-height:1.55;margin-top:12px;padding:10px}.team-note svg{color:#758bac;flex:0 0 auto}.company-form label,.export-controls label,.modal-card label,.auth-form label{color:#778396;display:flex;flex-direction:column;font-size:10px;font-weight:600;gap:7px}.company-form label{margin-bottom:14px}input,select{background:#fff;border:1px solid #e3e8ed;border-radius:6px;color:#344258;min-height:38px;outline:0;padding:0 10px}input:focus,select:focus{border-color:#8aa5cc;box-shadow:0 0 0 3px #dfe8f6}input::placeholder{color:#b1b9c3;font-weight:400}.company-form>.primary-button{margin-top:4px;width:100%}.count-badge{align-items:center;background:#eff3fa;border-radius:6px;color:#58739a;display:flex;font-size:10px;gap:7px;padding:8px 11px}.export-icon-large{align-items:center;background:#eaf7f2;border-radius:10px;color:#55ad91;display:flex;height:46px;justify-content:center;width:46px}.export-controls{align-items:flex-end;display:flex;gap:15px;margin-bottom:17px;padding:16px 18px}.export-controls label{min-width:175px}.export-controls input,.export-controls select{width:100%}.export-result{align-items:center;border-left:1px solid #edf0f3;display:flex;gap:8px;margin-left:auto;min-height:37px;padding-left:17px}.export-result strong{color:#314663;font-size:20px}.export-result span{color:#8f9aa8;font-size:10px}.export-grid{display:grid;gap:16px;grid-template-columns:1fr 1fr}.export-format-card{padding:20px}.format-top{align-items:center;display:flex;gap:10px}.format-icon{align-items:center;border-radius:8px;display:flex;height:37px;justify-content:center;width:37px}.format-blue{background:#edf2fa;color:#53729d}.format-mint{background:#eaf8f2;color:#50ad8b}.format-tag{background:#f1f4f9;border-radius:4px;color:#7184a2;font-size:8px;font-weight:700;letter-spacing:.65px;padding:5px 7px}.format-tag-mint{background:#edf8f4;color:#64a68e}.export-format-card h2{color:#36465d;font-family:Manrope,sans-serif;font-size:15px;margin:17px 0 7px}.export-format-card>p{color:#909baa;font-size:10px;line-height:1.65;margin:0;min-height:34px}.export-format-card ul{display:grid;gap:8px;list-style:none;margin:16px 0 18px;padding:0}.export-format-card li{align-items:center;color:#758194;display:flex;font-size:10px;gap:8px}.export-format-card li svg{color:#57b797}.full-button{width:100%}.custom-export-card>.full-button{margin-top:12px}.field-list{display:grid;gap:5px;grid-template-columns:1fr 1fr;margin-top:15px}.field-option{align-items:center;color:#778395;cursor:pointer;display:flex;font-size:9px;gap:7px;min-height:24px;position:relative}.field-option input{height:1px;opacity:0;position:absolute;width:1px}.custom-check{align-items:center;border:1px solid #dce2e9;border-radius:4px;color:transparent;display:flex;height:15px;justify-content:center;width:15px}.field-option input:checked+.custom-check{background:#4bb994;border-color:#4bb994;color:#fff}.modal-backdrop{align-items:center;background:#18243a55;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:50}.modal-card{background:#fff;border-radius:11px;box-shadow:0 20px 60px #18243a30;max-width:520px;padding:23px;width:100%}.modal-heading{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:21px}.modal-heading h2{color:#34435a;font-family:Manrope,sans-serif;font-size:17px;margin:0}.modal-heading p{color:#929dab;font-size:10px;margin:5px 0 0;text-transform:capitalize}.icon-button{align-items:center;background:transparent;border:0;color:#8290a2;display:flex;justify-content:center;padding:6px}.form-grid{display:grid;gap:14px;grid-template-columns:1fr 1fr}.modal-help{color:#9aa3af;font-size:9px;line-height:1.6;margin:14px 0}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:17px}.alert{align-items:center;border-radius:6px;display:flex;font-size:11px;gap:8px;margin-bottom:17px;padding:10px 12px}.alert button{background:none;border:0;color:inherit;display:flex;margin-left:auto;padding:0}.alert-error{background:#fff0f0;color:#ad5656}.alert-success{background:#eaf8f2;color:#478e75}.setup-page,.loading-screen{align-items:center;background:#f5f7fa;display:flex;justify-content:center;min-height:100vh;padding:20px}.setup-card{background:#fff;border:1px solid #e9edf1;border-radius:12px;box-shadow:0 8px 32px #283b5510;max-width:470px;padding:34px;width:100%}.setup-brand{margin-bottom:22px;width:210px}.setup-card h1{color:#283951;font-family:Manrope,sans-serif;font-size:24px;letter-spacing:-.8px;margin:0}.setup-card>p:not(.eyebrow){color:#8994a2;font-size:12px;line-height:1.7;margin:10px 0 18px}.setup-card ol{color:#68778d;font-size:11px;line-height:2.1;padding-left:20px}.setup-card code{background:#f1f3f7;border-radius:4px;color:#4c6385;padding:2px 4px}.setup-note{align-items:center;background:#f2f7f5;border-radius:6px;color:#698477;display:flex;font-size:10px;gap:8px;margin-top:18px;padding:11px}.loading-screen{color:#78869a;flex-direction:column;font-size:12px;gap:12px}.loading-brand{margin-bottom:4px;width:180px}.auth-page{background:#fff;display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-art{background:linear-gradient(145deg,#263f68,#1e3354);color:#fff;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:31px 7%;position:relative}.auth-brand-logo{background:#fff;border-radius:5px;margin-top:3px;padding:4px 7px;position:relative;width:190px;z-index:1}.auth-art:before,.auth-art:after{border:1px solid #ffffff12;border-radius:50%;content:"";height:420px;position:absolute;right:-150px;top:32%;width:420px}.auth-art:after{height:560px;right:-220px;top:26%;width:560px}.art-copy{margin:auto 0;max-width:420px;position:relative;z-index:1}.art-copy .eyebrow{color:#a9bddb;font-size:9px;letter-spacing:1.5px}.art-copy h1{font-family:Manrope,sans-serif;font-size:clamp(30px,4vw,48px);letter-spacing:-1.8px;line-height:1.12;margin:13px 0}.art-copy p{color:#c3cee0;font-size:12px;line-height:1.8;max-width:330px}.art-decoration{align-items:center;display:flex;gap:15px;height:115px;margin-bottom:30px;position:relative;z-index:1}.decoration-clock{align-items:center;background:#ffffff12;border:1px solid #ffffff25;border-radius:15px;color:#91abcf;display:flex;height:90px;justify-content:center;width:90px}.decoration-card{background:#ffffff12;border:1px solid #ffffff20;border-radius:10px;display:grid;gap:9px;height:68px;padding:14px;width:160px}.decoration-card span{background:#73d2b2;border-radius:5px;height:8px;width:55%}.decoration-card i{background:#ffffff25;border-radius:5px;height:6px;width:85%}.auth-footnote{color:#a9b7cb;font-size:9px;position:relative;z-index:1}.auth-form{align-self:center;justify-self:center;max-width:370px;padding:45px 25px;width:100%}.auth-form .eyebrow{display:block;margin-bottom:10px}.auth-form h2{font-size:26px}.auth-subtitle{color:#929dab;font-size:11px;margin:8px 0 27px}.auth-form label{margin-bottom:16px}.auth-form input{font-size:11px;min-height:42px}.auth-submit{margin-top:5px;width:100%}.auth-toggle{color:#929dab;font-size:10px;margin:19px 0;text-align:center}.auth-toggle button{background:none;border:0;color:#42618f;font-size:10px;font-weight:700;padding:0}.auth-security{align-items:center;border-top:1px solid #eef0f3;color:#a0a8b3;display:flex;font-size:9px;gap:6px;justify-content:center;margin-top:30px;padding-top:16px}.auth-security svg{color:#61aa91}.inline-error,.inline-success{border-radius:5px;font-size:10px;margin:10px 0;padding:9px}.inline-error{background:#fff0f0;color:#ae5656}.inline-success{background:#eaf8f2;color:#488e76}.mobile-brand{display:none}.sidebar-scrim{background:#17243b55;border:0;inset:0;position:fixed;z-index:19}.menu-button{display:none}.sr-only{height:1px;overflow:hidden;position:absolute;width:1px}@media(max-width:1100px){.page-content{padding-left:27px;padding-right:27px}.topbar{padding:0 27px}.sidebar{width:220px}.main-area{margin-left:220px}.employee-dashboard{grid-template-columns:1.2fr 1fr}.punch-panel{padding:21px}.team-layout{grid-template-columns:1fr}.company-form{max-width:none}}@media(max-width:800px){.sidebar{transform:translate(-100%);transition:transform .2s ease;width:260px}.sidebar-open{transform:translate(0)}.main-area{margin-left:0}.menu-button{display:flex}.topbar{gap:10px;height:57px;padding:0 18px}.breadcrumb{flex:1;font-size:10px;gap:6px}.topbar-right{gap:8px}.date-chip{font-size:9px;padding:6px 7px}.date-chip svg{display:none}.page-content{padding:28px 20px 40px}.employee-dashboard{grid-template-columns:1fr}.employee-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.punch-panel{min-height:345px}.stats-grid{gap:9px}.stat-card{min-height:105px;padding:14px}.stat-card>div:first-child>span{font-size:9px}.stat-value{font-size:22px}.stat-icon{height:31px;width:31px}.bottom-grid,.auth-page{grid-template-columns:1fr}.auth-art{display:none}.auth-form{padding:25px;width:min(100%,420px)}.mobile-brand{display:block;margin-bottom:45px;width:190px}.export-grid{grid-template-columns:1fr}.export-controls{align-items:stretch;flex-direction:column}.export-controls label{min-width:0}.export-result{border-left:0;border-top:1px solid #edf0f3;margin:0;padding:10px 0 0}.page-heading h1{font-size:24px}}@media(max-width:520px){.page-content{padding:23px 14px 30px}.topbar{padding:0 12px}.breadcrumb{font-size:0}.breadcrumb svg{display:none}.breadcrumb strong{font-size:11px}.date-chip{display:none}.page-heading{align-items:flex-start;gap:10px}.page-heading h1{font-size:22px}.page-heading>.secondary-button{font-size:10px;min-height:34px;padding:0 8px}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid .stat-card:last-child{grid-column:1/-1}.employee-side{grid-template-columns:1fr}.punch-panel{min-height:330px;padding:19px}.clock-time{font-size:49px;margin-top:30px}.bottom-grid{gap:10px}.welcome-panel,.tip-panel{min-height:120px;padding:15px}.team-panel,.company-form,.export-format-card{padding:15px}.team-row{gap:8px}.employee-code{display:none}.role-pill{font-size:9px;padding:4px 6px}.field-list,.form-grid{grid-template-columns:1fr 1fr}.modal-card{padding:17px}.modal-heading h2{font-size:15px}}