body{margin:0;background:#f4f7fb;color:#1f2937;font-family:Arial,Helvetica,sans-serif}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:248px;background:linear-gradient(180deg,#0f3d91 0%,#0b2c69 100%);color:#fff;z-index:1000;box-shadow:4px 0 18px rgba(15,61,145,.18)}
.sidebar-brand{padding:22px 22px 16px;border-bottom:1px solid rgba(255,255,255,.14)}
.sidebar-brand h1{margin:0;font-size:22px;font-weight:700}
.sidebar-brand small{display:block;margin-top:6px;color:#dbeafe}
.sidebar-menu{padding:14px 10px}
.sidebar-menu a{display:flex;align-items:center;padding:12px 14px;margin:4px 0;border-radius:10px;color:#e5efff;text-decoration:none;font-size:15px;font-weight:600}
.sidebar-menu a:hover{background:rgba(255,255,255,.14);color:#fff}
.main{margin-left:248px;min-height:100vh}
.topbar{height:72px;background:#fff;border-bottom:1px solid #dbe4f0;display:flex;align-items:center;justify-content:space-between;padding:0 26px}
.topbar-title{font-size:22px;font-weight:700;color:#0f172a}
.topbar-subtitle{font-size:12px;color:#6b7280}
.content-wrap{padding:26px}
.card{border:0;border-radius:16px;box-shadow:0 8px 22px rgba(15,23,42,.07)}
.stats-card{border-left:5px solid #0f3d91}
.stats-card.warning{border-left-color:#f59e0b}
.stats-card.success{border-left-color:#16a34a}
.stats-card.danger{border-left-color:#dc2626}
.stats-label{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:12px}
.stats-value{font-size:32px;font-weight:700}
.page-heading{margin-bottom:18px}
.page-heading h2{margin:0;font-size:28px;font-weight:700}
.page-heading p{margin:4px 0 0;color:#6b7280}
.public-body{background:linear-gradient(180deg,#eaf2ff,#f7f9fc)}
.public-shell{max-width:980px;margin:36px auto;padding:0 16px}
.public-card{margin-top:20px}
.auth-card{max-width:460px;margin:60px auto}
.form-control,textarea.form-control{border-radius:10px;border:1px solid #d6deea}
.btn{border-radius:10px;font-weight:600}
