@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=DM+Mono:wght@400;500&display=swap";:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f3;--bg-tertiary: #eeede9;--text-primary: #1a1a18;--text-secondary: #6b6b68;--text-tertiary: #9e9e9a;--border-light: #e8e8e4;--border-medium: #d4d4cf;--blue-50: #e6f1fb;--blue-100: #b5d4f4;--blue-400: #378add;--blue-600: #185fa5;--blue-800: #0c447c;--teal-50: #e1f5ee;--teal-400: #1d9e75;--teal-600: #0f6e56;--teal-800: #085041;--amber-50: #faeeda;--amber-400: #ba7517;--amber-600: #854f0b;--amber-800: #633806;--coral-50: #faece7;--coral-400: #d85a30;--coral-600: #993c1d;--coral-800: #712b13;--green-50: #eaf3de;--green-400: #639922;--green-600: #3b6d11;--green-800: #27500a;--red-50: #fcebeb;--red-400: #e24b4a;--red-600: #a32d2d;--red-800: #791f1f;--gray-50: #f1efe8;--gray-400: #888780;--gray-600: #5f5e5a;--gray-800: #444441;--purple-50: #eeedfe;--purple-400: #7f77dd;--purple-600: #534ab7;--purple-800: #3c3489;--navy: #0A1628;--navy-light: #142035;--navy-border: rgba(255,255,255,.08);--navy-text: rgba(255,255,255,.55);--navy-text-active: #ffffff;--navy-text-muted: rgba(255,255,255,.35);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--font: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--mono: "DM Mono", monospace;--color-white: #ffffff;--color-text: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-border: var(--border-light);--color-success: var(--green-400);--color-error: var(--red-400);--color-warning: var(--amber-400);--color-accent: var(--blue-400);--color-bg: var(--bg-primary);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font);background:var(--bg-tertiary);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--blue-600);text-decoration:none}a:hover{color:var(--blue-400)}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{padding:6px 14px;font-size:12px;font-weight:500;font-family:var(--font);border-radius:var(--radius-md);border:.5px solid var(--border-medium);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:background .12s}.btn:hover{background:var(--bg-secondary)}.btn-primary{background:var(--navy);color:#fff;border-color:var(--navy)}.btn-primary:hover{background:var(--navy-light)}.btn-sm{padding:4px 10px;font-size:11px;border-radius:var(--radius-sm)}.btn-danger:hover{background:var(--red-50);color:var(--red-600);border-color:#f09595}.pill{display:inline-flex;align-items:center;padding:2px 9px;border-radius:99px;font-size:11px;font-weight:500;white-space:nowrap}.pill-blue{background:var(--blue-50);color:var(--blue-800)}.pill-teal{background:var(--teal-50);color:var(--teal-800)}.pill-amber{background:var(--amber-50);color:var(--amber-800)}.pill-coral{background:var(--coral-50);color:var(--coral-800)}.pill-green{background:var(--green-50);color:var(--green-600)}.pill-red{background:var(--red-50);color:var(--red-600)}.pill-gray{background:var(--gray-50);color:var(--gray-600)}.pill-purple{background:var(--purple-50);color:var(--purple-800)}.card{background:var(--bg-primary);border:.5px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.card-pad{padding:16px}.tbl-wrap{background:var(--bg-primary);border:.5px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}table{width:100%;border-collapse:collapse;table-layout:fixed}th{padding:9px 14px;font-size:11px;font-weight:500;color:var(--text-secondary);text-align:left;border-bottom:.5px solid var(--border-light);background:var(--bg-secondary);letter-spacing:.04em;text-transform:uppercase}td{padding:10px 14px;font-size:13px;color:var(--text-primary);border-bottom:.5px solid var(--border-light);vertical-align:middle}tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--bg-secondary)}tr.row-selected td{background:var(--blue-50)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select,textarea{width:100%;padding:7px 10px;font-size:13px;font-family:var(--font);border:.5px solid var(--border-medium);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);outline:none;transition:border-color .12s}input:focus,select:focus{border-color:var(--blue-400)}.field{display:flex;flex-direction:column;gap:5px}.field-label{font-size:12px;color:var(--text-secondary)}.filters{display:flex;align-items:center;gap:10px;margin-bottom:14px}.search-wrap{position:relative;flex:1;max-width:240px}.search-wrap input{padding-left:30px}.search-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.filter-select{width:auto;padding:6px 10px;font-size:12px}.content{padding:20px;flex:1;overflow-y:auto}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.metric{background:var(--bg-primary);border:.5px solid var(--border-light);border-radius:var(--radius-lg);padding:14px 16px}.metric-label{font-size:11px;color:var(--text-secondary);margin-bottom:5px}.metric-val{font-size:26px;font-weight:500;color:var(--text-primary);line-height:1}.metric-sub{font-size:11px;color:var(--text-secondary);margin-top:6px}.modal-backdrop{position:fixed;inset:0;background:#0a162880;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-primary);border:.5px solid var(--border-light);border-radius:var(--radius-lg);padding:22px;width:440px;max-width:95vw}.modal-title{font-size:15px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.modal-sub{font-size:12px;color:var(--text-secondary);margin-bottom:18px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.drawer{width:290px;flex-shrink:0;background:var(--bg-primary);border-left:.5px solid var(--border-light);display:flex;flex-direction:column}.drawer-top{padding:14px 16px;border-bottom:.5px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.drawer-title{font-size:13px;font-weight:500;color:var(--text-primary)}.close-btn{background:none;border:none;font-size:16px;color:var(--text-secondary);cursor:pointer;line-height:1;padding:2px 4px}.close-btn:hover{color:var(--text-primary)}.drawer-body{padding:16px;flex:1;overflow-y:auto}.dl{margin-bottom:14px}.dl-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.dl-val{font-size:13px;color:var(--text-primary)}.log-block{background:var(--bg-secondary);border:.5px solid var(--border-light);border-radius:var(--radius-md);padding:10px;font-size:11px;font-family:var(--mono);color:var(--text-secondary);line-height:1.7;white-space:pre-wrap;margin-top:4px}.log-ok{color:var(--green-600)}.log-err{color:var(--red-600)}.log-info{color:var(--blue-600)}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px;text-align:center}.empty-icon{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);border:.5px solid var(--border-light);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.empty-title{font-size:14px;font-weight:500;color:var(--text-primary)}.empty-sub{font-size:12px;color:var(--text-secondary)}.section-label{font-size:10px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px}.ftag{padding:4px 12px;font-size:11px;font-family:var(--font);border-radius:99px;border:.5px solid var(--border-medium);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .12s}.ftag.active{background:var(--navy);color:#fff;border-color:var(--navy)}@keyframes spin{to{transform:rotate(360deg)}}