@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#f5f5f7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#080d19;font-family:DM Sans,sans-serif}html{background:#080d19;min-width:320px;min-height:100%}body{color:#f5f5f7;min-width:320px;min-height:100vh;margin:0}#root{width:100%;min-height:100vh}button,input{font-family:inherit}:root{color:#e9edf6;font-synthesis:none;text-rendering:optimizelegibility;font-smooth:always;background:#080d18;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{background:#080d18;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.58;cursor:not-allowed}.app-shell{color:#e9edf6;background:#080d18;min-height:100vh}.sidebar{z-index:20;background:#0c1423;border-right:1px solid #202b3c;flex-direction:column;width:258px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{border-bottom:1px solid #202b3c;flex-shrink:0;align-items:center;gap:12px;height:86px;padding:0 23px;display:flex}.brand-symbol{color:#e3c47d;background:linear-gradient(145deg,#1b2940,#101827);border:1px solid #c9a65a;border-radius:13px;place-items:center;width:46px;height:46px;font-family:Manrope,sans-serif;font-size:29px;font-weight:800;display:grid;box-shadow:0 0 25px #c9a65a15}.brand-symbol.small{border-radius:11px;width:39px;height:39px;font-size:24px}.sidebar-brand strong{letter-spacing:2.5px;font-family:Manrope,sans-serif;font-size:15px;display:block}.sidebar-brand span{color:#9ba8bd;letter-spacing:2px;margin-top:4px;font-size:9px;display:block}.sidebar-scroll{flex:1;padding:20px 13px;overflow:auto}.nav-group{margin-bottom:25px}.nav-label{letter-spacing:1.8px;color:#68778e;padding:0 12px 10px;font-size:9px;font-weight:700}.nav-item{color:#aab5c7;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;margin:3px 0;padding:11px 12px;font-size:13px;transition:all .18s;display:flex}.nav-item:hover{color:#fff;background:#172337}.nav-item.active{color:#e8ca83;background:linear-gradient(90deg,#c5a45a20,#c5a45a08);border:1px solid #c5a45a2b}.nav-item.active svg{color:#d9b86d}.nav-arrow{margin-left:auto}.sidebar-bottom{border-top:1px solid #202b3c;padding:15px 17px 17px}.secure-indicator{color:#8291a7;align-items:center;gap:8px;padding:0 5px 15px;font-size:11px;display:flex}.secure-indicator span,.live-label span{background:#4ac48b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #4ac48b88}.sidebar-user{align-items:center;gap:10px;display:flex}.avatar{color:#e8ca83;background:#27354a;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.user-copy{flex:1;min-width:0}.user-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.user-copy span{color:#8390a4;margin-top:3px;font-size:9px;display:block}.icon-button{color:#9aa8bb;background:0 0;border:0;border-radius:7px;place-items:center;padding:7px;display:grid}.icon-button:hover{color:#fff;background:#1b2a40}.main-area{min-height:100vh;margin-left:258px}.topbar{background:#0b1321;border-bottom:1px solid #202b3c;justify-content:space-between;align-items:center;height:70px;padding:0 35px;display:flex}.breadcrumb{color:#8391a6;align-items:center;gap:10px;font-size:12px;display:flex}.breadcrumb strong{color:#e7ebf3;font-weight:600}.topbar-right{align-items:center;gap:22px;display:flex}.live-label{color:#91a0b4;letter-spacing:1.2px;align-items:center;gap:8px;font-size:9px;font-weight:700;display:flex}.top-date{color:#9aa8bb;align-items:center;gap:8px;font-size:11px;display:flex}.top-logout,.mobile-menu,.mobile-close{display:none}.page-content{max-width:1600px;margin:0 auto;padding:34px 36px 20px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:26px;display:flex}.eyebrow{letter-spacing:1.8px;color:#c6a65e;font-size:9px;font-weight:700}.page-heading h1{letter-spacing:-.7px;margin:9px 0 5px;font:800 29px Manrope,sans-serif}.page-heading p,.muted{color:#8e9bb0;margin:0;font-size:12px}.heading-actions{gap:9px;display:flex}.primary-button,.secondary-button{border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:11px 15px;font-size:12px;font-weight:700;transition:all .18s;display:inline-flex}.primary-button{color:#151a22;background:#c7a65d;border:1px solid #d6b86f}.primary-button:hover{background:#ddc17f}.secondary-button{color:#d5deeb;background:#172337;border:1px solid #2b3a50}.secondary-button:hover{background:#21314a}.page-section{flex-direction:column;gap:19px;display:flex}.two-column{grid-template-columns:minmax(0,1.55fr) minmax(290px,.85fr);align-items:start;display:grid}.narrow-section{max-width:760px}.section-card,.metric-card,.welcome-strip{background:#101a2b;border:1px solid #243147;border-radius:12px}.section-card{min-width:0;padding:21px}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px;display:flex}.section-head h3{margin:0 0 5px;font:700 14px Manrope,sans-serif}.section-head p{color:#8593a8;margin:0;font-size:11px}.section-head>svg{color:#c7a65d}.welcome-strip{background:radial-gradient(at 90% 10%,#c7a65d18,#0000 42%),#101a2b;justify-content:space-between;align-items:center;padding:25px 28px;display:flex}.welcome-kicker{color:#c7a65d;letter-spacing:1.7px;font-size:9px;font-weight:700}.welcome-strip h2{margin:9px 0 5px;font:700 21px Manrope,sans-serif}.welcome-strip p{color:#93a0b4;margin:0;font-size:12px}.welcome-shield{color:#d5b76d;background:#c7a65d10;border:1px solid #c7a65d55;border-radius:17px;place-items:center;width:60px;height:60px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{padding:18px}.metric-top{color:#a2aec0;justify-content:space-between;align-items:center;gap:7px;font-size:11px;display:flex}.metric-top div{color:#d5b76d;background:#c7a65d12;border-radius:9px;place-items:center;width:33px;height:33px;display:grid}.metric-card>strong{margin:16px 0 4px;font:800 28px Manrope,sans-serif;display:block}.metric-card>small{color:#75849a;font-size:10px}.system-status{border:1px solid #293950;border-radius:9px;justify-content:space-between;align-items:center;padding:13px 14px;display:flex}.system-status>div{color:#d6b86e;align-items:center;gap:11px;display:flex}.system-status strong,.system-status small{display:block}.system-status strong{color:#e7edf7;font-size:12px}.system-status small{color:#7f8da2;margin-top:3px;font-size:10px}.status-pill{letter-spacing:.3px;text-transform:capitalize;white-space:nowrap;border-radius:20px;align-items:center;padding:5px 9px;font-size:9px;font-weight:700;display:inline-flex}.status-good{color:#6ed7a5;background:#1b67452e;border:1px solid #3d9e6a44}.status-pending{color:#e8c574;background:#88651d2b;border:1px solid #b58c3c44}.status-bad{color:#ef8d91;background:#8c30352b;border:1px solid #b94e5544}.status-neutral{color:#a9b5c8;background:#53627a2b;border:1px solid #70809a44}.table-toolbar{justify-content:flex-end;margin:0 0 13px;display:flex}.search-box{color:#8493a8;background:#0c1524;border:1px solid #2b3a50;border-radius:8px;align-items:center;gap:9px;width:min(300px,100%);padding:0 11px;display:flex}.search-box input{background:0 0!important;border:0!important;outline:none!important;padding:10px 0!important}.table-wrap{border:1px solid #25344a;border-radius:9px;width:100%;overflow:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;min-width:650px}.data-table th{color:#93a2b8;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;background:#142137;padding:12px 13px;font-size:9px;font-weight:700}.data-table td{color:#cbd4e1;vertical-align:middle;overflow-wrap:anywhere;border-top:1px solid #223047;max-width:250px;padding:13px;font-size:11px}.data-table tbody tr:hover{background:#18253a}.data-table tbody tr:first-child td{border-top:0}.row-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.small-action{color:#d5deeb;background:#1b2a40;border:1px solid #3a4a60;border-radius:6px;padding:6px 9px;font-size:10px;font-weight:700}.small-action.success{color:#7fe0ad;background:#1b674522;border-color:#367d5a}.small-action.danger{color:#f29a9e;background:#8c303522;border-color:#8e454b}.empty-state{color:#718098;border:1px dashed #2a3950;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:140px;display:flex}.empty-state p{margin:0;font-size:11px}.field{color:#b9c4d4;flex-direction:column;gap:7px;margin-bottom:14px;font-size:11px;font-weight:600;display:flex}.field small{color:#7989a0;font-size:9px;font-weight:400;line-height:1.5}input,select,textarea{color:#e6ebf3;background:#0b1423;border:1px solid #2b3a50;border-radius:7px;outline:none;width:100%;min-width:0;padding:10px 11px;font-size:12px}input:focus,select:focus,textarea:focus{border-color:#b9984e;box-shadow:0 0 0 2px #c7a65d16}input::placeholder,textarea::placeholder{color:#65758c}select option{background:#101a2b}.form-card form>.primary-button{width:100%;margin-top:5px}.notice{border-radius:8px;align-items:flex-start;gap:9px;margin:0 0 14px;padding:11px 13px;font-size:11px;line-height:1.5;display:flex}.notice svg{flex-shrink:0;margin-top:1px}.notice-error{color:#f2a2a5;background:#7e30351f;border:1px solid #a34b514d}.notice-success{color:#8ce0b3;background:#1c70431e;border:1px solid #4aa77655}.notice-info{color:#a8c8f0;background:#294c7625;border:1px solid #5279a255}.loading-line{color:#a5b2c5;align-items:center;gap:10px;padding:12px 0;font-size:11px;display:flex}.loading-line span{border:2px solid #58667b;border-top-color:#d0ad60;border-radius:50%;width:13px;height:13px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.activation-result{background:#c7a65d0d;border:1px solid #9d824b66;border-radius:10px;flex-direction:column;align-items:flex-start;gap:11px;margin-top:20px;padding:18px;display:flex}.activation-result>span{letter-spacing:1.5px;color:#d2b46e;font-size:9px;font-weight:700}.activation-result>strong{letter-spacing:3px;color:#f1d58e;overflow-wrap:anywhere;font:800 25px Manrope,sans-serif}.activation-result small{color:#9aa8bb;font-size:10px}.account-card{align-items:flex-start;gap:15px;display:flex}.account-icon,.integration-icon{color:#d8b96d;background:#c7a65d14;border-radius:12px;flex-shrink:0;place-items:center;width:47px;height:47px;display:grid}.account-card h3{margin:0 0 8px;font:700 14px Manrope}.account-card p{color:#9aa8bb;margin:0 0 6px;font-size:11px}.integration-card{text-align:center;padding:38px 32px}.integration-icon{margin:0 auto 17px}.integration-card h2{margin:10px 0;font:800 22px Manrope}.integration-card p{color:#9ba9bd;max-width:570px;margin:10px auto;font-size:12px;line-height:1.7}.integration-card .status-pill{margin-top:12px}.page-footer{color:#64738a;text-align:center;padding:34px 0 10px;font-size:9px}.page-footer span{color:#c7a65d;padding:0 5px}.login-shell{background:#0a111e;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-brand{background:radial-gradient(at 25% 45%,#c7a65d16,#0000 55%),linear-gradient(145deg,#101c30,#0b1321);flex-direction:column;justify-content:center;align-items:flex-start;padding:10%;display:flex;position:relative;overflow:hidden}.login-brand .brand-symbol{border-radius:17px;width:66px;height:66px;margin-bottom:25px;font-size:41px}.brand-name{letter-spacing:7px;color:#f1f3f7;font:800 30px Manrope,sans-serif}.brand-subtitle{letter-spacing:5px;color:#d4b66e;margin-top:8px;font-size:12px}.login-brand>p{color:#98a7bc;max-width:330px;margin-top:28px;font-size:14px;line-height:1.8}.login-footnote{letter-spacing:2px;color:#65748a;font-size:8px;position:absolute;bottom:35px;left:10%}.login-orbit{border:1px solid #c7a65d20;border-radius:50%;width:390px;height:390px;position:absolute;bottom:-145px;right:-140px}.login-orbit div{border:1px solid #c7a65d1b;border-radius:50%;position:absolute;inset:35px}.login-orbit div:nth-child(2){inset:75px}.login-orbit div:nth-child(3){inset:115px}.login-panel{place-items:center;padding:35px;display:grid}.login-card{width:min(420px,100%)}.login-icon{color:#ddc17e;background:#c7a65d18;border:1px solid #c7a65d35;border-radius:13px;place-items:center;width:49px;height:49px;margin-bottom:26px;display:grid}.login-card h1{margin:10px 0;font:800 29px Manrope,sans-serif}.login-card>.muted{margin-bottom:28px;line-height:1.6}.login-card form{flex-direction:column;gap:5px;display:flex}.login-card .field{margin-bottom:13px}.input-icon{color:#7f8fa6;background:#0b1423;border:1px solid #2b3a50;border-radius:7px;align-items:center;gap:9px;padding-left:11px;display:flex}.input-icon:focus-within{border-color:#b9984e;box-shadow:0 0 0 2px #c7a65d16}.input-icon input{background:0 0;border:0;outline:none;padding:11px 0;box-shadow:none!important}.input-icon .icon-button{margin-right:4px}.login-button{width:100%;margin-top:9px;padding:13px}.secure-note{color:#75859c;justify-content:center;align-items:center;gap:7px;margin-top:25px;font-size:10px;display:flex}.mobile-scrim{display:none}@media (width<=1150px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column{grid-template-columns:1fr}}@media (width<=760px){.sidebar{width:275px;transition:transform .22s;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.mobile-scrim{z-index:19;background:#02060dcc;border:0;display:block;position:fixed;inset:0}.mobile-menu{color:#cbd4e1;background:0 0;border:0;place-items:center;margin-right:10px;padding:6px;display:grid}.mobile-close{color:#aab5c7;background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.main-area{margin-left:0}.topbar{height:62px;padding:0 17px}.topbar-right{gap:10px}.live-label{display:none}.top-date{font-size:10px}.page-content{padding:25px 16px 15px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:25px}.heading-actions .secondary-button{padding:9px}.metric-grid{gap:9px}.metric-card{padding:13px}.metric-card>strong{font-size:23px}.welcome-strip{padding:20px}.welcome-strip h2{font-size:18px}.section-card{padding:15px}.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh;padding:24px}.top-logout{display:grid}}@media (width<=430px){.metric-grid{grid-template-columns:1fr 1fr}.metric-top{font-size:9px}.metric-top div{width:28px;height:28px}.top-date{display:none}.page-heading{flex-direction:column}.heading-actions,.heading-actions .secondary-button{width:100%}.welcome-shield{flex-shrink:0;width:45px;height:45px}.welcome-strip h2{font-size:16px}}