:root{--ns-bg:#f3f7f5;--ns-bg-deep:#0b1f1a;--ns-surface:#fff;--ns-ink:#14231f;--ns-muted:#5b6f68;--ns-accent:#1f8a5b;--ns-accent-2:#3ddc97;--ns-line:#14231f1f;--ns-danger:#c0392b;--ns-radius:18px;--ns-shadow:0 18px 50px #0b1f1a14;--font-sans:"DM Sans", "Segoe UI", sans-serif;--font-display:"Instrument Serif", Georgia, serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{font-family:var(--font-sans);color:var(--ns-ink);background:radial-gradient(circle at top left, #3ddc972e, transparent 28%), linear-gradient(180deg, #eef6f2 0%, var(--ns-bg) 45%, #e8f1ec 100%);margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.ns-shell{flex-direction:column;min-height:100vh;display:flex}.ns-nav{z-index:20;border-bottom:1px solid var(--ns-line);background:#f3f7f5f5;position:sticky;top:0}@media (min-width:900px){.ns-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f3f7f5d6}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ns-nav-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1120px;margin:0 auto;padding:1rem 1.25rem;display:flex}.ns-brand{font-family:var(--font-display);letter-spacing:.02em;font-size:1.7rem}.ns-nav-links{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.ns-nav-links a{color:var(--ns-muted);font-weight:500}.ns-nav-links a.router-link-active,.ns-nav-links a:hover{color:var(--ns-ink)}.ns-main{flex:1;width:min(1120px,100% - 2rem);margin:0 auto;padding:2rem 0 3rem}.ns-hero{gap:1.5rem;padding:2.5rem 0 1rem;animation:.7s both rise;display:grid}.ns-hero h1{font-family:var(--font-display);max-width:10ch;margin:0;font-size:clamp(2.6rem,7vw,4.6rem);line-height:.95}.ns-hero p{max-width:38rem;color:var(--ns-muted);margin:0;font-size:1.05rem;line-height:1.6}.ns-cta-row{flex-wrap:wrap;gap:.75rem;display:flex}.ns-btn{cursor:pointer;border:0;border-radius:999px;padding:.85rem 1.35rem;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s}.ns-btn:hover{transform:translateY(-1px)}.ns-btn-primary{background:var(--ns-bg-deep);color:#f4fff9;box-shadow:0 10px 30px #0b1f1a2e}.ns-btn-secondary{color:var(--ns-ink);border:1px solid var(--ns-line);background:0 0}.ns-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:2rem;display:grid}.ns-card{background:var(--ns-surface);border:1px solid var(--ns-line);border-radius:var(--ns-radius);box-shadow:var(--ns-shadow);padding:1.25rem;animation:.8s both rise}.ns-card h3{margin:0 0 .5rem;font-size:1.05rem}.ns-card p{color:var(--ns-muted);margin:0;line-height:1.5}.ns-panel{background:var(--ns-surface);border:1px solid var(--ns-line);border-radius:var(--ns-radius);box-shadow:var(--ns-shadow);max-width:480px;margin:0 auto;padding:1.5rem;animation:.55s both rise}.ns-panel h1{font-family:var(--font-display);margin:0 0 .35rem;font-size:2.4rem}.ns-panel .sub{color:var(--ns-muted);margin-bottom:1.25rem}.ns-field{margin-bottom:1rem}.ns-field label{color:var(--ns-muted);margin-bottom:.35rem;font-size:.9rem;display:block}.ns-field input{border:1px solid var(--ns-line);background:#fbfdfc;border-radius:12px;width:100%;padding:.8rem .9rem}.ns-error{color:var(--ns-danger);margin:.5rem 0;font-size:.9rem}.ns-muted{color:var(--ns-muted)}.ns-table-wrap{overflow-x:auto}table.ns-table{border-collapse:collapse;width:100%;font-size:.92rem}table.ns-table th,table.ns-table td{text-align:left;border-bottom:1px solid var(--ns-line);white-space:nowrap;padding:.75rem .5rem}.ns-status-pill{white-space:nowrap;vertical-align:middle;border:1px solid #0000;border-radius:999px;padding:.2rem .55rem;font-size:.8rem;font-weight:650;display:inline-block}.ns-status-pill.tone-submitted{color:#3d4a52;background:#eef1f3;border-color:#d5dce0}.ns-status-pill.tone-pending{color:#8a4b00;background:#fff4e5;border-color:#f0c987}.ns-status-pill.tone-confirmed{color:#0b4f8a;background:#e7f3ff;border-color:#9ec5e8}.ns-status-pill.tone-shipped{color:#0f6b3c;background:#e7f7ee;border-color:#9ed4b4}.ns-status-pill.tone-cancelled{color:#9b1c2e;background:#fdecee;border-color:#f0b4bb}.ns-status-pill.tone-unknown{border-color:var(--ns-line);color:var(--ns-ink);background:#f0f5f2}.ns-stat-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.ns-stat{background:var(--ns-bg-deep);color:#e9fff4;border-radius:var(--ns-radius);padding:1.1rem 1.2rem}.ns-stat strong{margin-top:.25rem;font-size:1.8rem;display:block}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:720px){.ns-nav-links{gap:.7rem;font-size:.92rem}.ns-main{width:min(100% - 1.5rem,1120px)}}