:root,html[data-theme=light]{--px-bg: #f5f7fa;--px-surface: #ffffff;--px-surface-alt: #f8fafc;--px-border: #e2e8f0;--px-text: #1a202c;--px-text-muted: #64748b;--px-text-faint: #94a3b8;--px-nav-bg: #14532d;--px-nav-text: #ffffff;--px-nav-dim: rgba(255,255,255,.75);--px-nav-active-bg: #166534;--px-primary: #ea580c;--px-primary-dark: #c2410c;--px-success: #16a34a;--px-warning: #d97706;--px-danger: #dc2626;--px-table-head: #f1f5f9;--px-row-hover: #fff7ed;--px-input-bg: #ffffff;--px-input-border: #cbd5e1;--px-form-bg: #f8fafc;--px-form-border: #e2e8f0;--px-error-bg: #fee2e2;--px-error-border: #fca5a5;--px-error-text: #b91c1c;--px-link: #c2410c;--px-shadow: 0 1px 4px rgba(0,0,0,.07);--px-shadow-hover: 0 4px 16px rgba(20,83,45,.15)}html[data-theme=dark]{--px-bg: #0f172a;--px-surface: #1e293b;--px-surface-alt: #263347;--px-border: #334155;--px-text: #f1f5f9;--px-text-muted: #94a3b8;--px-text-faint: #64748b;--px-nav-bg: #020617;--px-nav-text: #e2e8f0;--px-nav-dim: rgba(226,232,240,.65);--px-nav-active-bg: #14532d;--px-primary: #f97316;--px-primary-dark: #ea580c;--px-success: #22c55e;--px-warning: #f59e0b;--px-danger: #ef4444;--px-table-head: #263347;--px-row-hover: #1e3a5f;--px-input-bg: #0f172a;--px-input-border: #475569;--px-form-bg: #1e293b;--px-form-border: #334155;--px-error-bg: #450a0a;--px-error-border: #7f1d1d;--px-error-text: #fca5a5;--px-link: #fb923c;--px-shadow: 0 1px 4px rgba(0,0,0,.4);--px-shadow-hover: 0 4px 20px rgba(0,0,0,.5)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}body{background:var(--px-bg);color:var(--px-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .25s,color .25s}table{border-collapse:collapse;width:100%}.px-surface{background:var(--px-surface);border:1px solid var(--px-border);border-radius:10px}.px-input,.px-select,.px-textarea{background:var(--px-input-bg);border:1px solid var(--px-input-border);color:var(--px-text);border-radius:6px;padding:.5rem .6rem;font-size:.9rem;width:100%;box-sizing:border-box;font-family:inherit}.px-input:focus,.px-select:focus,.px-textarea:focus{outline:2px solid var(--px-primary);outline-offset:1px}.px-btn-primary{background:var(--px-primary);color:#fff;border:none;border-radius:6px;padding:.5rem 1.25rem;cursor:pointer;font-size:.9rem;font-weight:600;transition:background .15s}.px-btn-primary:hover{background:var(--px-primary-dark)}.px-btn-primary:disabled{opacity:.6;cursor:not-allowed}.px-btn-secondary{background:transparent;color:var(--px-text);border:1px solid var(--px-border);border-radius:6px;padding:.5rem 1.25rem;cursor:pointer;font-size:.9rem;font-weight:600}.px-btn-danger{background:var(--px-danger);color:#fff;border:none;border-radius:6px;padding:.4rem .9rem;cursor:pointer;font-size:.82rem;font-weight:600}.px-badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600}.px-theme-toggle{display:flex;gap:4px;align-items:center}.px-theme-btn{background:transparent;border:1px solid transparent;border-radius:6px;padding:3px 8px;cursor:pointer;font-size:.75rem;color:var(--px-nav-dim);transition:background .15s,color .15s,border-color .15s;white-space:nowrap;line-height:1.4}.px-theme-btn:hover{background:#ffffff1f;color:var(--px-nav-text)}.px-theme-btn.active{background:var(--px-nav-active-bg);color:var(--px-nav-text);border-color:#ffffff40;font-weight:600}.px-tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--px-border);margin-bottom:1.25rem;overflow-x:auto}.px-tab{padding:.6rem 1rem;border:none;background:transparent;cursor:pointer;font-size:.88rem;color:var(--px-text-muted);border-bottom:2px solid transparent;white-space:nowrap}.px-tab.active{color:var(--px-primary);border-bottom-color:var(--px-primary);font-weight:600}