:root{--blue:#0066d9;--dark:#002d5f;--green:#08a64b;--red:#ed1c24;--bg:#f4f8fd;--border:#dfe8f3;--text:#101b35}
body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}
.layout{display:flex;min-height:100vh}.sidebar{width:300px;background:linear-gradient(180deg,#003f86,#001f42);position:fixed;inset:0 auto 0 0;color:#fff;overflow:auto}.logo-box{background:#fff;text-align:center;padding:18px;border-radius:0 0 16px 16px}.logo-box img{max-width:240px;width:100%}.logo-box p{color:var(--blue);font-style:italic;margin:4px 0 0}.menu{padding:15px}.menu a{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;padding:11px 13px;border-radius:10px;font-weight:700;margin-bottom:4px}.menu a:hover,.menu a.active{background:linear-gradient(90deg,#0078ff,#0058bd)}.menu-title{font-size:12px;text-transform:uppercase;color:#9dccff;margin:16px 12px 8px}
.main{margin-left:300px;flex:1;padding:22px}.topbar,.cardx{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 28px rgba(17,61,125,.06)}.topbar{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.topbar h2{font-weight:900;color:var(--blue);margin:0}.topbar h2 span{color:var(--green)}.topbar p{margin:3px 0 0;color:#68768b}.btn-brand{background:linear-gradient(90deg,#006cff,#004caf);border:0;color:#fff;font-weight:800}.btn-brand:hover{color:#fff}
.hero{background:linear-gradient(135deg,#003f86,#0066d9);border-radius:18px;color:#fff;padding:24px;margin-bottom:18px}.hero h1{font-weight:900;margin:0}.hero p{margin:8px 0 0;color:#dcecff}.cardx{padding:20px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;display:flex;gap:14px;align-items:center;box-shadow:0 10px 28px rgba(17,61,125,.06)}.stat-card i{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--blue);font-size:26px}.stat-card h3{font-weight:900;margin:0}.stat-card small{font-weight:700;color:#68768b}
.form-section{border:1px solid #e3edf8;border-radius:14px;padding:18px;margin-bottom:18px;background:#fbfdff}.form-section h4{font-size:18px;font-weight:900;color:#003f86;border-left:5px solid var(--green);padding-left:10px;margin-bottom:16px}.form-label{font-weight:750;color:#21324d}.form-control,.form-select{border-color:#dce6f2;border-radius:10px;min-height:44px}.custom-table th{font-size:13px;color:#49556b;background:#f6f9fd}.custom-table td{font-size:13px;white-space:nowrap}.detail-box{background:#fbfdff;border:1px solid var(--border);border-radius:12px;padding:13px;min-height:75px}.detail-box span{display:block;font-size:12px;text-transform:uppercase;color:#6b778d;font-weight:800}.detail-box b{display:block;margin-top:6px;color:#101b35}
@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.25s;z-index:999}.sidebar.show{transform:translateX(0)}.main{margin-left:0;padding:12px}.topbar{flex-direction:column;align-items:flex-start;gap:10px}}