:root{--navy:#0b1f3a;--blue:#0d6efd;--ink:#172033;--muted:#6c7585;--bg:#f4f7fb;--line:#e6ebf2}.body{font-family:Inter,system-ui,sans-serif}body{background:var(--bg);color:var(--ink)}.app-shell{min-height:100vh;display:flex}.sidebar{width:270px;background:linear-gradient(180deg,#0b1f3a,#102c52);padding:24px;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:12px;color:#fff}.brand small{display:block;color:#a9b8cc}.brand-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#0d6efd,#6ea8fe);color:#fff;font-weight:800;box-shadow:0 8px 25px #0d6efd55}.sidebar .nav-link{color:#c9d4e3;border-radius:12px;padding:12px 14px}.sidebar .nav-link:hover{background:#ffffff12;color:#fff}.sidebar .nav-link i{width:24px}.main{margin-left:270px;width:calc(100% - 270px)}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:1020}.content{padding:28px}.global-search-wrap{position:relative;max-width:620px;width:100%}.global-search-wrap>i{position:absolute;left:14px;top:11px;z-index:2;color:#8a94a6}.global-search-wrap input{padding-left:38px;border-radius:12px;background:#f7f9fc;border-color:#eef2f7}.search-results{position:absolute;top:48px;left:0;right:0;background:#fff;border-radius:14px;display:none;max-height:420px;overflow:auto}.search-results.show{display:block}.search-item{padding:12px 14px;border-bottom:1px solid #eef2f7;cursor:pointer}.search-item:hover{background:#f7f9fc}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.12em;color:#5273a7}.page-title{font-weight:800;letter-spacing:-.03em;margin:.2rem 0}.metric-card,.panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 28px #1c2b4a0a}.metric-card{padding:20px;display:flex;align-items:center;gap:16px;height:100%}.metric-icon{width:48px;height:48px;border-radius:14px;background:#eef5ff;color:#0d6efd;display:grid;place-items:center;font-size:1.25rem}.metric-label{font-size:.82rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.metric-value{font-size:1.8rem;font-weight:800}.panel{padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-head h5{margin:0;font-weight:800}.badge-soft{display:inline-block;background:#eef5ff;color:#315b96;border-radius:999px;padding:5px 9px;font-size:.75rem;font-weight:700}.enterprise-table thead th{font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:#718096;border-bottom-color:var(--line)}.enterprise-table td{border-bottom-color:#eef2f7}.sync-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #eef2f7}.status-dot{width:9px;height:9px;border-radius:50%}.status-dot.ok{background:#20c997}.status-dot.bad{background:#dc3545}.detail-label{font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:#8a94a6;font-weight:700}.detail-value{font-size:1rem;font-weight:650}.xml-view{font-size:.78rem;white-space:pre-wrap;background:#0d1117;color:#dbe4ee;padding:20px;border-radius:14px}.login-page{background:radial-gradient(circle at top right,#d9e8ff,#f3f6fb 46%,#eef3f9)}.login-card{border-radius:28px}.login-visual{background:linear-gradient(145deg,#071a32,#123d72);color:#fff;min-height:620px}.form-control,.form-select,.input-group-text,.btn{border-radius:11px}.input-group>.form-control,.input-group>.input-group-text,.input-group>.btn{border-radius:0}.input-group>:first-child{border-radius:11px 0 0 11px}.input-group>:last-child{border-radius:0 11px 11px 0}@media(max-width:991.98px){.main{margin-left:0;width:100%}.topbar{padding:0 14px}.content{padding:18px}.global-search-wrap{margin-left:10px}.page-title{font-size:1.65rem}.metric-card{padding:16px}.panel{padding:16px}}@media(max-width:575.98px){.topbar .dropdown .btn{font-size:0;width:42px}.topbar .dropdown .btn i{font-size:1rem}.global-search-wrap input{font-size:.84rem}.content{padding:14px}.metric-value{font-size:1.45rem}.toast-container{left:0!important;right:0!important;width:100%;padding:10px!important}.toast{width:100%}.table{font-size:.86rem}}