:root{--portal-bg: #0e0d0b;--portal-bg-card: #161412;--portal-bg-card-subtle: #1c1a17;--portal-bg-hover: #22201c;--portal-border: rgba(255, 255, 255, .08);--portal-border-strong: rgba(255, 255, 255, .14);--portal-border-active: rgba(181, 106, 58, .4);--portal-text-primary: #f5f5f4;--portal-text-secondary: #a39e97;--portal-text-muted: #8a857e;--portal-copper: #b56a3a;--portal-copper-bright: #c67a48;--portal-copper-dark: #9e5a2e;--portal-copper-bg: rgba(181, 106, 58, .12);--portal-copper-border: rgba(181, 106, 58, .3);--portal-success: #2f7d5a;--portal-success-bg: rgba(47, 125, 90, .14);--portal-success-border: rgba(47, 125, 90, .32);--portal-danger: #dc2626;--portal-danger-bg: rgba(220, 38, 38, .12);--portal-danger-border: rgba(220, 38, 38, .3);--portal-warning: #d97706;--portal-warning-bg: rgba(217, 119, 6, .14);--portal-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--portal-radius-sm: 6px;--portal-radius-md: 10px;--portal-radius-lg: 14px}.portal-page{min-height:100vh;background:var(--portal-bg);color:var(--portal-text-primary);font-family:var(--portal-font);font-size:14px;line-height:1.5;letter-spacing:-.015em;padding:0 0 64px;-webkit-font-smoothing:antialiased}.portal-shell{max-width:1200px;margin:0 auto;padding:0 24px}.portal-shell.wide{max-width:1360px}.portal-header-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;margin-bottom:24px;border-bottom:1px solid var(--portal-border);flex-wrap:wrap}.portal-brand-group{display:flex;align-items:center;gap:16px}.portal-logo-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--portal-text-primary);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.portal-logo-link:hover{color:var(--portal-copper-bright)}.portal-logo-svg{width:24px;height:24px;flex-shrink:0;display:block}.portal-logo-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--portal-copper-bg);border:1px solid var(--portal-copper-border);color:var(--portal-copper-bright);font-weight:800;font-size:12px;border-radius:var(--portal-radius-sm);flex-shrink:0}.portal-telemetry{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--portal-text-muted);font-weight:500;letter-spacing:.01em}.telemetry-dot{width:7px;height:7px;border-radius:999px;background:var(--portal-success);flex-shrink:0;display:inline-block}.telemetry-dot.pulse{box-shadow:0 0 #2f7d5ab3;animation:telemetryPulse 2s infinite cubic-bezier(.66,0,0,1)}@keyframes telemetryPulse{0%{box-shadow:0 0 #2f7d5acc}70%{box-shadow:0 0 0 6px #2f7d5a00}to{box-shadow:0 0 #2f7d5a00}}.portal-nav{display:flex;align-items:center;gap:4px;background:var(--portal-bg-card);padding:4px;border-radius:var(--portal-radius-md);border:1px solid var(--portal-border)}.portal-nav a{text-decoration:none;color:var(--portal-text-secondary);font-size:12px;font-weight:600;letter-spacing:.02em;padding:6px 12px;border-radius:var(--portal-radius-sm);transition:color .15s ease,background .15s ease}.portal-nav a:hover{color:var(--portal-text-primary);background:var(--portal-bg-hover)}.portal-nav a.active{color:#fff;background:var(--portal-copper)}.portal-quick-actions{display:flex;align-items:center;gap:8px}.portal-card{background:var(--portal-bg-card);border:1px solid var(--portal-border);border-radius:var(--portal-radius-lg);padding:24px;margin-bottom:24px}.portal-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.portal-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--portal-copper-bright);margin-bottom:6px}.portal-card-header h1{font-size:1.45rem;font-weight:700;letter-spacing:-.025em;color:var(--portal-text-primary);margin:0 0 6px}.portal-card-header p{color:var(--portal-text-secondary);font-size:13px;margin:0;max-width:680px}.auth-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--portal-copper-bg);border:1px solid var(--portal-copper-border);border-radius:var(--portal-radius-md);padding:14px 18px;margin-bottom:24px;flex-wrap:wrap}.auth-banner strong{display:block;font-size:13px;color:var(--portal-copper-bright);letter-spacing:.02em;margin-bottom:2px}.auth-banner p{margin:0;font-size:12px;color:var(--portal-text-secondary)}.auth-banner.alert-success{background:var(--portal-success-bg);border-color:var(--portal-success-border)}.auth-banner.alert-success strong{color:#4ade80}.error{background:var(--portal-danger-bg);border:1px solid var(--portal-danger-border);color:#f87171;padding:12px 16px;border-radius:var(--portal-radius-md);font-size:13px;margin-bottom:20px}.console-tabs{display:flex;align-items:center;gap:8px;margin-bottom:20px;border-bottom:1px solid var(--portal-border);padding-bottom:12px;overflow-x:auto}.console-tab{background:none;border:1px solid transparent;color:var(--portal-text-secondary);font-family:inherit;font-size:13px;font-weight:600;padding:8px 14px;border-radius:var(--portal-radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .15s ease}.console-tab:hover{color:var(--portal-text-primary);background:var(--portal-bg-hover)}.console-tab.active{background:var(--portal-bg-card);border-color:var(--portal-border-strong);color:#fff}.tab-count{background:#ffffff14;color:var(--portal-text-muted);font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px}.console-tab.active .tab-count{background:var(--portal-copper-bg);color:var(--portal-copper-bright)}.job-card{background:var(--portal-bg-card);border:1px solid var(--portal-border);border-radius:var(--portal-radius-md);padding:20px;margin-bottom:16px;transition:border-color .15s ease}.job-card:hover{border-color:var(--portal-border-strong)}.job-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.job-id{font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px;color:var(--portal-text-primary);letter-spacing:.03em;margin-right:8px}.badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:4px;background:#ffffff0f;color:var(--portal-text-secondary);border:1px solid rgba(255,255,255,.1);margin-right:6px}.badge-brand{background:var(--portal-copper-bg);color:var(--portal-copper-bright);border-color:var(--portal-copper-border)}.badge-active{background:var(--portal-success-bg);color:#4ade80;border-color:var(--portal-success-border)}.badge-payment{background:var(--portal-warning-bg);color:#fbbf24;border-color:#d9770659}.eta-pill{font-size:12px;font-weight:600;color:var(--portal-text-secondary);background:var(--portal-bg-card-subtle);border:1px solid var(--portal-border);padding:4px 10px;border-radius:999px}.stepper{display:flex;align-items:center;gap:8px;background:var(--portal-bg-card-subtle);border:1px solid var(--portal-border);border-radius:var(--portal-radius-sm);padding:10px 14px;margin-bottom:16px;overflow-x:auto}.stepper-step{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--portal-text-muted);white-space:nowrap}.stepper-step.completed{color:var(--portal-success)}.stepper-step.active{color:var(--portal-copper-bright)}.stepper-dot{width:6px;height:6px;border-radius:999px;background:#fff3}.stepper-step.completed .stepper-dot{background:var(--portal-success)}.stepper-step.active .stepper-dot{background:var(--portal-copper-bright);box-shadow:0 0 0 2px var(--portal-copper-bg)}.stepper-arrow{color:#ffffff29;font-size:11px}.job-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px;padding-top:4px}.detail-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--portal-text-muted);margin-bottom:2px}.job-details-grid strong,.job-details-grid span{font-size:13px;color:var(--portal-text-primary)}.job-actions{display:flex;align-items:center;gap:10px;padding-top:14px;border-top:1px solid var(--portal-border);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--portal-radius-sm);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease;white-space:nowrap;text-decoration:none}.btn.sm{padding:5px 12px;font-size:12px}.btn.primary{background:var(--portal-copper);color:#fff;border-color:var(--portal-copper-dark)}.btn.primary:hover:not(:disabled){background:var(--portal-copper-dark)}.btn.secondary{background:var(--portal-bg-card-subtle);color:var(--portal-text-primary);border-color:var(--portal-border)}.btn.secondary:hover:not(:disabled){background:var(--portal-bg-hover);border-color:var(--portal-border-strong)}.btn.danger{background:var(--portal-danger-bg);color:#f87171;border-color:var(--portal-danger-border)}.btn.danger:hover:not(:disabled){background:#dc262638}.btn:disabled{opacity:.45;cursor:not-allowed}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat{background:var(--portal-bg-card);border:1px solid var(--portal-border);border-radius:var(--portal-radius-md);padding:20px}.stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.stat strong{display:block;font-size:2rem;font-weight:800;letter-spacing:-.03em;color:var(--portal-text-primary);line-height:1.1;margin-bottom:4px}.stat-subtitle{font-size:12px;color:var(--portal-text-muted)}.config-drawer{background:var(--portal-bg-card);border:1px solid var(--portal-border-strong);border-radius:var(--portal-radius-md);padding:20px;margin-bottom:24px}.config-drawer-header{margin-bottom:16px}.config-drawer-header h4{margin:0 0 2px;font-size:14px;font-weight:700;color:var(--portal-text-primary)}.muted{font-size:12px;color:var(--portal-text-muted)}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;align-items:flex-end}.config-grid label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--portal-text-muted)}.config-grid input,.portal-card input,.portal-card select,.job-card input,.job-card select{background:var(--portal-bg-card-subtle);border:1px solid var(--portal-border);border-radius:var(--portal-radius-sm);padding:8px 12px;color:var(--portal-text-primary);font-family:inherit;font-size:13px;outline:none;transition:border-color .15s ease}.config-grid input:focus,.portal-card input:focus,.portal-card select:focus,.job-card input:focus,.job-card select:focus{border-color:var(--portal-copper)}.empty-state{text-align:center;padding:48px 24px;background:var(--portal-bg-card);border:1px dashed var(--portal-border);border-radius:var(--portal-radius-md);color:var(--portal-text-muted)}.empty-state h3{color:var(--portal-text-primary);font-size:15px;margin:0 0 6px}.empty-state p{margin:0;font-size:13px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;background:#fbfbfd;color:#1d1d1f;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}button{font:inherit}a{color:inherit}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
