:root{--green:#16d66b;--green-dark:#0ba34e;--black:#080b0a;--ink:#101713;--muted:#6e7a73;--line:#dfe7e2;--white:#fff;--soft:#f3f8f5}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--soft)}a{text-decoration:none}.login-page,.center-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 80% 10%,rgba(22,214,107,.24),transparent 32%),linear-gradient(145deg,#050706,#111a15)}.login-card,.simple-card{width:min(100%,420px);background:var(--white);border-radius:28px;padding:32px;box-shadow:0 28px 80px rgba(0,0,0,.4)}.brand-row{display:flex;align-items:center;gap:14px;margin-bottom:30px}.brand-row h1{font-size:24px;margin:0}.brand-row p{font-size:13px;color:var(--muted);margin:3px 0 0}.brand-mark{width:54px;height:54px;border-radius:18px;background:var(--green);color:var(--black);display:grid;place-items:center;font-weight:900;letter-spacing:-2px;box-shadow:0 10px 28px rgba(22,214,107,.28)}.brand-mark.small{width:42px;height:42px;border-radius:14px;flex:none}.field{margin-bottom:18px}.field label{display:block;font-size:13px;font-weight:750;margin-bottom:8px}.field input{width:100%;height:50px;border:1px solid var(--line);border-radius:14px;padding:0 15px;font-size:16px;outline:none}.field input:focus{border-color:var(--green-dark);box-shadow:0 0 0 4px rgba(22,214,107,.13)}.btn{border:0;border-radius:14px;padding:14px 18px;font-size:15px;font-weight:800;cursor:pointer;display:inline-block;text-align:center}.btn-primary{width:100%;background:var(--green);color:var(--black)}.btn-primary:hover{background:#2aea7b}.alert{padding:12px 14px;border-radius:12px;background:#fff1f1;color:#a22121;font-size:13px;margin-bottom:18px}.login-foot{font-size:12px;color:var(--muted);text-align:center;margin:20px 0 0}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--black);color:white;padding:22px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.sidebar-brand{display:flex;align-items:center;gap:12px}.sidebar-brand small,.sidebar-user small{display:block;color:#93a098;font-size:11px;margin-top:3px}.sidebar nav{margin-top:38px;display:grid;gap:8px}.sidebar nav a{padding:13px 14px;border-radius:13px;color:#aeb9b2;font-weight:650}.sidebar nav a.active{background:var(--green);color:var(--black)}.sidebar nav a.disabled{opacity:.45;pointer-events:none}.sidebar-user{margin-top:auto;padding-top:20px;border-top:1px solid #27302b}.sidebar-user form{margin-top:12px}.sidebar-user button{border:1px solid #344139;background:transparent;color:white;border-radius:10px;padding:8px 12px;cursor:pointer}.content{margin-left:260px;width:calc(100% - 260px);padding:32px}.content header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.content header small,.eyebrow{font-size:11px;font-weight:850;letter-spacing:1.4px;color:var(--green-dark)}.content h1{font-size:28px;margin:4px 0 0}.status-dot{font-size:12px;border:1px solid #bce9ce;background:#edfff4;padding:8px 11px;border-radius:999px;color:#08783a}.hero-card{background:linear-gradient(125deg,#0a0e0c,#14251b);color:white;border-radius:24px;padding:32px;box-shadow:0 20px 50px rgba(10,20,14,.15)}.hero-card h2{font-size:28px;margin:12px 0 8px}.hero-card p{color:#b8c5bd;margin:0;max-width:620px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.card-grid article{background:white;border:1px solid var(--line);border-radius:18px;padding:20px;min-height:126px}.card-grid article b,.card-grid article span{display:block}.card-grid article span{font-size:13px;color:var(--muted);line-height:1.5;margin-top:10px}.simple-card{text-align:center}.simple-card .brand-mark{margin:auto}.simple-card h1{font-size:25px}.simple-card p{color:var(--muted)}.btn.compact{width:auto;padding:11px 16px}.table-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}.filter-row{display:flex;justify-content:flex-end;margin-bottom:15px}.filter-row label{font-size:12px;font-weight:750}.filter-row select{display:block;margin-top:5px;border:1px solid var(--line);border-radius:10px;padding:8px 30px 8px 10px}.role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.role-grid label{border:1px solid var(--line);border-radius:12px;padding:12px;cursor:pointer}.role-grid small{display:block;color:var(--muted);font-size:10px;margin-left:19px}.user-badge{display:inline-block;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:850}.user-badge.active{background:#dcfbea;color:#08783a}.user-badge.inactive{background:#eef0ef;color:#59625d}.user-badge.locked{background:#fff0e1;color:#a34e00}.action-row{display:flex;gap:5px;white-space:nowrap}.mini{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 8px;font-size:11px;cursor:pointer}.mini.edit{background:var(--green);border-color:var(--green)}.temp-password{font-size:22px;font-weight:900;letter-spacing:1px;background:#f0f5f2;border-radius:12px;padding:14px;margin:8px 0}.notice-success{padding:12px 14px;border-radius:12px;background:#edfff4;color:#08783a;font-size:13px;margin-bottom:18px}@media(max-width:760px){.login-page{padding:16px;align-items:end}.login-card{padding:26px 22px;border-radius:26px}.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:16px}.sidebar nav{display:flex;margin-top:16px;overflow-x:auto}.sidebar nav a{white-space:nowrap;padding:10px}.sidebar-user{margin-top:18px;display:flex;align-items:center;gap:10px;padding-top:14px}.sidebar-user form{margin:0 0 0 auto}.content{width:100%;margin:0;padding:20px 16px 90px}.content header{align-items:flex-start}.content h1{font-size:23px}.hero-card{padding:24px 20px}.hero-card h2{font-size:24px}.card-grid{grid-template-columns:1fr}.status-dot{font-size:10px}.table-card{padding:14px}.role-grid{grid-template-columns:1fr}}