:root{--navy:#014085;--navy2:#062f5f;--green:#0cae53;--red:#c43d3d;--bg:#f3f6fa;--line:#dce4ed;--text:#1d2a3a;--muted:#68778a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,"Segoe UI",sans-serif;font-size:14px}.sidebar{position:fixed;inset:0 0 0 auto;width:250px;background:linear-gradient(180deg,var(--navy2),var(--navy));color:#fff;padding:24px 18px;overflow:auto}.brand{display:grid;grid-template-columns:48px 1fr;gap:2px 12px;align-items:center;margin-bottom:24px}.brand span{grid-row:1/3;background:var(--green);border-radius:14px;width:48px;height:48px;display:grid;place-items:center;font-weight:800}.brand strong{font-size:18px}.brand small{color:#c9d8e8}.sidebar nav{display:grid;gap:4px}.sidebar nav a{color:#eaf2fa;text-decoration:none;padding:10px 12px;border-radius:9px}.sidebar nav a:hover{background:#ffffff18}.logout{margin-top:24px}.main{margin-right:250px;min-height:100vh}.main header{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:flex-end;align-items:center;padding:0 30px}.main header div{display:flex;gap:10px;align-items:center}.main header small{color:var(--muted)}.content{padding:28px;max-width:1500px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.page-head h1{margin:0 0 6px;font-size:25px}.page-head p{margin:0;color:var(--muted)}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 5px 22px #0d31520a;margin-bottom:22px}.card h2{margin-top:0;font-size:17px}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px}.stats article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.stats span{font-size:27px;font-weight:800;color:var(--navy);display:block}.stats b{color:var(--muted);font-size:13px}.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick a{padding:13px;border:1px solid var(--line);border-radius:9px;color:var(--navy);text-decoration:none}.compact-list div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:9px 0}.compact-list small{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}label{display:grid;gap:7px;font-weight:700;color:#35445a}input,textarea,select{width:100%;border:1px solid #cbd6e2;border-radius:8px;padding:11px 12px;background:#fff;color:var(--text);font:inherit}textarea{resize:vertical}input:focus,textarea:focus{outline:2px solid #0cae5333;border-color:var(--green)}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto}.actions{display:flex;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:10px 16px;text-decoration:none;font:inherit;font-weight:700;cursor:pointer}.button.primary{background:var(--green);color:#fff}.button.secondary{background:#e7eef6;color:var(--navy)}.button.danger{background:var(--red);color:#fff}.button.small{padding:6px 10px;font-size:12px}.button.wide{width:100%}.alert{padding:13px 16px;border-radius:9px;margin-bottom:18px;background:#e5f6ed;color:#087b3c;border:1px solid #b8e7ce}.alert.error{background:#fff0f0;color:#9b2626;border-color:#f0c6c6}.table-card{padding:0;overflow:hidden}.table-card h2{padding:20px 20px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:right;padding:13px;border-bottom:1px solid var(--line);vertical-align:middle}th{background:#f7f9fc;color:#526174;font-size:12px}td span,td a,td code{margin-left:8px}code{direction:ltr;display:inline-block;background:#edf2f7;padding:4px 7px;border-radius:5px}.badge{background:#e9edf2;color:#647181;padding:5px 9px;border-radius:20px}.badge.active{background:#dff5e9;color:#087b3c}.search{display:flex;gap:10px;margin-bottom:18px}.search input{max-width:480px}.steps{line-height:2}.note{background:#f3f7fb;padding:12px;border-radius:8px;color:var(--muted)}.file{border:2px dashed #cbd6e2;padding:30px;border-radius:10px;margin:20px 0}.login-main{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(140deg,#062f5f,#014085)}.login-main .content{width:100%;max-width:430px;padding:0}.login-card{background:#fff;border-radius:18px;padding:34px;box-shadow:0 25px 70px #00172f66}.login-logo{width:62px;height:62px;background:var(--green);color:#fff;border-radius:18px;display:grid;place-items:center;font-weight:900;font-size:20px}.login-card h1{font-size:22px;margin-bottom:8px}.login-card p{color:var(--muted);margin-bottom:24px}.login-card form{display:grid;gap:16px}@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.sidebar{position:static;width:auto}.main{margin:0}.grid.two,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.sidebar nav{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.content{padding:18px}.stats{grid-template-columns:1fr 1fr}.page-head{align-items:flex-start;flex-direction:column}.quick{grid-template-columns:1fr}}