:root{--navy:#071c30;--blue:#0b4f83;--orange:#ef7622;--ink:#132238;--muted:#64748b;--line:#dce5ee;--bg:#f3f7fb}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg)}.cp-login{min-height:100vh;background:radial-gradient(circle at 10% 10%,#17669b 0,#071c30 48%,#04111f 100%)}.cp-login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.cp-brand{padding:8vw;color:#fff;display:flex;flex-direction:column;justify-content:center}.cp-brand img{width:min(430px,80%);background:#fff;padding:20px;border-radius:20px;margin-bottom:45px}.cp-brand>span,.cp-form small{font-size:12px;font-weight:900;letter-spacing:2px;color:#ffb36d}.cp-brand h1{font-size:clamp(42px,6vw,80px);line-height:.95;margin:18px 0}.cp-brand p{max-width:620px;color:#bed0df;font-size:18px;line-height:1.7}.cp-features{display:flex;gap:12px;flex-wrap:wrap}.cp-features b{padding:12px 16px;border:1px solid #ffffff30;border-radius:12px;background:#ffffff0b}.cp-form{background:#fff;padding:7vw;display:flex;flex-direction:column}.cp-form>a{color:var(--blue);text-decoration:none;font-weight:800}.cp-form>div{margin:auto 0}.cp-form h2{font-size:42px;margin:10px 0}.cp-form p{color:var(--muted)}label{display:block;font-weight:800;font-size:13px;margin:20px 0}input{display:block;width:100%;margin-top:8px;padding:15px;border:1px solid var(--line);border-radius:12px;font:inherit}button{width:100%;border:0;border-radius:12px;padding:16px;background:linear-gradient(135deg,var(--orange),#bd4d0c);color:#fff;font-weight:900;font-size:15px;cursor:pointer}.cp-error{padding:13px;border-radius:10px;background:#fee2e2;color:#991b1b;font-weight:700}.cp-form aside{margin-top:22px;padding:14px;background:#eff7ff;border-radius:12px;color:#315372;font-size:13px}.cp-dashboard header{height:76px;padding:10px 5vw;background:var(--navy);color:#fff;display:flex;align-items:center;gap:15px}.cp-dashboard header img{height:52px;background:#fff;border-radius:10px;padding:7px}.cp-dashboard header div{display:flex;flex-direction:column}.cp-dashboard header small{color:#8fb5cf;font-size:9px;letter-spacing:1px}.cp-dashboard header a{margin-left:auto;color:#fff;text-decoration:none;font-weight:800}.cp-dashboard main{max-width:1400px;margin:auto;padding:35px 4vw 60px}.cp-hero{padding:42px;border-radius:24px;color:#fff;background:linear-gradient(125deg,#08243d,#0b568c);box-shadow:0 20px 45px #0b2f5025}.cp-hero small{color:#ffc28f;font-weight:900;letter-spacing:2px}.cp-hero h1{font-size:clamp(32px,5vw,56px);margin:8px 0}.cp-hero p{color:#c7dce9}.cp-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.cp-cards article,.cp-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 25px #172b4010}.cp-cards span{display:block;color:var(--muted);font-size:12px;font-weight:800}.cp-cards strong{display:block;font-size:25px;margin-top:8px;color:var(--blue)}.cp-panel{margin-top:18px}.cp-panel h2{margin-top:0}.cp-table{overflow:auto}table{width:100%;border-collapse:collapse;min-width:800px}th{text-align:left;padding:12px;color:var(--muted);font-size:11px;text-transform:uppercase;border-bottom:1px solid var(--line)}td{padding:14px 12px;border-bottom:1px solid #edf2f7}td small{display:block;color:var(--muted)}@media(max-width:850px){.cp-login-shell{grid-template-columns:1fr}.cp-brand{display:none}.cp-form{min-height:100vh;padding:28px}.cp-cards{grid-template-columns:1fr 1fr}.cp-dashboard header strong{font-size:12px}}@media(max-width:520px){.cp-cards{grid-template-columns:1fr}.cp-dashboard header img{width:120px;height:auto}.cp-dashboard header div{display:none}}