@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--cc-grad-1: #6366f1;--cc-grad-2: #4f46e5;--cc-grad-3: #1e40af;--cc-grad: linear-gradient(135deg, var(--cc-grad-1) 0%, var(--cc-grad-2) 55%, var(--cc-grad-3) 100%);--cc-bg: #fbfaff;--cc-bg-2: #f6f4ff;--cc-surface: rgba(255, 255, 255, .7);--cc-surface-solid: #ffffff;--cc-panel: rgba(255, 255, 255, .8);--cc-sidebar: rgba(255, 255, 255, .6);--cc-topbar: rgba(255, 255, 255, .4);--cc-text: #0f172a;--cc-subtle: #475569;--cc-muted: #94a3b8;--cc-link: #7c3aed;--cc-border: rgba(255, 255, 255, .6);--cc-input-border: rgba(203, 213, 225, .9);--cc-ring: rgba(99, 102, 241, .2);--cc-divider: rgba(226, 232, 240, .8);--cc-success: #10b981;--cc-warning: #f59e0b;--cc-danger: #f43f5e;--cc-info: #3b82f6;--cc-shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--cc-shadow-card: 0 8px 32px -12px rgba(99, 102, 241, .18), 0 2px 6px -2px rgba(0, 0, 0, .04);--cc-shadow-hover: 0 18px 40px -12px rgba(139, 92, 246, .28);--cc-shadow-cta: 0 8px 24px -6px rgba(139, 92, 246, .45);--cc-r-sm: 6px;--cc-r-md: 10px;--cc-r-lg: 14px;--cc-r-xl: 18px;--cc-r-2xl: 22px;--cc-space-1: 4px;--cc-space-2: 8px;--cc-space-3: 12px;--cc-space-4: 16px;--cc-space-5: 20px;--cc-space-6: 24px;--cc-space-7: 32px;--cc-space-8: 40px;--cc-font-sans: "Geist", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cc-font-mono: "JetBrains Mono", ui-monospace, "Fira Mono", monospace;--cc-ease: cubic-bezier(.2, .7, .3, 1);--cc-dur-fast: .15s;--cc-dur: .22s;--cc-dur-slow: .38s}[data-theme=dark]{--cc-bg: #0c0a1f;--cc-bg-2: #110d2c;--cc-surface: rgba(255, 255, 255, .08);--cc-surface-solid: #1a1640;--cc-panel: rgba(255, 255, 255, .11);--cc-sidebar: rgba(255, 255, 255, .06);--cc-topbar: rgba(12, 10, 31, .7);--cc-text: #ffffff;--cc-subtle: #cbd5e1;--cc-muted: #64748b;--cc-link: #c4b5fd;--cc-border: rgba(255, 255, 255, .13);--cc-input-border: rgba(255, 255, 255, .16);--cc-ring: rgba(167, 139, 250, .3);--cc-divider: rgba(255, 255, 255, .09);--cc-shadow-card: 0 8px 40px -12px rgba(139, 92, 246, .35), inset 0 1px 0 0 rgba(255, 255, 255, .08);--cc-shadow-hover: 0 24px 60px -12px rgba(139, 92, 246, .55)}.cc-app{min-height:100vh;position:relative;background:linear-gradient(160deg,var(--cc-bg) 0%,var(--cc-bg-2) 100%);overflow-x:hidden;font-family:var(--cc-font-sans)}.cc-app:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 60% 40% at 80% 10%,rgba(99,102,241,.07) 0%,transparent 70%),radial-gradient(ellipse 50% 35% at 10% 80%,rgba(79,70,229,.05) 0%,transparent 65%)}[data-theme=dark] .cc-app:before{background:radial-gradient(ellipse 60% 40% at 80% 10%,rgba(99,102,241,.14) 0%,transparent 70%),radial-gradient(ellipse 50% 35% at 10% 80%,rgba(79,70,229,.1) 0%,transparent 65%)}.cc-card{position:relative;background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:var(--cc-r-2xl);padding:var(--cc-space-5);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--cc-shadow-card);transition:transform var(--cc-dur) var(--cc-ease),box-shadow var(--cc-dur) var(--cc-ease)}.cc-card--hover:hover{transform:translateY(-2px);box-shadow:var(--cc-shadow-hover)}.cc-card--hero{background:linear-gradient(135deg,#ffffffd9,#ede9feb3);overflow:hidden}[data-theme=dark] .cc-card--hero{background:linear-gradient(135deg,#ffffff0f,#8b5cf614)}.cc-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--cc-space-3)}.cc-card__title{font-size:14px;font-weight:600;color:var(--cc-text)}.cc-card__sub{font-size:11px;color:var(--cc-muted)}.cc-btn{--pad-x: 14px;--pad-y: 8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:var(--pad-y) var(--pad-x);border:1px solid transparent;border-radius:var(--cc-r-md);font-size:12.5px;font-weight:600;letter-spacing:.005em;line-height:1;cursor:pointer;white-space:nowrap;font-family:var(--cc-font-sans);transition:transform var(--cc-dur-fast) var(--cc-ease),background var(--cc-dur-fast) var(--cc-ease),box-shadow var(--cc-dur-fast) var(--cc-ease),color var(--cc-dur-fast) var(--cc-ease)}.cc-btn:focus-visible{outline:2px solid var(--cc-grad-2);outline-offset:2px}.cc-btn:disabled{opacity:.5;cursor:not-allowed}.cc-btn .cc-icon{width:16px;height:16px}.cc-btn--primary{background:var(--cc-grad);color:#fff;box-shadow:var(--cc-shadow-cta)}.cc-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 30px -6px #8b5cf68c}.cc-btn--primary:active:not(:disabled){transform:translateY(0)}.cc-btn--ghost{background:var(--cc-surface);border-color:var(--cc-border);color:var(--cc-subtle);backdrop-filter:blur(8px)}.cc-btn--ghost:hover:not(:disabled){background:var(--cc-surface-solid);color:var(--cc-text)}.cc-btn--subtle{background:transparent;color:var(--cc-link);padding:4px 6px}.cc-btn--subtle:hover:not(:disabled){background:#8b5cf614}.cc-btn--danger{background:var(--cc-danger);color:#fff;border-color:var(--cc-danger)}.cc-btn--danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px -6px #f43f5e80}.cc-btn--danger:active:not(:disabled){transform:translateY(0)}.cc-btn--sm{--pad-x: 10px;--pad-y: 6px;font-size:11.5px}.cc-btn--lg{--pad-x: 20px;--pad-y: 12px;font-size:13.5px;border-radius:var(--cc-r-lg)}.cc-field{display:flex;flex-direction:column;gap:6px}.cc-field input,.cc-field textarea,.cc-field select{padding:9px 12px;border:1px solid var(--cc-input-border);border-radius:var(--cc-r-md);font-size:13px;color:var(--cc-text);background:var(--cc-surface);font-family:var(--cc-font-sans);transition:border-color var(--cc-dur-fast),box-shadow var(--cc-dur-fast)}.cc-field input:focus,.cc-field textarea:focus,.cc-field select:focus{outline:none;border-color:var(--cc-grad-2);box-shadow:0 0 0 3px var(--cc-ring)}.cc-field input::placeholder,.cc-field textarea::placeholder,.cc-field select::placeholder{color:var(--cc-muted)}.cc-field textarea{resize:vertical}.cc-field__label{font-size:13px;font-weight:600;color:var(--cc-text)}.cc-field__label--eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cc-muted)}.cc-iconbtn{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:var(--cc-r-md);background:var(--cc-surface);border:1px solid var(--cc-border);color:var(--cc-subtle);cursor:pointer;transition:all var(--cc-dur-fast) var(--cc-ease);position:relative}.cc-iconbtn:hover{color:var(--cc-text);background:var(--cc-surface-solid)}.cc-iconbtn .cc-icon{width:18px;height:18px}.cc-iconbtn__dot{position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:50%;background:var(--cc-danger);box-shadow:0 0 0 2px var(--cc-bg);animation:cc-pulse 1.6s ease-out infinite}@keyframes cc-pulse{0%{box-shadow:0 0 #f43f5e8c}70%{box-shadow:0 0 0 6px #f43f5e00}to{box-shadow:0 0 #f43f5e00}}.cc-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:700;letter-spacing:.04em;border-radius:var(--cc-r-sm);text-transform:uppercase}.cc-pill--low{background:#10b9811f;color:#047857}.cc-pill--med{background:#f59e0b24;color:#b45309}.cc-pill--high{background:#fb923c29;color:#c2410c}.cc-pill--crit{background:#f43f5e24;color:#be123c}[data-theme=dark] .cc-pill--low{background:#10b9812e;color:#6ee7b7}[data-theme=dark] .cc-pill--med{background:#f59e0b33;color:#fcd34d}[data-theme=dark] .cc-pill--high{background:#fb923c33;color:#fdba74}[data-theme=dark] .cc-pill--crit{background:#f43f5e33;color:#fda4af}.cc-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:500;border-radius:var(--cc-r-sm);background:#0f172a0d;color:var(--cc-subtle);font-family:var(--cc-font-mono)}.cc-chip--ok{background:#10b9811f;color:#047857}.cc-chip--ok:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cc-success);animation:cc-pulse 1.6s infinite;box-shadow:0 0 8px var(--cc-success)}[data-theme=dark] .cc-chip{background:#ffffff0f}[data-theme=dark] .cc-chip--ok{background:#10b9812e;color:#6ee7b7}.cc-h1{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--cc-text)}.cc-h2{font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--cc-text)}.cc-h3{font-size:16px;font-weight:600;color:var(--cc-text)}.cc-eyebrow{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--cc-muted)}.cc-mono{font-family:var(--cc-font-mono)}.cc-text-sub{color:var(--cc-subtle)}.cc-text-muted{color:var(--cc-muted)}.cc-spacer{flex:1 1 auto}.cc-icon{width:20px;height:20px;flex-shrink:0}.cc-grad-text{background:var(--cc-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.cc-shell{display:flex;min-height:100vh;position:relative;z-index:1}.cc-main{flex:1;min-width:0;display:flex;flex-direction:column}.cc-page{padding:var(--cc-space-6) var(--cc-space-7)}.cc-page>*+*{margin-top:var(--cc-space-6)}.cc-row{display:flex;align-items:center;gap:var(--cc-space-3)}.cc-row--between{display:flex;align-items:center;justify-content:space-between;gap:var(--cc-space-3)}.cc-row--end{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--cc-space-3)}.cc-stack-2{display:flex;flex-direction:column;gap:var(--cc-space-2)}.cc-stack-3{display:flex;flex-direction:column;gap:var(--cc-space-3)}.cc-stack-4{display:flex;flex-direction:column;gap:var(--cc-space-4)}.cc-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--cc-space-4)}.cc-col-1{grid-column:span 1/span 1}.cc-col-2{grid-column:span 2/span 2}.cc-col-3{grid-column:span 3/span 3}.cc-col-4{grid-column:span 4/span 4}.cc-col-5{grid-column:span 5/span 5}.cc-col-6{grid-column:span 6/span 6}.cc-col-7{grid-column:span 7/span 7}.cc-col-8{grid-column:span 8/span 8}.cc-col-9{grid-column:span 9/span 9}.cc-col-10{grid-column:span 10/span 10}.cc-col-11{grid-column:span 11/span 11}.cc-col-12{grid-column:span 12/span 12}@media(max-width:1100px){.cc-col-5,.cc-col-7{grid-column:span 12/span 12}}.cc-sidebar-wrap{width:240px;flex:0 0 240px;display:flex;flex-direction:column;background:var(--cc-sidebar);border-right:1px solid var(--cc-border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);position:relative;z-index:2}.cc-sidebar-wrap__brand{display:flex;align-items:center;gap:10px;padding:26px 24px 28px}.cc-sidebar-wrap__logo{width:36px;height:36px;display:grid;place-items:center;background:var(--cc-grad);border-radius:10px;color:#fff;box-shadow:0 8px 22px -6px #8b5cf673}.cc-sidebar-wrap__brand-text{font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--cc-text)}.cc-sidebar-wrap__nav{flex:1;padding:0 12px;display:flex;flex-direction:column;gap:2px}.cc-nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--cc-r-md);font-size:13.5px;font-weight:500;color:var(--cc-subtle);cursor:pointer;text-decoration:none;transition:all var(--cc-dur-fast) var(--cc-ease)}.cc-nav-item:hover{background:var(--cc-surface);color:var(--cc-text)}.cc-nav-item.active{background:linear-gradient(90deg,#6366f11a,#8b5cf61a,#ec48991a);color:var(--cc-link);box-shadow:inset 0 0 0 1px var(--cc-ring);font-weight:600}.cc-nav-item .cc-nav-item__icon{width:18px;height:18px;display:grid;place-items:center;flex-shrink:0}.cc-nav-item .cc-nav-item__label{flex:1}.cc-nav-item .cc-nav-item__badge{min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;background:var(--cc-danger);color:#fff;border-radius:999px;display:inline-grid;place-items:center;font-family:var(--cc-font-mono)}[data-theme=dark] .cc-nav-item.active{color:#fff}.cc-sidebar-wrap__user{margin:8px 12px 14px;padding:10px 12px;border-radius:var(--cc-r-lg);background:var(--cc-surface);border:1px solid var(--cc-border);display:flex;align-items:center;gap:10px}.cc-sidebar-wrap__avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:600;font-size:14px;background:var(--cc-grad)}.cc-topbar-wrap{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:14px 28px;background:var(--cc-topbar);border-bottom:1px solid var(--cc-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.cc-search-box{display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;background:var(--cc-surface);border:1px solid var(--cc-input-border);border-radius:var(--cc-r-md);color:var(--cc-text);font-size:13px;flex:0 1 420px;backdrop-filter:blur(8px);transition:border var(--cc-dur-fast),box-shadow var(--cc-dur-fast)}.cc-search-box:focus-within{border-color:var(--cc-grad-2);box-shadow:0 0 0 3px var(--cc-ring)}.cc-search-box input{flex:1;border:0;background:transparent;outline:none;color:inherit;font:inherit}.cc-search-box input::placeholder{color:var(--cc-muted)}.cc-search-box .cc-icon{width:16px;height:16px;color:var(--cc-muted)}.cc-search-box kbd{font-family:var(--cc-font-mono);font-size:10px;padding:2px 6px;border-radius:4px;background:#0f172a0d;border:1px solid var(--cc-divider);color:var(--cc-muted)}[data-theme=dark] .cc-search-box{border-color:var(--cc-input-border)}.cc-fade-in{animation:ccFadeIn .5s var(--cc-ease) both}.cc-rise{animation:ccRise .5s var(--cc-ease) both}.cc-rise-1{animation:ccRise .5s var(--cc-ease) both .05s}.cc-rise-2{animation:ccRise .5s var(--cc-ease) both .1s}.cc-rise-3{animation:ccRise .5s var(--cc-ease) both .15s}.cc-rise-4{animation:ccRise .5s var(--cc-ease) both .2s}@keyframes ccFadeIn{0%{opacity:0}to{opacity:1}}@keyframes ccRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-main: #f5f7fa;--bg-card: #ffffff;--bg-subtle: #f8fafc;--bg-input: #ffffff;--bg-header: #ffffff;--bg-btn-secondary: #f1f5f9;--bg-btn-secondary-hover: #e2e8f0;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--text-label: #374151;--border-color: #e2e8f0;--border-input: #d1d5db;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .12);--table-header-bg: #f8fafc;--table-row-hover: #f8fafc;--table-border: #f1f5f9}[data-theme=dark]{--bg-main: #080b14;--bg-card: #111827;--bg-subtle: #0d1424;--bg-input: #111827;--bg-header: #0d1424;--bg-btn-secondary: #1e293b;--bg-btn-secondary-hover: #273549;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--text-label: #cbd5e1;--border-color: rgba(99, 102, 241, .15);--border-input: #1e293b;--shadow-card: 0 1px 3px rgba(0, 0, 0, .4);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .5);--table-header-bg: #0d1424;--table-row-hover: rgba(99, 102, 241, .05);--table-border: rgba(99, 102, 241, .1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-main);color:var(--text-primary);line-height:1.6;min-height:100vh;transition:background-color .25s ease,color .25s ease}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}.container{max-width:1400px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.btn-primary{background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff}.btn.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #4f46e54d;transform:translateY(-1px)}.btn.btn-secondary{background:var(--bg-btn-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn.btn-secondary:hover:not(:disabled){background:var(--bg-btn-secondary-hover)}.btn.btn-danger{background:#ef4444;color:#fff}.btn.btn-danger:hover:not(:disabled){background:#dc2626}.btn.btn-success{background:#10b981;color:#fff}.btn.btn-success:hover:not(:disabled){background:#059669}.btn.btn-outline{background:transparent;border:1px solid #4f46e5;color:#4f46e5}.btn.btn-outline:hover:not(:disabled){background:#4f46e5;color:#fff}.btn.btn-sm{padding:6px 12px;font-size:13px}.btn.btn-lg{padding:14px 28px;font-size:16px}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-label);font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:11px 14px;border:1px solid var(--border-input);border-radius:10px;font-size:14px;transition:all .2s;background:var(--bg-input);color:var(--text-primary);font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group .error-message{color:#ef4444;font-size:12px;margin-top:.25rem}.card{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-card);border:1px solid var(--border-color)}.card.card-hover{transition:all .2s}.card.card-hover:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge.badge-success{background:#d1fae5;color:#065f46}.badge.badge-warning{background:#fef3c7;color:#92400e}.badge.badge-danger{background:#fee2e2;color:#991b1b}.badge.badge-info{background:#dbeafe;color:#1e40af}.badge.badge-primary{background:#e0e7ff;color:#3730a3}.badge.badge-purple{background:#f3e8ff;color:#6b21a8}.status-pending{color:#f59e0b}.status-approved{color:#10b981}.status-flagged{color:#ef4444}.status-rejected{color:#7c3aed}.table-responsive{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--table-border)}.table th{font-weight:600;color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.5px;background:var(--table-header-bg)}.table tbody tr{transition:background .2s}.table tbody tr:hover{background:var(--table-row-hover)}.table .tx-id{font-family:JetBrains Mono,monospace;color:#4f46e5;font-weight:500}.table .amount{font-weight:600;color:var(--text-primary)}.table .risk-score{font-weight:700;padding:4px 10px;border-radius:6px;display:inline-block}.table .risk-score.high{color:#ef4444;background:#fee2e2}.table .risk-score.low{color:#10b981;background:#d1fae5}.table .risk-score.medium{color:#f59e0b;background:#fef3c7}.modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1001;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:18px;margin:0}.modal-header .close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-header .close-btn:hover{background:var(--bg-btn-secondary);color:var(--text-primary)}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color);background:var(--bg-subtle);border-radius:0 0 16px 16px}.btn-icon{background:var(--bg-btn-secondary);border:none;padding:8px 12px;border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover{background:#e0e7ff;color:#4f46e5}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state svg{margin-bottom:16px;opacity:.5}.spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:#4f46e5;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-header{margin-bottom:24px}.page-header .page-title{font-size:24px;margin-bottom:4px}.page-header .page-subtitle{color:var(--text-secondary);font-size:14px}.stat-card{background:var(--bg-card);padding:24px;border-radius:12px;box-shadow:var(--shadow-card);border:1px solid var(--border-color);display:flex;align-items:flex-start;gap:16px}.stat-card .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-card .stat-icon.icon-primary{background:#e0e7ff;color:#4f46e5}.stat-card .stat-icon.icon-success{background:#d1fae5;color:#10b981}.stat-card .stat-icon.icon-warning{background:#fef3c7;color:#f59e0b}.stat-card .stat-icon.icon-danger{background:#fee2e2;color:#ef4444}.stat-card .stat-icon.icon-info{background:#dbeafe;color:#3b82f6}.stat-card .stat-icon.icon-purple{background:#f3e8ff;color:#8b5cf6}.stat-card .stat-content{flex:1}.stat-card .stat-content .stat-value{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.stat-card .stat-content .stat-label{font-size:13px;color:var(--text-secondary)}.stat-card .stat-content .stat-change{font-size:12px;margin-top:8px;display:flex;align-items:center;gap:4px}.stat-card .stat-content .stat-change.positive{color:#10b981}.stat-card .stat-content .stat-change.negative{color:#ef4444}:root{--cc-grad-1: #06b6d4;--cc-grad-2: #6366f1;--cc-grad-3: #ec4899;--cc-grad: linear-gradient(135deg, var(--cc-grad-1) 0%, var(--cc-grad-2) 45%, var(--cc-grad-3) 100%);--cc-grad-soft: linear-gradient(135deg, rgba(6,182,212,.1) 0%, rgba(99,102,241,.1) 45%, rgba(236,72,153,.1) 100%);--cc-bg: #050816;--cc-bg-2: #0a0e2a;--cc-bg-3: #16082a;--cc-surface: rgba(12, 16, 41, .6);--cc-surface-solid: #0c1029;--cc-panel: rgba(12, 16, 41, .75);--cc-sidebar: rgba(7, 10, 31, .75);--cc-topbar: transparent;--cc-text: #ffffff;--cc-subtle: #cbd5e1;--cc-muted: #64748b;--cc-link: #67e8f9;--cc-border: rgba(255, 255, 255, .08);--cc-input-border: rgba(255, 255, 255, .12);--cc-ring: rgba(99, 102, 241, .3);--cc-divider: rgba(255, 255, 255, .06);--cc-success: #34d399;--cc-warning: #fbbf24;--cc-danger: #fb7185;--cc-info: #22d3ee;--cc-risk-low: #22d3ee;--cc-risk-med: #fbbf24;--cc-risk-high: #fb7185;--cc-risk-crit: #f43f5e;--cc-shadow-card: 0 8px 60px -20px rgba(99,102,241,.5), inset 0 1px 0 0 rgba(255,255,255,.05);--cc-shadow-hover: 0 24px 70px -20px rgba(99,102,241,.7), inset 0 1px 0 0 rgba(255,255,255,.08);--cc-shadow-cta: 0 4px 24px -2px rgba(99,102,241,.6);--cc-shadow-cta-h: 0 8px 32px -2px rgba(99,102,241,.85);--cc-glow-cyan: 0 0 24px rgba(34,211,238,.45);--cc-glow-indigo: 0 0 24px rgba(99,102,241,.45);--cc-glow-pink: 0 0 24px rgba(236,72,153,.45);--bg-main: var(--cc-bg);--bg-card: var(--cc-surface-solid);--bg-subtle: var(--cc-bg-2);--bg-input: var(--cc-surface-solid);--bg-header: var(--cc-bg-2);--bg-btn-secondary: rgba(255,255,255,.06);--bg-btn-secondary-hover:rgba(255,255,255,.12);--text-primary: var(--cc-text);--text-secondary: var(--cc-subtle);--text-muted: var(--cc-muted);--text-label: var(--cc-subtle);--border-color: var(--cc-border);--border-input: var(--cc-input-border);--shadow-card: var(--cc-shadow-card);--shadow-card-hover: var(--cc-shadow-hover);--table-header-bg: var(--cc-bg-2);--table-row-hover: rgba(99,102,241,.05);--table-border: var(--cc-divider)}[data-theme=light],.cc-light{--cc-bg: #f0f9ff;--cc-bg-2: #faf5ff;--cc-bg-3: #fdf2f8;--cc-surface: rgba(255,255,255,.75);--cc-surface-solid: #ffffff;--cc-panel: rgba(255,255,255,.85);--cc-sidebar: rgba(255,255,255,.65);--cc-topbar: rgba(255,255,255,.3);--cc-text: #0f172a;--cc-subtle: #475569;--cc-muted: #94a3b8;--cc-link: #4f46e5;--cc-border: rgba(255,255,255,.7);--cc-input-border: rgba(203,213,225,.9);--cc-ring: rgba(99,102,241,.2);--cc-divider: rgba(226,232,240,.8);--cc-success: #10b981;--cc-warning: #f59e0b;--cc-danger: #f43f5e;--cc-info: #3b82f6;--cc-shadow-card: 0 8px 36px -12px rgba(99,102,241,.22);--cc-shadow-hover: 0 20px 50px -12px rgba(99,102,241,.35);--cc-shadow-cta: 0 8px 24px -6px rgba(139,92,246,.45);--cc-shadow-cta-h: 0 12px 30px -6px rgba(139,92,246,.6);--bg-main: var(--cc-bg);--bg-card: #ffffff;--bg-subtle: var(--cc-bg-2);--bg-input: #ffffff;--bg-header: rgba(255,255,255,.9);--bg-btn-secondary: #f1f5f9;--bg-btn-secondary-hover:#e2e8f0;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--text-label: #374151;--border-color: #e2e8f0;--border-input: #d1d5db;--shadow-card: 0 1px 3px rgba(0,0,0,.08);--shadow-card-hover: 0 8px 24px rgba(0,0,0,.12);--table-header-bg: #f8fafc;--table-row-hover: #f8fafc;--table-border: #f1f5f9}.cc-sidebar-wrap:after{content:"";position:absolute;top:0;right:-1px;bottom:0;width:1px;background:linear-gradient(180deg,transparent 0%,rgba(34,211,238,.3) 30%,rgba(99,102,241,.3) 60%,transparent 100%);pointer-events:none}.cc-btn--primary{overflow:hidden}.cc-btn--primary:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s var(--cc-ease)}.cc-btn--primary:hover:not(:disabled):after{transform:translate(100%)}.cc-iconbtn__dot{background:var(--cc-info);box-shadow:0 0 8px var(--cc-info),0 0 0 2px var(--cc-bg)}.cc-pill--low{border:1px solid rgba(34,211,238,.3)}.cc-pill--med{border:1px solid rgba(251,191,36,.3)}.cc-pill--high{border:1px solid rgba(251,146,60,.3)}.cc-pill--crit{border:1px solid rgba(244,63,94,.3)}.cc-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;font-family:var(--cc-font-mono);background:var(--cc-grad);color:#fff;border-radius:999px;box-shadow:0 0 10px #22d3ee80}.cc-stack-6{display:flex;flex-direction:column;gap:var(--cc-space-6)}.cc-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--cc-grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--cc-dur) var(--cc-ease);pointer-events:none}.cc-card--hover:hover:before{opacity:.5}@keyframes ccLdSpinA{to{transform:rotate(360deg)}}@keyframes ccLdSpinB{to{transform:rotate(-360deg)}}@keyframes ccLdPulse{0%{box-shadow:0 0 #6366f180}70%{box-shadow:0 0 0 calc(var(--cc-ld-size) * .22) #6366f100}to{box-shadow:0 0 #6366f100}}.cc-loader{--cc-ld-size: 56px;--cc-ld-hub: calc(var(--cc-ld-size) * .42);--cc-ld-nd: max(6px, calc(var(--cc-ld-size) * .11));--cc-ld-dash: rgba(139,92,246,.22);position:relative;width:var(--cc-ld-size);height:var(--cc-ld-size);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.cc-loader:before{content:"";position:absolute;width:var(--cc-ld-hub);height:var(--cc-ld-hub);border-radius:calc(var(--cc-ld-size) * .1);background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);animation:ccLdPulse 1.9s ease-out infinite;z-index:1}.cc-loader:after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px dashed var(--cc-ld-dash);animation:ccLdSpinA 1.7s linear infinite;background:radial-gradient(circle var(--cc-ld-nd) at 50% calc(var(--cc-ld-nd) * .5),#10b981 100%,transparent 100%),radial-gradient(circle var(--cc-ld-nd) at 50% calc(100% - var(--cc-ld-nd) * .5),#f43f5e 100%,transparent 100%)}.cc-loader>.cc-loader-ring{position:absolute;inset:calc(var(--cc-ld-size) * .12);border-radius:50%;border:1.5px dashed var(--cc-ld-dash);animation:ccLdSpinB 2.6s linear infinite;background:radial-gradient(circle var(--cc-ld-nd) at calc(var(--cc-ld-nd) * .5) 50%,#f59e0b 100%,transparent 100%),radial-gradient(circle var(--cc-ld-nd) at calc(100% - var(--cc-ld-nd) * .5) 50%,#a78bfa 100%,transparent 100%)}.cc-loader--sm{--cc-ld-size: 20px}.cc-loader--md{--cc-ld-size: 56px}.cc-loader--lg{--cc-ld-size: 96px}.cc-loader--sm>.cc-loader-ring{display:none}.cc-page-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:52vh;gap:14px}.cc-page-overlay{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#ffffffc7;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}[data-theme=dark] .cc-page-overlay{background:#0a0f1ecc}.cc-loader__label{font-family:var(--cc-font-mono, monospace);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--cc-muted, #64748b);position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.cc-loader:after,.cc-loader>.cc-loader-ring{animation-duration:3s}.cc-loader:before{animation:none}}