:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}@media (width<=768px){.auth-box{margin:0 16px!important;padding:24px 16px!important}.cbam-nav-links{display:none!important}.cbam-grid-4{grid-template-columns:repeat(2,1fr)!important}.cbam-grid-3,.cbam-grid-2,[class*=dash-]{grid-template-columns:1fr!important}}@media (width<=480px){.cbam-grid-4{grid-template-columns:1fr!important}body{font-size:14px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--navy-900:#080c18;--navy-800:#0f1f3d;--navy-700:#1a2d4a;--navy-600:#1e3558;--navy-500:#243f6a;--navy-400:#2d5280;--gold-400:#d4a017;--gold-500:#c9a84c;--gold-600:#b8963e;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--green-50:#f0fdf4;--green-100:#dcfce7;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--red-50:#fef2f2;--red-100:#fee2e2;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-500:#f59e0b;--amber-600:#d97706;--purple-500:#a855f7;--purple-600:#9333ea;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:24px;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 1px 3px #0000000f;--shadow-lg:0 10px 15px #0000001a, 0 4px 6px #0000000d;--shadow-xl:0 20px 25px #0000001a, 0 8px 10px #0000000a;--t-fast:.12s ease;--t-base:.2s ease;--t-slow:.3s ease;--sidebar-w:220px;--header-h:56px}html{font-size:16px}body{font-family:var(--font-ui);background:var(--gray-50);color:var(--gray-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.shell{flex-direction:column;min-height:100vh;display:flex}.shell-header{background:var(--navy-800);border-bottom:1px solid var(--navy-700);padding:0 var(--sp-6);height:var(--header-h);z-index:200;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000004d}.shell-logo{align-items:center;gap:var(--sp-3);cursor:pointer;display:flex}.shell-title{color:#fff;letter-spacing:-.3px;font-family:Georgia,serif;font-size:17px;font-weight:800}.shell-sub{color:var(--gold-500);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:600}.shell-body{height:calc(100vh - var(--header-h));flex:1;display:flex;overflow:hidden}.shell-main{background:var(--gray-50);flex:1;overflow-y:auto}.shell-footer{background:var(--navy-900);padding:var(--sp-3) var(--sp-6);color:var(--gray-500);border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;font-size:11px;display:flex}.sidebar{width:var(--sidebar-w);background:var(--navy-800);border-right:1px solid var(--navy-700);scrollbar-width:thin;scrollbar-color:var(--navy-600) transparent;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:var(--navy-600);border-radius:2px}.sidebar-logo{padding:var(--sp-4) var(--sp-4) var(--sp-3);border-bottom:1px solid var(--navy-700);margin-bottom:var(--sp-2)}.sidebar-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--navy-400);padding:var(--sp-3) var(--sp-4) var(--sp-1);font-size:10px;font-weight:700}.nav-item{align-items:center;gap:var(--sp-3);padding:9px var(--sp-4);cursor:pointer;font-family:var(--font-ui);color:#8a9ab5;text-align:left;width:100%;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:none;border-radius:0;font-size:13px;font-weight:500;display:flex;position:relative}.nav-item:hover{color:#c5d0e0;background:#ffffff0f}.nav-item.active{color:#fff;background:#2563eb26;font-weight:600}.nav-item.active:before{content:"";background:var(--blue-500);border-radius:0 2px 2px 0;width:3px;position:absolute;top:4px;bottom:4px;left:0}.app-layout{height:calc(100vh - var(--header-h));flex:1;display:flex;overflow:hidden}.tab-nav{padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--gray-200);scrollbar-width:none;z-index:50;box-shadow:var(--shadow-sm);background:#fff;flex-shrink:0;gap:2px;display:flex;position:sticky;top:0;overflow-x:auto}.tab-nav::-webkit-scrollbar{display:none}.tab-btn{border-radius:var(--r-md);cursor:pointer;font-family:var(--font-ui);color:var(--gray-500);white-space:nowrap;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:none;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;display:flex}.tab-btn:hover{background:var(--gray-100);color:var(--gray-700)}.tab-btn.active{background:var(--blue-50);color:var(--blue-700);font-weight:600}.tab-icon{font-size:14px}.tab-label{font-size:13px}.tab-body{flex:1;overflow-y:auto}.tab-content{padding:var(--sp-6);max-width:1100px}.tab-header{align-items:baseline;gap:var(--sp-3);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.tab-title{color:var(--navy-800);letter-spacing:-.3px;font-size:22px;font-weight:800}.tab-ref{color:var(--gray-400);font-size:12px;font-family:var(--font-mono)}.dash-card{border:1px solid var(--gray-200);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-sm);margin-bottom:var(--sp-4);transition:box-shadow var(--t-base);background:#fff}.dash-card:hover{box-shadow:var(--shadow-md)}.dash-card-title{color:var(--gray-600);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-4);font-size:13px;font-weight:700}.dash-empty{text-align:center;padding:var(--sp-10) var(--sp-5);color:var(--gray-400);border:1px dashed var(--gray-200);border-radius:var(--r-lg);background:#fff;font-size:14px}.stats-row{gap:var(--sp-4);margin-bottom:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.stat-card{border:1px solid var(--gray-200);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5);box-shadow:var(--shadow-sm);transition:box-shadow var(--t-base), transform var(--t-base);background:#fff}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.form-group{margin-bottom:var(--sp-4);flex-direction:column;gap:6px;display:flex}.form-label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.inp{border:1.5px solid var(--gray-200);border-radius:var(--r-md);font-family:var(--font-ui);color:var(--gray-800);width:100%;transition:border-color var(--t-fast), box-shadow var(--t-fast);-webkit-appearance:none;background:#fff;outline:none;padding:10px 13px;font-size:14px}.inp:hover{border-color:var(--gray-300)}.inp:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #2563eb1a}.inp::placeholder{color:var(--gray-300)}.inp:disabled{background:var(--gray-50);color:var(--gray-400);cursor:not-allowed}.sel{border:1.5px solid var(--gray-200);border-radius:var(--r-md);font-family:var(--font-ui);color:var(--gray-800);cursor:pointer;width:100%;transition:border-color var(--t-fast);-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 12px center no-repeat;outline:none;padding:10px 36px 10px 13px;font-size:14px}.sel:hover{border-color:var(--gray-300)}.sel:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #2563eb1a}.btn-primary{background:var(--blue-600);color:#fff;border-radius:var(--r-md);font-family:var(--font-ui);cursor:pointer;transition:background var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast);white-space:nowrap;letter-spacing:-.01em;border:none;justify-content:center;align-items:center;gap:6px;width:auto;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{background:var(--blue-700);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{background:var(--gray-300);cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{color:var(--gray-700);border:1.5px solid var(--gray-200);border-radius:var(--r-md);font-family:var(--font-ui);cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast);white-space:nowrap;background:#fff;justify-content:center;align-items:center;gap:6px;width:auto;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-300);box-shadow:var(--shadow-sm)}.btn-secondary:active{transform:translateY(1px)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:var(--red-600);color:#fff;border-radius:var(--r-md);font-family:var(--font-ui);cursor:pointer;transition:background var(--t-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-danger:hover{background:var(--red-700)}.auth-screen{background:linear-gradient(135deg, var(--navy-800) 0%, var(--navy-900) 60%, #0a0e1a 100%);min-height:100vh;padding:var(--sp-5);justify-content:center;align-items:center;display:flex}.auth-box{border-radius:var(--r-2xl);padding:var(--sp-8);width:100%;max-width:420px;box-shadow:var(--shadow-xl), 0 0 0 1px #ffffff0d;background:#fff}.auth-logo{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-6);justify-content:center;display:flex}.auth-title{color:var(--navy-800);text-align:center;margin-bottom:var(--sp-1);letter-spacing:-.3px;font-size:22px;font-weight:800}.auth-sub{color:var(--gray-400);text-align:center;margin-bottom:var(--sp-6);font-size:14px}.auth-form-title{color:var(--gray-500);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--sp-4);margin-top:var(--sp-5);padding-bottom:var(--sp-3);border-bottom:1px solid var(--gray-100);font-size:13px;font-weight:700}.auth-error{background:var(--red-50);border:1px solid var(--red-100);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);color:var(--red-700);margin-bottom:var(--sp-4);align-items:center;gap:var(--sp-2);font-size:13px;display:flex}.auth-btn{background:var(--blue-600);color:#fff;border-radius:var(--r-md);width:100%;font-family:var(--font-ui);cursor:pointer;margin-top:var(--sp-4);transition:background var(--t-fast), box-shadow var(--t-fast);letter-spacing:-.01em;border:none;padding:12px;font-size:15px;font-weight:700}.auth-btn:hover{background:var(--blue-700);box-shadow:var(--shadow-md)}.auth-btn:disabled{background:var(--gray-300);cursor:not-allowed}.auth-inp{background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--r-md);font-family:var(--font-ui);color:var(--gray-800);width:100%;transition:border-color var(--t-fast), box-shadow var(--t-fast), background var(--t-fast);outline:none;padding:11px 14px;font-size:15px}.auth-inp:hover{border-color:var(--gray-300);background:#fff}.auth-inp:focus{border-color:var(--blue-500);background:#fff;box-shadow:0 0 0 3px #2563eb1a}.auth-inp::placeholder{color:var(--gray-300)}.auth-row{margin-top:var(--sp-4);justify-content:space-between;align-items:center;font-size:13px;display:flex}.auth-check{align-items:center;gap:var(--sp-2);cursor:pointer;color:var(--gray-600);font-size:13px;display:flex}.auth-link{color:var(--blue-600);cursor:pointer;font-weight:500;text-decoration:none}.auth-link:hover{color:var(--blue-700);text-decoration:underline}.auth-switch{text-align:center;margin-top:var(--sp-5);color:var(--gray-500);padding-top:var(--sp-4);border-top:1px solid var(--gray-100);font-size:14px}.auth-divider{align-items:center;gap:var(--sp-3);margin:var(--sp-4) 0;color:var(--gray-300);font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--gray-200);flex:1;height:1px}.tier-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:100px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.tier-PRO{color:#60a5fa;background:#2563eb26;border:1px solid #2563eb4d}.tier-BROKER{color:#c084fc;background:#9333ea26;border:1px solid #9333ea4d}.tier-BUSINESS{color:var(--gold-500);background:#c9a84c26;border:1px solid #c9a84c4d}.tier-LITE{color:var(--gray-400);background:#64748b1f;border:1px solid #64748b33}.data-table{border-collapse:collapse;border-radius:var(--r-lg);width:100%;box-shadow:var(--shadow-sm);background:#fff;font-size:13px;overflow:hidden}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-500);background:var(--gray-50);border-bottom:1px solid var(--gray-200);padding:11px 14px;font-size:11px;font-weight:600}.data-table td{border-bottom:1px solid var(--gray-100);color:var(--gray-700);padding:11px 14px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--gray-50)}.status-hero{align-items:center;gap:var(--sp-5);padding:var(--sp-5) var(--sp-6);border-radius:var(--r-xl);margin-bottom:var(--sp-5);box-shadow:var(--shadow-sm);background:#fff;border:1px solid;display:flex}.status-safe{border-color:var(--green-100);background:var(--green-50)}.status-warning{border-color:var(--amber-100);background:var(--amber-50)}.status-over{border-color:var(--red-100);background:var(--red-50)}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:100px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-green{background:var(--green-100);color:var(--green-700)}.badge-red{background:var(--red-100);color:var(--red-700)}.badge-amber{background:var(--amber-100);color:#92400e}.badge-blue{background:var(--blue-100);color:var(--blue-700)}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.badge-purple{color:var(--purple-600);background:#f5f3ff}.badge-gold{color:var(--gold-600);background:#fef9ec}.result-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--r-lg);padding:var(--sp-5);margin-top:var(--sp-5)}.page-header{margin-bottom:var(--sp-5);padding-bottom:var(--sp-4);border-bottom:1px solid var(--gray-200)}.page-title{color:var(--navy-800);letter-spacing:-.4px;font-size:24px;font-weight:800}.page-desc{color:var(--gray-500);margin-top:4px;font-size:14px}.alert{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);margin-bottom:var(--sp-4);font-size:13px;line-height:1.6;display:flex}.alert-info{background:var(--blue-50);border:1px solid var(--blue-100);color:var(--blue-700)}.alert-success{background:var(--green-50);border:1px solid var(--green-100);color:var(--green-700)}.alert-warning{background:var(--amber-50);border:1px solid var(--amber-100);color:#92400e}.alert-danger{background:var(--red-50);border:1px solid var(--red-100);color:var(--red-700)}.quick-action-btn{align-items:center;gap:var(--sp-2);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--r-md);font-family:var(--font-ui);color:var(--gray-700);cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast);text-align:left;width:100%;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.quick-action-btn:hover{border-color:var(--blue-200,#bfdbfe);box-shadow:var(--shadow-sm);color:var(--blue-700);background:#fff}.info-card{border:1px solid var(--gray-200);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-sm);background:#fff}.info-title{color:var(--navy-800);margin-bottom:var(--sp-2);font-size:15px;font-weight:700}.error-msg{background:var(--red-50);border:1px solid var(--red-100);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);color:var(--red-700);font-size:13px}.um-divider{background:var(--navy-700);height:1px;margin:var(--sp-2) 0}.onb-inp{background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--r-md);font-family:var(--font-ui);color:var(--gray-800);width:100%;transition:border-color var(--t-fast), box-shadow var(--t-fast);outline:none;padding:10px 13px;font-size:14px}.onb-inp:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #2563eb1a}.cell-inp{width:100%;font-family:var(--font-ui);color:var(--gray-800);background:0 0;border:none;outline:none;padding:4px 8px;font-size:13px}.cell-inp:focus{background:var(--blue-50);border-radius:var(--r-sm)}*{scrollbar-width:thin;scrollbar-color:var(--gray-200) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-300)}@media (width<=768px){:root{--sidebar-w:0px}.sidebar{display:none}.sidebar.mobile-open{left:0;top:var(--header-h);z-index:500;width:260px;box-shadow:var(--shadow-xl);display:flex;position:fixed;bottom:0}.tab-nav{padding:var(--sp-2)}.tab-btn{padding:7px 10px;font-size:12px}.tab-label{display:none}.tab-icon{font-size:16px}.tab-content{padding:var(--sp-4)}.stats-row{grid-template-columns:1fr 1fr}.auth-box{padding:var(--sp-5)}.shell-header{padding:0 var(--sp-4)}}@media (width<=480px){.stats-row{grid-template-columns:1fr}.tab-content{padding:var(--sp-3)}}.mt-1{margin-top:var(--sp-1)}.mt-2{margin-top:var(--sp-2)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mb-4{margin-bottom:var(--sp-4)}.mb-6{margin-bottom:var(--sp-6)}.gap-2{gap:var(--sp-2)}.gap-4{gap:var(--sp-4)}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}.text-sm{font-size:13px}.text-xs{font-size:11px}.font-bold{font-weight:700}.text-gray{color:var(--gray-500)}.text-navy{color:var(--navy-800)}.text-blue{color:var(--blue-600)}.text-green{color:var(--green-600)}.text-red{color:var(--red-600)}.text-amber{color:var(--amber-600)}.skeleton{background:linear-gradient(90deg, var(--gray-100) 25%, var(--gray-50) 50%, var(--gray-100) 75%);border-radius:var(--r-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}@media print{.sidebar,.tab-nav,.shell-header,.shell-footer{display:none!important}.tab-content{padding:0}}