@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--brand:#0aaedc;--brand-dark:#0892c0;--brand-hover:#0777a1;--navy:#0d2b5e;--navy-dark:#071a3e;--navy-mid:#163571;--gold:#c9a84c;--gold-light:#e6c76d;--brand-gradient:linear-gradient(135deg, #071a3e 0%, #0d2b5e 45%, #0aaedc 100%);--sidebar-gradient:linear-gradient(180deg, #fff 0%, #fff 100%);--ink:#0f172a;--ink-2:#1e293b;--muted:#64748b;--muted-2:#94a3b8;--panel:#fff;--panel-border:#e2e8f0;--layout-bg:#f0f4f9;--sider-text:#1e293b;--sider-text-active:#0d2b5e;--sider-item-hover:#f8fafc;--sider-item-active:#f1f5f9}*{box-sizing:border-box}body{color:var(--ink);background:var(--layout-bg);margin:0;font-family:Plus Jakarta Sans,Segoe UI,sans-serif}.gold-bar{background:linear-gradient(90deg, var(--gold), var(--gold-light));border-radius:2px;width:36px;height:3px;margin-bottom:6px;display:inline-block}#root{min-height:100vh}.ant-avatar,.ant-avatar img{border-radius:999px!important}.app-layout{background:var(--layout-bg)!important}.app-sider.ant-layout-sider{box-shadow:6px 0 24px #0f172a14;border-right:1px solid var(--panel-border)!important;background:#fff!important}.app-sider .ant-layout-sider-children{flex-direction:column;height:100%;display:flex;background:#fff!important}.app-logo{background:#fff;flex-shrink:0;align-items:center;gap:10px;height:64px;min-height:64px;padding:0 20px;display:flex}.app-logo img{object-fit:contain;flex-shrink:0;width:30px;height:30px}.app-logo-text{white-space:nowrap;overflow:hidden;color:#0d2b5e!important;font-size:13.5px!important;font-weight:700!important}.nav-section-label{letter-spacing:1.4px;text-transform:uppercase;color:#94a3b8;flex-shrink:0;padding:10px 18px 4px;font-size:9.5px;font-weight:700}.app-sider .ant-menu{flex:1;padding:4px 8px 12px;background:0 0!important;border-right:none!important}.app-sider .ant-menu-item{font-size:13px;font-weight:500;transition:all .15s;height:42px!important;color:var(--sider-text)!important;background:0 0!important;border:none!important;border-radius:8px!important;margin:1px 0!important;padding:0 12px!important;line-height:42px!important}.app-sider .ant-menu-item:hover{background:var(--sider-item-hover)!important;color:var(--sider-text-active)!important}.app-sider .ant-menu-item .anticon{font-size:14px;transition:color .15s;color:var(--sider-text)!important}.app-sider .ant-menu-item:hover .anticon{color:var(--sider-text-active)!important}.app-sider .ant-menu-item-selected{background:var(--sider-item-active)!important;color:var(--sider-text-active)!important;border:none!important;border-left:3px solid #cbd5e1!important;padding-left:9px!important;font-weight:700!important}.app-sider .ant-menu-item-selected .anticon{color:var(--sider-text-active)!important}.app-sider.ant-layout-sider-collapsed .ant-menu-item{justify-content:center!important;align-items:center!important;padding:0!important;display:flex!important}.app-sider.ant-layout-sider-collapsed .ant-menu-item .anticon{color:#0d2b5e!important;font-size:18px!important}.app-sider.ant-layout-sider-collapsed .ant-menu-item-selected{background:#e2e8f0!important;border-left:none!important}.app-sider .ant-layout-sider-trigger{border-top:1px solid var(--panel-border)!important;color:var(--sider-text)!important;background:#fff!important;font-size:14px!important}.app-header.ant-layout-header{z-index:100;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;border-bottom:1px solid var(--panel-border)!important;background:#fff!important;height:64px!important;padding:0 20px!important;line-height:64px!important;box-shadow:0 2px 12px #0f172a0d!important}.app-content{min-height:calc(100vh - 64px);box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:24px!important}.ant-card{border:1px solid var(--panel-border)!important;border-radius:14px!important;box-shadow:0 2px 10px #0f172a0f!important}.ant-card-head{border-bottom:1px solid var(--panel-border)!important;border-radius:14px 14px 0 0!important;min-height:50px!important;padding:0 20px!important;font-size:14px!important;font-weight:700!important}.ant-card-head-title{color:#0d2b5e!important;font-weight:700!important}.stat-card{cursor:pointer;transition:box-shadow .2s,transform .2s;overflow:hidden;border-radius:14px!important}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a1a!important}.stat-card .ant-statistic-title{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:12.5px;font-weight:500}.stat-card .ant-statistic-content-value{font-size:32px;font-weight:800}.page-hero{border-bottom:1px solid var(--panel-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;padding-bottom:18px;display:flex}.page-hero-title{flex-direction:column;display:flex}.page-header{border-bottom:1px solid var(--panel-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;padding-bottom:18px;display:flex}.ant-table-thead>tr>th{text-transform:uppercase;letter-spacing:.5px;color:#0d2b5e!important;background:#e9f4fc!important;border-bottom:2px solid #0aaedc!important;font-size:12px!important;font-weight:700!important}.ant-table-tbody>tr:hover>td{background:#f0f9fc!important}.ant-tag{font-size:11.5px;font-weight:600;border-radius:6px!important}.ant-btn-primary{font-weight:600;background:var(--brand)!important;border-color:var(--brand)!important;box-shadow:0 2px 8px #0aaedc47!important}.ant-btn-primary:hover{background:var(--brand-dark)!important;border-color:var(--brand-dark)!important}.ant-input:focus,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector{border-color:#0aaedc!important;box-shadow:0 0 0 2px #0aaedc2e!important}.ant-spin-dot-item{background-color:#0aaedc!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0aaedc55;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0aaedc99}.login-screen{background:#fff;justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex;position:relative;overflow:hidden}.login-screen:before{content:"";pointer-events:none;background:radial-gradient(500px 340px at 5% 85%,#c9a84c1a,#0000 65%),radial-gradient(400px 280px at 92% 8%,#0aaedc1f,#0000 60%),radial-gradient(320px 220px,#0aaedc0f,#0000 70%);position:absolute;inset:0}.login-card{z-index:1;width:100%;max-width:430px;position:relative;overflow:hidden;background:#fffffffa!important;border:1px solid #c9a84c38!important;border-radius:20px!important;box-shadow:0 32px 80px #071a3e8c!important}.login-card:before{content:"";background:linear-gradient(90deg, var(--navy) 0%, var(--brand) 50%, var(--gold) 100%);height:4px;position:absolute;top:0;left:0;right:0}.login-logo img{object-fit:contain;width:52px;height:52px}.verify-screen{background:radial-gradient(600px 320px at 5% 0,#0aaedc1a,#0000 60%),radial-gradient(500px 280px at 95% 5%,#0d2b5e14,#0000 60%),radial-gradient(400px 200px at 50% 95%,#c9a84c0f,#0000 60%),#f0f4f9;min-height:100vh;padding:40px 16px}.verify-card{border-radius:16px!important;box-shadow:0 8px 32px #0f172a14!important}.verify-success{border:2px solid #16a34a66!important;border-radius:16px!important;box-shadow:0 8px 32px #0f172a14!important}.ant-drawer-body{padding:0!important}@media (width<=767px){.app-content{padding:16px 12px 32px!important}.app-header.ant-layout-header{padding:0 12px!important}.page-hero{flex-direction:column;gap:8px;margin-bottom:16px;padding-bottom:14px}.page-hero .ant-btn{width:100%}.stat-card .ant-statistic-content-value{font-size:26px!important}.ant-card-head{min-height:44px!important;padding:0 14px!important}.ant-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.ant-modal{max-width:calc(100vw - 24px)!important;margin:12px auto!important}.ant-modal-content{border-radius:14px!important}.ant-form-item-label>label{font-size:12.5px!important}.ant-row{margin-left:0!important;margin-right:0!important}.ant-select,.ant-picker{width:100%!important}.ant-col-lg-8,.ant-col-lg-16{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.ant-card-small .ant-row{flex-direction:column;gap:8px}.ant-card-small .ant-row>.ant-col{flex:0 0 100%!important;max-width:100%!important}.ant-card-small .ant-input-affix-wrapper,.ant-card-small .ant-select{width:100%!important}}@media (width<=480px){.app-content{padding:12px 10px 28px!important}.ant-btn-icon-only{width:30px!important;min-width:30px!important;height:30px!important;font-size:13px!important}.login-card{border-radius:16px!important}.login-logo img{width:44px;height:44px}}
