:root{--ink:#17231b;--muted:#708077;--green:#19734a;--green2:#25a869;--pale:#eef8f2;--cream:#f7f5ee;--line:#e4e9e5;--white:#fff;--danger:#c23f3f;--shadow:0 14px 40px rgba(28,58,40,.08)}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#f6f8f6}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Manrope,sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:#10271b;color:white;padding:28px 20px;display:flex;flex-direction:column;z-index:10}.brand{color:#fff;text-decoration:none;font-size:21px;font-weight:800;display:flex;align-items:center;gap:11px}.brand>span:last-child span{color:#60d494}.brand-mark{width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#2db774,#19734a);display:grid;place-items:center;font-size:23px;box-shadow:0 7px 20px #07180e}.role-pill{margin:26px 0 18px;color:#91aa9d;font-size:11px;text-transform:uppercase;letter-spacing:1.4px;font-weight:700}.sidebar nav{display:grid;gap:7px}.sidebar nav a{display:flex;align-items:center;gap:13px;text-decoration:none;color:#afc2b7;padding:12px 14px;border-radius:10px;font-weight:600;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#1a3b29}.nav-icon{width:20px;text-align:center;color:#72d5a0;font-size:18px}.sidebar-foot{margin-top:auto;border-top:1px solid #284332;padding:20px 6px 0;display:grid;grid-template-columns:37px 1fr auto;gap:10px;align-items:center;min-width:0}.avatar{background:#d9f5e4;color:var(--green);width:37px;height:37px;border-radius:50%;display:grid;place-items:center;font-weight:800}.sidebar-foot strong,.sidebar-foot small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-foot strong{font-size:13px}.sidebar-foot small{font-size:10px;color:#88a094}.logout{color:#93ad9f;text-decoration:none;font-size:20px}main{grid-column:2;min-width:0}.topbar{height:106px;padding:23px 40px;background:rgba(255,255,255,.86);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px}.topbar h1{font-size:24px;margin:0}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:1.5px;font-size:10px;font-weight:700;margin-bottom:5px}.today{margin-left:auto;color:var(--muted);font-size:13px}.menu-toggle{display:none}.content{padding:32px 40px}.hero{background:linear-gradient(115deg,#143a25,#1c7048);color:white;border-radius:20px;padding:30px 34px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative;box-shadow:var(--shadow)}.hero:after{content:'K';position:absolute;right:35px;font:800 150px Manrope;opacity:.06}.hero h2{font-size:27px;margin-bottom:8px}.hero p{color:#bad7c6;margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.stat,.card{background:white;border:1px solid var(--line);border-radius:16px;padding:23px;box-shadow:0 5px 20px rgba(30,60,43,.03)}.stat{display:flex;align-items:center;gap:17px}.stat-icon{width:48px;height:48px;background:var(--pale);color:var(--green);border-radius:13px;display:grid;place-items:center;font-size:23px}.stat strong{font:800 26px Manrope;display:block}.stat small{color:var(--muted)}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.card-head h2{font-size:18px;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;padding:11px 17px;background:var(--green);color:#fff;text-decoration:none;font:600 13px 'DM Sans';cursor:pointer}.btn:hover{background:#125f3c}.btn.secondary{background:var(--pale);color:var(--green)}.btn.danger{background:#fff0f0;color:var(--danger)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th{text-align:left;color:#7c8981;text-transform:uppercase;font-size:10px;letter-spacing:1px;padding:12px;border-bottom:1px solid var(--line)}td{padding:15px 12px;border-bottom:1px solid #eef1ef;font-size:13px}tr:last-child td{border:0}.person{display:flex;gap:10px;align-items:center}.person .avatar{width:35px;height:35px}.badge{display:inline-block;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:700;background:#e7f7ee;color:var(--green)}.badge.off{background:#f3f3f3;color:#888}.actions{display:flex;gap:6px}.form-card{max-width:900px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.field.full{grid-column:1/-1}.field label{display:block;font-weight:600;font-size:13px;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #dce3de;border-radius:10px;padding:12px 13px;background:#fbfcfb;font:14px 'DM Sans';outline:none}.field textarea{min-height:82px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green2);box-shadow:0 0 0 3px #e8f7ef}.form-actions{display:flex;gap:10px;margin-top:24px}.alert{padding:13px 16px;border-radius:10px;margin-bottom:20px;background:#e8f7ef;color:#146640;font-size:14px}.alert.error{background:#fff0f0;color:#a83232}.empty{text-align:center;padding:45px;color:var(--muted)}footer{text-align:center;color:#9aa59f;font-size:11px;padding:34px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:white}.login-art{background:linear-gradient(140deg,#0d2919,#1c7047);padding:55px;color:white;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-art:after{content:'';width:440px;height:440px;border:100px solid rgba(255,255,255,.035);border-radius:50%;position:absolute;right:-180px;bottom:-180px}.login-copy{max-width:520px;position:relative;z-index:1}.login-copy h1{font-size:47px;line-height:1.1;margin-bottom:18px}.login-copy p{color:#b6d1c1;font-size:17px;line-height:1.7}.feature-list{display:flex;gap:25px;color:#9fc4ad;font-size:13px}.login-panel{display:grid;place-items:center;padding:40px}.login-box{width:min(410px,100%)}.login-box h2{font-size:29px;margin-bottom:7px}.login-box>p{color:var(--muted);margin-bottom:28px}.login-box .field{margin-bottom:17px}.login-box .btn{width:100%;padding:14px;margin-top:4px}.demo{background:var(--cream);padding:13px;border-radius:10px;margin-top:20px;font-size:12px;color:#68736c}.demo strong{color:var(--ink)}@media(max-width:850px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.topbar{padding:20px;height:94px}.menu-toggle{display:block;background:none;border:0;font-size:22px}.content{padding:22px}.stats{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-panel{min-height:100vh}.today{display:none}}@media(max-width:500px){.topbar h1{font-size:20px}.hero{padding:24px}.content{padding:16px}.card{padding:16px}}