:root{--navy:#102741;--deep:#0b182a;--blue:#1b4266;--red:#d12c3b;--coral:#f06b78;--ink:#17263c;--muted:#63748a;--line:#e6ebf2;--cloud:#f4f7fb;--white:#fff;--shadow:0 16px 48px rgba(17,38,66,.08);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cloud);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.45}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{text-decoration:none;color:inherit}.hidden{display:none!important}:focus-visible{outline:3px solid rgba(209,44,59,.38);outline-offset:2px}svg{max-width:100%}#toast{position:fixed;top:20px;right:22px;z-index:500;max-width:min(430px,90vw)}.toast-item{border-radius:15px;background:#fff;padding:15px 18px;margin-bottom:9px;box-shadow:0 10px 34px #17263c30;border-left:5px solid #2e9670;font-size:13px;font-weight:650}.toast-item.bad{border-left-color:var(--red)}.kicker{color:var(--red);font-size:11px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.kicker.light{color:#f6a4ad}.button{border:0;border-radius:11px;padding:12px 18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:.15s;white-space:nowrap}.button:disabled{opacity:.55;cursor:not-allowed}.button:not(:disabled):hover{transform:translateY(-1px)}.button.primary{background:var(--red);color:#fff;box-shadow:0 10px 22px rgba(209,44,59,.17)}.button.outline{background:#fff;border:1px solid #d7e0e9;color:var(--navy)}.button.soft{background:#edf3f8;color:var(--navy)}.button.full{width:100%;justify-content:space-between}.button.small{padding:9px 13px;font-size:12px}.link-muted{color:#61758c;font-weight:650;font-size:12px}.login{min-height:100vh;display:grid;grid-template-columns:52% 48%;background:#fff}.login-splash{padding:42px min(5vw,76px);display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(ellipse at 92% 22%,#294e74 0,transparent 52%),radial-gradient(ellipse at 0 92%,#872838 0,transparent 55%),linear-gradient(132deg,#101d34,#102b4b 80%);overflow:hidden;position:relative}.login-splash:before{content:"";position:absolute;right:-160px;bottom:-180px;width:600px;height:600px;border:1px solid #ffffff13;border-radius:50%;box-shadow:0 0 0 95px #ffffff04,0 0 0 185px #ffffff04}.login-company,.login-splash-content,.login-splash small{position:relative;z-index:1}.login-company{display:flex;align-items:center;gap:18px}.login-company img{background:#fff;border-radius:11px;padding:7px;width:156px;height:auto}.login-company span{border-left:1px solid #ffffff44;padding-left:18px;font-size:11px;font-weight:800;letter-spacing:1.5px}.login-splash h1{font-size:clamp(42px,4.7vw,78px);line-height:1.06;letter-spacing:-3px;margin:21px 0}.login-splash h1 em{font-style:normal;color:#f67a85}.login-splash p{max-width:575px;font-size:17px;color:#dee8f4;line-height:1.75}.login-features{display:flex;gap:11px;flex-wrap:wrap;margin-top:25px}.login-features span{border:1px solid #ffffff38;background:#ffffff11;border-radius:999px;padding:9px 13px;font-size:12px}.login-splash small{font-size:11px;color:#a9bacf}.login-side{display:grid;place-items:center;padding:40px;background:linear-gradient(#fff,#f6f8fc)}.login-card{width:min(450px,100%)}.mobile-brand{display:none;width:180px;margin-bottom:22px}.login-card h2{font-size:37px;letter-spacing:-1.5px;margin:9px 0 8px}.login-card>p{color:#68768b;font-size:14px;line-height:1.8;margin-bottom:27px}.login-card label,.setup-card label{display:block;font-weight:800;font-size:12px;color:#344860;margin-bottom:19px}.login-card input,.setup-card input{display:block;margin-top:8px;width:100%;border:1px solid #d8e0ea;border-radius:11px;padding:14px;background:#fff;outline:0;color:#1b2c46}.login-card input:focus,.setup-card input:focus{border-color:#6389bd;box-shadow:0 0 0 4px #adc7e039}.login-card .full{margin-top:7px}.login-security{padding:15px;margin:23px 0;border:1px solid #e5ebf3;background:#f5f8fc;border-radius:11px;color:#64758b;font-size:12px}.login-feedback{color:#bd2636!important;font-weight:750}.app-shell{min-height:100vh;display:flex}.sidebar{background:linear-gradient(175deg,#112c4c,#0c1728);width:276px;position:fixed;inset:0 auto 0 0;z-index:70;color:#fff;display:flex;flex-direction:column;box-shadow:5px 0 27px #0c182129}.side-brand{display:flex;align-items:center;gap:12px;padding:25px 17px 20px;border-bottom:1px solid #ffffff13}.side-brand img{width:93px;background:#fff;border-radius:8px;padding:4px}.side-brand span{line-height:1.1}.side-brand b{font-size:12px;display:block}.side-brand small{font-size:10px;color:#bbcadc;display:block;margin-top:6px}.side-user{display:flex;align-items:center;gap:13px;padding:20px 18px}.avatar{width:41px;height:41px;border-radius:13px;background:linear-gradient(130deg,#da3b4c,#f16f7c);display:grid;place-items:center;font-weight:900}.side-user b{font-size:12px;display:block}.side-user small{font-size:11px;color:#8da4be}.side-nav{flex:1;overflow:auto;padding:6px 11px 23px;scrollbar-width:thin;scrollbar-color:#536883 transparent}.nav-label{color:#819db9;padding:17px 11px 7px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:900}.nav-item{border:0;background:transparent;color:#c7d4e2;display:flex;align-items:center;width:100%;padding:10px 11px;border-radius:10px;text-align:left;font-size:12px;font-weight:700;gap:10px}.nav-item i{font-style:normal;width:21px;text-align:center;font-size:17px}.nav-item span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item b{font-size:10px;background:#ffffff19;border-radius:8px;padding:3px 6px}.nav-item:hover{background:#ffffff16}.nav-item.active{background:#ffffff24;color:#fff;box-shadow:inset 3px 0 var(--coral)}.side-foot{padding:15px 20px 22px;border-top:1px solid #ffffff1c;font-size:11px;font-weight:750;color:#d2dfed}.side-foot small{color:#91a5bb;font-size:10px}.status-dot{display:inline-block;background:#49bf93;width:7px;height:7px;border-radius:50%;margin-right:5px}.main{margin-left:276px;width:calc(100% - 276px);min-height:100vh}.top{background:#fff;min-height:85px;padding:19px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e6ebf1;position:sticky;top:0;z-index:35;gap:15px}.top-left{display:flex;align-items:center;gap:13px}.top-breadcrumb{color:#92a0b0;font-size:10px;font-weight:850;letter-spacing:1.6px}.top-breadcrumb span{color:#d33c4f}.top h1{margin:5px 0 0;font-size:23px;line-height:1.15;letter-spacing:-.7px}.top-right{display:flex;gap:9px;align-items:center}.icon-button{width:40px;height:40px;border:1px solid #e3e8f0;background:#fff;border-radius:10px;color:#1d3a5d;display:grid;place-items:center;font-size:21px}.mode-pill{font-size:11px;background:#eef5fa;color:#395d77;border:1px solid #dce7ef;border-radius:999px;padding:8px 12px;font-weight:800}.mobile-toggle{display:none}.main-content{max-width:1800px;margin:0 auto;padding:24px 32px 55px}.notice{padding:15px 17px;border-radius:14px;display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.6}.notice.mirror{background:#eaf1fa;border:1px solid #d6e4f3;color:#284969;margin-bottom:20px}.notice.mirror span:first-child{color:#4d96d0;font-size:22px}.notice.ok{background:#e9f8f0;color:#1d6a46}.notice.error{background:#fef0f1;color:#a32639}.page-banner{padding:27px 31px;border-radius:21px;background:linear-gradient(110deg,#193c60,#11263f);color:#fff;box-shadow:0 14px 34px #183b5b20;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px;position:relative;overflow:hidden}.page-banner:after{content:"";height:330px;width:330px;border-radius:50%;border:1px solid #ffffff18;position:absolute;right:-70px;bottom:-200px}.page-banner h2{font-size:26px;letter-spacing:-1px;margin:7px 0}.page-banner p{font-size:13px;color:#bfd0df;margin:0}.page-banner .kicker{color:#fd9ba5}.banner-badge{position:relative;z-index:1;font-weight:850;background:#ffffff20;border:1px solid #ffffff30;border-radius:999px;padding:10px 14px;font-size:12px;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:21px}.metric,.panel,.module-tile{background:#fff;border:1px solid #e5ebf1;border-radius:17px;box-shadow:var(--shadow)}.metric{padding:19px 21px}.metric .metric-symbol{font-size:23px;display:inline-grid;place-items:center;background:#f5e9ed;color:#b62d40;width:42px;height:42px;border-radius:11px;margin-bottom:12px}.metric .metric-name{font-size:11px;text-transform:uppercase;letter-spacing:.8px;font-weight:850;color:#7a8ba0}.metric .metric-number{font-size:29px;letter-spacing:-1px;color:#172e4d;font-weight:900;margin-top:4px}.metric .metric-sub{font-size:11px;color:#8899ac;margin-top:4px}.two-col{display:grid;grid-template-columns:1.3fr .9fr;gap:18px}.panel{padding:22px;margin-bottom:18px;min-width:0}.panel h3{margin:0 0 6px;font-size:16px;color:#1f3857}.panel-sub{margin:0 0 17px;font-size:12px;color:#7a879b}.recent-row{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #eaf0f6;padding:13px 0;font-size:12px}.recent-row b{color:#1a3658}.recent-row small{color:#8395a9;white-space:nowrap}.empty{padding:40px 16px;text-align:center;color:#7d8c9f}.empty strong{display:block;color:#1b3859;margin-bottom:6px}.mini-bars{min-height:180px;display:flex;align-items:flex-end;gap:11px;padding:8px 2px 20px}.bar-col{display:flex;align-items:center;flex-direction:column;justify-content:flex-end;flex:1;gap:7px;height:160px}.bar-col .bar{background:linear-gradient(180deg,#d33146,#f18590);border-radius:7px 7px 0 0;width:min(54px,90%);min-height:3px}.bar-col small{font-size:10px;color:#8093a9}.bar-col b{font-size:11px;color:#344d69}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:0 0 16px}.toolbar h2{margin:0;font-size:22px;letter-spacing:-.5px}.toolbar p{margin:5px 0 0;font-size:12px;color:#8391a4}.toolbar .toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.search{border:1px solid #dbe3ee;background:#fff;border-radius:11px;padding:11px 14px;min-width:min(290px,100%);max-width:100%;color:var(--ink)}.search:focus{outline:0;border-color:#aabed9}.data-panel{padding:0;overflow:hidden}.table-scroller{overflow:auto;max-height:calc(100vh - 320px);min-height:210px}.data-table{border-collapse:collapse;width:100%;min-width:860px;white-space:nowrap}.data-table thead{position:sticky;top:0;z-index:2}.data-table th{background:#f7f9fc;color:#687d96;font-size:10px;text-transform:uppercase;letter-spacing:.65px;padding:14px 13px;text-align:left;border-bottom:1px solid #e7edf4}.data-table td{font-size:12px;color:#3a4e67;padding:13px;border-bottom:1px solid #eef2f6;max-width:255px;overflow:hidden;text-overflow:ellipsis}.data-table tr:hover td{background:#fafcfe}.table-key{color:#1b4266;font-weight:850}.pill{font-weight:800;font-size:10px;display:inline-block;border-radius:999px;padding:5px 9px;white-space:nowrap;background:#eef1f5;color:#49607c}.pill.green{background:#e8f7ec;color:#24714a}.pill.orange{background:#fff5e2;color:#99631e}.pill.red{background:#feebec;color:#a42c38}.table-bottom{display:flex;justify-content:space-between;gap:8px;padding:13px 18px;font-size:11px;color:#7990a9;align-items:center}.pager{display:flex;gap:8px}.pager button{padding:7px 12px;background:#f6f8fc;border:1px solid #e3e8f1;border-radius:8px;font-size:12px;color:#1f3e5e}.pager button:disabled{opacity:.4}.module-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.module-tile{padding:20px;display:block}.module-tile b{display:block;font-size:14px}.module-tile span{display:block;font-size:11px;color:#8295ab;margin-top:6px}.module-tile:hover{border-color:#cbd5e4}.sync-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sync-item{padding:17px;background:#f8fafc;border:1px solid #e8edf3;border-radius:12px}.sync-item b{display:block;font-size:12px}.sync-item span{color:#75899e;font-size:11px}.sync-item .nums{margin-top:10px;font-size:12px;color:#264b6a}.user-row{display:grid;grid-template-columns:1fr 1fr 110px 70px;gap:10px;padding:13px;border-bottom:1px solid #e9eef4;font-size:12px}.modal-wrap{position:fixed;inset:0;background:#081528b8;backdrop-filter:blur(5px);z-index:200;display:flex;align-items:center;justify-content:center;padding:23px}.modal{background:#fff;border-radius:20px;width:min(1020px,100%);max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 100px #02091755}.modal-head{padding:21px 26px;border-bottom:1px solid #e5edf4;display:flex;justify-content:space-between;align-items:center}.modal-head h2{margin:4px 0 0;font-size:22px}.modal-body{overflow:auto;padding:22px 25px}.modal-foot{padding:14px 25px;border-top:1px solid #e5ebf1;display:flex;gap:10px;justify-content:flex-end}.form-sections{display:grid;gap:12px}.form-section{border:1px solid #e4ebf3;border-radius:13px;overflow:hidden}.form-section summary{cursor:pointer;padding:14px 17px;background:#f8fafc;font-weight:850;font-size:13px}.form-grid{padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field-item label{display:block;font-size:11px;color:#57708c;font-weight:850;margin-bottom:5px}.field-item input,.field-item textarea,.field-item select,.form-stack input,.form-stack select{border:1px solid #dbe5ed;border-radius:9px;padding:10px 11px;width:100%;background:#fff;min-width:0;color:#263a53}.field-item input:disabled,.field-item select:disabled,.field-item textarea:disabled{background:#f5f7fa;color:#5b708c}.field-item textarea{min-height:87px;resize:vertical}.field-item.wide{grid-column:1/-1}.field-item small{display:block;font-size:10px;color:#9aa8b7;margin-top:3px}.form-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-stack label{font-size:12px;font-weight:700}.form-stack label input,.form-stack label select{display:block;margin-top:5px}.overlay{display:none}.setup-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top left,#d7e5f5,#f6f8fc 70%)}.setup-card{width:min(530px,100%);background:#fff;box-shadow:var(--shadow);border:1px solid #dfe6ee;border-radius:20px;padding:35px}.setup-card h1{font-size:30px;letter-spacing:-1px}.setup-card>p{font-size:13px;color:#667a91;line-height:1.7}.setup-card img{max-width:190px}.setup-card form{margin-top:20px}.setup-card .button{width:100%}.setup-card small{display:block;margin-top:19px;color:#8796a9;font-size:11px}
@media(max-width:1280px){.metrics{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:900px){.login{grid-template-columns:1fr}.login-splash{display:none}.login-side{min-height:100vh}.mobile-brand{display:block}.sidebar{transform:translateX(-102%);transition:transform .2s}.sidebar.open{transform:none}.overlay.active{display:block;position:fixed;inset:0;background:#0b1f33a8;z-index:60}.main{margin-left:0;width:100%}.mobile-toggle{display:grid}.main-content{padding:17px}.top{padding:13px 17px;min-height:75px}.module-tiles{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.login-side{padding:25px}.login-card h2{font-size:30px}.top h1{font-size:19px}.top-breadcrumb{font-size:9px}.top-right{gap:6px}.top-right .mode-pill,.top-right .icon-button:nth-of-type(1){display:none}.main-content{padding:13px}.page-banner{padding:21px;flex-direction:column;align-items:flex-start}.page-banner h2{font-size:22px}.metrics{grid-template-columns:repeat(2,1fr);gap:9px}.metric{padding:14px}.metric .metric-number{font-size:24px}.metric .metric-symbol{margin-bottom:7px}.module-tiles,.sync-grid{grid-template-columns:1fr}.toolbar{align-items:stretch}.toolbar .toolbar-actions{width:100%}.search{flex:1;min-width:0}.modal-wrap{padding:0;align-items:flex-end}.modal{border-radius:20px 20px 0 0;max-height:96vh}.modal-body{padding:13px}.modal-head{padding:14px 16px}.modal-foot{padding:11px}.form-grid,.form-stack{grid-template-columns:1fr}.user-row{grid-template-columns:1fr 1fr}.login-card>p{font-size:13px}}