:root{--border: #e5e7eb;--button-text: #fff;--danger: #b91c1c;--estimate-bg: #f8fafc;--estimate-border: #dbe3ee;--input-bg: #fff;--input-border: #d1d5db;--muted: #6b7280;--note-bg: #eff6ff;--note-border: #bfdbfe;--note-text: #1e3a8a;--page-bg: #f6f7f9;--primary: #0f766e;--secondary: #475569;--status-bg: #e5e7eb;--strong: #0f172a;--surface: #fff;--text: #1f2937;--topbar-bg: #111827;--topbar-muted: #9ca3af;--topbar-text: #fff;color:var(--text);background:var(--page-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--border: #2f3b52;--danger: #f87171;--estimate-bg: #111a2a;--estimate-border: #2b3b55;--input-bg: #0e1625;--input-border: #3b4a64;--muted: #a0aec0;--note-bg: #10243b;--note-border: #265175;--note-text: #c7dcff;--page-bg: #0c1018;--primary: #0d9488;--secondary: #56647a;--status-bg: #263142;--strong: #f8fafc;--surface: #151b26;--text: #e5e7eb;--topbar-bg: #080c14;--topbar-muted: #b6c0d0;--topbar-text: #fff}*,*:before,*:after{box-sizing:border-box}html,body,#app{min-height:100%}body{background:var(--page-bg);color:var(--text);margin:0}button,input,select{font:inherit}.topbar{align-items:center;background:var(--topbar-bg);color:var(--topbar-text);display:flex;justify-content:space-between;padding:14px 20px}.topbar span{color:var(--topbar-muted);margin-left:12px}.brand{align-items:center;display:flex;min-height:40px;white-space:nowrap}.topbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-end}.segmented{background:#ffffff1a;border:1px solid rgb(255 255 255 / 18%);border-radius:6px;display:inline-grid;gap:2px;grid-template-columns:repeat(2,minmax(0,1fr));padding:2px}.segmented-theme{width:122px}.segmented-language{width:106px}.segmented button{background:transparent;border:0;border-radius:4px;color:var(--topbar-text);cursor:pointer;min-width:0;padding:8px 10px;white-space:nowrap}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text)}#downloadButton{min-width:168px;white-space:nowrap}.workspace{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 56px)}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:8px;padding:16px}.sidebar button,.topbar #downloadButton,.form button,.download,.order button,#logoutButton{background:var(--primary);border:0;border-radius:6px;color:var(--button-text);cursor:pointer;padding:10px 12px;text-decoration:none}.form button.secondary,.order button.secondary{background:var(--secondary)}.panel{min-width:0;padding:28px}.form{background:var(--surface);border:1px solid var(--border);border-radius:8px;display:grid;gap:16px;max-width:460px;padding:20px}.form label{display:grid;gap:6px}.form .checkline{align-items:center;display:flex;gap:8px}.form .checkline input{width:auto}.inline-field{align-items:end;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto}.inline-field button{white-space:nowrap}.form input,.form select{background:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;color:var(--text);padding:10px;width:100%}.password-field{display:grid;position:relative}.password-field input{padding-right:52px}.form .password-toggle{align-items:center;background:transparent;border:0;border-radius:4px;color:var(--muted);display:inline-flex;height:34px;justify-content:center;padding:0;position:absolute;right:6px;top:50%;transform:translateY(-50%);width:38px}.form .password-toggle svg{fill:none;height:18px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:18px}.form .password-toggle:hover,.form .password-toggle:focus-visible{background:var(--estimate-bg);color:var(--text)}.metrics{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metrics div{background:var(--surface);border:1px solid var(--border);border-radius:8px;min-width:0;padding:16px}.metrics dt{color:var(--muted);font-size:13px}.metrics dd{font-size:24px;margin:8px 0 0;overflow-wrap:anywhere}.metrics.compact{margin-top:18px}.metrics.compact dd{font-size:16px;overflow-wrap:anywhere}.history{margin:24px 0}.history table{background:var(--surface);border:1px solid var(--border);border-collapse:collapse;width:100%}.history th,.history td{border-bottom:1px solid var(--border);padding:10px;text-align:left;vertical-align:top}.history td strong,.history td span{display:block}.muted{color:var(--muted);font-size:13px}.error{color:var(--danger)}.form-status{margin:0;min-height:1.4em;white-space:pre-line}.form-status.error{color:var(--danger)}.form-status.info{color:var(--muted)}.form-status.success{color:#15803d}.payment-estimate{background:var(--estimate-bg);border:1px solid var(--estimate-border);border-radius:6px;padding:12px}.payment-estimate dl{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0}.payment-estimate dt{color:var(--muted);font-size:12px}.payment-estimate dd{color:var(--strong);font-weight:700;margin:4px 0 0}.payment-note{background:var(--note-bg);border:1px solid var(--note-border);border-radius:6px;color:var(--note-text);font-size:13px;line-height:1.5;margin:0;padding:10px}.payment-note span{display:block;margin-top:4px}.status{background:var(--status-bg);border-radius:999px;display:inline-block;padding:2px 8px}.status.paid{background:#dcfce7;color:#166534}.status.pending{background:#fef3c7;color:#92400e}.status.closed,.status.refunded{background:#fee2e2;color:#991b1b}.order{display:grid;gap:14px;max-width:760px}.order code{background:var(--surface);border:1px solid var(--border);border-radius:6px;display:block;overflow-wrap:anywhere;padding:12px}@media(max-width:720px){.topbar{gap:12px;flex-wrap:wrap}.workspace{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--border);border-right:0;flex-direction:row;flex-wrap:wrap}.sidebar button{flex:1 1 100px}.panel{padding:20px 16px}.form{max-width:none;width:100%}.history{overflow-x:auto}}