*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#f5f7fb;color:#18263e;font-size:14px}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:9px;padding:11px 17px}h1{font-size:24px;margin:0 0 9px}h2{font-size:17px;margin:0 0 22px}.muted{color:#8290a4}.small{font-size:12px}.logo{height:56px;width:64px;object-fit:contain}.login-body{background:radial-gradient(circle at 20% 20%,#dfeaff,transparent 40%),#f5f7fb}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px}.login-card{background:white;border:1px solid #e9eef6;box-shadow:0 18px 65px #203b6914;border-radius:22px;padding:38px;width:min(100%,430px);text-align:center}.login-logo{height:92px;width:110px;margin-bottom:15px}.login-card p{margin-bottom:30px}.login-card form{text-align:left}.login-wrap footer{margin-top:25px;color:#8592a6;font-size:12px}label{display:block;font-weight:600;font-size:13px;margin-bottom:17px}input,select{display:block;width:100%;padding:12px;border:1px solid #dce3ee;border-radius:9px;background:#fff;margin-top:8px;outline:none;min-width:0}input:focus,select:focus{border-color:#5677d8;box-shadow:0 0 0 3px #5677d81c}.primary{background:#305fd0;color:#fff;font-weight:700}.primary:hover{background:#214cae}.full{width:100%;margin-top:8px}.outline{background:#f2f5fc;color:#29446f}.danger{background:#fff0f0;color:#b43b3b}.layout{display:flex;min-height:100vh}.sidebar{background:#15253e;color:#d5dfed;width:250px;flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:23px 14px}.brand{display:flex;align-items:center;gap:12px;padding:4px 10px 28px;color:white;font-size:17px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav a{padding:14px 16px;border-radius:10px}.sidebar nav a:hover,.sidebar nav a.active{background:#2b4162;color:white}.sidebar-bottom{margin-top:auto;padding:18px;color:#9eafc5;font-size:12px}.main-area{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{background:white;border-bottom:1px solid #e8edf4;min-height:83px;padding:15px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar>div:first-of-type{display:flex;flex-direction:column;gap:7px}.top-actions{display:flex;align-items:center;gap:15px}.top-actions form{margin:0}.role{background:#eaf1ff;color:#305fc6;padding:8px 13px;border-radius:20px}.content{padding:32px;flex:1}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:15px}.heading p{margin:0}.date{background:white;padding:12px 15px;border-radius:9px;color:#718199}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.stat,.panel{background:white;border:1px solid #e9edf5;border-radius:15px;padding:25px;box-shadow:0 4px 16px #203b6908}.stat{display:flex;flex-direction:column;gap:13px}.stat>span{color:#718199}.stat strong{font-size:29px}.stat small{color:#91a0b1}.ok{color:#29946d}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #edf0f6}.detail span{color:#75859b}.quick{display:grid;gap:10px;margin-top:25px}.quick a{padding:13px;background:#f3f6fc;border-radius:9px;color:#315ac1}.footer{text-align:center;padding:23px;color:#8a99ac;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}.form-action{display:flex;align-items:center;justify-content:flex-start}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:15px;text-align:left;border-bottom:1px solid #edf0f5}th{color:#6c7b90;background:#f8faff}td{color:#30435f}.actions{display:flex;align-items:center;gap:8px}.reset-form{display:flex;gap:7px;align-items:center}.reset-form input{width:125px;margin:0;padding:10px}.reset-form button,.delete-form button{white-space:nowrap}.narrow{max-width:520px}.empty{text-align:center;padding:60px 20px}.alert{background:#fff4e5;border:1px solid #ffdfaa;border-radius:9px;padding:13px 16px;margin-bottom:18px;color:#805313}.menu-toggle{display:none;background:#f2f5fb;color:#243a5b}.overlay{display:none}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{position:fixed;left:-270px;top:0;bottom:0;z-index:20;transition:left .25s}.sidebar.open{left:0}.overlay.show{display:block;position:fixed;inset:0;background:#07132280;z-index:10}.menu-toggle{display:block}.topbar{padding:14px 17px}.content{padding:22px 15px}.two-col{grid-template-columns:1fr}.heading{align-items:flex-start}.date{display:none}.top-actions{gap:7px}.role{display:none}.login-card{padding:28px 22px}}@media(max-width:480px){.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:16px}.stat strong{font-size:23px}.form-grid{grid-template-columns:1fr}.topbar strong{font-size:13px}.topbar .small{font-size:11px}.heading h1{font-size:21px}}

.sidebar nav i{width:22px;text-align:center;margin-right:10px}.menu-toggle i{font-size:20px}.quick a{display:block}