*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#f4f7fb;color:#0f172a}a{color:#2563eb;text-decoration:none}.page{padding:28px}.page-title{font-size:28px;font-weight:800;color:#172554}.page-subtitle,.small{color:#64748b;font-size:13px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 12px 28px rgba(15,23,42,.08);padding:22px;margin:20px 0}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:linear-gradient(180deg,#0f172a,#172554);color:#fff;padding:24px 18px}.brand h1{margin:0;color:#fff}.brand p{color:#cbd5e1;font-size:12px}.nav-group{margin-top:24px}.nav-group-title{color:#93c5fd;font-size:11px;font-weight:800;text-transform:uppercase;margin:0 0 8px 10px}.nav-link{display:block;padding:10px 12px;border-radius:10px;color:#e2e8f0;font-size:14px;font-weight:600}.nav-link:hover{background:#ffffff1a;color:#fff}.main-panel{flex:1;min-width:0}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:#fff;border-bottom:1px solid #e2e8f0}.topbar-title{font-weight:800;color:#172554}.topbar-user{padding:8px 12px;border:1px solid #e2e8f0;border-radius:999px;color:#64748b}.app-frame{width:100%;height:calc(100vh - 74px);border:0}.auth-wrapper{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,450px);background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 24px 60px #0f172a1f;padding:30px}.auth-title{font-size:30px;font-weight:800;color:#172554}.auth-subtitle{color:#64748b;margin-bottom:22px}.form-grid,.form-group{display:grid;gap:12px}label{font-size:13px;font-weight:700}input,textarea,select{width:100%;border:1px solid #e2e8f0;border-radius:11px;padding:11px 13px;font:inherit}textarea{min-height:170px}.toolbar,.form-actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}.btn,button,input[type=submit]{border:0;border-radius:11px;background:#2563eb;color:#fff;padding:10px 15px;font-weight:700;cursor:pointer}.btn-danger{background:#dc2626}.btn-secondary{background:#e2e8f0;color:#0f172a}.alert{border-radius:12px;padding:13px 15px;margin-bottom:16px}.alert-error{color:#991b1b;background:#fef2f2}.alert-info{color:#1e40af;background:#eff6ff}.table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:14px}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:13px 14px;border-bottom:1px solid #e2e8f0;font-size:13px;text-align:left}.table th{background:#f8fafc;font-size:11px;text-transform:uppercase}.table .center{text-align:center}.badge{padding:5px 9px;border-radius:999px;background:#e0e7ff;color:#3730a3;font-size:11px;font-weight:800}@media(max-width:900px){.app-shell{display:block}.sidebar{width:100%}.page{padding:18px}.app-frame{height:75vh}}