@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-page:#f4f5f7;--bg-surface:#fff;--bg-surface-alt:#eef0f3;--bg-surface-hover:#e7e9ee;--bg-sidebar:#eaf2fb;--bg-sidebar-active:#d8e9f8;--border-sidebar:#d3e3f3;--border:#e2e4e9;--border-strong:#cdd1d9;--text-primary:#171a21;--text-secondary:#565b66;--text-tertiary:#8b8f99;--brand:#0f2a4a;--brand-hover:#143a63;--accent:#f15a24;--accent-hover:#d94e1c;--success:#147a4c;--success-bg:#e5f5ec;--warning:#a8660a;--warning-bg:#fdf1de;--danger:#b3261e;--danger-bg:#fbeae9;--info:#2563a8;--info-bg:#e8f0fa;--neutral-bg:#eef0f3;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #1018280d;--shadow-md:0 2px 8px #10182812}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.app-shell{min-height:100vh;display:flex}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.page{flex-direction:column;flex:1;gap:18px;width:100%;max-width:1440px;margin:0 auto;padding:24px 32px;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-title{color:var(--text-primary);font-size:18px;font-weight:700}.page-subtitle{color:var(--text-secondary);max-width:640px;margin-top:3px;font-size:13px}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-brand{background:var(--brand);color:#fff}.btn-brand:hover{background:var(--brand-hover)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--bg-surface-alt)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-surface-alt);color:var(--text-primary)}.btn-outline-danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn-outline-danger:hover{background:var(--danger-bg)}.btn-sm{border-radius:var(--radius-sm);padding:5px 10px;font-size:12px}.btn-icon{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border);width:32px;height:32px;color:var(--text-secondary);padding:0}.btn-icon:hover{color:var(--text-primary);background:var(--bg-surface-alt)}.pill{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.pill-neutral{background:var(--neutral-bg);color:var(--text-secondary)}.pill-info{background:var(--info-bg);color:var(--info)}.pill-success{background:var(--success-bg);color:var(--success)}.pill-warning{background:var(--warning-bg);color:var(--warning)}.pill-danger{background:var(--danger-bg);color:var(--danger)}.pill-brand{color:var(--brand);background:#0f2a4a14}.panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.panel-pad{padding:18px 20px}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.panel-title{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.table-wrap{overflow-x:auto}table.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}table.data-table thead tr{background:var(--bg-surface-alt);color:var(--text-tertiary);letter-spacing:.03em;font-size:11px}table.data-table th{padding:10px 16px;font-weight:700}table.data-table td{border-top:1px solid var(--border);vertical-align:top;padding:12px 16px}table.data-table tbody tr:hover{background:var(--bg-surface-alt)}.table-empty{text-align:center;color:var(--text-tertiary);padding:40px;font-size:13px}.input,.select,.textarea{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand)}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.field-label{color:var(--text-secondary);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.status-dot-success{background:var(--success)}.status-dot-warning{background:var(--warning)}.status-dot-neutral{background:var(--text-tertiary)}.status-dot-danger{background:var(--danger)}.modal-overlay{z-index:1000;background:#0f172a59;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:90vh;padding:20px;overflow-y:auto;box-shadow:0 12px 32px #1018282e}