@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap";body{margin:0;background:#f7f5ee}#root{min-height:100vh}:root{color:#191919;--ink: #191919;--ink-soft: #4f4f4f;--ink-muted: #6f6f6f;--bg: #f3f2ef;--bg-strong: #e9e5df;--card: #ffffff;--card-alt: #faf9f7;--stroke: #dedbd6;--accent: #0a66c2;--accent-2: #057642;--accent-3: #f5c75d;--brand-blue: #0038b8;--shadow: 0 2px 8px rgba(0, 0, 0, .08);--radius-lg: 10px;--radius-md: 8px;--radius-sm: 6px;--field-h: 40px;--space-1: 6px;--space-2: 10px;--space-3: 14px;--space-4: 18px}*{box-sizing:border-box}.page{min-height:100vh;background:transparent;padding:32px 16px 64px;font-family:Nunito,Segoe UI,sans-serif;color:var(--ink)}.constellation-canvas{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}.page,.admin-page,.verify-page{position:relative;z-index:1}.verify-page{min-height:100vh;padding:40px 16px 48px;color:#eaf1ff}.verify-shell{max-width:560px;margin:60px auto 0;display:grid;gap:18px}.verify-page .verify-card{background:#0c121eeb;border:1px solid rgba(255,255,255,.18);color:#f2f6ff;box-shadow:0 18px 40px #00000059}.verify-page .verify-card h2{color:#f7f9ff}.verify-page .verify-card .status{color:#cfe0ff}.verify-page .verify-card .primary{display:block;margin:12px auto 0}.verify-lang{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;color:#e7eefc}.language-toggle{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.verify-page .language-toggle .secondary{background:#0f1624b3;border:1px solid rgba(255,255,255,.3);color:#f1f5ff}.verify-page .language-toggle .secondary.active{border-color:#8ab6ff;color:#fff}.hero{max-width:960px;margin:0 auto 20px;text-align:left;position:relative;display:grid;gap:6px}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.hero-brand{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.hero-logo-text{display:flex;flex-direction:column;gap:4px;font-weight:700;color:#fff;letter-spacing:.02em}.hero-logo-img{width:min(360px,50vw);height:auto;display:block;margin-left:-96px}.logo-d2p{font-size:clamp(32px,4vw,52px);display:flex;gap:6px;align-items:baseline}.logo-name{font-size:clamp(16px,2.2vw,24px);font-weight:600;color:#fff}.logo-letter{color:#fff}.logo-letter.accent{color:var(--brand-blue)}.hero-actions{display:flex;align-items:center;gap:12px}.hero-actions .secondary,.hero-actions .primary{margin-top:0}.lang-select select{height:var(--field-h);padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--stroke);background:var(--card);font-weight:600;color:var(--ink)}.badge{text-transform:uppercase;letter-spacing:.2em;font-size:.68rem;color:#9cc6ff;font-weight:700;margin:2px 0 4px}.hero h1{font-family:Nunito,Segoe UI,sans-serif;font-size:clamp(1.9rem,3vw,2.8rem);margin:0;font-weight:700;color:#f3f7ff}.subtitle{font-size:1rem;color:#c9d6ef;max-width:720px;margin:0}.content{display:grid;gap:16px;max-width:960px;margin:0 auto}.card{background:var(--card);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow);border:1px solid var(--stroke)}.card h2{margin:0 0 10px;font-family:Roboto,Segoe UI,sans-serif;font-weight:700}.card-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.menu-bar{position:static;display:inline-flex;align-items:center}.menu-panel{position:absolute;right:0;margin-top:8px;background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius-sm);box-shadow:0 6px 18px #0000001f;display:grid;padding:8px;min-width:180px}.menu-item{background:transparent;border:none;text-align:left;padding:10px 12px;border-radius:10px;cursor:pointer;font-weight:600}.menu-item:hover{background:#f3f6f9}.menu-item.sub{padding-left:22px;font-weight:500;font-size:.95rem}.menu-divider{height:1px;background:var(--stroke);margin:6px 8px}.burger{display:inline-grid;gap:3px}.burger span{display:block;width:18px;height:2px;background:currentColor;border-radius:999px}.history-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.history-actions+.grid{margin-top:10px}.history-actions .secondary.uniform{border:2px solid transparent;background:#f0f4f8;color:var(--ink-muted)}.history-actions .secondary.uniform.active{border-color:var(--accent);background:#e8f2fb;color:var(--ink)}.history-actions .secondary.uniform.highlight{border-color:var(--accent);background:#e8f2fb;color:var(--ink);box-shadow:0 0 0 2px #007aff59,0 0 12px #007aff59;transform:translateY(-1px)}.table-wrap{max-height:50vh;overflow:auto;border:1px solid var(--stroke);border-radius:var(--radius-md);background:var(--card-alt)}.data-table{width:100%;border-collapse:collapse;font-size:.95rem}.data-table th,.data-table td{border-bottom:1px solid var(--stroke);padding:8px 10px;text-align:left;vertical-align:top}.data-table th{position:sticky;top:0;background:#f5f3f0;z-index:1}.data-table input{width:100%;min-width:140px;height:var(--field-h);padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--stroke);background:#fff}.button-row{display:flex;gap:12px;flex-wrap:wrap}.form{margin-top:10px}.tab-row{display:flex;gap:12px}.tab{border:1px solid var(--stroke);background:var(--card);padding:8px 16px;border-radius:999px;cursor:pointer;font-weight:700}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.admin-login-grid{align-items:flex-end}.admin-login-grid .primary{margin-top:0;height:var(--field-h);align-self:flex-end;padding:8px 18px;line-height:1}.admin-login-grid .admin-login-status{margin-top:0;align-self:flex-end}.grid.stack{grid-template-columns:1fr}.stack{display:grid;gap:12px}.billing-block{margin-top:6px}.subscription-layout{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.subscription-card{border:1px solid var(--stroke);border-radius:var(--radius-md);background:#f8fafc;padding:16px}.subscription-card h3{margin-bottom:10px}.grid label{display:flex;flex-direction:column;gap:var(--space-1);font-weight:600;color:var(--ink)}.grid label.checkbox{flex-direction:row;align-items:center;gap:8px;font-weight:700}.grid label.checkbox input{width:18px;height:18px}.grid input,.grid select,textarea{height:var(--field-h);padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--stroke);background:#fff;font-size:.95rem;color:var(--ink)}.phone-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.phone-code{width:8ch;min-width:7ch;flex:0 0 auto}.phone-number{width:18ch;flex:0 1 auto}.phone-field{gap:var(--space-1)}.password-field .password-input{position:relative;display:flex;align-items:center}.password-field input{flex:1;width:100%;padding-right:44px}.field-status{position:absolute;right:32px;color:#2f8f4e;display:inline-flex;width:18px;height:18px}.field-status svg{width:100%;height:100%}.toggle-visibility{position:absolute;right:6px;background:transparent;border:none;color:#3a2a1f;cursor:pointer;padding:4px}.grid .full{grid-column:1 / -1}.primary,.secondary{margin-top:14px;padding:12px 18px;border-radius:999px;border:none;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--field-h)}.secondary.uniform,.primary.uniform{min-width:140px;height:var(--field-h)}.primary{background:var(--accent);color:#fff;box-shadow:0 6px 12px #0a66c240}.secondary{background:#eef3f8;color:var(--ink);border:1px solid var(--stroke)}.secondary.uniform.highlight{border-color:var(--accent);background:#e8f2fb;color:var(--ink);box-shadow:0 0 0 2px #007aff59,0 0 12px #007aff59;transform:translateY(-1px)}.icon-button{display:inline-flex;align-items:center;gap:8px}.icon{display:inline-flex;width:18px;height:18px}.icon svg{width:100%;height:100%}.secondary.danger{background:#f7d7d1;color:#6b2a20}.primary:hover,.secondary:hover{transform:translateY(-1px)}.error{color:#b04c2f;font-size:.8rem}.hint{color:var(--ink-soft);margin-bottom:12px}.hint.warning{color:#b04c2f;font-weight:700}.actions{margin-bottom:16px}.drop-zone{border:2px dashed #c9c4bd;padding:22px;border-radius:var(--radius-md);text-align:center;display:grid;gap:10px;background:var(--card-alt)}.drop-zone.ready{border-color:var(--accent);background:#eef4fb}.browse{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:999px;background:var(--accent);color:#fff;cursor:pointer;font-weight:600}.browse input{display:none}.status{margin-top:12px;font-weight:600;color:var(--ink-muted)}.file-pill{display:flex;justify-content:space-between;gap:16px;padding:8px 12px;border-radius:999px;background:#f3ece2;font-size:.9rem}.send-row{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:12px}.progress{width:100%;height:8px;background:#ebe1d4;border-radius:999px;overflow:hidden;margin-top:10px}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),#6db6b0);transition:width .2s ease}.upload-notes{margin-top:16px;display:grid;gap:6px}.quote{font-style:italic;color:var(--ink-soft);margin:0}.drop-overlay{position:fixed;inset:0;background:#0a66c22e;display:grid;place-items:center;z-index:10}.drop-message{background:var(--card);padding:20px 28px;border-radius:var(--radius-md);border:1px dashed var(--accent);box-shadow:0 10px 26px #0a66c22e}.modal-overlay{position:fixed;inset:0;background:#0f121859;display:grid;place-items:center;z-index:20;padding:16px}.modal-overlay.modal-overlay-top{z-index:30}.modal-overlay.non-blocking{pointer-events:none}.modal-overlay.non-blocking .modal{pointer-events:auto}.modal{max-width:920px;width:min(920px,100%);max-height:92vh;overflow:auto}.selection-stack{display:grid;gap:18px}.selection-group h3{margin:0 0 10px;font-size:1rem;color:var(--ink)}.option-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.option-button{border-radius:14px;padding:14px 16px;border:1px solid var(--stroke);background:var(--card-alt);color:var(--ink);font-weight:600;transition:transform .15s ease,box-shadow .15s ease,border-color .2s ease,background .2s ease}.option-button:hover{transform:translateY(-1px);box-shadow:0 10px 18px #0f12181f;border-color:var(--accent)}.option-button.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 12px 22px #0a66c240}.option-button.disabled{opacity:.35;cursor:not-allowed;pointer-events:none;box-shadow:none;transform:none}.modal-actions{margin-top:18px;display:flex;gap:12px;align-items:center;justify-content:flex-end}.price-panel{margin:16px 0 8px;padding:16px 18px;border-radius:14px;background:var(--card-alt);border:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between}.price-panel.total{border-color:#9cc6ff;background:#9cc6ff26}.address-list{display:grid;gap:10px}.address-card{border:1px solid var(--stroke);border-radius:12px;padding:12px;background:var(--card-alt);text-align:left;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.address-card:hover{border-color:var(--accent);transform:translateY(-1px)}.address-card.active{border-color:var(--accent);background:#e8f2fb}.address-title{font-weight:700;color:var(--ink)}.address-meta{color:var(--ink-soft);font-size:.9rem}.address-tag{margin-top:6px;font-size:.75rem;font-weight:700;color:#0a66c2}.address-actions{display:flex;gap:8px;margin-top:8px}.address-history{margin-top:16px;display:grid;gap:12px}.price-label{color:var(--ink-soft);font-weight:600}.price-amount{font-size:1.6rem;font-weight:700;color:var(--ink)}.auth-shell{max-width:520px;margin:60px auto;padding:0 16px}.modal.wide{max-width:1280px;width:min(1280px,100%);max-height:94vh}.profile-divider{height:1px;background:var(--stroke);margin:18px 0}.history{display:grid;gap:12px}.history-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:12px;background:var(--card-alt);border:1px solid var(--stroke)}.history-name{margin:0;font-weight:600}.history-meta{margin:0;color:var(--ink-soft);font-size:.85rem}.order-tracking-entry{display:grid;gap:10px}.order-tracking-summary{gap:16px}.order-timeline{margin:0 12px 8px;padding:14px 16px;border:1px solid var(--stroke);border-radius:12px;background:var(--card-alt)}.order-tracking-current{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.order-tracking-current span,.order-timeline li span:not(.order-timeline-dot){color:var(--ink-soft);font-size:.85rem}.order-timeline ol{display:grid;gap:0;margin:0;padding:0;list-style:none}.order-timeline li{position:relative;display:grid;grid-template-columns:16px 1fr;gap:10px;min-height:48px}.order-timeline li:not(:last-child):after{content:"";position:absolute;top:16px;bottom:0;left:7px;width:2px;background:var(--stroke)}.order-timeline li div{display:grid;gap:2px}.order-timeline-dot{z-index:1;width:16px;height:16px;border:3px solid var(--card);border-radius:50%;background:var(--accent)}@media(max-width:640px){.order-tracking-current{flex-direction:column}}.payment-row{flex-wrap:wrap;gap:8px 16px}.payment-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end;text-align:right}.payment-amount{font-weight:700;color:var(--ink)}.history-row-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-page h1{margin:0}.metrics-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{padding:14px;border-radius:12px;background:var(--card-alt);border:1px solid var(--stroke)}.metric-label{margin:0;font-size:.85rem;color:var(--ink-soft)}.metric-value{margin:6px 0 0;font-size:1.4rem;font-weight:700}.admin-table{display:grid;gap:6px}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-weight:700;font-size:.8rem;text-transform:uppercase}.status-pill.ok{background:#e6f4ea;color:#1b6b3a}.status-pill.error{background:#fbe3df;color:#8b2b1f}.admin-row{display:grid;grid-template-columns:70px 1.1fr 110px 80px 90px 120px 1.4fr;gap:12px;align-items:center;padding:10px 12px;border-radius:10px;background:var(--card-alt);border:1px solid var(--stroke)}.admin-head{font-weight:700;background:#f1ebe1}.admin-actions{display:flex;gap:8px;flex-wrap:wrap;flex-direction:column;align-items:center}.admin-integrations{display:grid;gap:16px}.support-doc{display:grid;gap:14px}.support-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.swagger-wrap{border:1px solid var(--stroke);border-radius:var(--radius-md);background:#fff;overflow:auto;max-height:70vh}.support-footer{margin-top:10px;padding-top:10px;border-top:1px solid var(--stroke);text-align:center;font-weight:600;color:var(--ink-muted)}.site-footer{max-width:980px;margin:28px auto 0;padding:14px 12px 12px;border-top:1px solid rgba(255,255,255,.2);background:#0a101c8c;border-radius:16px;box-shadow:0 10px 30px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.footer-links{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center}.link-button{background:#0f1624b3;border:1px solid rgba(255,255,255,.3);color:#f1f5ff;padding:7px 14px;border-radius:999px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:border-color .2s ease,color .2s ease,transform .2s ease,background .2s ease}.link-button:hover{border-color:#8ab6ff;color:#fff;background:#1e2d46d9;transform:translateY(-1px)}.link-button:focus-visible{outline:2px solid #8ab6ff;outline-offset:2px}.support-faq{border:1px solid var(--stroke);border-radius:var(--radius-md);background:var(--card-alt);padding:16px;display:grid;gap:12px}.support-faq h3{margin:0;font-size:1.05rem}.support-faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.faq-item{background:#fff;border:1px solid var(--stroke);border-radius:12px;padding:12px;box-shadow:0 6px 14px #0f121814}.auth-config{display:grid;gap:16px}.auth-sticky{position:sticky;top:0;z-index:1;background:var(--card);padding-top:4px}.auth-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--stroke);background:var(--card-alt)}.auth-hero h3{margin:0;font-size:1.05rem}.auth-hero .hint{margin:6px 0 0;color:var(--ink-soft)}.auth-toggle{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;border:1px solid var(--stroke);background:#fff;font-weight:700}.auth-warning{padding:10px 12px;border-radius:var(--radius-md);border:1px solid #f5c36b;background:#fff3da;color:#7a4a00;font-weight:700}.auth-help{margin-top:10px;padding:10px 12px;border-radius:var(--radius-md);border:1px dashed var(--stroke);background:#fffdf8;color:var(--ink-soft)}.auth-help p{margin:0 0 6px;font-weight:700;color:var(--ink)}.auth-help ul{margin:0;padding-left:18px}.field-error input,.field-error select{border-color:#cf4a3c;box-shadow:0 0 0 2px #cf4a3c26}.field-ok input,.field-ok select{border-color:#6bbf59;box-shadow:0 0 0 2px #6bbf591f}.messaging-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.messaging-card{display:grid;gap:12px;padding:14px;border-radius:var(--radius-md);border:1px solid var(--stroke);background:var(--card-alt)}.messaging-card h4{margin:0;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.auth-toggle input{width:18px;height:18px}.auth-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.auth-card{display:grid;gap:12px;padding:14px;border-radius:var(--radius-md);border:1px solid var(--stroke);background:var(--card-alt)}.auth-card h4{margin:0;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.faq-item h4{margin:0 0 6px;font-size:.95rem;color:var(--ink)}.faq-item p{margin:0;color:var(--ink-soft);line-height:1.45}.integration-row{display:grid;gap:10px;padding:14px;border-radius:14px;border:1px solid var(--stroke);background:var(--card-alt)}.integration-row h3{margin:0}.integration-row select{padding:8px 12px;border-radius:12px;border:1px solid var(--stroke);background:#fff}.integration-lines{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.integration-line{display:grid;gap:10px;padding:12px;border-radius:12px;border:1px solid var(--stroke);background:#fff}.integration-line-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.integration-env{font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:var(--ink-soft);padding:4px 10px;border-radius:999px;border:1px solid var(--stroke);background:#ffffffb3}.integration-toggle{display:inline-flex;align-items:center;gap:8px;font-weight:700}.integration-toggle input{width:18px;height:18px}.integration-has-key{font-weight:700;color:var(--ink-muted)}@media(max-width:800px){.admin-row{grid-template-columns:1fr}.hero-logo-img{margin-left:-56px}}@media(max-width:640px){.card{padding:18px}.phone-code,.phone-number{width:100%;flex:1 1 auto}.hero-logo-img{margin-left:-40px;width:min(320px,65vw)}}@media(max-width:520px){.page{padding:24px 12px 48px}.hero{margin-bottom:24px}.hero-brand{padding-right:0}.hero-actions{position:static;justify-content:flex-end;margin-bottom:12px}.tab-row{flex-wrap:wrap}.file-pill{flex-direction:column;align-items:flex-start}.send-row{flex-direction:column;align-items:stretch}.hero-logo-img{margin-left:-28px;width:min(300px,70vw)}}@media print{body *{visibility:hidden}.support-print,.support-print *{visibility:visible}.support-print{position:absolute;left:0;top:0;width:100%}.no-print{display:none!important}}@media(max-width:360px){.hero-actions{flex-direction:column;align-items:flex-end}.lang-select select{height:38px}.primary,.secondary{width:100%}}@media(min-width:1600px){.hero,.content{max-width:1200px}.modal{max-width:1100px}.modal.wide{max-width:1500px}}@media(min-width:2200px){.hero,.content{max-width:1400px}.modal{max-width:1200px}.modal.wide{max-width:1700px}}.support-actions .secondary.active{border-color:var(--accent);background:#e8f2fb;color:var(--ink)}
