*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#172033;background:#f5f7fb;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.login-page{grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.login-brand{color:#fff;background:radial-gradient(circle at 20% 15%,#315bff 0,#0000 28%),linear-gradient(135deg,#091630 0%,#122951 100%);flex-direction:column;justify-content:center;padding:72px;display:flex}.login-brand h1{margin:0 0 18px;font-size:52px}.login-brand p{color:#cbd6ee;max-width:650px;font-size:19px;line-height:1.6}.login-panel{justify-content:center;align-items:center;padding:40px;display:flex}.login-card{background:#fff;border-radius:20px;width:100%;max-width:420px;padding:36px;box-shadow:0 24px 70px #14264b1f}.login-card h2{margin:0 0 8px;font-size:30px}.muted{color:#6f7890}.form-group{margin:20px 0}.form-group label{margin-bottom:7px;font-weight:700;display:block}.input{border:1px solid #dce2ec;border-radius:10px;outline:none;width:100%;padding:13px 14px}.input:focus{border-color:#3768ff;box-shadow:0 0 0 3px #3768ff1a}.primary-button{color:#fff;background:#2557e6;border:0;border-radius:10px;padding:13px 18px;font-weight:700}.primary-button:hover{background:#1744c6}.primary-button:disabled{opacity:.55;cursor:not-allowed}.secondary-button{color:#27344e;background:#fff;border:1px solid #d9dfeb;border-radius:9px;padding:10px 15px}.error-box{color:#a12828;background:#fff0f0;border:1px solid #ffcaca;border-radius:9px;margin-top:15px;padding:11px 14px}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{color:#dce5f7;background:#0b1730;padding:25px 18px}.sidebar-brand{padding:10px 13px 27px}.sidebar-brand strong{color:#fff;font-size:22px}.sidebar-brand span{color:#8fa1c3;margin-top:5px;font-size:13px;display:block}.nav-link{color:#c7d3e9;border-radius:9px;margin-bottom:5px;padding:12px 14px;display:block}.nav-link:hover{color:#fff;background:#162849}.sidebar-bottom{margin-top:30px}.main-area{min-width:0}.topbar{background:#fff;border-bottom:1px solid #e9edf4;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex}.content{padding:32px}.page-title{margin:0;font-size:29px}.page-description{color:#778199;margin:7px 0 28px}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.card{background:#fff;border:1px solid #e9edf4;border-radius:14px;padding:22px}.card-label{color:#7b859d;text-transform:uppercase;letter-spacing:.6px;font-size:13px}.card-value{margin-top:10px;font-size:32px;font-weight:800}.panel{background:#fff;border:1px solid #e9edf4;border-radius:14px;margin-top:25px}.panel-header{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;padding:19px 22px;display:flex}.panel-body{padding:22px}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #edf0f5;padding:13px 12px}.table th{text-transform:uppercase;color:#7c879d;font-size:12px}.badge{border-radius:20px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-block}.badge-green{color:#19733e;background:#e9f8ef}.badge-red{color:#a12f2f;background:#ffecec}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.loading{color:#69758e;padding:40px}@media (max-width:900px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.cards{grid-template-columns:1fr 1fr}}