html,body,#root{min-height:100%;margin:0}body{min-height:100vh}:root{color:#0f172a;background:radial-gradient(circle at 0 0,#0ea5e938,#0000 30%),radial-gradient(circle at 100%,#f973162e,#0000 28%),linear-gradient(135deg,#f8fafc,#dbeafe 55%,#e2e8f0);font-family:Quicksand,Segoe UI,sans-serif}*{box-sizing:border-box}button,input,select{font:inherit}h3{margin-block:.5em}button:disabled{opacity:.65;cursor:not-allowed}button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#0f766e,#1d4ed8);border:none}.auth-shell,.app-shell{min-height:100vh}.toast-stack{z-index:50;gap:10px;width:min(360px,100vw - 32px);display:grid;position:fixed;top:18px;right:18px}.toast{text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:linear-gradient(135deg,#0f766ef2,#2563ebed);border:1px solid #94a3b847;border-radius:18px;width:100%;padding:14px 16px;box-shadow:0 18px 42px #0f172a29}.toast-warning{background:linear-gradient(135deg,#c2410cf2,#ea580ceb)}.auth-shell{place-items:center;padding:32px;display:grid}.auth-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;border:1px solid #94a3b873;border-radius:28px;width:min(1080px,100%);padding:32px;box-shadow:0 32px 80px #0f172a24}.auth-card form.stack>input[type=password]{display:none}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#0f766e;margin:0 0 8px;font-size:12px;font-weight:700}.muted{color:#475569}.stack{gap:10px;margin-block:20px;display:grid}.stack input,.stack select,.stack button,.toolbar button,.ghost{border:1px solid #cbd5e1;border-radius:25px;padding:10px 5px}.password-field{background:#ffffffeb;border:1px solid #cbd5e1;border-radius:25px;grid-template-columns:1fr auto;align-items:stretch;display:grid;overflow:hidden}.password-field input{background:0 0;border:0;padding:10px 14px}.password-field input:focus{outline:none}.password-toggle{color:#0f172a;background:linear-gradient(135deg,#e0f2fe,#dbeafe);border-left:1px solid #94a3b866;border-radius:0;min-width:46px}.ghost{color:#0f172a;background:0 0}.plan-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-top:15px;display:grid}.plan-card,.panel{background:#ffffffd1;border:1px solid #94a3b866;border-radius:20px;padding:10px}.selectable-plan{text-align:left;color:#0f172a}.active-plan{border-color:#0f766e;box-shadow:0 16px 32px #0f766e1f}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.app-shell{grid-template-columns:360px 1fr;gap:20px;padding:20px;display:grid}.sidebar{align-content:start;gap:15px;display:grid}.toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.nest-button{background:linear-gradient(135deg,#ea580c,#f59e0b);box-shadow:0 14px 28px #ea580c3d}.danger-button{background:linear-gradient(135deg,#dc2626,#f97316);box-shadow:0 12px 24px #dc26262e}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.settings-grid input,.settings-grid select{background:linear-gradient(#fffffff5,#f1f5f9f5);border:1px solid #94a3b8bf;border-radius:20px;padding:10px;box-shadow:inset 0 1px #ffffffe6}.settings-grid input:focus,.settings-grid select:focus{border-color:#2563eb8c;outline:none;box-shadow:0 0 0 4px #3b82f624}.toggle-row{color:#334155;align-items:center;gap:10px;margin-top:12px;display:flex}.toggle-row input{width:auto}.job-list{gap:10px;max-height:320px;padding-right:4px;display:grid;overflow-y:auto}.job-item{color:#0f172a;background:#eff6ff;justify-content:space-between;align-items:center;display:flex}.logout-button{min-width:96px}.billing-summary{color:#334155;gap:8px;margin-top:12px;display:grid}.progress-card{background:linear-gradient(135deg,#eff6fff5,#e0f2fee0);border:1px solid #3b82f62e;border-radius:18px;gap:10px;margin-top:14px;padding:14px;display:grid;box-shadow:inset 0 1px #fffc}.progress-meta{color:#0f172a;justify-content:space-between;align-items:center;gap:12px;display:flex}.progress-meta strong{font-size:14px}.progress-meta span{color:#1d4ed8;font-weight:700}.progress-track{background:#94a3b838;border-radius:999px;height:14px;position:relative;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#0f766e,#2563eb 58%,#38bdf8);height:100%;transition:width .36s}.progress-striped{background-image:linear-gradient(135deg,#ffffff47 25%,#0000 25% 50%,#ffffff47 50% 75%,#0000 75%,#0000),linear-gradient(90deg,#0f766e,#2563eb 58%,#38bdf8);background-size:22px 22px,100% 100%;animation:.9s linear infinite progress-stripes}.progress-fallback .progress-meta span{color:#c2410c}@keyframes progress-stripes{0%{background-position:0 0,0 0}to{background-position:22px 0,0 0}}.billing-shell,.profile-shell{gap:18px;display:grid}.split-layout{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;display:grid}.history-list{gap:12px;display:grid}.history-item{background:#f8fafc;border:1px solid #94a3b859;border-radius:16px;gap:6px;padding:14px;display:grid}.billing-layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,420px);align-items:start;gap:20px;display:grid}.billing-plans{margin-top:0}.payment-panel{position:sticky;top:18px}.qr-card{background:#f8fafc;border:1px solid #94a3b873;border-radius:18px;margin-top:14px;padding:14px}.qr-image{background:#fff;border-radius:12px;width:180px;max-width:100%;margin:0 auto 12px;padding:10px;display:block}.qr-meta{color:#334155;gap:6px;margin-bottom:12px;display:grid}.qr-text{overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;color:#0f172a;background:#e2e8f0;border-radius:14px;margin:0;padding:12px;font-family:Quicksand,Segoe UI,sans-serif;font-size:14px}.workspace{background:#ffffffa6;border:1px solid #94a3b859;border-radius:28px;padding:18px;overflow:hidden}.canvas-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.stats{color:#334155;flex-wrap:wrap;align-items:center;gap:12px;display:flex}.canvas-shell{padding-bottom:12px;overflow:auto}.zoom-controls{align-items:center;gap:8px;display:inline-flex}.zoom-controls button{border-radius:10px;min-width:44px;padding:8px 10px}.rotation-row{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.rotation-row input[type=range]{width:100%}.rotation-value{color:#0f172a;margin-top:8px;font-weight:700}.artifact-list{flex-direction:column;gap:8px;display:flex}.artifact-item{background:#f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.btn-download{color:#fff;background:#2563eb;border-radius:6px;padding:6px 10px;font-size:13px;text-decoration:none}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.canvas-header{flex-direction:column;align-items:flex-start;gap:8px}.settings-grid,.billing-layout{grid-template-columns:1fr}.payment-panel{position:static}}