:root{color:#182230;background:#f6f8f7;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}aside{background:#12221d;color:white;display:flex;flex-direction:column;padding:32px 24px}.brand,.eyebrow{color:#58dfaa;font-size:11px;font-weight:800;letter-spacing:.14em}aside h1{font-size:24px;margin:8px 0 38px}nav{display:grid;grid-gap:6px;gap:6px}button{background:#183d30;border:0;border-radius:8px;color:white;cursor:pointer;font-weight:700;padding:12px 16px}nav button{background:transparent;color:#cbd6d1;text-align:left;text-transform:capitalize}nav button.active,nav button:hover{background:#244137;color:white}.logout{margin-top:auto}.content{min-width:0;padding:48px clamp(24px,5vw,72px)}header{align-items:center;display:flex;justify-content:space-between;margin-bottom:34px}h2{font-family:Georgia,serif;font-size:46px;font-weight:500;margin:8px 0 0}.metrics{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.panel-form,article{background:white;border:1px solid #dfe7e3;border-radius:12px;padding:24px}article span{color:#65716c;display:block;text-transform:capitalize}article strong{display:block;font-size:32px;margin-top:18px}.panel-form{display:grid;grid-gap:16px;gap:16px;margin-bottom:24px;max-width:720px}.panel-form.compact{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));max-width:none}label{color:#4b5a54;display:grid;font-size:13px;grid-gap:7px;gap:7px}label.check{align-items:center;display:flex}input,select{background:white;border:1px solid #cdd8d3;border-radius:7px;min-width:0;padding:11px 12px}.table-wrap{background:white;border:1px solid #dfe7e3;border-radius:12px;overflow:auto}table{border-collapse:collapse;min-width:760px;width:100%}td,th{border-bottom:1px solid #edf0ef;font-size:13px;max-width:220px;overflow:hidden;padding:13px 15px;text-align:left;text-overflow:ellipsis;white-space:nowrap}th{color:#65716c;text-transform:capitalize}.error{background:#fff0f0;color:#a32222;padding:12px}.muted{color:#65716c}.actions{display:flex;gap:6px}.actions button{font-size:12px;padding:7px 9px}.login-shell{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.login-card{background:white;border:1px solid #dfe7e3;border-radius:14px;display:grid;grid-gap:18px;gap:18px;max-width:420px;padding:36px;width:100%}.login-card h1{margin:0 0 8px}@media (max-width:760px){.app-shell{grid-template-columns:1fr}aside{padding:22px}nav{grid-template-columns:repeat(2,1fr)}.logout{margin-top:20px}.content{padding-top:30px}h2{font-size:36px}}