:root{color-scheme:light dark;--primary: #16a085;--primary-soft: rgba(22, 160, 133, .12);--primary-strong: #0e7a62;--accent: #ffb300;--bg: #050816;--bg-elevated: rgba(15, 23, 42, .9);--border-subtle: rgba(148, 163, 184, .45);--text-main: #e5e7eb;--text-muted: #9ca3af;--danger: #ef4444;--radius-lg: 18px;--radius-xl: 26px;--shadow-soft: 0 18px 45px rgba(15, 23, 42, .65);--blur-strong: 26px;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Segoe UI,sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 0% 0%,#1d2433 0,#050816 40%,#020617);color:var(--text-main)}a{color:inherit;text-decoration:none}.app-root{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(var(--blur-strong));backdrop-filter:blur(var(--blur-strong));background:linear-gradient(to bottom,rgba(15,23,42,.98),rgba(15,23,42,.7),transparent);border-bottom:1px solid rgba(148,163,184,.3);padding:10px 16px 8px;display:flex;align-items:center;justify-content:space-between}.logo{display:inline-flex;align-items:center;gap:8px}.logo-mark{width:32px;height:32px;border-radius:999px;background:radial-gradient(circle at 20% 20%,#fff,#16a085);display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:#020617;box-shadow:0 0 0 2px #94a3b866,0 12px 25px #0f172abf}.logo-text{font-size:18px;font-weight:700;letter-spacing:.06em}.nav-links{display:flex;gap:18px;font-size:14px}.nav-links a{padding:6px 12px;border-radius:999px;color:var(--text-muted);transition:all .2s ease-out}.nav-links a.router-link-active{color:#f9fafb;background:#0f766e38;box-shadow:0 0 0 1px #2dd4bf66,0 6px 12px #0f172ae6}.nav-links a:hover{color:#e5e7eb;background:#0f172ad9}.app-main{flex:1;padding:16px 12px 64px}.app-footer{padding:10px 12px 18px;border-top:1px solid rgba(31,41,55,.7);font-size:12px;color:var(--text-muted);text-align:center;background:radial-gradient(circle at 50% 0%,rgba(56,189,248,.06),transparent 60%)}.page-shell{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.card{border-radius:var(--radius-xl);background:radial-gradient(circle at 0 0,rgba(45,212,191,.08),transparent 45%),radial-gradient(circle at 100% 100%,rgba(251,191,36,.1),transparent 50%),var(--bg-elevated);border:1px solid rgba(148,163,184,.5);box-shadow:var(--shadow-soft);padding:18px 16px 16px}.card-subtle{border-radius:var(--radius-lg);background:radial-gradient(circle at 0 0,rgba(59,130,246,.06),transparent 45%),#0f172af5;border:1px solid rgba(51,65,85,.85);padding:14px 12px 12px}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(45,212,191,.7);background:linear-gradient(120deg,rgba(45,212,191,.26),rgba(45,212,191,.08),transparent);color:#ccfbf1}.pill-dot{width:8px;height:8px;border-radius:999px;background:radial-gradient(circle at 30% 20%,#f9fafb,#22c55e);box-shadow:0 0 0 4px #22c55e52,0 0 16px #16a34ae6}.headline{font-size:22px;line-height:1.16;font-weight:800;margin:16px 0 8px}.headline span.accent{background:linear-gradient(135deg,#a5b4fc,#5eead4);-webkit-background-clip:text;color:transparent}.subtitle{font-size:13px;color:var(--text-muted);line-height:1.6;max-width:480px}.cta-row{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid transparent;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease-out;background:none;color:inherit}.btn-primary{background:linear-gradient(135deg,#22c55e,#16a085);color:#022c22;box-shadow:0 14px 30px #10b98180}.btn-primary:hover{transform:translateY(-1px) scale(1.01);box-shadow:0 20px 40px #10b981b3}.btn-outline{border-color:#94a3b899;background:#0f172af2;color:var(--text-main)}.btn-outline:hover{border-color:#f8fafcd9;background:#0f172a}.feature-list{display:flex;flex-direction:column;margin-top:18px;gap:10px 18px;font-size:13px;color:var(--text-muted)}.feature-list strong{color:#e5e7eb}.metric-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.metric{min-width:30%}.metric-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em}.metric-value{margin-top:4px;font-weight:700}.tag-success{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:#16a34a4d;border:1px solid rgba(34,197,94,.7);font-size:11px;color:#bbf7d0}.tag-success-dot{width:6px;height:6px;border-radius:999px;background:#bbf7d0}.flow-steps{margin-top:10px;font-size:12px;color:var(--text-muted)}.flow-steps ol{padding-left:18px;margin:6px 0 0}.flow-steps li+li{margin-top:4px}form{display:flex;flex-direction:column;gap:12px;margin-top:10px}.field-label{font-size:12px;color:var(--text-muted);margin-bottom:4px}.field-row{display:flex;gap:10px}.field-row>*{flex:1}input,select,textarea{width:100%;border-radius:999px;padding:9px 12px;border:1px solid var(--border-subtle);background:#0f172ae6;color:var(--text-main);font-size:13px;outline:none;transition:border-color .15s ease-out,box-shadow .15s ease-out,background .15s ease-out}textarea{border-radius:16px;resize:vertical;min-height:80px}input:focus,select:focus,textarea:focus{border-color:#34d399cc;box-shadow:0 0 0 1px #34d39999;background:#0f172a}.helper-text{font-size:11px;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:11px;background:#0f172ae6;border:1px dashed rgba(148,163,184,.7);color:var(--text-muted)}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip{padding:4px 10px;border-radius:999px;font-size:11px;border:1px solid rgba(148,163,184,.7);background:#0f172ae6}.chip.highlight{border-color:#34d399e6;background:#064e3bcc;color:#bbf7d0}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;font-size:11px}.status-pill.waiting{background:#facc151f;border:1px solid rgba(250,204,21,.7);color:#facc15}.status-pill.running{background:#3b82f629;border:1px solid rgba(59,130,246,.8);color:#bfdbfe}.status-pill.done{background:#10b9812e;border:1px solid rgba(16,185,129,.9);color:#a7f3d0}.order-list{margin-top:10px;display:flex;flex-direction:column;gap:8px}.order-item{padding:10px 12px;border-radius:14px;background:#0f172af2;border:1px solid rgba(51,65,85,.9);display:flex;justify-content:space-between;gap:10px;font-size:12px}.order-meta{display:flex;flex-direction:column;gap:4px}.order-title{font-weight:600}.order-sub{color:var(--text-muted)}.order-price{font-weight:700;color:#fbbf24;font-size:13px}.order-cta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.spacer{height:12px}.layout-two-col{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:16px;align-items:stretch}@media(min-width:768px){.page-shell{max-width:1080px;flex-direction:row;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px}.layout-two-col{max-width:1080px;display:grid;grid-template-columns:minmax(0,6.5fr) minmax(0,5.5fr);gap:22px}.app-main{padding:20px 7vw 72px}.app-header{padding:12px 7vw 10px}.headline{font-size:28px}}
