:root{--blue:#061a45;--red:#e50914;--orange:#ff6b00;--light:#f5f7fb}body{background:var(--light);font-family:Arial,Helvetica,sans-serif}.layout{display:flex;min-height:100vh}.sidebar{width:270px;background:linear-gradient(180deg,#061a45,#020b21);color:#fff;position:fixed;height:100vh;overflow:auto;transition:.25s}.brand{padding:22px}.brand img{max-width:170px;background:#fff;border-radius:10px;padding:8px}.brand small{display:block;margin-top:8px;color:#ddd}.sidebar nav a{display:block;color:#fff;text-decoration:none;padding:13px 22px;border-left:4px solid transparent;transition:.2s}.sidebar nav a:hover{background:rgba(255,255,255,.09);border-left-color:var(--red)}.main{margin-left:270px;width:calc(100% - 270px)}.topbar{height:64px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;box-shadow:0 2px 12px rgba(0,0,0,.06);position:sticky;top:0;z-index:3}.content{padding:24px}.cardx{background:#fff;border:0;border-radius:18px;box-shadow:0 10px 28px rgba(6,26,69,.08);transition:.2s}.cardx:hover{transform:translateY(-3px)}.kpi{padding:22px}.kpi h2{color:var(--blue);font-weight:800}.btn-primary{background:var(--blue);border-color:var(--blue)}.btn-danger{background:var(--red)}.table{background:#fff;border-radius:14px;overflow:hidden}.form-control,.form-select{border-radius:10px}.status-pill{border-radius:999px}.footer-doc{font-size:10px;text-align:center;border-top:2px solid #061a45;margin-top:20px;padding-top:8px}@media(max-width:900px){.sidebar{left:-270px}.sidebar.open{left:0}.main{margin-left:0;width:100%}}