@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--navy:#16263c;--navy-soft:#22344d;--blue:#3868ec;--blue-dark:#2754cb;--ink:#233047;--muted:#8590a2;--line:#e9edf3;--canvas:#f7f9fc;--green:#229978;--red:#d66070;--amber:#d6a046;--font:'DM Sans','Segoe UI',sans-serif;--display:'Manrope','Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font:15px/1.55 var(--font);-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button,input,select,textarea,a{outline-offset:4px}a:focus-visible,button:focus-visible{outline:3px solid #90afff}input,select,textarea{border:1px solid #dfe5ed;border-radius:7px;background:#fff;color:var(--ink);padding:10px 12px;min-width:0;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:#9ba5b3}input:focus,select:focus,textarea:focus{outline:none;border-color:#6f93f4;box-shadow:0 0 0 3px #3868ec12}input:disabled{background:#f2f4f8;color:#a5aebd}input[type=time]{min-width:110px}textarea{resize:vertical}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display)}h2{font-size:15px;font-weight:800;letter-spacing:-.3px;margin-bottom:4px}h3{font-size:15px}svg{flex-shrink:0;vertical-align:middle}small{font-size:15px}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.muted{color:#7d899b}.nowrap{white-space:nowrap}.tabular{font-variant-numeric:tabular-nums}.wide{grid-column:1/-1}.full{width:100%}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:#fff;padding:10px}.skip-link:focus{top:10px}
.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:246px;padding:31px 18px 0;background:var(--navy);display:flex;flex-direction:column;color:#a3b0c3}.brand{display:flex;align-items:center;gap:10px;color:white;font-family:var(--display);font-size:20px;font-weight:800;letter-spacing:-.8px}.brand-symbol{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:var(--blue);box-shadow:0 4px 12px #0002;flex-shrink:0}.brand-accent{color:#8cafff}.brand small{display:block;margin-top:3px;letter-spacing:1.9px;font-size:15px;color:#7d90ad;font-weight:600}.workspace{margin-top:37px;margin-bottom:30px;padding:11px 9px;border:1px solid #ffffff15;border-radius:8px;background:#ffffff04;display:flex;align-items:center;gap:9px}.workspace-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#ffffff13;color:#c1d3ee;font-weight:700}.workspace strong{color:#d8e0ed;font-size:15px;font-weight:600;display:block;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace small{color:#7689a4;font-size:15px}.workspace>svg{margin-left:auto;color:#6e809c}.nav-label{font-size:15px;letter-spacing:1.9px;color:#6e819e;font-weight:700;margin:0 12px 14px}.main-nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;color:#9eacc2;border-radius:8px;font-size:15px;font-weight:500;transition:background .18s,color .18s}.nav-item:hover{background:#ffffff08;color:#fff}.nav-item.active{background:var(--blue);color:white;box-shadow:0 4px 15px #0001}.nav-item>svg{width:18px}.nav-indicator{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#fff8}.subnav{margin:6px 0 12px 22px;padding-left:23px;border-left:1px solid #ffffff18;display:grid;gap:6px}.subnav a{padding:7px 0;font-size:15px;color:#8da0bc}.subnav a.selected,.subnav a:hover{color:#d8e5ff}.sidebar-bottom{margin-top:auto;padding-top:50px}.workspace-note{padding:0 13px 25px;font-size:15px;color:#96a7c0}.workspace-note small{display:block;margin:6px 0 0 11px;font-size:15px;color:#5e7392}.online-dot{display:inline-block;width:6px;height:6px;background:#3ab79a;border-radius:50%;margin-right:6px;box-shadow:0 0 0 3px #3ab79a12}.sidebar-user{display:flex;align-items:center;gap:10px;padding:20px 9px 24px;border-top:1px solid #ffffff10;margin-top:20px}.sidebar-user .avatar{width:33px;height:33px;background:#344964;color:#deeaff;font-size:15px}.sidebar-user strong{display:block;color:#d8e2f2;font-size:15px}.sidebar-user small{color:#7b8da7;font-size:15px}.admin-shield{margin-left:auto;color:#6780a1}.app-main{margin-left:246px;min-height:100vh}.topbar{height:76px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:22px}.breadcrumbs{display:flex;align-items:center;gap:14px;color:#9da6b4;font-size:15px}.breadcrumbs strong{font-weight:500;color:#56647c}.topbar-date{display:flex;gap:8px;align-items:center;font-size:15px;white-space:nowrap;color:#8290a5}.global-search{display:flex;align-items:center;gap:8px;color:#929db0}.global-search input{border:0;background:none;width:155px;font-size:15px;padding:8px 0}.global-search input:focus{box-shadow:none}.icon-button{border:0;background:none;color:#8996a9;padding:7px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}.icon-button:hover{background:#edf2fb;color:var(--blue)}.menu-toggle{display:none}.page-content{max-width:1600px;margin:0 auto;padding:36px 38px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 32px}.eyebrow{color:var(--blue);font-size:15px;font-weight:800;letter-spacing:1.8px;margin-bottom:8px}.page-heading h1{font-size:28px;line-height:1.3;font-weight:800;letter-spacing:-1.1px;margin-bottom:8px}.greeting-dot{color:var(--blue)}.page-heading p:not(.eyebrow){color:#8a94a5;font-size:15px;margin-bottom:0}.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:7px;padding:10px 15px;font-weight:600;font-size:15px;white-space:nowrap;min-height:39px;transition:background .15s,transform .15s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 3px 7px #3868ec14}.btn.primary:hover{background:var(--blue-dark)}.btn.secondary{background:#fff;border-color:#e0e6ef;color:#67758a}.btn.secondary:hover{background:#f7f9ff;border-color:#c7d4f3}.btn.small{background:#f0f4ff;color:#3a62ce;border-color:#dce6ff;padding:7px 10px;min-height:32px;font-size:15px}.btn.danger{background:#fff2f3;color:#b74f5b;border-color:#f3d3d8}.btn.disabled{opacity:.4;cursor:default}.text-link{display:inline-flex;align-items:center;gap:7px;font-size:15px;font-weight:600}.section-overline{display:flex;justify-content:space-between;font-size:15px;letter-spacing:1.1px;color:#9aa5b7;font-weight:600;margin-bottom:13px}.section-overline>span:last-child{letter-spacing:0;font-size:15px;font-weight:400}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:23px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 20px;box-shadow:0 3px 8px #1c315003;position:relative;overflow:hidden}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#7e899a;font-size:15px}.stat-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px}.stat-icon.blue{background:#eef3ff;color:#5f83ec}.stat-icon.green{background:#eaf8f3;color:#46ad91}.stat-icon.red{background:#fceff1;color:#df7f8d}.stat-icon.amber{background:#fff7e8;color:#d3aa5f}.stat-number{display:block;font-family:var(--display);font-size:32px;line-height:1.4;letter-spacing:-1px;margin:5px 0 4px;font-weight:750}.stat-card>small{font-size:15px;color:#a0a9b7}.notice{border:1px solid #dce6fc;background:#f0f5ff;border-radius:8px;display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:24px;color:#6d83ac}.notice-icon{color:#7193d9;flex-shrink:0}.notice p{margin:0;font-size:15px;line-height:1.7}.notice p strong{font-weight:600;color:#456798}.notice a{margin-left:auto;font-weight:600;white-space:nowrap;font-size:15px;display:flex;align-items:center;gap:8px}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 2px 7px #14284403;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 23px}.panel-header p,.form-section-heading p{color:#929dad;font-size:15px;margin-bottom:0}.panel-header h2{margin-bottom:4px}.panel-header.unpadded{padding:0 0 22px}.border-top{border-top:1px solid var(--line)}.subtle-pill{display:inline-flex;align-items:center;gap:6px;color:#8693a7;font-size:15px;border:1px solid #edf0f6;background:#fafbfe;padding:5px 8px;border-radius:6px;white-space:nowrap}.dashboard-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:22px;margin-bottom:26px}.chart-legend{display:flex;gap:19px;margin:0 23px 6px;font-size:15px;color:#8e99a9}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.legend-dot.blue{background:#6c8df5}.legend-dot.muted{background:#e0e7f4}.legend-dot.green{background:#55b99d}.legend-dot.red{background:#dc8292}.legend-dot.amber{background:#e1b565}.bar-chart{height:175px;display:flex;align-items:flex-end;gap:8px;margin:12px 26px 0;padding:0 12px;background:repeating-linear-gradient(to top,transparent 0,transparent 38px,#f1f4f8 38px,#f1f4f8 39px);background-size:100% 145px;background-repeat:no-repeat}.bar-group{height:100%;display:flex;flex:1;align-items:center;flex-direction:column;justify-content:flex-end}.bar-track{height:130px;display:flex;align-items:flex-end;gap:3px;width:33px;position:relative}.bar-track:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:4px;background:#ecf1fb}.bar{flex:1;border-radius:4px 4px 0 0;min-height:0;z-index:1}.bar.present{background:linear-gradient(to top,#6186f0,#a0b7ff)}.bar.absent{background:#e1e9fc}.bar-group>span{font-size:15px;color:#98a3b4;margin-top:10px}.bar-group>small{font-size:15px;color:#b2bac7}.chart-empty{padding:13px 24px 20px;font-size:15px;text-align:center;color:#a1adbf}.attendance-ring{width:140px;height:140px;border-radius:50%;margin:0 auto 21px;background:conic-gradient(#6d90ed var(--progress),#eef2fb 0);display:grid;place-items:center;transform:rotate(-10deg)}.attendance-ring>div{width:119px;height:119px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(10deg)}.attendance-ring strong{font-family:var(--display);font-size:32px;font-weight:800;line-height:1.35;letter-spacing:-1px}.attendance-ring strong span{font-size:19px;color:#a5afc0;margin-left:3px}.attendance-ring small{font-size:15px;color:#99a3b4}.today-legend{padding:0 26px;display:grid;gap:9px;font-size:15px;color:#8b97aa}.today-legend>span{display:flex;align-items:center}.today-legend strong{margin-left:auto;color:#6d7b91;font-weight:600}.month-hours{margin:17px 23px 18px;border-top:1px solid #f0f3f8;padding-top:15px;display:flex;align-items:center;gap:10px;color:#8ca4d5}.month-hours strong{font-size:15px;color:#536a90;display:block}.month-hours small{font-size:15px;color:#a3adbb}.recent-panel{margin-bottom:25px}.table-wrap{overflow-x:auto;max-width:100%}table{width:100%;border-collapse:collapse;text-align:left;font-size:15px}thead{background:#fafbfe}th{font-size:15px;text-transform:uppercase;letter-spacing:.7px;color:#8e9aae;font-weight:600;padding:13px 18px;border-top:1px solid #eef1f6;border-bottom:1px solid #eef1f6;white-space:nowrap}td{padding:17px 18px;border-bottom:1px solid #f0f3f8;vertical-align:middle;color:#738097}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdff}td small{display:block;font-size:15px;color:#a0aaba;margin-top:3px}.person{display:flex;align-items:center;gap:11px;color:var(--ink);min-width:175px}.person strong{display:block;font-weight:600;font-size:15px;line-height:1.5}.person small{display:block;font-size:15px;color:#98a3b6;margin-top:2px;max-width:230px}.avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;font-size:15px;letter-spacing:-.3px;font-weight:600;flex-shrink:0}.color-0{background:#eaf0ff;color:#6382d3}.color-1{background:#f3ecfb;color:#9673bc}.color-2{background:#eaf5f0;color:#69a68b}.color-3{background:#fcf1e6;color:#c09a6b}.badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:15px;font-weight:500;border-radius:5px;padding:4px 8px;background:#f3f5f9;color:#8c99ac}.status-dot{width:4px;height:4px;border-radius:50%;background:currentColor}.badge-active,.badge-present{background:#eaf7f1;color:#4a9d7c}.badge-absent,.badge-inactive{background:#fceef1;color:#d37a8a}.badge-late{background:#fff6e7;color:#c79b4b}.badge-leave{background:#edf2ff;color:#7898d6}.hours{font-size:15px;font-weight:500;color:#7e8da4;white-space:nowrap}.date-cell{font-size:15px;font-weight:500;color:#697991}.next-day{color:#a1adc2;font-size:15px}.notes-cell{min-width:150px;max-width:240px;overflow-wrap:anywhere}.dashboard-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.shift-list{padding:0 23px 10px}.shift-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;gap:12px;border-top:1px solid #f0f3f8}.shift-time{display:flex;align-items:center;gap:7px;font-size:15px;white-space:nowrap;color:#8f9db3}.event-list{padding:0 23px 20px}.event{display:flex;gap:12px;padding:10px 0}.event-marker{width:7px;height:7px;background:#b4c7f1;border:2px solid #eaf0fc;border-radius:50%;margin-top:5px;flex-shrink:0}.event p{font-size:15px;color:#8290a6;margin-bottom:2px}.event small{font-size:15px;color:#b0b9c7}.page-footer{padding:31px 0 22px;margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#a3adbd;font-size:15px}.page-footer>span:last-child{display:flex;align-items:center}.page-footer .online-dot{width:4px;height:4px;box-shadow:none}.mini-stats{display:flex;align-items:center;gap:32px;margin:-8px 0 26px}.mini-stats>span{font-size:15px;color:#92a0b2}.mini-stats strong{font-size:17px;font-weight:700;font-family:var(--display);color:#455875;margin-right:10px}.filters{padding:20px 23px;display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.filters input,.filters select{font-size:15px;padding:10px 11px;height:39px}.employee-filters{align-items:center;flex-wrap:nowrap}.employee-filters select{max-width:220px;flex:1}.search-field{display:flex;align-items:center;gap:8px;border:1px solid #e2e7ef;border-radius:7px;padding:0 12px;color:#95a2b8;flex:1.5;min-width:150px}.search-field input{border:0;width:100%;box-shadow:none;padding-left:0}.table-link{display:inline-flex;align-items:center;gap:7px;font-size:15px;white-space:nowrap}.table-foot{padding:13px 22px;border-top:1px solid var(--line);font-size:15px;color:#9ba7b8;display:flex;gap:7px;align-items:center}.contact-cell{white-space:nowrap}.pagination{padding:17px 22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#8d9aaf;font-size:15px}.pagination .btn{min-height:30px;padding:6px 10px;font-size:15px}.page-count{font-size:15px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>label{font-size:15px;color:#596b84;font-weight:500}.field>small,.field-hint{font-size:15px;color:#a0aabc;line-height:1.7}.field input,.field select,.field textarea{width:100%;font-size:15px}.required{color:#7792cc}.field-error{color:#c65c70!important}.form-panel{padding:26px;margin-bottom:22px}.form-section-heading{display:flex;align-items:center;gap:13px;margin-bottom:24px}.form-section-heading>svg{margin-left:auto;color:#9aaccc}.section-number{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#f0f4ff;color:#7492da;font-size:15px;font-weight:600}.required-note{margin-left:auto;font-size:15px;color:#a2aebf}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px 25px}.form-grid.one-column{grid-template-columns:1fr;margin-bottom:23px}.form-grid datalist{display:none}.form-actions{display:flex;align-items:center;justify-content:space-between;padding:0 0 10px}.form-actions>span{font-size:15px;display:flex;gap:6px;align-items:center;color:#9ba8bc}.back-link{display:flex;gap:9px;align-items:center;font-size:15px;color:#9eabba;margin-bottom:23px}.back-link a{color:#8fa1bb}.profile-hero{display:flex;align-items:center;gap:24px;padding:30px;margin-bottom:30px}.avatar-large{width:78px;height:78px;font-size:25px;border-radius:20px}.profile-heading h1{font-size:26px;letter-spacing:-1px;margin:5px 0}.profile-heading p{font-size:15px;color:#8d9bb0;margin-bottom:10px}.profile-heading p span{margin:0 7px;color:#b5beca}.profile-hero>.btn{margin-left:auto}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-bottom:26px}.details-grid{margin:0;padding:0 24px 23px;display:grid;grid-template-columns:1fr 1fr;gap:23px}.details-grid dt{font-size:15px;color:#a1adc0;margin-bottom:5px}.details-grid dd{font-size:15px;color:#63758e;margin:0;overflow-wrap:anywhere}.panel-body{padding:0 24px 24px}.panel-body p{font-size:15px;color:#95a1b5;line-height:1.8}.panel-body h3{color:#ad7683;font-size:15px}.confirm-dialog{border:1px solid #e6eaf1;border-radius:14px;padding:27px;max-width:450px;color:var(--ink);box-shadow:0 20px 80px #13284340}.confirm-dialog::backdrop{background:#17283f80;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-heading h2{font-size:18px}.confirm-dialog p{font-size:15px;color:#8c99ae;line-height:1.8}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.attendance-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:16px 20px;margin-bottom:20px}.date-selector{display:flex;align-items:center;gap:14px}.date-selector label{display:flex;align-items:center;gap:8px;font-size:15px;color:#7e90aa}.date-selector input{font-size:15px}.live-label{font-size:15px;color:#94a3ba}.daily-table{min-width:1100px}.daily-table th,.daily-table td{padding-left:14px;padding-right:14px}.daily-table td:first-child{padding-left:22px;min-width:260px}.daily-table input,.daily-table select{font-size:15px;padding:8px 9px}.daily-table input[name=notes]{width:145px}.daily-table select{width:108px}.shift-hint{display:flex!important;align-items:center;gap:5px;margin:8px 0 0 45px!important;font-size:15px!important;color:#a6b2c4!important}.source-label{font-size:15px;color:#9faabd}.history-filters{display:grid;grid-template-columns:1fr 1fr 1.3fr 1.5fr 1fr auto}.filters .field{gap:6px}.filter-actions{display:flex;align-items:center;gap:10px}.filter-actions .btn{padding:10px 13px}.count-tag{background:#eff3fc;color:#849ed5;border-radius:5px;font-size:15px;padding:2px 6px;margin-left:5px;vertical-align:middle}.report-filter-panel{margin-bottom:25px}.report-filters{display:grid;grid-template-columns:1fr 1fr 1.5fr auto auto}.filter-help{padding:0 23px 17px;color:#a3afc0;font-size:15px}.report-stats{display:grid;grid-template-columns:repeat(4,1fr) 1.5fr;gap:15px;margin-bottom:24px}.report-stat{background:#fff;border:1px solid var(--line);border-radius:9px;padding:17px 20px}.report-stat>span{display:flex;align-items:center;font-size:15px;color:#93a0b3;gap:4px}.report-stat>strong{font-family:var(--display);font-size:24px;font-weight:750;display:block;margin-top:10px;color:#526782;letter-spacing:-.8px}.report-stat.total-hours{background:#edf3ff;border-color:#e3ebff}.report-stat.total-hours>span{color:#86a0d6;gap:8px}.report-stat.total-hours>strong{color:#5476c2}.import-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:26px}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:9px;min-height:255px;border:1.5px dashed #cfdbf4;border-radius:10px;background:#f8faff;cursor:pointer;text-align:center;color:#99a9c4;padding:28px}.upload-zone:hover,.upload-zone.dragging{background:#f0f5ff;border-color:#7296e9}.upload-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-zone strong{font-family:var(--display);font-size:15px;color:#6b82ac;margin-top:9px}.upload-zone>span:not(.upload-symbol){font-size:15px}.upload-zone small{font-size:15px;color:#abb8cb}.upload-symbol{width:60px;height:60px;display:grid;place-items:center;background:#ebf1ff;color:#7d9ddd;border-radius:16px}.checkbox{display:flex;align-items:center;gap:9px;color:#8594aa;font-size:15px;cursor:pointer}.checkbox input{accent-color:var(--blue);width:14px;height:14px;margin:0}.checkbox small{display:block;color:#a7b2c3;font-size:15px;margin-top:4px}.overwrite-check{align-items:flex-start;margin:24px 0}.overwrite-check input{margin-top:3px}.template-link{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:18px 0}.template-link strong{display:block;font-size:15px;font-weight:500;color:#6b7e9c}.template-link small{display:block;font-size:15px;color:#a6b2c6;margin-top:4px}.template-link>svg{margin-left:auto;color:#9eb3d8}.spaced-title{margin-top:10px;margin-bottom:12px}.import-notes{display:flex;gap:12px;color:#93a6c6;padding:8px 20px}.import-notes strong{font-size:15px;color:#7187aa}.import-notes p{font-size:15px;line-height:1.9;margin-top:6px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-grid .form-panel{margin:0}.setting-static{display:flex;flex-direction:column;gap:9px;padding:9px 0;color:#8a9ab3;font-size:15px}.setting-static strong{font-weight:500;display:flex;gap:9px;align-items:center;color:#687e9f}.device-panel{grid-column:1/-1}.device-panel .form-section-heading>.subtle-pill{margin-left:auto}.device-panel p{font-size:15px;line-height:1.9}.endpoint{background:#f6f8fd;border:1px solid #e9eef6;border-radius:7px;padding:12px 14px;display:flex;align-items:center;gap:12px;margin:17px 0;overflow:auto}.endpoint>span{font-size:15px;background:#e2f5ee;color:#5ba48d;padding:4px 7px;border-radius:4px;font-weight:700}.endpoint code{font-size:15px;color:#7a8da9}.empty-state{text-align:center;padding:44px 20px;color:#a1aec3}.empty-state>svg{color:#a5b8db;margin-bottom:12px}.empty-state h3{font-size:15px;color:#7588a5;margin-bottom:7px}.empty-state p{font-size:15px;margin-bottom:15px}.empty-state.compact{padding:20px;font-size:15px}.empty-state.compact p{font-size:15px;margin:5px 0}.alert{display:flex;align-items:center;gap:12px;padding:15px 18px;border-radius:8px;margin-bottom:25px;font-size:15px}.alert.success{background:#ecf8f2;border:1px solid #d5ede2;color:#539b7f}.alert.error{background:#fff2f4;border:1px solid #f4dce2;color:#b77483}.alert .icon-button{margin-left:auto}.alert ul{padding-left:17px;margin:7px 0 0}.alert li+li{margin-top:3px}
.login-body{background:#fff}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:var(--navy);padding:45px 54px;display:flex;flex-direction:column;position:relative;overflow:hidden;color:#fff}.login-story:after{content:'';position:absolute;right:-300px;top:120px;width:600px;height:600px;border-radius:50%;background:radial-gradient(ellipse,#4868ad22,transparent 67%);pointer-events:none}.login-story .brand{font-size:22px}.story-copy{max-width:390px;width:100%;margin:auto;position:relative;z-index:1;padding:65px 0}.story-tag{font-size:15px;letter-spacing:1.6px;color:#8ba5c9;font-weight:600}.story-tag .online-dot{background:#89aef5;box-shadow:0 0 0 4px #89aef50a;margin-right:8px}.story-copy h1{font-size:46px;line-height:1.22;font-weight:800;letter-spacing:-2.4px;margin:24px 0 20px;color:#edf3ff}.story-copy>p{font-size:15px;line-height:1.9;color:#94a8c5}.login-preview{margin-top:35px;background:linear-gradient(145deg,#263c5b,#20334e);border:1px solid #ffffff14;border-radius:13px;padding:18px 22px;box-shadow:0 20px 40px #0002}.preview-top{display:flex;gap:4px;align-items:center}.mini-dot{height:5px;width:5px;border-radius:50%;background:#56718f}.preview-top>span:last-child{margin-left:auto;font-size:15px;letter-spacing:1.7px;color:#7694bb}.preview-metric{display:flex;gap:12px;align-items:center;margin:26px 0 25px}.preview-check{width:37px;height:37px;border-radius:10px;background:#65b69b20;color:#7dcab2;display:grid;place-items:center}.preview-metric strong{font-family:var(--display);display:block;font-size:15px;color:#d6e2f5}.preview-metric small{font-size:15px;color:#8099bc;display:block;margin-top:4px}.preview-chart{height:66px;display:flex;align-items:flex-end;gap:9px;margin:0 3px}.preview-chart i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#7f9de57a,#3b609e29)}.preview-chart i:nth-child(3n){background:linear-gradient(#9ab7f3,#5679bb80)}.preview-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff0c;margin-top:20px;padding-top:13px;color:#8aa6ce;font-size:15px}.story-features{display:flex;gap:25px;align-items:center;margin-top:25px;color:#7c94b5;font-size:15px}.story-features span{display:flex;align-items:center;gap:7px}.story-footer{color:#597596;font-size:15px;letter-spacing:1.7px;position:relative;z-index:1}.login-form-area{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:65px 40px}.login-form-wrap{max-width:340px;width:100%;padding:40px 0}.login-eyebrow{font-size:15px;letter-spacing:1.6px;color:#859ac0;font-weight:600}.login-form-wrap h2{font-size:32px;letter-spacing:-1.2px;margin-top:15px;margin-bottom:10px;color:#2c3e5b}.login-form-wrap>p{font-size:15px;color:#9ca9bc;margin-bottom:33px}.login-form{display:flex;flex-direction:column;gap:21px}.login-form .field label{font-size:15px;color:#7386a3}.login-form input:not([type=checkbox]){height:46px;font-size:15px;background:#fcfdff;border-color:#e1e7f0}.login-form .checkbox{margin:0 0 5px;font-size:15px;color:#94a1b6}.login-form .btn{height:46px;justify-content:space-between;padding-left:17px;padding-right:17px;font-size:15px}.password-field{position:relative}.password-field input{padding-right:42px}.password-toggle{position:absolute;right:9px;bottom:10px;border:0;background:transparent;color:#adbbcf;display:grid;place-items:center;width:28px;height:28px}.login-secure{margin-top:32px;padding-top:23px;border-top:1px solid #edf1f7;display:flex;align-items:center;justify-content:center;gap:9px;color:#9aacc8;font-size:15px}.login-secure small{color:#b7c1d1;font-size:15px}.login-copyright{position:absolute;bottom:30px;font-size:15px;color:#b1bdd0}
@media(min-width:1600px){.page-content{padding-top:42px}.page-heading h1{font-size:32px}.stat-number{font-size:38px}.bar-chart{height:190px}.bar-track{height:145px}.stat-card{padding:22px 24px}}
@media(max-width:1200px){.sidebar{width:221px;padding-left:14px;padding-right:14px}.app-main{margin-left:221px}.page-content{padding:28px 24px 0}.topbar{padding:0 24px}.stat-grid{gap:12px}.stat-card{padding:16px}.history-filters{grid-template-columns:1fr 1fr 1fr}.dashboard-bottom{grid-template-columns:1fr}.global-search{display:none}.employee-filters{flex-wrap:wrap}.employee-filters .search-field{flex-basis:100%}.profile-hero{padding:24px;gap:16px}.shift-time{font-size:15px}.report-stats{gap:10px}.report-stat{padding:16px 13px}.page-heading h1{font-size:26px}.login-story{padding:38px}.story-copy h1{font-size:40px}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);width:246px;transition:transform .2s}.app-main{margin-left:0}.menu-toggle{display:flex}.sidebar-overlay{display:none;position:fixed;inset:0;background:#12213c66;z-index:25;backdrop-filter:blur(2px)}body.menu-open .sidebar{transform:translateX(0)}body.menu-open .sidebar-overlay{display:block}.topbar{height:65px}.page-content{padding-top:26px}.dashboard-grid{grid-template-columns:1.5fr 1fr}.page-heading h1{font-size:25px}.page-heading .button-row{gap:7px}.page-heading .btn{font-size:15px;padding:9px 12px}.report-stats{grid-template-columns:repeat(4,1fr)}.total-hours{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.report-stat.total-hours>strong{margin:0}.profile-hero{flex-wrap:wrap}.profile-hero>.btn{margin-left:102px}.login-story{padding:30px}.story-copy{padding:40px 0}.story-copy h1{font-size:35px}.login-preview{padding:16px}.login-form-area{padding:35px}.login-shell{grid-template-columns:.95fr 1fr}.workspace strong{font-size:15px}.profile-grid{grid-template-columns:1fr}.report-filters{grid-template-columns:1fr 1fr}.report-filters .btn{align-self:end}.import-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.topbar{padding:0 18px}.topbar-left,.topbar-right{gap:10px}.topbar-date{font-size:15px;gap:5px}.breadcrumbs{gap:6px;font-size:15px}.breadcrumbs>svg{width:10px}.page-content{padding:25px 16px 0}.page-heading{align-items:flex-start;flex-direction:column;gap:17px;margin-bottom:24px}.page-heading h1{font-size:25px}.page-heading p:not(.eyebrow){font-size:15px}.eyebrow{font-size:15px}.stat-grid{grid-template-columns:1fr 1fr;gap:11px}.stat-card{padding:15px}.stat-top{font-size:15px}.stat-icon{width:29px;height:29px;border-radius:8px}.stat-icon>svg{width:16px}.stat-number{font-size:30px}.stat-card>small{font-size:15px}.section-overline{font-size:15px;letter-spacing:.5px}.section-overline>span:last-child{font-size:15px}.notice{align-items:flex-start;flex-wrap:wrap;gap:9px;padding:12px}.notice p{font-size:15px;flex:1}.notice a{font-size:15px;margin-left:27px}.dashboard-grid{grid-template-columns:1fr;gap:17px}.attendance-ring{margin-bottom:18px}.today-legend{max-width:260px;margin:0 auto}.month-hours{justify-content:center}.panel-header{padding:19px 17px}.panel-header h2{font-size:15px}.panel-header p{font-size:15px}.panel-header .text-link{font-size:15px}.dashboard-bottom{gap:18px}.shift-list{padding:0 17px 5px}.shift-row{align-items:flex-start;flex-wrap:wrap;gap:7px}.shift-time{margin-left:45px}.page-footer{flex-direction:column;align-items:flex-start;padding-top:23px;font-size:15px;gap:7px}.mini-stats{gap:17px;flex-wrap:wrap;margin-top:0;margin-bottom:20px}.mini-stats>span{font-size:15px}.mini-stats strong{font-size:15px;margin-right:5px}.filters{padding:16px;gap:10px}.employee-filters select{max-width:none;flex-basis:calc(50% - 10px);font-size:15px}.employee-filters .btn{width:100%}.form-panel{padding:20px 17px}.form-section-heading{gap:9px;align-items:flex-start}.form-section-heading h2{font-size:15px}.form-section-heading p{font-size:15px;line-height:1.7}.section-number{width:27px;height:27px;font-size:15px;flex-shrink:0}.required-note{display:none}.form-grid{grid-template-columns:1fr;gap:18px}.form-actions{align-items:flex-start;gap:16px;flex-direction:column}.form-actions .button-row{align-self:stretch;justify-content:flex-end}.profile-hero{padding:21px 17px;gap:15px}.avatar-large{width:58px;height:58px;font-size:19px;border-radius:15px}.profile-heading{flex:1;min-width:170px}.profile-heading h1{font-size:21px}.profile-heading p{font-size:15px}.profile-hero>.btn{margin-left:73px}.details-grid{padding:0 18px 24px;gap:20px 13px}.details-grid dd{font-size:15px}.details-grid dt{font-size:15px}.attendance-toolbar{align-items:stretch;flex-direction:column;padding:14px}.date-selector{flex-wrap:wrap;gap:9px}.date-selector label{width:100%;font-size:15px}.date-selector input{flex:1;min-width:130px}.attendance-toolbar>.subtle-pill{align-self:flex-start}.history-filters{grid-template-columns:1fr 1fr}.history-filters>.filter-actions{grid-column:1/-1;margin-top:6px}.history-filters .field:nth-child(4){grid-column:1/-1}.report-filters{grid-template-columns:1fr 1fr}.report-filters .field:nth-child(3){grid-column:1/-1}.report-filters .btn{grid-column:1/-1}.report-filters>.text-link{grid-column:1/-1;justify-self:center}.report-stats{gap:10px;grid-template-columns:1fr 1fr}.report-stat{padding:15px}.report-stat>span{font-size:15px}.total-hours{grid-column:1/-1}.import-grid,.settings-grid{grid-template-columns:1fr}.settings-grid .device-panel{grid-column:auto}.device-panel .form-section-heading{flex-wrap:wrap}.device-panel .form-section-heading>.subtle-pill{margin-left:0}.endpoint{font-size:15px}.endpoint code{font-size:15px}.login-shell{display:block}.login-story{padding:27px 26px;min-height:0}.login-story .brand{font-size:19px}.story-copy{padding:30px 0 7px;max-width:none}.story-copy h1{font-size:31px;letter-spacing:-1.3px;margin:15px 0 12px}.story-copy h1 br{display:none}.story-copy>p{font-size:15px;line-height:1.8;margin-bottom:10px}.story-copy>p br{display:none}.login-preview,.story-features,.story-footer{display:none}.story-tag{font-size:15px}.login-form-area{padding:32px 28px 70px;min-height:550px}.login-form-wrap{max-width:370px;padding:15px 0}.login-form-wrap h2{font-size:28px}.login-form-wrap>p{margin-bottom:25px}.login-copyright{bottom:21px}.table-foot{font-size:15px}.confirm-dialog{max-width:calc(100vw - 28px);padding:22px}.pagination{padding:14px;font-size:15px}.pagination .button-row{gap:5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.sidebar,.topbar,.page-heading>.btn,.page-footer,.filters,.filter-help,.report-filter-panel,.button-row{display:none!important}.app-main{margin:0}.page-content{padding:0;max-width:none}.panel{box-shadow:none}.table-wrap{overflow:visible}table{font-size:15px}th,td{padding:8px}.report-stats{display:flex;gap:10px}.report-stat{flex:1}.page-heading h1{font-size:22px}}

/* Accommodate larger text in compact navigation and controls. */
.brand small{letter-spacing:0;font-weight:500;line-height:1.4}.workspace strong{max-width:145px;white-space:normal;overflow-wrap:anywhere}.workspace{align-items:flex-start}.workspace>svg{display:none}.sidebar{overflow-y:auto}.sidebar-bottom{padding-top:24px}.nav-label{letter-spacing:1px}.section-overline{gap:12px;flex-wrap:wrap}.stat-top{gap:8px;align-items:flex-start}.stat-icon{flex-shrink:0}.bar-chart{height:200px}.daily-table select{width:130px}.story-features{flex-wrap:wrap}.story-footer{letter-spacing:0}.login-secure{flex-wrap:wrap}.page-footer{flex-wrap:wrap}.topbar-left,.topbar-right{min-width:0}.topbar-date{white-space:normal}.breadcrumbs{flex-wrap:wrap}.form-section-heading>div{min-width:0}.shift-hint{font-size:15px!important}
@media(max-width:640px){.topbar{height:auto;min-height:76px;padding-top:12px;padding-bottom:12px}.topbar-left,.topbar-right{gap:6px}.topbar-date{max-width:145px}.section-overline>span{max-width:100%}.details-grid{grid-template-columns:1fr}.stat-card{padding:13px}.stat-top{flex-wrap:wrap}.panel-header{flex-wrap:wrap}.notice a{white-space:normal}.login-copyright{position:static;margin-top:25px}.login-form-area{padding-bottom:30px}}