:root{--ink:#182329;--muted:#718087;--line:#dfe7e6;--panel:#fff;--canvas:#f3f7f6;--teal:#087f75;--teal2:#0ba596;--mint:#e6f5f1;--nav:#0b292a;--red:#d94b52;--amber:#e89b28;--blue:#3c72d9;--shadow:0 8px 30px rgba(19,53,51,.08)}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:'DM Sans',sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:var(--nav);color:#dbe9e7;padding:24px 14px 16px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:11px;align-items:center;padding:0 10px 22px}.brand-mark{width:39px;height:39px;border-radius:12px;background:#fff;color:var(--teal);font:800 22px Manrope;display:grid;place-items:center}.brand-mark span{color:#e65a55}.brand strong{display:block;color:white;font:800 17px Manrope;letter-spacing:2px}.brand small{display:block;font-size:10px;letter-spacing:4px;color:#83aaa6}.facility{display:flex;align-items:center;gap:10px;padding:12px;background:#123839;border:1px solid #224b4b;border-radius:12px;margin-bottom:20px}.facility strong,.facility small{display:block}.facility strong{font-size:12px;color:white}.facility small{font-size:10px;color:#8eb0ad;margin-top:2px}.pulse-dot{width:9px;height:9px;border-radius:50%;background:#38d997;box-shadow:0 0 0 5px rgba(56,217,151,.12)}nav{overflow:auto}nav .nav-label{font-size:9px;color:#668e8b;letter-spacing:1.6px;font-weight:700;margin:18px 12px 7px}nav button{width:100%;border:0;background:transparent;color:#aac2bf;border-radius:9px;padding:10px 11px;margin:2px 0;display:flex;align-items:center;gap:11px;font:500 12px 'DM Sans';cursor:pointer;text-align:left}nav button:hover{background:#123c3b;color:white}nav button.active{background:#e9fffa;color:#087f75;font-weight:700}nav .ico{width:19px;text-align:center;font-size:15px}.sidebar-foot{margin-top:auto;border-top:1px solid #234746;padding:16px 8px 0;display:flex;align-items:center;gap:9px}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{font-size:11px;color:white}.sidebar-foot small{font-size:9px;color:#84a5a2}.sidebar-foot button{margin-left:auto;background:transparent;border:0;color:#8eaaa7}.mini-avatar,.avatar{border-radius:50%;display:grid;place-items:center;font-weight:700}.mini-avatar{width:31px;height:31px;background:#1e5854;color:#9fe0d7;font-size:10px}main{min-width:0}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;justify-content:space-between;position:sticky;top:0;z-index:10}.crumb{display:flex;gap:9px;align-items:center;font-size:12px}.crumb span,.crumb b{color:#9aa7a5}.top-actions{display:flex;gap:12px;align-items:center}.search{width:320px;height:38px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;padding:0 10px;gap:8px;background:#fafcfc}.search input{border:0;outline:0;width:100%;background:transparent;font:12px 'DM Sans'}.search kbd{font:10px 'DM Sans';color:#81908e;border:1px solid #dbe3e2;border-radius:5px;padding:2px 5px}.icon-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:white;cursor:pointer;position:relative}.bell i{position:absolute;right:-3px;top:-5px;background:#e9575d;color:white;font:700 9px 'DM Sans';padding:3px 5px;border-radius:10px}.profile{display:flex;align-items:center;gap:9px;border:0;background:transparent;text-align:left;cursor:pointer}.avatar{width:36px;height:36px;background:#dff2ef;color:#087f75;font-size:11px}.profile strong,.profile small{display:block}.profile strong{font-size:11px}.profile small{font-size:9px;color:var(--muted)}#app{padding:26px 28px 50px;max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.eyebrow{font:700 9px 'DM Sans';letter-spacing:1.8px;color:var(--teal);text-transform:uppercase}.page-head h1{font:800 27px Manrope;margin:5px 0 4px;letter-spacing:-.7px}.page-head p{margin:0;color:var(--muted);font-size:12px}.head-actions{display:flex;gap:8px}.btn{border:1px solid var(--line);background:white;color:var(--ink);border-radius:9px;padding:9px 14px;font:600 11px 'DM Sans';cursor:pointer}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.btn.primary{background:var(--teal);color:white;border-color:var(--teal)}.btn.danger{color:var(--red)}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px}.stat{background:white;border:1px solid var(--line);border-radius:13px;padding:15px;position:relative;overflow:hidden}.stat:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent,var(--teal))}.stat small{font-size:9px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat strong{display:block;font:800 25px Manrope;margin:8px 0 2px}.stat em{font-style:normal;font-size:9px;color:#80918e}.stat .trend{position:absolute;right:12px;bottom:12px;font-size:9px;color:var(--teal);background:var(--mint);padding:3px 6px;border-radius:9px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr)}.grid.equal{grid-template-columns:1fr 1fr}.panel{background:white;border:1px solid var(--line);border-radius:13px;box-shadow:0 1px 2px rgba(20,60,55,.02);overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 13px;border-bottom:1px solid #edf1f0}.panel-head h2{font:700 14px Manrope;margin:0}.panel-head p{font-size:10px;color:var(--muted);margin:3px 0 0}.panel-body{padding:16px 18px}.alert{display:grid;grid-template-columns:9px 1fr auto;gap:11px;align-items:start;padding:12px 0;border-bottom:1px solid #edf1f0}.alert:last-child{border:0}.alert-dot{width:8px;height:8px;border-radius:50%;margin-top:4px;background:var(--c)}.alert strong{font-size:11px;display:block}.alert p{font-size:10px;color:var(--muted);margin:3px 0}.tag{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 7px;border-radius:10px;background:#f1f5f4;color:#60716f}.tag.red{background:#fdebed;color:#c43842}.tag.amber{background:#fff2dd;color:#a76605}.tag.green{background:#e3f6ed;color:#178054}.chart{height:175px;display:flex;align-items:end;gap:12px;padding:18px 10px 5px;border-bottom:1px solid #eef2f1;background:repeating-linear-gradient(to top,#fff 0,#fff 42px,#eef3f2 43px)}.bar-wrap{flex:1;text-align:center}.bar{height:var(--h);background:linear-gradient(#13a99c,#087f75);border-radius:5px 5px 1px 1px;min-height:10px}.bar-wrap small{font-size:9px;color:var(--muted);display:block;margin-top:6px}.legend{display:flex;justify-content:space-between;padding-top:14px;font-size:10px}.legend b{font:700 15px Manrope}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff;cursor:pointer;text-align:left}.quick:hover{border-color:#82c9c2;background:#f8fffd}.quick span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--mint);color:var(--teal);font-size:16px;margin-bottom:10px}.quick strong{font-size:10px;display:block}.quick small{font-size:8px;color:var(--muted)}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:8px;text-transform:uppercase;letter-spacing:.7px;color:#7a8b89;background:#f8faf9;padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:12px;font-size:10px;border-bottom:1px solid #edf1f0}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdfd}.person{display:flex;align-items:center;gap:9px}.person-pic{width:30px;height:30px;border-radius:9px;background:var(--bg,#dff3f0);color:var(--fg,#087f75);display:grid;place-items:center;font-weight:700;font-size:9px}.person strong,.person small{display:block}.person strong{font-size:10px}.person small{font-size:8px;color:var(--muted)}.status{font-size:8px;font-weight:700;padding:4px 7px;border-radius:9px;display:inline-block}.status.present,.status.active,.status.approved,.status.valid{background:#e2f6ec;color:#148054}.status.late,.status.pending,.status.expiring{background:#fff0d9;color:#a76708}.status.absent,.status.expired,.status.rejected{background:#fde8e9;color:#c43640}.filter-row{display:flex;gap:8px;padding:13px 18px;border-bottom:1px solid var(--line)}.filter-row input,.filter-row select,.form-field input,.form-field select,.form-field textarea{border:1px solid var(--line);border-radius:8px;padding:9px 10px;font:10px 'DM Sans';outline:0;background:white}.filter-row input{flex:1}.progress{height:6px;background:#edf2f1;border-radius:5px;overflow:hidden}.progress i{display:block;height:100%;width:var(--w);background:var(--c,var(--teal));border-radius:5px}.roster{display:grid;grid-template-columns:130px repeat(7,1fr);min-width:850px}.roster>div{padding:9px;border-right:1px solid #edf1f0;border-bottom:1px solid #edf1f0;font-size:9px}.roster .r-head{font-weight:700;background:#f8faf9;text-align:center}.shift{border-radius:6px!important;margin:3px;padding:6px!important;text-align:center;font-weight:600;border:0!important}.shift.m{background:#e4f4ff;color:#2772a8}.shift.n{background:#ece9ff;color:#6252b3}.shift.o{background:#f0f3f2;color:#8b9694}.shift.c{background:#fff0d8;color:#a96b0d}.compliance-card{padding:14px;border:1px solid var(--line);border-radius:10px}.compliance-card h3{font:700 12px Manrope;margin:0 0 12px}.ring{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--teal) var(--p),#e6eeee 0);position:relative;margin:auto}.ring:after{content:'';position:absolute;inset:9px;border-radius:50%;background:white}.ring b{z-index:1;font:800 17px Manrope}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.module-card{padding:17px;border:1px solid var(--line);border-radius:12px;background:white;cursor:pointer}.module-card:hover{box-shadow:var(--shadow);border-color:#9fd3ce}.module-card .module-ico{width:36px;height:36px;background:var(--mint);color:var(--teal);display:grid;place-items:center;border-radius:10px;margin-bottom:13px}.module-card h3{font:700 12px Manrope;margin:0 0 5px}.module-card p{font-size:9px;line-height:1.5;color:var(--muted);margin:0}.employee-hero{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.employee-hero .big-avatar{width:64px;height:64px;border-radius:16px;background:#dff3ef;display:grid;place-items:center;font:800 18px Manrope;color:var(--teal)}.employee-hero h2{font:800 18px Manrope;margin:0 0 4px}.employee-hero p{margin:0;color:var(--muted);font-size:10px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.detail-item small,.detail-item strong{display:block}.detail-item small{font-size:8px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:4px}.detail-item strong{font-size:10px}.timeline{border-left:2px solid #dce9e7;margin-left:5px;padding-left:18px}.timeline-item{position:relative;padding:0 0 18px}.timeline-item:before{content:'';position:absolute;left:-24px;top:2px;width:9px;height:9px;border:2px solid white;background:var(--teal);border-radius:50%;box-shadow:0 0 0 1px #9dc9c4}.timeline-item strong{font-size:10px}.timeline-item p{font-size:9px;color:var(--muted);margin:3px 0}.modal-backdrop{display:none;position:fixed;inset:0;background:rgba(4,25,25,.45);z-index:50;place-items:center;padding:20px}.modal-backdrop.open{display:grid}.modal-card{background:white;border-radius:15px;width:min(580px,100%);max-height:90vh;overflow:auto;box-shadow:0 24px 80px rgba(0,0,0,.2)}.modal-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.modal-head h2{font:700 16px Manrope;margin:0}.modal-body{padding:20px}.modal-foot{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-field label{font-size:9px;font-weight:700;display:block;margin-bottom:5px}.form-field input,.form-field select,.form-field textarea{width:100%}.form-field.full{grid-column:1/-1}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:80}.toast{background:#123b39;color:white;border-radius:10px;padding:12px 16px;margin-top:8px;box-shadow:var(--shadow);font-size:10px;animation:slide .25s}.mobile-menu{display:none}@keyframes slide{from{transform:translateX(20px);opacity:0}}@media(max-width:1100px){.stats{grid-template-columns:repeat(3,1fr)}.grid.two,.grid.equal{grid-template-columns:1fr}.module-grid{grid-template-columns:repeat(2,1fr)}.search{width:220px}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:-260px;transition:.2s;width:248px}.sidebar.open{left:0}.mobile-menu{display:block}.topbar{padding:0 14px}.crumb,.profile div:not(.avatar),.profile>span,.search kbd{display:none}.search{width:min(46vw,220px)}#app{padding:20px 14px}.stats{grid-template-columns:repeat(2,1fr)}.quick-grid,.module-grid{grid-template-columns:repeat(2,1fr)}.page-head{align-items:flex-start;gap:14px}.detail-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}}