:root{--page-bg: #FAFAF8;--surface-primary: #FFFFFF;--surface-secondary: #F2F4F5;--surface-elevated: #F7F8F8;--text-primary: #07192A;--text-secondary: #6C7884;--text-muted: #87929C;--border-primary: #D9DEE3;--border-strong: #BAC3CB;--brand-navy: #07192A;--brand-graphite: #252C33;--brand-orange: #ED661A;--brand-orange-hover: #D95610;--brand-orange-subtle: #FFF0E7;--brand-orange-border: #F5B58E;--semantic-success: #16875B;--semantic-success-bg: #EAF7F1;--semantic-warning: #A86100;--semantic-warning-bg: #FFF6E5;--semantic-error: #C33B3B;--semantic-error-bg: #FDEEEE;--semantic-info: #246B9E;--semantic-info-bg: #EAF3FA;--bg-dark: #0D1F2F;--bg-card: #13283A;--bg-border: #26394A;--text-dim: #7F8C98;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.dark{--page-bg: #031122;--surface-primary: #081A2C;--surface-secondary: #0D1F2F;--surface-elevated: #13283A;--text-primary: #F7F8F8;--text-secondary: #AAB4BD;--text-muted: #7F8C98;--border-primary: #26394A;--border-strong: #385065;--brand-navy: #07192A;--brand-graphite: #252C33;--brand-orange: #ED661A;--brand-orange-hover: #F4772F;--brand-orange-subtle: #392014;--brand-orange-border: #8C431C;--semantic-success: #22C55E;--semantic-success-bg: rgba(34, 197, 94, .15);--semantic-warning: #F59E0B;--semantic-warning-bg: rgba(245, 158, 11, .15);--semantic-error: #EF4444;--semantic-error-bg: rgba(239, 68, 68, .15);--semantic-info: #38BDF8;--semantic-info-bg: rgba(56, 189, 248, .15)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--page-bg);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .15s ease,color .15s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.015em}h1{font-size:28px;font-weight:650;line-height:36px}h2{font-size:20px;font-weight:650;line-height:28px}h3{font-size:16px;font-weight:600;line-height:24px}h4{font-size:14px;font-weight:600;line-height:20px}.panel-card{background-color:var(--surface-primary);border:1px solid var(--border-primary);border-radius:10px;padding:20px;box-shadow:0 1px 3px #07192a0a;transition:border-color .15s ease,background-color .15s ease}.panel-card-accent{background-color:var(--surface-primary);border:1px solid var(--brand-orange-border);border-radius:10px;padding:20px;box-shadow:0 1px 4px #ed661a14}.btn-primary{background-color:var(--brand-orange);color:#07192a!important;font-family:var(--font-heading);font-weight:600;font-size:14px;padding:9px 18px;border-radius:8px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background-color .15s ease,transform .1s ease}.btn-primary:hover{background-color:var(--brand-orange-hover)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background-color:var(--surface-primary);color:var(--text-primary);border:1px solid var(--border-strong);font-family:var(--font-heading);font-weight:600;font-size:14px;padding:9px 16px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background-color .15s ease,border-color .15s ease}.btn-secondary:hover{background-color:var(--surface-secondary);border-color:var(--text-secondary)}.btn-tertiary{background-color:transparent;color:var(--text-primary);border:none;font-weight:600;font-size:14px;padding:8px 12px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background-color .15s ease}.btn-tertiary:hover{background-color:var(--surface-secondary)}.badge-success{background-color:var(--semantic-success-bg);color:var(--semantic-success);border:1px solid rgba(22,135,91,.25);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.badge-warning{background-color:var(--semantic-warning-bg);color:var(--semantic-warning);border:1px solid rgba(168,97,0,.25);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.badge-error{background-color:var(--semantic-error-bg);color:var(--semantic-error);border:1px solid rgba(195,59,59,.25);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.badge-info{background-color:var(--semantic-info-bg);color:var(--semantic-info);border:1px solid rgba(36,107,158,.25);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px}input,select,textarea{background-color:var(--surface-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-family:var(--font-body);font-size:14px;padding:9px 12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{border-color:var(--brand-orange);box-shadow:0 0 0 2px #ed661a33}table{width:100%;border-collapse:collapse;font-size:14px}th{background-color:var(--surface-secondary);color:var(--text-secondary);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em;padding:10px 16px;border-bottom:1px solid var(--border-primary);text-align:left}td{padding:12px 16px;border-bottom:1px solid var(--border-primary);color:var(--text-primary)}tr:hover td{background-color:var(--surface-elevated)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--page-bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--brand-orange)}
