:root{--blue:#0d5dcc;--navy:#062b57;--green:#1d8f4d;--bg:#f5f8fc}body{margin:0;background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#182230}.sidebar{position:fixed;left:0;top:0;bottom:0;width:245px;background:linear-gradient(180deg,#062b57,#043b79);color:#fff;overflow:auto;z-index:10}.brand{padding:18px 15px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff1a}.brand img{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:50%;padding:2px}.brand b{display:block;font-size:13px}.brand small{opacity:.75}.sidebar nav{padding:10px}.sidebar a{display:flex;gap:11px;align-items:center;color:#eaf2ff;text-decoration:none;padding:10px 12px;border-radius:8px;margin:2px 0;font-size:14px}.sidebar a:hover,.sidebar a.active{background:#0d5dcc}.sidebar i{width:18px}.nav-title{font-size:11px;opacity:.65;margin:16px 10px 5px}.main{margin-left:245px;min-height:100vh}.topbar{height:64px;background:#fff;border-bottom:1px solid #e7edf5;display:flex;align-items:center;gap:14px;padding:0 20px;position:sticky;top:0;z-index:8}.topbar-brand{display:flex;align-items:center;gap:10px}.topbar-brand img{width:38px;height:38px;object-fit:contain}.topbar-brand strong{font-size:18px;color:#124c91}.userbox{display:flex;gap:8px;align-items:center}.userbox small{display:block;color:#77869a;font-size:11px}.user-icon{font-size:30px;color:#0d5dcc}.content{padding:18px 20px}.hero{background:#fff;border-radius:14px;padding:20px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 10px #1020400b}.hero-logo{width:88px;height:88px;object-fit:contain}.hero h1{font-size:24px;margin:0}.hero p{margin:4px 0;color:#6b7787}.stat-card{background:#fff;border:0;border-radius:14px;box-shadow:0 2px 12px #1020400b;height:100%}.stat-card .icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#eaf2ff;color:#0d5dcc;font-size:24px}.stat-card h2{margin:8px 0 0;font-size:28px}.panel{background:#fff;border-radius:14px;box-shadow:0 2px 12px #1020400b;padding:16px;height:100%}.panel-title{font-weight:700;margin-bottom:14px}.table thead th{background:#eef5ff;white-space:nowrap}.profile-row{display:flex;gap:14px}.profile-logo{width:72px;height:72px;object-fit:contain}.badge-soft{background:#eaf2ff;color:#0d5dcc}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef6ff,#f7fbff)}.login-card{width:min(420px,92vw);background:#fff;padding:30px;border-radius:18px;box-shadow:0 10px 35px #0d3b6617;text-align:center}.login-logo{width:140px;height:140px;object-fit:contain;margin-bottom:10px}.form-card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 2px 12px #1020400b}footer{text-align:center;color:#7b8794;padding:15px;font-size:12px}.sidebar-mini .sidebar{width:78px}.sidebar-mini .main{margin-left:78px}.sidebar-mini .brand div,.sidebar-mini .sidebar .nav-title,.sidebar-mini .sidebar a{font-size:0}.sidebar-mini .sidebar a{justify-content:center}.sidebar-mini .sidebar a i{font-size:17px}.chart-wrap{height:280px}.print-only{display:none}.print-logo{width:78px;height:78px;object-fit:contain}.report-kop{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:8px}.report-kop-text{text-align:center}@media(max-width:900px){.sidebar{width:78px}.sidebar .brand div,.sidebar .nav-title,.sidebar a{font-size:0}.sidebar a{justify-content:center}.sidebar a i{font-size:17px}.main{margin-left:78px}.topbar strong{font-size:15px}.hero{flex-direction:column;text-align:center}}@media print{.sidebar,.topbar,footer,.no-print{display:none!important}.main{margin:0}.content{padding:0}.print-only{display:block}}
.sidebar-link-btn{width:100%;border:0;background:transparent;display:flex;gap:11px;align-items:center;color:#eaf2ff;text-decoration:none;padding:10px 12px;border-radius:8px;margin:2px 0;font-size:14px;text-align:left}.sidebar-link-btn:hover{background:#0d5dcc}.sidebar-link-btn i{width:18px}.sidebar form{padding:0;margin:0}.alert{border-radius:12px}.table td,.table th{vertical-align:middle}.btn{border-radius:9px}.form-control,.form-select{border-radius:9px}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .2s ease;box-shadow:0 10px 30px #0003}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .main{margin-left:78px}.sidebar-mini .sidebar{width:78px}}
.logo-upload-preview{background:#f7faff;border:1px dashed #b8c9df;border-radius:14px;min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center}.custom-logo-preview{width:170px;height:170px;object-fit:contain;background:#fff;border-radius:12px;padding:8px;box-shadow:0 4px 16px #10204012}