:root{--primary: #1e104e;--secondary: #452e5a;--orange: #ff653f;--yellow: #ffc85c;--ink: #1b1730;--muted: #746b83;--line: #e5e0eb;--surface: #ffffff;--page: #f7f4fb;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--shadow-soft: 0 16px 42px rgba(30, 16, 78, .08);--shadow-card: 0 24px 70px rgba(30, 16, 78, .07);--shadow-hero: 0 44px 110px rgba(30, 16, 78, .18);--dash-bg: linear-gradient(135deg, #c99afc 0%, #8e64ff 48%, #6b4af4 100%);--dash-shell: #ffffff;--dash-content: #eef4fb;--dash-card: #ffffff;--dash-text: #282044;--dash-muted: #7c768d;--dash-purple: #7a35f4;--dash-radius-shell: 28px;--dash-radius-card: 24px;--dash-radius-pill: 999px;color:var(--ink);background:var(--page);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input,input[type=number]{height:40px!important;font-size:14px!important;font-weight:500!important;-moz-appearance:textfield}@media(max-width:768px){input,input[type=number],select,textarea{font-size:16px!important}}input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}input::placeholder{font-weight:600;font-size:14px!important;opacity:.5;color:var(--muted)}.dashboard-page{background:var(--dash-bg);min-height:100vh;padding:34px;width:100%}.dashboard-shell{align-items:start;background:linear-gradient(90deg,#ffffff 0 280px,var(--dash-content) 280px 100%);border-radius:var(--dash-radius-shell);box-shadow:0 12px 48px #1e104e2e;display:grid;grid-template-columns:280px minmax(0,1fr);margin:0 auto;max-width:1480px;overflow:clip;width:100%}.dashboard-sidebar{align-self:stretch;background:#fff}.dashboard-logo{align-items:flex-end;color:var(--dash-purple);display:inline-flex;gap:8px;margin-bottom:18px}.dashboard-mobile-head{align-items:center;display:flex;justify-content:space-between}.dashboard-mobile-user-menu{display:none}.dashboard-logo img{display:block;height:42px;object-fit:contain;width:42px}.dashboard-logo strong{font-size:28px;letter-spacing:-.05em}.dashboard-nav{display:grid;gap:8px}.dashboard-nav-group{display:grid;gap:6px}.dashboard-nav a,.dashboard-nav-parent{align-items:center;background:transparent;border:0;border-radius:var(--dash-radius-pill);color:#62666a;display:grid;font-size:14px;font-weight:650;gap:14px;grid-template-columns:26px minmax(0,1fr) 20px;min-height:48px;padding:0 16px;text-align:left;width:100%}.dashboard-nav-parent{cursor:pointer;font-family:inherit}.dashboard-nav-group.active-parent>.dashboard-nav-parent{background:linear-gradient(135deg,#a544ff,#5228e8);box-shadow:0 18px 34px #7a35f44d;color:#fff}.dashboard-nav-group.open>.dashboard-nav-parent .nav-chevron{transform:rotate(90deg)}.dashboard-subnav-wrap{max-height:0;opacity:0;overflow:hidden;transform:translateY(-6px);transition:max-height .22s ease,opacity .18s ease,transform .22s ease}.dashboard-nav-group.open>.dashboard-subnav-wrap{max-height:110px;opacity:1;transform:translateY(0)}.dashboard-subnav{display:grid;gap:6px;padding-left:18px}.dashboard-subnav a{border-radius:18px;font-size:13px;grid-template-columns:20px minmax(0,1fr);min-height:38px;padding:0 14px}.dashboard-subnav a.active{background:#f3ecff;box-shadow:none;color:var(--dash-purple)}.dashboard-nav a.active{background:linear-gradient(135deg,#a544ff,#5228e8);box-shadow:0 18px 34px #7a35f44d;color:#fff}.dashboard-nav .dashboard-subnav a.active{background:#f3ecff;box-shadow:none;color:var(--dash-purple)}.dashboard-nav .nav-chevron{color:currentColor;opacity:.68;transition:transform .18s ease}.dashboard-trial{align-items:center;background:#f6f2ff;border:1px solid #ebe1ff;border-radius:var(--dash-radius-card);color:var(--dash-purple);display:flex;gap:12px;margin-top:auto;padding:14px}.dashboard-trial div{display:grid;gap:3px}.dashboard-trial span{color:var(--dash-muted);font-size:13px}.dashboard-sidebar-head-actions{display:flex;align-items:center;gap:4px}.dashboard-sidebar-toggle-btn{background:none;border:none;color:var(--dash-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;transition:background .15s ease,color .15s ease;flex-shrink:0}.dashboard-sidebar-toggle-btn:hover{background:#0000000d;color:var(--dash-text)}@media(min-width:764px){.dashboard-sidebar{transition:width .25s ease;width:280px;overflow:hidden;flex-shrink:0}.dashboard-sidebar.closed{width:68px}.dashboard-sidebar.closed .dashboard-sidebar-inner{width:68px;padding:32px 18px}.dashboard-sidebar.closed .dashboard-logo{display:none}.dashboard-sidebar.closed .dashboard-sidebar-head-actions{justify-content:center}.dashboard-sidebar.closed .dashboard-logo strong,.dashboard-sidebar.closed .dashboard-mobile-head .dashboard-user-menu,.dashboard-sidebar.closed .dashboard-nav a span,.dashboard-sidebar.closed .dashboard-nav .nav-chevron,.dashboard-sidebar.closed .dashboard-trial{display:none}.dashboard-sidebar.closed .dashboard-nav a,.dashboard-sidebar.closed .dashboard-nav-parent{padding:0;display:flex;align-items:center;justify-content:center}.dashboard-sidebar-inner{width:280px;display:flex;flex-direction:column;gap:22px;padding:32px 24px;height:100%}.dashboard-shell.sidebar-closed{grid-template-columns:68px 1fr;background:linear-gradient(90deg,#ffffff 0 68px,var(--dash-content) 68px 100%)}.dashboard-shell.sidebar-closed .dashboard-content{border-top-left-radius:var(--dash-radius-shell)}}@media(max-width:764px){.dashboard-sidebar-toggle-btn{display:none}}.dashboard-content{align-self:start;background:var(--dash-content);border-top-left-radius:46px;display:grid;gap:22px;height:fit-content;min-height:0;min-width:0;overflow:hidden;padding:36px 36px 100px}@media(min-width:861px){html body,html body #root{overflow-x:clip}.dashboard-shell{overflow:visible}.dashboard-sidebar{border-bottom-left-radius:var(--dash-radius-shell);border-top-left-radius:var(--dash-radius-shell);height:calc(100vh - 68px);max-height:calc(100vh - 68px);overflow-y:auto;position:sticky;scrollbar-width:thin;top:0}.dashboard-content:has(.guide-layout){overflow:visible}}.dashboard-userbar{align-items:center;display:flex;gap:16px;justify-content:flex-end;min-width:0}.dashboard-user-menu{position:relative}.dashboard-user{align-items:center;background:#fff;border:1px solid #edf2f8;border-radius:var(--radius-lg);box-shadow:0 14px 34px #2820440d;display:flex;gap:10px;min-width:0;padding:8px 12px 8px 8px}button.dashboard-user{cursor:pointer;font:inherit}.dashboard-user>span,.profile-hero>span{align-items:center;background:linear-gradient(135deg,#a544ff,#5228e8);color:#fff;display:inline-flex;flex:0 0 auto;font-weight:900;justify-content:center}.dashboard-user>span{border-radius:13px;height:38px;overflow:hidden;width:38px}.dashboard-user-avatar img{height:100%;object-fit:cover;width:100%}.dashboard-user div{display:grid;gap:2px;min-width:0}.dashboard-user strong{color:var(--dash-text);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-user small{color:var(--dash-muted);font-size:12px}.dashboard-user--error small{color:var(--color-warning, #eab308)}.user-menu-chevron{color:var(--dash-muted);transform:rotate(90deg);transition:transform .16s ease}.user-menu-chevron.open{transform:rotate(-90deg)}.dashboard-user-dropdown{background:#fff;border:1px solid #edf2f8;border-radius:var(--radius-lg);box-shadow:0 18px 44px #2820441f;display:grid;gap:6px;min-width:210px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:20}.dashboard-user-dropdown a,.dashboard-user-dropdown button{align-items:center;background:transparent;border:0;border-radius:var(--radius-md);color:var(--dash-text);display:flex;font-size:13px;font-weight:750;gap:10px;min-height:38px;padding:0 10px;text-align:left;width:100%}.dashboard-user-dropdown a:hover,.dashboard-user-dropdown button:hover{background:#f7f4fb}.dashboard-user-dropdown .logout{color:#dd1f5b}.dashboard-header{align-items:center;display:flex;gap:22px;justify-content:space-between}.dashboard-header p{color:var(--dash-muted);font-weight:800;margin-bottom:6px}.dashboard-header h1{color:var(--dash-text);font-size:30px;letter-spacing:-.04em;margin:0}.dashboard-actions{align-items:center;display:flex;gap:10px}.dashboard-actions .btn,.dashboard-card-head .btn{border-radius:var(--radius-md);box-shadow:none}.dashboard-stat-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.trial-activation-banner,.restricted-panel{align-items:center;background:#fff7e5;border:1px solid #ffe0a6;border-radius:var(--dash-radius-card);display:grid;gap:16px;grid-template-columns:auto minmax(0,1fr) auto;margin-bottom:18px;padding:18px}.trial-activation-banner>span,.restricted-panel>span{align-items:center;background:#ffc85c;border-radius:18px;color:#1e104e;display:inline-flex;height:52px;justify-content:center;width:52px}.trial-activation-banner h2,.restricted-panel h1{color:var(--dash-text);margin:0 0 4px}.trial-activation-banner h2{font-size:20px}.restricted-panel h1{font-size:30px;letter-spacing:-.04em}.trial-activation-banner p,.restricted-panel p{color:var(--dash-muted);margin:0}.restricted-panel{margin-top:18px;min-height:320px}.restricted-actions{display:flex;flex-wrap:wrap;gap:10px}.dashboard-expired-banner{align-items:center;background:#ffe7ee;border:1px solid #ffd4de;border-radius:16px;box-shadow:0 8px 32px #dd1f5b33;display:flex;gap:10px;left:50%;max-width:calc(100vw - 40px);padding:8px 16px;position:fixed;top:16px;transform:translate(-50%);width:max-content;z-index:100}.dashboard-expired-banner-icon{align-items:center;color:#dd1f5b;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.dashboard-expired-banner-body{flex:1;min-width:0}.dashboard-expired-banner-body strong{color:#dd1f5b;display:block;font-size:13px;font-weight:700;line-height:1.3}.dashboard-expired-banner-body small{color:#dd1f5bb3;display:block;font-size:12px;line-height:1.3;margin-top:1px}.dashboard-expired-banner-action{background:#dd1f5b;border-radius:999px;color:#fff;flex-shrink:0;font-size:12px;font-weight:700;padding:5px 12px;text-decoration:none;white-space:nowrap}.dashboard-expired-banner-action:hover{background:#c0174c}.dashboard-stat-card,.dashboard-chart-card,.dashboard-mini-card{background:var(--dash-card);border:1px solid rgba(255,255,255,.86);border-radius:var(--dash-radius-card);box-shadow:0 8px 24px #2820440f}.dashboard-stat-card{display:grid;gap:4px;min-height:154px;height:fit-content;padding:22px}.dashboard-stat-card svg{color:var(--dash-purple)}.dashboard-stat-card>div>span{color:#555b5f;font-size:15px;font-weight:650}.dashboard-stat-card>strong{color:var(--dash-text);font-size:32px;letter-spacing:-.04em}.dashboard-stat-card div{align-items:center;display:flex;gap:2px}.dashboard-stat-card small{color:var(--dash-muted);font-size:13px}.dashboard-stat-card em{border-radius:var(--dash-radius-pill);font-size:13px;font-style:normal;font-weight:850;padding:6px 10px}.dashboard-stat-card em.up{background:#e7f9ef;color:#18b878}.dashboard-stat-card em.down{background:#ffe7ee;color:#dd1f5b}.dashboard-report-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)}.dashboard-chart-card{min-height:370px;overflow:hidden;padding:26px}.dashboard-card-head{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.dashboard-card-head h2{color:var(--dash-text);font-size:25px;letter-spacing:-.04em;margin:0}.dashboard-chart-canvas{height:280px;min-height:280px;position:relative}.bar-chart-preview{align-items:end;border-bottom:1px solid #eceaf2;display:grid;gap:18px;grid-template-columns:repeat(6,minmax(0,1fr));height:250px;padding-top:64px;position:relative}.bar-chart-preview:before{background:linear-gradient(#eceaf2 1px,transparent 1px) 0 0 / 100% 25%;content:"";top:64px;right:0;bottom:30px;left:0;position:absolute}.bar-chart-preview>div:not(.chart-tooltip){align-items:center;display:grid;gap:12px;height:100%;justify-items:center;position:relative;z-index:1}.bar-chart-preview>div>span{align-self:end;background:#eee6ff;border:1px solid #e2d6ff;border-radius:18px;display:block;height:var(--bar-height);width:100%}.bar-chart-preview>div.active>span{background:linear-gradient(180deg,#b147ff,#6730ed)}.bar-chart-preview small{color:var(--dash-muted);font-size:16px}.chart-tooltip{background:#111b36;border-radius:12px;color:#fff;left:17%;padding:14px 18px;position:absolute;top:26px;z-index:2}.chart-tooltip span{color:#20c988}.line-chart-preview{align-items:center;display:flex;min-height:300px}.line-chart-preview svg{height:100%;overflow:visible;width:100%}.line-chart-preview path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.line-chart-preview path:nth-child(1){stroke:#19b978}.line-chart-preview path:nth-child(2){stroke:#8831e8}.line-chart-preview path:nth-child(3){stroke:#ff9d24}.line-chart-preview circle{fill:#fff;stroke:#19b978;stroke-width:3}.dashboard-bottom-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-mini-card{align-items:center;display:flex;gap:18px;padding:20px}.dashboard-mini-card svg{color:var(--dash-purple);flex:0 0 auto}.dashboard-mini-card h3{color:var(--dash-text);margin-bottom:4px}.dashboard-mini-card p{color:var(--dash-muted);margin-bottom:0}a.dashboard-stat-card,a.dashboard-mini-card{cursor:pointer;text-decoration:none;transition:box-shadow .2s}a.dashboard-stat-card:hover,a.dashboard-mini-card:hover{box-shadow:0 20px 60px #2820441f}.finance-filter-block{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.finance-period-filter,.finance-custom-range{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.finance-custom-range input{border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);font-size:13px;font-weight:600;max-width:150px;min-height:36px;padding:0 10px}.finance-custom-range span{color:var(--muted);font-weight:600}.profit-positive{color:#18b878!important}.profit-negative{color:#dc3545!important}.finance-table{border:0;display:grid}.finance-table-head{color:var(--dash-muted);display:grid;font-size:12px;font-weight:800;gap:0;grid-template-columns:1fr 80px .7fr 80px;letter-spacing:.04em;padding:12px 20px;text-transform:uppercase}.finance-table-row{align-items:center;border-top:1px solid #edf2f8;display:grid;font-size:14px;font-weight:600;gap:0;grid-template-columns:1fr 80px .7fr 100px;min-height:52px;padding:0 20px}.finance-table-row span{color:var(--dash-text)}.finance-chart-invoice-row{display:grid;gap:20px;grid-template-columns:1fr 1fr}.finance-status-badge{align-items:center;border-radius:100px;display:inline-flex;font-size:12px;font-weight:700;gap:4px;padding:4px 10px}.finance-status-badge.paid{background:#e6f7e6;color:#18b878}.finance-status-badge.unpaid,.finance-status-badge.sent,.finance-status-badge.proof_uploaded{background:#fff3d6;color:#b8860b}.finance-status-badge.draft{background:#f0f0f0;color:#666}.finance-amount.paid{color:#18b878}.item-search-dropdown{position:relative}.item-search-trigger{align-items:center;background:transparent;border:0;color:var(--muted);cursor:pointer;display:flex;flex:1;font-size:14px;font-weight:600;gap:6px;justify-content:space-between;min-height:36px;outline:0;padding:0 2px;text-align:left;width:100%}.item-search-trigger.selected{color:var(--ink)}.item-search-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-search-panel{background:#fff;border:1px solid #edf2f8;border-radius:var(--radius-lg);box-shadow:0 20px 60px #2820441f;left:0;max-height:320px;position:absolute;top:calc(100% + 4px);width:100%;z-index:100}.item-search-panel .payment-option-search{border-bottom:1px solid #edf2f8}.item-search-panel .payment-option-list{max-height:260px;overflow-y:auto}.item-search-panel .payment-option-item{align-items:center;display:flex;gap:10px;padding:10px 14px}.item-search-panel .payment-option-item small{color:var(--muted);font-size:11px;font-weight:600;margin-left:auto}.item-search-panel .payment-option-item .lucide-check{color:var(--dash-purple);flex:0 0 auto;margin-left:auto}.customers-layout{display:grid;gap:18px}.customers-table-card,.customer-side-card{background:var(--dash-card);border:1px solid rgba(255,255,255,.86);border-radius:var(--dash-radius-card);box-shadow:0 20px 60px #2820440f}.customers-table-card{overflow:hidden;padding:24px}.customers-toolbar{align-items:center;display:flex;gap:18px;justify-content:space-between;margin-bottom:22px}.customers-toolbar h2,.customer-side-card h2{color:var(--dash-text);font-size:24px;letter-spacing:-.04em;margin-bottom:4px}.customers-toolbar p{color:var(--dash-muted);margin-bottom:0}.customer-tools{align-items:center;display:flex;gap:10px}.customer-search{align-items:center;background:#f7f9fd;border:1px solid #e5ebf4;border-radius:var(--radius-md);color:var(--dash-muted);display:flex;gap:10px;min-height:38px;padding:0 12px;width:240px}.customer-search input{background:transparent;border:0;color:var(--dash-text);min-width:0;outline:0;width:100%}.table-select-wrap{align-items:center;background:#fff;border:1px solid #e5ebf4;border-radius:var(--radius-md);color:var(--dash-muted);display:flex;gap:8px;min-height:38px;padding:0 10px}.table-select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--dash-text);font-size:13px;font-weight:750;outline:0}.table-empty{background:#f9fbff;border:1px dashed #dbe5f0;border-radius:var(--radius-lg);color:var(--dash-muted);font-weight:750;padding:22px;text-align:center}.table-pagination{align-items:center;color:var(--dash-muted);display:flex;gap:12px;font-size:12px;justify-content:space-between;margin-top:16px}.table-pagination>div{display:flex;align-items:center;gap:8px}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.pagination-page-size{align-items:center;background:#fff;border:1px solid #e4eaf2;border-radius:12px;color:var(--dash-muted);display:inline-flex;font-size:12px;font-weight:800;gap:6px;min-height:36px;padding:0 10px}.pagination-page-size select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--dash-text);font:inherit;font-weight:850;outline:0;padding-right:2px}.pagination-pages{align-items:center;display:flex;gap:6px}.pagination-page,.pagination-dots{align-items:center;border-radius:10px;display:inline-flex;font-size:13px;font-weight:850;height:36px;justify-content:center;min-width:36px}.pagination-page{background:#fff;border:1px solid #e4eaf2;color:var(--dash-text);cursor:pointer}.pagination-page:hover{border-color:#d6c7ff;color:var(--dash-primary)}.pagination-page.active{background:var(--dash-primary);border-color:var(--dash-primary);color:#e4dfea}.pagination-dots{color:var(--dash-muted)}.customer-table,.staff-table{display:grid;gap:10px}.staff-table-head,.staff-row{display:grid;gap:14px;grid-template-columns:minmax(240px,1.45fr) .5fr .8fr .8fr .7fr 112px}.staff-table-head{color:var(--dash-muted);font-size:12px;font-weight:850;padding:0 14px;text-transform:uppercase}.staff-row{align-items:center;background:#f9fbff;border:1px solid #edf2f8;border-radius:var(--radius-lg);color:var(--dash-text);min-height:68px;padding:12px 14px}.control-page .dashboard-sidebar{padding:24px}.control-page .dashboard-nav button{align-items:center;background:transparent;border:0;border-radius:var(--dash-radius-pill);color:var(--dash-muted);cursor:pointer;display:flex;font:inherit;font-weight:850;gap:14px;min-height:54px;padding:0 16px;text-align:left;width:100%}.control-page .dashboard-nav button.active{background:linear-gradient(135deg,#a544ff,#5228e8);box-shadow:0 18px 40px #5228e838;color:#fff}.control-jastiper-table{display:grid;gap:10px}.control-jastiper-head,.control-jastiper-row{display:grid;gap:14px;grid-template-columns:minmax(240px,1.5fr) 1fr .55fr .55fr .55fr .8fr .75fr}.control-jastiper-head{color:var(--dash-muted);font-size:12px;font-weight:850;padding:0 14px;text-transform:uppercase}.control-jastiper-row{align-items:center;background:#f9fbff;border:1px solid #edf2f8;border-radius:var(--radius-lg);color:var(--dash-text);min-height:68px;padding:12px 14px}.control-subscription-state{align-items:start;display:grid;gap:4px;min-width:0}.control-subscription-state small{color:var(--dash-muted);overflow-wrap:anywhere}.control-plan-modal{align-content:start;max-height:calc(100dvh - 40px);max-width:960px;overflow-y:auto;overscroll-behavior:contain;width:min(100%,960px)}.control-plan-modal>.settings-card-head{background:#fff;padding-bottom:10px;position:sticky;top:0;z-index:2}.control-plan-modal>.modal-actions{background:#fff;bottom:0;padding:12px 0 0;position:sticky;z-index:2}.control-plan-options{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.control-plan-options .checkbox-field{background:#f9fbff;border:1px solid #edf2f8;border-radius:var(--radius-md);min-height:48px;padding:0 14px}@media(max-width:640px){.control-plan-modal{max-height:calc(100dvh - 24px)}.control-plan-options{grid-template-columns:1fr}}.customer-table-head,.customer-row{display:grid;gap:14px;grid-template-columns:minmax(220px,1.5fr) .45fr .8fr .6fr .7fr 124px}.customer-table-head{color:var(--dash-muted);font-size:12px;font-weight:850;padding:0 14px;text-transform:uppercase}.customer-row{align-items:center;background:#f9fbff;border:1px solid #edf2f8;border-radius:var(--radius-lg);color:var(--dash-text);min-height:68px;padding:12px 14px}.customer-profile{align-items:center;display:flex;gap:12px}.customer-profile>span{align-items:center;background:linear-gradient(135deg,#a544ff,#5228e8);border-radius:16px;color:#fff;display:inline-flex;font-weight:850;height:42px;justify-content:center;width:42px}.customer-profile>span.tone-1{background:linear-gradient(135deg,#34d399,#059669)}.customer-profile>span.tone-2{background:linear-gradient(135deg,#60a5fa,#2563eb)}.customer-profile>span.tone-3{background:linear-gradient(135deg,#f97316,#ef4444)}.customer-profile>span.tone-4{background:linear-gradient(135deg,#a544ff,#5228e8)}.customer-profile>span.tone-5{background:linear-gradient(135deg,#facc15,#f59e0b)}.customer-profile>span.tone-6{background:linear-gradient(135deg,#22d3ee,#0f766e)}.customer-profile div{display:grid;gap:0px}.customer-profile small{color:var(--dash-muted)}.customer-status{border-radius:var(--dash-radius-pill);font-size:12px;font-weight:850;justify-self:start;padding:7px 11px}.customer-status.active,.customer-status.trialing,.customer-status.approved,.customer-status.paid,.customer-status.admin{background:#e7f9ef;color:#18b878}.customer-status.review,.customer-status.pending,.customer-status.waiting-review,.customer-status.waiting-payment,.customer-status.proof-uploaded,.customer-status.sent{background:#fff3d0;color:#9c6400}.customer-status.new,.customer-status.primary,.customer-status.selected,.customer-status.staff{background:#eee6ff;color:var(--dash-purple)}.customer-status.blocked,.customer-status.failed,.customer-status.past-due,.customer-status.rejected,.customer-status.cancelled,.customer-status.expired,.customer-status.need-update{background:#ffe7ee;color:#dd1f5b}.customer-status.archived,.customer-status.inactive,.customer-status.draft,.customer-status.not-required{background:#f0f1f5;color:var(--dash-muted)}.customer-side-card{align-self:start;padding:24px}.segment-list{display:grid;gap:18px;margin-top:20px}.segment-item{display:grid;gap:10px}.segment-item div{align-items:center;display:flex;gap:12px;justify-content:space-between}.segment-item strong{color:var(--dash-text)}.segment-item span{color:var(--dash-muted);font-weight:850}.segment-item em{background:#eee6ff;border-radius:var(--dash-radius-pill);display:block;height:12px;overflow:hidden}.segment-item i{background:linear-gradient(135deg,#a544ff,#5228e8);border-radius:inherit;display:block;height:100%}.orders-layout{display:grid;gap:18px}.orders-table-card,.order-side-card{background:var(--dash-card);border:1px solid rgba(255,255,255,.86);border-radius:var(--dash-radius-card);box-shadow:0 20px 60px #2820440f}.subscription-layout .order-side-card .billing-list{max-height:400px;overflow-y:auto}.orders-table-card{overflow:hidden;padding:24px}.order-table{display:grid;gap:10px;overflow-x:auto}.order-table-head,.order-row{display:grid;gap:14px;grid-template-columns:44px minmax(150px,1fr) minmax(180px,1fr) minmax(70px,1fr) minmax(90px,.9fr) minmax(140px,.95fr) minmax(140px,.7fr) minmax(110px,.75fr) 88px;min-width:1084px}.order-table-head{color:var(--dash-muted);font-size:12px;font-weight:850;padding:0 14px;text-transform:uppercase}.table-check-col{align-items:center;display:flex;justify-content:center;height:16px}.table-check-col input[type=checkbox]{cursor:pointer;height:16px;width:16px}.bulk-actions-bar{align-items:center;background:#eef2ff;border:1px solid #c7d2fe;border-radius:var(--radius-lg);display:flex;gap:12px;padding:10px 18px;margin-bottom:10px}.bulk-actions-bar>span{font-size:14px;font-weight:700;margin-right:auto}.order-row{align-items:center;background:#f9fbff;border:1px solid #edf2f8;border-radius:var(--radius-lg);color:var(--dash-text);min-height:68px;padding:12px 14px}.order-row>strong{color:var(--dash-purple)}.order-history-table .order-table-head,.order-history-table .order-row{grid-template-columns:minmax(140px,1fr) 60px 1fr 1fr 120px;min-width:540px}.order-pill{border-radius:var(--dash-radius-pill);font-size:12px;font-weight:850;justify-self:start;padding:7px 11px;white-space:nowrap}.order-pill.paid,.order-pill.purchased,.order-pill.active,.order-pill.approved,.order-pill.completed,.order-pill.ready-to-ship,.order-pill.shipped,.order-pill.shipped-to-customer,.order-pill.arrived-origin-warehouse,.order-pill.arrived-in-indonesia,.order-pill.paid-invoices,.order-pill.in-transit,.order-pill.in-transit-to-indonesia,.order-pill.delivered{background:#e7f9ef;color:#18b878}.order-pill.proof-uploaded,.order-pill.payment-proof-uploaded,.order-pill.pending,.order-pill.sent,.order-pill.waiting-review,.order-pill.mismatch{background:#fff3d0;color:#9c6400}.order-pill.unpaid,.order-pill.waiting-payment,.order-pill.need-update,.order-pill.rejected,.order-pill.cancelled,.order-pill.expired,.order-pill.blocked{background:#ffe7ee;color:#dd1f5b}.order-pill.draft,.order-pill.archived,.order-pill.inactive,.order-pill.not-required{background:#f0f1f5;color:var(--dash-muted)}.order-side-card{align-self:start;padding:24px}.order-side-head{align-items:center;display:flex;gap:12px}.order-side-head svg{color:var(--dash-purple);flex:0 0 auto}.order-side-head h2{color:var(--dash-text);font-size:24px;letter-spacing:-.04em;margin-bottom:4px}.order-side-head p{color:var(--dash-muted);margin-bottom:0}.detail-card-head{align-items:center;display:flex;gap:12px;margin-bottom:20px}.detail-card-head svg{color:var(--dash-purple);flex:0 0 auto}.detail-card-head h2{color:var(--dash-text);font-size:24px;letter-spacing:-.04em;margin:0}.invoice-table,.payment-table{display:grid;gap:10px;overflow-x:auto}.invoice-table-head,.invoice-row,.payment-table-head,.payment-row{display:grid;gap:14px;min-width:1040px}.invoice-table-head,.invoice-row{grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) minmax(140px,1fr) minmax(110px,.75fr) minmax(130px,.75fr) minmax(110px,.75fr) minmax(92px,.55fr) 92px}.payment-table-head,.payment-row{grid-template-columns:minmax(140px,.9fr) minmax(150px,1fr) minmax(90px,.55fr) minmax(120px,.75fr) minmax(120px,.75fr) minmax(130px,.75fr) minmax(260px,1.5fr)}.invoice-table-head,.payment-table-head{color:var(--dash-muted);font-size:12px;font-weight:850;padding:0 14px;text-transform:uppercase}.invoice-row,.payment-row{align-items:center;background:#f9fbff;border:1px solid #edf2f8;border-radius:var(--radius-lg);color:var(--dash-text);min-height:68px;padding:12px 14px}.invoice-row>strong,.payment-row>strong{color:var(--dash-purple)}.payment-review-layout{display:grid}.payment-actions{align-items:center;display:flex;gap:6px;justify-content:flex-start;min-width:0}.payment-row>*{min-width:0;overflow-wrap:anywhere}.payment-actions .btn{border-radius:14px;font-size:11px;min-height:32px;padding-inline:9px;white-space:nowrap}.payment-actions .btn-icon{border-radius:14px;height:32px;min-height:32px;min-width:32px;padding:0;width:32px}.tracking-table,.method-table{display:grid;gap:10px;overflow-x:auto}.tracking-table-head,.tracking-row,.method-table-head,.method-row{display:grid;gap:14px;min-width:920px}.tracking-table-head,.tracking-row{grid-template-columns:minmax(140px,1fr) minmax(150px,1fr) minmax(80px,.55fr) minmax(150px,1fr) minmax(130px,.8fr) minmax(150px,1fr) 100px}.method-table-head,.method-row{grid-template-columns:minmax(150px,1fr) minmax(130px,.9fr) minmax(190px,1.2fr) minmax(150px,1fr) minmax(100px,.7fr) 88px}.tracking-table-head,.method-table-head{color:var(--dash-muted);font-size:12px;font-weight:850;padding:0 14px;text-transform:uppercase}.tracking-row,.method-row{align-items:center;background:#f9fbff;border:1px solid #edf2f8;border-radius:var(--radius-lg);color:var(--dash-text);min-height:68px;padding:12px 14px}.tracking-row>strong,.method-row>strong{color:var(--dash-purple)}.method-row-label{align-items:center;display:flex;gap:10px}.method-row-logo{display:block;height:auto;object-fit:contain;width:24px}.item-table{display:grid;gap:10px;overflow-x:auto}.item-table-head,.item-row{display:grid;gap:14px;grid-template-columns:minmax(220px,1.4fr) minmax(110px,.75fr) minmax(140px,.9fr) minmax(120px,.75fr) minmax(110px,.7fr) minmax(100px,.65fr) 124px;min-width:920px}.item-table-head{color:var(--dash-muted);font-size:12px;font-weight:850;padding:0 14px;text-transform:uppercase}.item-row{align-items:center;background:#f9fbff;border:1px solid #edf2f8;border-radius:var(--radius-lg);color:var(--dash-text);min-height:68px;padding:12px 14px}.item-row>strong,.item-list-product strong{color:var(--dash-purple)}.item-list-product{align-items:center;display:flex;gap:12px;min-width:0}.item-list-product strong{line-height:1.35;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-list-thumbnail{align-items:center;background:#f2efff;border:1px solid #e6defc;border-radius:12px;color:var(--dash-primary);display:inline-flex;flex:0 0 auto;height:44px;justify-content:center;overflow:hidden;width:44px}.item-list-thumbnail img{height:100%;object-fit:cover;width:100%}.category-table-head,.category-row{grid-template-columns:minmax(220px,1.4fr) minmax(160px,1fr) minmax(120px,.75fr) minmax(100px,.7fr) 110px;min-width:760px}.category-color-chip{align-items:center;display:flex;gap:8px}.category-color-chip i{border:2px solid #ffffff;border-radius:999px;box-shadow:0 0 0 1px #e3e8f0;display:block;height:18px;width:18px}.table-actions{align-items:center;display:flex;gap:6px}.table-actions .btn{box-shadow:none}.table-actions .btn.action-view,.table-actions .btn.action-approve,.table-actions .btn.action-external{background:#ecfdf5;border-color:#c6f6d5;color:#16a34a}.table-actions .btn.action-edit{background:#fffbeb;border-color:#fde68a;color:#b45309}.table-actions .btn.action-delete,.table-actions .btn.action-archive,.table-actions .btn.action-reject{background:#fef2f2;border-color:#fecaca;color:#dc2626}.table-actions .btn.action-back,.table-actions .btn.action-copy{background:#f5f3ff;border-color:#ddd6fe;color:#7c3aed}.btn.action-view:hover,.btn.action-approve:hover,.btn.action-external:hover,.table-actions .btn.action-view:hover,.table-actions .btn.action-approve:hover,.table-actions .btn.action-external:hover{background:#d1fae5;border-color:#86efac;box-shadow:0 12px 24px #18b8782e;color:#15803d}.btn.action-edit:hover,.table-actions .btn.action-edit:hover{background:#fef3c7;border-color:#fcd34d;box-shadow:0 12px 24px #ffc85c38;color:#92400e}.btn.action-delete:hover,.btn.action-archive:hover,.btn.action-reject:hover,.table-actions .btn.action-delete:hover,.table-actions .btn.action-archive:hover,.table-actions .btn.action-reject:hover{background:#fee2e2;border-color:#fca5a5;box-shadow:0 12px 24px #dd1f5b2e;color:#b91c1c}.btn.action-back:hover,.btn.action-copy:hover{background:#ede9fe;border-color:#c4b5fd;box-shadow:0 12px 24px #5228e824;color:#6d28d9}.template-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.template-card{background:#f9fbff;border:1px solid #edf2f8;border-radius:var(--dash-radius-card);display:grid;gap:12px;padding:20px}.template-card-head{align-items:center;display:flex;justify-content:space-between}.template-card h3{color:var(--dash-text);font-size:20px;letter-spacing:-.03em;margin:0}.template-card small{color:var(--dash-purple);font-weight:850}.template-card p{color:var(--dash-muted);line-height:1.55;margin:0}.template-placeholder-help{background:#f9fbff;border:1px solid #edf2f8;border-radius:18px;display:grid;gap:14px;padding:16px}.template-placeholder-help h3{color:var(--dash-text);font-size:16px;margin:0 0 4px}.template-placeholder-help p{color:var(--dash-muted);font-size:13px;line-height:1.5;margin:0}.template-placeholder-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.template-placeholder-grid button{background:#fff;border:1px solid #edf2f8;border-radius:14px;color:var(--dash-text);cursor:pointer;display:grid;gap:3px;min-height:58px;padding:10px 12px;text-align:left;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}.template-placeholder-grid button:hover{background:#eee6ff;border-color:#d9c9ff;box-shadow:0 12px 24px #5228e824;color:var(--dash-purple)}.template-placeholder-grid strong{font-size:13px}.template-placeholder-grid span{color:var(--dash-muted);font-size:12px;line-height:1.35}.subscription-doughnut-stat{align-items:center;display:flex;flex-direction:column;gap:6px;padding-bottom:16px;padding-top:16px}.subscription-doughnut-wrap{height:90px;position:relative;width:90px}.subscription-doughnut-center{align-items:center!important;display:flex;flex-direction:column;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute}.subscription-doughnut-center strong{color:var(--dash-text);font-size:18px;line-height:1.1}.subscription-doughnut-center small{color:var(--dash-muted);font-size:11px}.subscription-layout{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 320px}.subscription-period-banner{align-items:center;background:#f2f0ff;border:1px solid #ddd4ff;border-radius:var(--radius-lg);color:var(--dash-purple);display:flex;gap:12px;padding:14px 16px}.subscription-period-banner div{display:grid;gap:3px}.subscription-period-banner strong{color:var(--dash-text);font-size:14px}.subscription-period-banner span{color:var(--dash-muted);font-size:13px;line-height:1.4}.subscription-period-banner.success{background:#eaf9f1;border-color:#ccefdc;color:#18a66d}.subscription-period-banner.warning{background:#fff8e5;border-color:#ffe4a3;color:#a66a00}.subscription-period-banner.danger{background:#fff0f3;border-color:#ffd4de;color:#d72c58}.downgrade-overlay{align-items:center;background:#00000059;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.downgrade-modal{background:#fff;border-radius:14px;max-width:480px;padding:28px;width:90vw}.downgrade-modal h3{font-size:18px;margin:0 0 8px}.downgrade-modal>p{color:#4a4766;font-size:13px;line-height:1.5;margin:0 0 16px}.downgrade-table{border-collapse:collapse;font-size:13px;margin-bottom:16px;width:100%}.downgrade-table th{color:#6b6f8a;font-size:11px;font-weight:700;padding:6px 8px;text-align:left;text-transform:uppercase}.downgrade-table td{padding:6px 8px;border-top:1px solid #edf2f8}.downgrade-table td.over{color:#d72c58;font-weight:700}.downgrade-note{background:#fff8e6;border-radius:8px;color:#7a6200;font-size:12px;line-height:1.5;margin:0 0 18px;padding:10px 12px}.downgrade-actions{display:flex;gap:8px;justify-content:flex-end}.subscription-plan-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.subscription-plan-card{background:#f9fbff;border:1px solid #edf2f8;border-radius:var(--dash-radius-card);display:grid;gap:10px;min-width:0;overflow:hidden;padding:18px}.subscription-plan-card.active{background:linear-gradient(135deg,#fff,#f4edff);border-color:#d8c6ff}.subscription-plan-card>span{color:var(--dash-purple);font-size:12px;font-weight:900;text-transform:uppercase}.subscription-plan-card h3{color:var(--dash-text);font-size:20px;margin:0}.subscription-plan-price{align-items:baseline;display:flex;flex-wrap:wrap;gap:4px;min-width:0}.subscription-plan-price strong{color:var(--dash-text);font-size:28px;letter-spacing:0;line-height:1.15;min-width:0;white-space:nowrap}.subscription-plan-price small{color:var(--dash-muted);font-size:12px;letter-spacing:0;white-space:nowrap}.subscription-plan-card p{color:var(--dash-muted);font-size:13px;line-height:1.35;margin:0}.subscription-plan-card .btn{align-self:end;max-width:100%;width:100%}.billing-list{display:grid;gap:12px;margin-top:20px}.billing-row{background:var(--dash-content, #f5f6fa);border-radius:10px;padding:14px 16px}.billing-row strong{display:block;font-size:15px;margin-bottom:4px;color:var(--dash-text)}.billing-row span{display:block;font-size:13px;line-height:1.5;color:var(--dash-muted)}.tx-card{background:var(--card, #fff);border:1px solid #e4e6f5;border-radius:14px;padding:16px 18px}.tx-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.tx-id{font-family:SF Mono,Menlo,monospace;font-size:14px;font-weight:700;color:var(--text-primary, #1f1b4d);word-break:break-all;line-height:1.3}.tx-card .badge{flex-shrink:0;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;text-transform:capitalize}.tx-card .badge.paid{background:#e4f5ea;color:#1f8a4c}.tx-card .badge.pending{background:#fff3e0;color:#e65100}.tx-card .badge.expired,.tx-card .badge.failed{background:#fce4e4;color:#c62828}.tx-mid{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:10px}.tx-plan{font-size:13px}.tx-plan .package{color:var(--text-primary, #1f1b4d);font-weight:600}.tx-plan .sep{color:var(--text-muted, #9498ac);margin:0 6px}.tx-plan .channel{color:var(--text-muted, #9498ac);font-weight:500}.tx-date{font-size:12px;color:var(--text-muted, #9498ac);white-space:nowrap}.tx-divider{border-top:1px dashed #e4e6f5;margin:12px 0}.tx-amount-row{display:flex;align-items:baseline;justify-content:space-between}.tx-amount-label{font-size:12px;color:var(--text-muted, #9498ac)}.tx-amount{font-size:20px;font-weight:700;color:var(--text-primary, #1f1b4d)}.settings-layout{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-card{background:var(--dash-card);border:1px solid rgba(255,255,255,.86);border-radius:var(--dash-radius-card);box-shadow:0 20px 60px #2820440f;display:grid;gap:22px;padding:24px;align-items:flex-start;align-content:flex-start}.settings-card.wide{grid-column:1 / -1}.settings-card-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.settings-card-head svg{color:var(--dash-purple);flex:0 0 auto}.settings-card-head h2{color:var(--dash-text);font-size:24px;letter-spacing:-.04em;margin-bottom:4px;display:flex;align-items:center;gap:8px}.settings-card-head p{color:var(--dash-muted);margin:0}.settings-form-grid{display:grid;align-items:start;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.business-profile-grid .field{align-content:start;align-self:start}.business-profile-grid .input-wrap{align-self:start;height:44px;min-height:44px}.business-profile-grid .color-picker-trigger{align-self:start;min-height:44px}.business-profile-grid .file-button{min-height:44px}.settings-form-grid.one-column{grid-template-columns:1fr}.field--checkbox{display:flex;align-items:center;gap:8px;grid-column:1 / -1;cursor:pointer;font-size:13px;color:var(--dash-muted);padding:4px 0}.field--checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary, #7C3AED);cursor:pointer}.settings-toggle-list{display:grid;gap:12px}.settings-toggle-row{align-items:center;background:#f9fbff;border:1px solid #edf2f8;border-radius:var(--radius-lg);display:flex;gap:18px;justify-content:space-between;padding:14px}.settings-toggle-row div{display:grid;gap:3px}.settings-toggle-row span{color:var(--dash-muted);font-size:13px}.settings-toggle-row input{accent-color:var(--dash-purple);height:20px;width:20px}.settings-textarea{background:#f9fbff;border:1px solid #edf2f8;border-radius:var(--radius-lg);color:var(--dash-text);min-height:128px;outline:0;padding:14px;resize:vertical;width:100%}.settings-textarea.compact{min-height:96px}.create-layout{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 320px}.create-main-card{align-self:start}.create-side-card{align-self:start;background:var(--dash-card);border:1px solid rgba(255,255,255,.86);border-radius:var(--dash-radius-card);box-shadow:0 20px 60px #2820440f;display:grid;gap:20px;padding:24px;position:sticky;top:90px}.create-side-card h2{color:var(--dash-text);font-size:24px;letter-spacing:-.04em;margin:0}.create-section-head{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-top:4px}.create-section-head h3{color:var(--dash-text);font-size:20px;margin:0}.create-item-table{display:grid;gap:10px}.create-item-head,.create-item-row{display:grid;gap:12px;grid-template-columns:minmax(180px,.9fr) 40px 120px 120px 120px}.create-item-head{color:var(--dash-muted);font-size:12px;font-weight:850;padding:0 14px;text-transform:uppercase}.create-item-row{align-items:center;background:#f9fbff;border:1px solid #edf2f8;border-radius:var(--radius-lg);color:var(--dash-text);min-height:56px;padding:12px 14px}.create-item-block{background:#f9fbff;border:1px solid #edf2f8;border-radius:18px;display:grid;gap:8px;padding:14px}.order-item-row{align-items:end;border:0;border-radius:0;gap:10px;min-height:0;padding:0}.top-row{grid-template-columns:minmax(120px,1.25fr) 60px minmax(80px,.8fr)}.bottom-row{grid-template-columns:repeat(3,1fr)}.order-item-row>div{display:grid;gap:7px;min-width:0}.order-item-row>div>span{color:var(--dash-muted);font-size:11px;font-weight:850;letter-spacing:.02em;text-transform:uppercase}.order-currency-field{color:var(--dash-muted);font-size:11px;gap:8px;display:grid;font-weight:850;letter-spacing:.02em;text-transform:uppercase}.order-currency-field .currency-input-wrap{border-radius:12px;min-height:40px;padding:0 10px}.discount-text{color:#dc3545}.order-item-row input,.order-item-row select{background:#fff;border:1px solid #edf2f8;border-radius:12px;color:var(--dash-text);min-height:40px;min-width:0;outline:0;padding:0 10px;width:100%}.order-item-row .currency-input-wrap input{border:0;min-height:auto;padding:0}.order-item-row>.btn{align-self:end;box-shadow:none;margin-bottom:1px}.order-item-row .settings-select{min-height:40px}.item-delete-btn{background:#fef2f2!important;border-color:#fecaca!important;color:#dc2626!important;height:40px}.btn-mobile{display:none!important}.btn-desktop{display:block}@media(max-width:560px){.order-item-row.top-row>div:first-child{grid-template-columns:10fr 2fr;align-items:center}.order-item-row.top-row>div:first-child>span:first-child{grid-column:1 / -1}.btn-desktop{display:none!important}.btn-mobile{display:block!important}}.variant-with-delete{align-items:center;display:flex;gap:6px}.variant-with-delete input{flex:1;min-width:0}.variant-with-delete .btn{flex-shrink:0}.order-item-manual-name{grid-column:1 / -1;margin-top:-2px}.summary-row .summary-currency-input{max-width:130px}.summary-currency-input .currency-input-wrap{border-radius:10px;min-height:34px;padding:0 8px}.summary-currency-input .currency-input-prefix{font-size:12px}.summary-currency-input input{background:none;border:0;font-size:13px;font-weight:650;min-height:auto;outline:0;padding:0;text-align:right;width:100%}.summary-list{display:grid;gap:12px}.summary-row{align-items:center;border-bottom:1px solid #edf2f8;color:var(--dash-muted);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-bottom:12px}.summary-row strong{color:var(--dash-text)}.summary-row.strong{border-bottom:0;color:var(--dash-text);font-size:18px}.summary-row.strong strong{color:var(--dash-purple);font-size:22px}.create-full-button{width:100%}.settings-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f9fbff;border:1px solid #edf2f8;border-radius:var(--radius-lg);color:var(--dash-text);min-height:42px;outline:0;padding:0 14px;width:100%;font-size:14px;font-weight:500}.detail-layout{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 320px}.detail-layout-item{display:grid}.detail-card,.detail-side-card,.delete-card{background:var(--dash-card);border:1px solid rgba(255,255,255,.86);border-radius:var(--dash-radius-card);box-shadow:0 20px 60px #2820440f}.detail-card{display:grid;gap:22px;min-width:0;padding:24px}.detail-side-card{align-self:start;display:grid;gap:20px;padding:24px}.detail-side-card h2{color:var(--dash-text);font-size:24px;letter-spacing:-.04em;margin:0}.detail-profile,.item-preview,.detail-title-row,.profile-hero{align-items:center;display:flex;gap:16px;justify-content:space-between}.detail-profile,.profile-hero{justify-content:flex-start}.detail-profile>span{align-items:center;background:linear-gradient(135deg,#a544ff,#5228e8);border-radius:20px;color:#fff;display:inline-flex;flex:0 0 auto;font-size:28px;font-weight:900;height:72px;justify-content:center;width:72px}.profile-hero>span{border-radius:24px;font-size:32px;height:88px;overflow:hidden;width:88px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.detail-profile h2,.item-preview h2,.detail-title-row h2,.profile-hero h2{color:var(--dash-text);font-size:26px;letter-spacing:-.04em;margin:10px 0}.detail-profile p,.item-preview p,.detail-title-row p,.profile-hero p,.side-helper-text{color:var(--dash-muted);line-height:1.55;margin:0}.detail-title-row>strong{color:var(--dash-purple);font-size:28px;letter-spacing:-.04em}.detail-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-info:last-child:nth-child(odd){grid-column:1 / -1}@media(max-width:1024px){.detail-grid,.create-layout,.detail-layout,.settings-layout{grid-template-columns:1fr}.create-item-row{grid-template-columns:repeat(4,1fr)}.create-item-row>span:first-child{grid-column:1 / -1;margin-bottom:6px}}.detail-info{align-items:center;background:#f9fbff;border:1px solid #edf2f8;border-radius:var(--radius-lg);display:flex;gap:12px;height:fit-content;padding:14px}.detail-info svg{color:var(--dash-purple);flex:0 0 auto}.detail-info div{display:grid;gap:3px;min-width:0}.detail-info span{color:var(--dash-muted);font-size:13px}.detail-info strong{color:var(--dash-text);overflow-wrap:anywhere}.detail-block{background:#f9fbff;border:1px solid #edf2f8;border-radius:var(--radius-lg);display:grid;gap:8px;padding:16px}.detail-block.compact{padding:14px}.detail-block h3{color:var(--dash-text);font-size:16px;margin:0}.detail-block p{align-items:center;color:var(--dash-muted);display:flex;gap:7px;line-height:1.55;margin:0}.order-linked-section{background:#f9fbff;border:1px solid #edf2f8;border-radius:var(--radius-lg);display:grid;gap:12px;padding:18px}.order-linked-section-head{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.order-linked-section-head h3{color:var(--dash-text);font-size:20px;letter-spacing:-.03em;margin:0}.order-linked-section-head p{color:var(--dash-muted);margin:4px 0 0}.order-linked-card{align-items:center;background:#f9fbff;border:1px solid #edf2f8;border-radius:var(--radius-lg);display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(120px,.75fr) minmax(120px,.75fr);padding:14px}.order-linked-card-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end;margin-top:10px}.order-linked-card span,.order-proof-card span,.order-proof-card small{color:var(--dash-muted);display:block;font-size:12px;font-weight:800}.order-linked-card strong,.order-proof-card strong{color:var(--dash-text);display:block;margin-top:4px;overflow-wrap:anywhere}.order-linked-actions,.order-proof-actions{align-items:center;display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.order-linked-empty{background:#f9fbff;border:1px dashed #dfe7f2;border-radius:var(--radius-lg);color:var(--dash-muted);font-weight:800;padding:18px;text-align:center}.order-shipping-invoice-action{align-items:center;background:#f9fbff;border:1px solid #edf2f8;border-radius:var(--radius-lg);display:flex;gap:12px;justify-content:space-between;padding:14px}.order-shipping-invoice-action p{color:var(--dash-muted);font-weight:800;margin:0}.order-proof-list{display:grid;gap:10px}.order-proof-card{align-items:center;background:#f9fbff;border:1px solid #edf2f8;border-radius:var(--radius-lg);display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto auto;padding:12px}.order-proof-card small{font-weight:750;margin-top:5px}.order-proof-actions .btn{font-size:12px;min-height:34px;padding-inline:10px;white-space:nowrap}.order-proof-actions .btn-icon{height:34px;min-width:34px;padding:0;width:34px}@media(max-width:980px){.order-linked-card,.order-proof-card{align-items:stretch;grid-template-columns:1fr}.order-shipping-invoice-action{align-items:stretch;flex-direction:column}.order-linked-actions,.order-linked-card-actions,.order-proof-actions{justify-content:flex-start}}.detail-link{align-items:center;color:var(--dash-purple);display:inline-flex;font-weight:800;gap:8px;overflow-wrap:anywhere}.item-preview{align-items:flex-start;justify-content:flex-start}.item-image-placeholder{align-items:center;background:linear-gradient(135deg,#f3ecff,#fff8e5);border:1px solid #eadfff;border-radius:var(--dash-radius-card);color:var(--dash-purple);display:inline-flex;flex:0 0 auto;height:104px;justify-content:center;overflow:hidden;width:104px}.item-image-placeholder img{border-radius:inherit;height:100%;object-fit:cover;width:100%}.delete-layout{display:grid;place-items:start center}.delete-card{display:grid;gap:20px;max-width:560px;padding:28px;text-align:center;width:100%}.delete-icon{align-items:center;background:#ffe7ee;border-radius:20px;color:#dd1f5b;display:inline-flex;height:64px;justify-content:center;justify-self:center;width:64px}.delete-card h2{color:var(--dash-text);font-size:28px;letter-spacing:-.04em;margin:0 0 8px}.delete-card p{color:var(--dash-muted);line-height:1.6;margin:0}.delete-detail-list{background:#f9fbff;border:1px solid #edf2f8;border-radius:var(--radius-lg);display:grid;gap:12px;padding:16px;text-align:left}.delete-detail-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.delete-detail-row span{color:var(--dash-muted);flex-shrink:0}.delete-detail-row strong{color:var(--dash-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-detail-row .customer-status{flex-shrink:0;width:fit-content}.delete-actions{align-items:center;display:flex;gap:10px;justify-content:center}.btn-danger,.btn-danger-soft{color:#dd1f5b}.btn-danger{background:#dd1f5b;color:#fff}.btn-danger-soft{background:#ffe7ee;border-color:#ffd0dc}*{box-sizing:border-box}body{margin:0;overflow-x:hidden;width:100%}#root{min-width:0;overflow-x:hidden;width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh;background:var(--page)}.sidebar{background:var(--primary);color:#fff;display:flex;flex-direction:column;gap:24px;min-height:100vh;padding:22px;position:sticky;top:0}.topbar{align-items:center;background:#ffffffd1;border-bottom:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;min-height:72px;padding:14px 28px}.workspace{min-width:0}.brand{align-items:center;display:flex;gap:10px;font-weight:800}.brand-mark{display:block;height:32px;object-fit:contain;width:32px}.brand small{color:#ffffffad;display:block;font-size:12px;font-weight:600;margin-top:2px}.landing-nav .brand small{color:var(--muted)}.nav{display:flex;flex-direction:column;gap:8px}.nav-item{align-items:center;background:transparent;border-color:transparent;color:#ffffffc7;display:inline-flex;gap:10px;justify-content:flex-start;width:100%}.nav-item.active{background:#ffffff1f;border-color:#ffffff2e;color:#fff}.btn,.primary-button{align-items:center;background:var(--orange);border-color:var(--orange);border-style:solid;border-width:1px;border-radius:var(--radius-md);color:#fff;display:inline-flex;gap:8px;font-size:14px;font-weight:750;justify-content:center;min-height:40px;padding:0 14px}.btn{transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--orange);border-color:var(--orange);color:#fff}.btn-secondary{background:#ffffffc7;border-color:var(--line);color:var(--primary)}.btn-secondary:hover{background:#fff}.btn-ghost{background:transparent;border:1px solid var(--line);border-radius:var(--radius-md);color:var(--secondary)}.btn-icon,.icon-button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);color:var(--secondary);display:inline-flex;justify-content:center;min-height:40px;width:40px}.btn-sm{min-height:36px;font-size:13px;padding:0 12px}.btn-md{font-size:14px;min-height:40px;padding:0 14px}.btn-lg{font-size:15px;min-height:48px;padding:0 18px}.btn-pill{border-radius:var(--radius-pill)}.ghost-button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);display:inline-flex;gap:8px;justify-content:center;min-height:40px;padding:0 14px}.page{margin:0 auto;max-width:1160px;padding:28px}.page-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.eyebrow{color:var(--secondary);font-size:13px;font-weight:700;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{color:var(--primary);font-size:32px;line-height:1.12;margin-bottom:8px}h2{font-size:20px}.muted{color:var(--muted)}.stats-grid,.content-grid,.pricing-grid{display:grid;gap:16px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.content-grid{grid-template-columns:1.3fr .7fr}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px}.card-soft{border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.card-dark{background:var(--primary);border-color:var(--primary);color:#fff}.trial-box{background:#ffffff1a;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-lg);display:grid;gap:4px;margin-top:auto;padding:14px}.trial-box span,.trial-box small{color:#ffffffb3}.stat-value{font-size:28px;font-weight:800;margin-bottom:4px}.list{display:grid;gap:10px}.list-row{align-items:center;border-radius:var(--radius-md);display:flex;gap:12px;justify-content:space-between}.status{border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;padding:5px 9px;white-space:nowrap}.status.warning{background:#fff3d0;color:#6b4700}.status.success{background:#e7f9ef;color:#18b878}.status.info{background:#ffe7de;color:#9b2f16}.status.danger{background:#ffe7ee;color:#dd1f5b}.actions{align-items:center;display:flex;gap:10px}.landing-page{background:#f3efff;min-height:100vh;overflow:hidden}.landing-page section[id]{scroll-margin-top:112px}.landing-page .zone-section,.landing-page .landing-faq{background:#ffffff61;border:1px solid rgba(69,46,90,.08);border-radius:var(--radius-xl)}.landing-nav{align-items:center;background:#ffffffb8;border:1px solid rgba(229,224,235,.8);border-radius:999px;box-shadow:0 18px 60px #1e104e14;display:flex;gap:24px;justify-content:space-between;left:50%;margin:18px auto 0;max-width:1120px;padding:12px 16px;position:fixed;right:auto;top:0;transform:translate(-50%);width:calc(100% - 48px);z-index:100}@supports (backdrop-filter: blur(10px)){.landing-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}}.landing-nav+.hero-section{padding-top:138px}.landing-nav .brand,.landing-nav nav,.landing-nav .nav-cta{position:relative;z-index:1}.landing-nav nav{display:flex;gap:22px}.landing-nav nav a{color:var(--muted);font-weight:700}.nav-cta{white-space:nowrap}.hero-section{align-items:center;display:grid;gap:54px;grid-template-columns:minmax(0,1fr) minmax(360px,.86fr);margin:0 auto;max-width:1180px;min-height:calc(100vh - 88px);padding:42px 28px 72px}.zone-hero{display:block;max-width:1260px;min-height:auto;padding-bottom:92px;text-align:center}.zone-hero-copy{margin:0 auto;max-width:900px}.hero-copy h1{font-size:clamp(48px,7vw,88px);letter-spacing:-.04em;line-height:.96;margin-bottom:20px;max-width:920px}.hero-text{color:var(--muted);font-size:18px;line-height:1.65;margin:0 auto;max-width:760px}.hero-actions{align-items:center;justify-content:center;display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 18px}.trust-row{color:var(--secondary);display:flex;flex-wrap:wrap;gap:14px;justify-content:center;font-weight:800}.trust-row span{align-items:center;display:inline-flex;gap:6px}.pill-eyebrow{align-items:center;background:#ffffffc7;border:1px solid var(--line);border-radius:var(--radius-pill);box-shadow:0 14px 40px #1e104e14;color:var(--secondary);display:inline-flex;font-size:13px;font-weight:900;gap:8px;margin:0 0 18px;padding:8px 14px}.zone-visual{margin:70px auto 0;max-width:1060px;min-height:560px;position:relative}.visual-dashboard{animation:floatPhone 6s ease-in-out infinite;background:#ffffffc2;border:1px solid rgba(255,255,255,.86);border-radius:var(--radius-xl);box-shadow:var(--shadow-hero);display:grid;grid-template-columns:190px minmax(0,1fr);min-height:440px;overflow:hidden;position:relative;z-index:2}.mock-sidebar{background:linear-gradient(180deg,var(--primary),var(--secondary));display:grid;gap:16px;padding:34px 26px;align-content:start}.mock-sidebar span{background:#ffffff29;border-radius:999px;height:42px}.mock-sidebar span:first-child{background:var(--orange);height:54px;width:54px}.mock-content{display:grid;gap:22px;padding:34px;text-align:left}.mock-header,.mock-metrics,.mock-progress{align-items:center;display:flex;gap:16px;justify-content:space-between}.mock-header button{background:var(--orange);border:0;border-radius:var(--radius-pill);color:#fff;font-weight:750;min-height:44px;padding:0 18px}.hero-actions .btn-secondary{box-shadow:var(--shadow-soft)}.mini-label{color:var(--muted);display:block;font-size:12px;font-weight:900;margin-bottom:4px;text-transform:uppercase}.mock-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.mock-metrics div,.mock-progress,.zone-floating-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft)}.mock-metrics div{display:grid;gap:4px;padding:20px}.mock-metrics strong{color:var(--primary);font-size:34px}.mock-metrics span,.mock-progress small,.zone-floating-card small{color:var(--muted)}.mock-table{background:#fff;border:1px solid var(--line);border-radius:22px;display:grid;gap:14px;padding:22px}.mock-table span{background:#f0ebf7;border-radius:999px;height:26px}.mock-table span:nth-child(2){width:78%}.mock-table span:nth-child(3){width:58%}.mock-progress{justify-content:flex-start;padding:18px}.mock-progress svg,.zone-floating-card svg,.visual-check{color:var(--orange)}.zone-floating-stack{top:0;right:0;bottom:0;left:0;position:absolute}.zone-floating-card{align-items:center;animation:floatCard 4.8s ease-in-out infinite;display:flex;gap:12px;min-width:224px;padding:14px;position:absolute;text-align:left;z-index:3}.zone-floating-card small{display:block;margin-top:3px}.zone-floating-card-1{left:-18px;top:58px}.zone-floating-card-2{right:-22px;top:112px;animation-delay:.35s}.zone-floating-card-3{left:42px;bottom:78px;animation-delay:.7s}.zone-floating-card-4{right:58px;bottom:34px;animation-delay:1.05s}.orbit-dot{border-radius:50%;position:absolute;z-index:1}.orbit-dot-1{background:var(--yellow);height:92px;left:12%;top:-24px;width:92px}.orbit-dot-2{background:#ff653f33;height:150px;right:6%;top:12px;width:150px}.orbit-dot-3{background:#452e5a1f;bottom:24px;height:180px;left:34%;width:180px}.visual-check{animation:floatCard 5.4s ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:0 18px 44px #1e104e24;padding:10px;position:absolute;right:18%;top:-24px;z-index:4}.section-band,.workflow-section,.final-cta{margin:0 auto;max-width:1180px;padding:92px 28px}.zone-section,.highlight-section{position:relative}.section-heading{margin-bottom:26px;max-width:720px}.center-heading{margin-left:auto;margin-right:auto;max-width:760px;text-align:center}.section-heading h2,.final-cta h2{color:var(--primary);font-size:clamp(34px,5vw,58px);letter-spacing:-.035em;line-height:1.02}.feature-grid,.landing-pricing-grid{display:grid;gap:22px;grid-template-columns:repeat(4,minmax(0,1fr))}.feature-card,.price-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:26px}.feature-icon{align-items:center;background:#fff0ea;border-radius:var(--radius-md);color:var(--orange);display:inline-flex;height:42px;justify-content:center;margin-bottom:18px;width:42px}.feature-card h3{color:var(--primary);margin-bottom:8px}.workflow-section{display:grid;gap:46px;grid-template-columns:.78fr 1fr}.zone-workflow{align-items:center}.workflow-list{display:grid;gap:14px}.workflow-item{align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 48px #1e104e0f;display:flex;gap:14px;padding:16px}.workflow-item span{align-items:center;background:var(--yellow);border-radius:12px;color:var(--primary);display:inline-flex;font-weight:900;height:34px;justify-content:center;width:34px}.highlight-section{margin:0 auto;max-width:1180px;padding:92px 28px}.highlight-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.highlight-item{align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;box-shadow:0 18px 50px #1e104e0f;display:flex;font-weight:900;gap:10px;padding:16px 18px}.highlight-item svg{color:var(--orange);flex:0 0 auto}.landing-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.price-card{display:grid;align-content:start}.price-card.featured{background:var(--primary);border-color:var(--primary);color:#fff}.price-card.featured .muted,.price-card.featured small,.price-card.featured .price-description{color:#ffffffbd}.price-card-head{align-items:center;display:flex;gap:10px;justify-content:space-between}.price-card-head em{background:var(--yellow);border-radius:var(--radius-pill);color:var(--primary);font-size:10px;font-style:normal;font-weight:900;padding:6px 9px;text-transform:uppercase}.plan-name{color:var(--orange);font-size:12px;font-weight:900;text-transform:uppercase}.plan-price{color:var(--primary);font-size:38px;line-height:1}.plan-original-price{color:var(--muted);font-size:14px;font-weight:750;line-height:1;margin-bottom:-6px;text-decoration-color:var(--orange);text-decoration-thickness:2px}.price-card.featured .plan-original-price{color:#ffffff94}.price-card.featured .plan-price{color:#fff}.plan-price small{color:var(--muted);font-size:13px;margin-left:5px}.price-description{color:var(--muted);font-size:13px;line-height:1.6;min-height:42px}.price-feature-list{display:grid;gap:10px;list-style:none;margin:2px 0 8px;padding:0}.price-feature-list li{align-items:center;color:var(--muted);display:flex;font-size:12px;font-weight:700;gap:8px}.price-feature-list svg{color:var(--orange);flex:0 0 auto}.price-card.featured .price-feature-list li{color:#ffffffd1}.price-card>.btn{margin-top:auto;width:100%}.price-card-loading{min-height:390px}.price-card-loading span{animation:pricingPulse 1.4s ease-in-out infinite;background:#eeeaf5;border-radius:8px;display:block;height:18px}.price-card-loading span:nth-child(2){height:46px;width:76%}.price-card-loading span:nth-child(3){height:70px}.price-card-loading span:nth-child(4){height:150px}.landing-pricing-message{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);color:var(--muted);grid-column:1 / -1;padding:28px;text-align:center}@keyframes pricingPulse{0%,to{opacity:.5}50%{opacity:1}}.landing-faq{display:grid;gap:64px;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);margin:0 auto;max-width:1180px;padding:92px 28px}.landing-faq-heading{align-self:start;position:sticky;top:128px}.landing-faq-heading h2{color:var(--primary);font-size:clamp(34px,5vw,58px);line-height:1.02;margin-bottom:18px}.landing-faq-heading>.muted{font-size:17px;line-height:1.7;max-width:470px}.landing-faq-list{border-top:1px solid var(--line)}.landing-faq-item{border-bottom:1px solid var(--line)}.landing-faq-item summary{align-items:center;color:var(--primary);cursor:pointer;display:flex;font-size:17px;font-weight:800;gap:20px;justify-content:space-between;list-style:none;min-height:78px;padding:20px 2px}.landing-faq-item summary::-webkit-details-marker{display:none}.landing-faq-item summary svg{color:var(--orange);flex:0 0 auto;transition:transform .18s ease}.landing-faq-item[open] summary svg{transform:rotate(180deg)}.landing-faq-item p{color:var(--muted);line-height:1.7;margin:-4px 42px 24px 2px}.landing-contact{align-items:start;display:grid;gap:72px;grid-template-columns:minmax(0,.72fr) minmax(520px,1fr);margin:20px auto 96px;max-width:1180px;padding:72px 28px}.landing-contact-copy{padding-top:18px}.landing-contact-copy h2{color:var(--primary);font-size:clamp(36px,5vw,58px);line-height:1.03;margin:0 0 20px}.landing-contact-copy>p{color:var(--muted);font-size:17px;line-height:1.7;margin:0}.landing-contact-points{display:grid;gap:14px;margin-top:30px}.landing-contact-points span{align-items:center;color:var(--secondary);display:flex;font-size:14px;font-weight:750;gap:10px}.landing-contact-points svg{color:var(--orange)}.landing-contact-info{display:grid;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(69,46,90,.1)}.landing-contact-info span{color:var(--secondary);font-size:13px;line-height:1.5}.landing-contact-form{background:#fff;border:1px solid rgba(69,46,90,.12);border-radius:var(--radius-xl);box-shadow:0 28px 72px #1e104e24;display:grid;gap:22px;padding:30px}.landing-contact-form-head{align-items:center;display:flex;justify-content:space-between}.landing-contact-form-head span,.landing-footer-links>strong,.landing-footer-contact>span{color:var(--orange);display:block;font-size:11px;font-weight:900;margin-bottom:5px;text-transform:uppercase}.landing-contact-form-head h3{color:var(--primary);font-size:23px;margin:0}.landing-contact-form-head svg{color:var(--orange)}.landing-contact-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.landing-contact-form label{color:var(--secondary);display:grid;font-size:12px;font-weight:800;gap:8px}.landing-contact-form input,.landing-contact-form select,.landing-contact-form textarea{background:#faf9ff;border:1px solid #ded7eb;border-radius:var(--radius-md);color:var(--primary);font:inherit;font-size:14px;min-height:48px;outline:0;padding:0 14px;transition:border-color .16s ease,box-shadow .16s ease;width:100%}.landing-contact-form textarea{line-height:1.6;min-height:132px;padding-bottom:12px;padding-top:12px;resize:vertical}.landing-contact-form input:focus,.landing-contact-form select:focus,.landing-contact-form textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff653f1f}.landing-contact-submit{align-items:center;display:flex;gap:18px;justify-content:space-between}.landing-contact-submit small{color:var(--muted);font-size:11px;line-height:1.5;max-width:390px}.contact-honeypot{height:1px;left:-10000px;overflow:hidden;position:absolute;width:1px}.landing-footer{background:var(--primary);color:#fff;min-height:520px;padding:76px max(28px,calc((100vw - 1180px)/2)) 28px}.landing-footer-grid{display:grid;gap:56px;grid-template-columns:1.2fr .7fr .7fr 1fr}.landing-footer .brand{color:#fff}.landing-footer .brand small{color:#ffffffa3}.landing-footer-brand>p,.landing-footer-contact>p{color:#ffffffa8;font-size:13px;line-height:1.7;margin:22px 0;max-width:300px}.landing-footer-socials{align-items:center;display:flex;gap:14px}.landing-footer-socials a{color:var(--yellow);display:inline-flex;transition:color .15s ease,transform .15s ease}.landing-footer-socials a:hover{color:#fff;transform:translateY(-2px)}.landing-footer-links{align-content:start;display:grid;gap:14px}.landing-footer-links>strong,.landing-footer-contact>span{color:var(--yellow);margin-bottom:8px}.landing-footer-links a{color:#ffffffb8;font-size:13px;font-weight:700}.landing-footer-links a:hover{color:#fff}.landing-footer-contact h3{font-size:22px;line-height:1.25;margin:0}.landing-footer-contact>a{align-items:center;border-bottom:1px solid rgba(255,255,255,.42);color:#fff;display:inline-flex;font-size:13px;font-weight:800;gap:7px;padding-bottom:6px}.landing-footer-contact-details{display:grid;gap:8px;margin:18px 0}.landing-footer-contact-details span{align-items:center;color:#fff9;display:flex;font-size:12px;gap:8px;line-height:1.4}.landing-footer-contact-details svg{color:var(--yellow);flex-shrink:0}.landing-footer-bottom{border-top:1px solid rgba(255,255,255,.16);color:#ffffff8f;display:flex;font-size:11px;gap:24px;justify-content:space-between;margin-top:58px;padding-top:24px}.legal-page{background:#f3efff;color:var(--secondary);min-height:100vh}.legal-header{align-items:center;background:#ffffffeb;border-bottom:1px solid rgba(69,46,90,.1);display:flex;gap:28px;justify-content:space-between;padding:16px max(28px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:20}.legal-header>a:first-child{color:var(--primary)}.legal-header nav{align-items:center;display:flex;gap:8px}.legal-header nav a{border-bottom:2px solid transparent;color:var(--muted);font-size:13px;font-weight:750;padding:10px 12px 8px}.legal-header nav a.active{border-color:var(--orange);color:var(--primary)}.legal-back{align-items:center;color:var(--primary);display:inline-flex;font-size:13px;font-weight:800;gap:7px}.legal-hero{margin:0 auto;max-width:1180px;padding:76px 28px 58px}.legal-hero>span{align-items:center;color:var(--orange);display:inline-flex;font-size:12px;font-weight:900;gap:8px;text-transform:uppercase}.legal-hero h1{color:var(--primary);font-size:56px;line-height:1.04;margin:18px 0}.legal-hero p{color:var(--muted);font-size:18px;line-height:1.7;margin:0 0 16px;max-width:760px}.legal-hero small{color:var(--secondary);font-size:12px;font-weight:800}.legal-layout{align-items:start;display:grid;gap:56px;grid-template-columns:230px minmax(0,1fr);margin:0 auto;max-width:1180px;padding:0 28px 96px}.legal-toc{border-left:2px solid rgba(69,46,90,.14);max-height:calc(100vh - 120px);overflow-y:auto;padding-left:18px;position:sticky;scrollbar-width:thin;top:104px}.legal-toc>strong{color:var(--primary);display:block;font-size:12px;margin-bottom:12px;text-transform:uppercase}.legal-toc nav{display:grid;gap:3px}.legal-toc a{color:var(--muted);font-size:12px;font-weight:700;line-height:1.35;padding:7px 0}.legal-toc a:hover{color:var(--orange)}.legal-document{background:#fff;border-top:4px solid var(--primary);padding:52px 64px}.legal-summary{background:#f4f0ff;border-left:3px solid var(--orange);margin-bottom:24px;padding:20px 22px}.legal-summary strong{color:var(--primary)}.legal-summary p{margin-bottom:0}.legal-document>section{border-bottom:1px solid var(--line);padding:28px 0;scroll-margin-top:98px}.legal-document>section:last-child{border-bottom:0}.legal-document h2{color:var(--primary);font-size:24px;margin:0 0 14px}.legal-document p,.legal-document li{color:var(--muted);font-size:15px;line-height:1.8}.legal-document p{margin:0 0 12px}.legal-document p:last-child{margin-bottom:0}.legal-document ul{display:grid;gap:8px;margin:0;padding-left:20px}.legal-reference>div{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:18px}.legal-reference a{border-bottom:1px solid var(--orange);color:var(--primary);font-size:12px;font-weight:800;padding-bottom:3px}html:has(.legal-page){scroll-behavior:smooth}.legal-page .landing-footer{margin-top:0}.guide-page-header{margin-bottom:24px}.guide-tabs,.settings-tabs{margin-bottom:20px}.guide-intro{align-items:center;background:var(--primary);border-radius:var(--radius-xl);color:#fff;display:grid;gap:34px;grid-template-columns:minmax(0,1fr) auto;margin-bottom:28px;padding:34px}.guide-intro h2{font-size:28px;line-height:1.2;margin:8px 0 10px;max-width:680px}.guide-intro p{color:#ffffffb8;line-height:1.65;max-width:720px}.guide-kicker{color:var(--yellow);font-size:12px;font-weight:800;text-transform:uppercase}.guide-intro-points{display:grid;gap:12px}.guide-intro-points span{align-items:center;display:flex;font-size:13px;font-weight:700;gap:8px;white-space:nowrap}.guide-intro-points svg{color:var(--yellow)}.guide-layout{align-items:start;display:grid;gap:28px;grid-template-columns:220px minmax(0,1fr)}.guide-toc{align-self:start;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);max-height:calc(100vh - 68px);overflow-y:auto;padding:18px;position:sticky;scrollbar-width:thin;top:34px}.guide-toc>strong{color:var(--primary);display:block;font-size:13px;margin-bottom:12px}.guide-toc nav{display:grid;gap:4px}.guide-toc a{align-items:center;border-radius:var(--radius-sm);color:var(--muted);display:flex;font-size:12px;font-weight:700;gap:9px;padding:10px}.guide-toc a:hover{background:#f4f0ff;color:var(--primary)}.guide-content{background:#fff;border:1px solid var(--line);border-radius:var(--radius-xl);padding:12px 34px}.guide-section{border-bottom:1px solid var(--line);padding:34px 0 42px;scroll-margin-top:24px}.guide-section:last-child{border-bottom:0}.guide-section>p{color:var(--muted);line-height:1.7;margin:0 0 20px 48px;max-width:800px}.guide-section>p strong{color:var(--primary)}.guide-section-heading{align-items:center;display:flex;gap:14px;margin-bottom:16px}.guide-section-heading>span{align-items:center;background:#f0eaff;border-radius:10px;color:#7437ff;display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:900;height:34px;justify-content:center;width:34px}.guide-section-heading h2{color:var(--primary);font-size:22px}.guide-screenshot{margin:24px 0 24px 48px}.guide-screenshot button{background:#edf3fa;border:1px solid var(--line);border-radius:var(--radius-lg);cursor:zoom-in;display:block;overflow:hidden;padding:0;position:relative;width:100%}.guide-screenshot img{display:block;height:auto;width:100%}.guide-screenshot button>span{align-items:center;background:#1e104ee6;border-radius:var(--radius-pill);bottom:14px;color:#fff;display:flex;font-size:11px;font-weight:750;gap:6px;opacity:0;padding:8px 12px;position:absolute;right:14px;transition:opacity .16s ease}.guide-screenshot button:hover>span,.guide-screenshot button:focus-visible>span{opacity:1}.guide-screenshot-marker{border:3px solid #ef294f;border-radius:8px;box-shadow:0 0 0 2px #fffc,0 5px 16px #a90a2a47;pointer-events:none;position:absolute}.guide-screenshot-marker>b{align-items:center;background:#ef294f;border:2px solid #ffffff;border-radius:50%;color:#fff;display:inline-flex;font-size:10px;height:23px;justify-content:center;left:-12px;position:absolute;top:-12px;width:23px}.guide-screenshot figcaption{display:flex;flex-wrap:wrap;gap:10px 18px;padding:12px 2px 0}.guide-screenshot figcaption>span{align-items:center;color:var(--muted);display:inline-flex;font-size:11px;font-weight:700;gap:7px}.guide-screenshot figcaption b{align-items:center;background:#ef294f;border-radius:50%;color:#fff;display:inline-flex;font-size:9px;height:19px;justify-content:center;width:19px}.guide-steps{color:var(--muted);display:grid;gap:10px;line-height:1.6;margin:0 0 20px 48px;padding-left:20px}.guide-steps strong{color:var(--primary)}.guide-table{border:1px solid var(--line);border-radius:var(--radius-md);margin:24px 0 18px 48px;overflow:hidden}.guide-table-head,.guide-table-row{align-items:center;display:grid;gap:14px;grid-template-columns:150px 86px minmax(0,1fr);padding:12px 16px}.guide-table-head{background:#f6f8fc;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase}.guide-table-row{border-top:1px solid var(--line);color:var(--muted);font-size:12px}.guide-table-row strong{color:var(--primary)}.guide-required{color:#d9345c;font-weight:800}.guide-note,.guide-tip{align-items:flex-start;border-radius:var(--radius-md);display:flex;gap:12px;margin:18px 0 0 48px;padding:15px 16px}.guide-note{background:#eff7ff;color:#24567c}.guide-note.warning{background:#fff8e8;color:#765817}.guide-note p,.guide-tip p{font-size:12px;line-height:1.6;margin:0}.guide-note svg,.guide-tip svg{flex:0 0 auto;margin-top:1px}.guide-tip{background:#f8f5ff;color:var(--secondary)}.guide-tip strong{color:var(--primary);display:block;font-size:13px;margin-bottom:3px}.guide-column-list{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin:22px 0 0 48px}.guide-column-list>span{align-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:10px}.guide-column-list code{color:var(--primary);font-size:11px;font-weight:800}.guide-column-list small{color:var(--muted);font-size:9px}.guide-action-list{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0 0 48px}.guide-action-list>div{align-items:flex-start;border:1px solid var(--line);border-radius:var(--radius-md);color:var(--muted);display:flex;font-size:12px;gap:10px;line-height:1.5;padding:14px}.guide-action-list svg,.guide-action-list strong{color:var(--primary);flex:0 0 auto}.guide-finish{align-items:center;background:#f8f5ff;border-radius:var(--radius-md);display:grid;gap:14px;grid-template-columns:auto minmax(0,1fr) auto;margin:22px 0 0 48px;padding:18px}.guide-finish>svg{color:#7437ff}.guide-finish strong{color:var(--primary);display:block;font-size:13px;margin-bottom:3px}.guide-finish p{color:var(--muted);font-size:11px;line-height:1.5}.guide-image-backdrop{padding:24px}.guide-image-modal{background:#fff;border-radius:var(--radius-lg);max-height:calc(100vh - 48px);max-width:1280px;overflow:auto;padding:16px;position:relative;width:100%}.guide-image-modal .modal-close{position:sticky;top:0;margin-left:auto;z-index:1}.guide-image-canvas{margin-top:-38px;position:relative}.guide-image-canvas img{display:block;height:auto;width:100%}.final-cta{align-items:center;background:radial-gradient(circle at 80% 20%,rgba(255,200,92,.28),transparent 26%),var(--primary);border-radius:var(--radius-xl);color:#fff;display:flex;gap:28px;justify-content:space-between;margin-bottom:48px;margin-top:32px;overflow:hidden;padding:68px}.final-cta .eyebrow,.final-cta h2{color:#fff}.zone-final-cta .pill-eyebrow{background:#ffffff1f;border-color:#ffffff38;box-shadow:none;color:#fff}.login-page{align-items:center;background:radial-gradient(circle at 8% 18%,rgba(255,200,92,.36),transparent 24%),radial-gradient(circle at 92% 8%,rgba(255,101,63,.22),transparent 28%),linear-gradient(135deg,#1e104e,#452e5a 42%,#f2dfc7);display:flex;min-height:100vh;padding:40px}.login-shell{background:#fffffff0;border:1px solid rgba(255,255,255,.7);border-radius:28px;box-shadow:0 34px 90px #1e104e47;display:grid;grid-template-columns:minmax(360px,.82fr) minmax(440px,1.18fr);margin:0 auto;max-width:1260px;min-height:720px;overflow:hidden;width:100%}.auth-simple-shell{max-width:980px;min-height:620px}.login-panel{background:#fff;display:flex;flex-direction:column;padding:34px 44px 44px}.back-button{background:#f7f4fb;border:1px solid #eee9f5;border-radius:var(--radius-md);color:var(--primary);height:42px;width:42px}.login-form-wrap{display:grid;gap:22px;margin:auto;max-width:440px;width:100%}.register-form-wrap{gap:16px;max-width:460px}.login-form-wrap .brand{justify-content:center}.login-form-wrap .brand small{color:var(--muted)}.login-heading{text-align:center}.login-heading h1{font-size:34px;margin-bottom:10px}.google-button,.login-submit{width:100%}.google-button{min-height:52px}.google-mark{align-items:center;background:conic-gradient(from -45deg,#4285f4,#34a853,#fbbc05,#ea4335,#4285f4);border-radius:50%;color:#fff;display:inline-flex;font-weight:900;height:26px;justify-content:center;width:26px}.divider{align-items:center;color:var(--muted);display:grid;font-size:13px;gap:12px;grid-template-columns:1fr auto 1fr}.divider:before,.divider:after{background:var(--line);content:"";display:block;height:1px}.login-form{display:grid;gap:18px}.form-alert{border-radius:var(--radius-md);font-size:13px;font-weight:750;line-height:1.45;padding:12px 14px}.form-alert.error{background:#ffe7ee;color:#dd1f5b}.form-alert.success{background:#e7f9ef;color:#16885c}.form-alert.draft{background:#fffbeb;color:#92400e;display:flex;align-items:center;justify-content:space-between}.form-alert-link{background:none;border:none;color:var(--dash-purple);cursor:pointer;font-size:12px;font-weight:600;padding:0;text-decoration:underline;white-space:nowrap}.dashboard-page .form-alert.error{display:none}.dashboard-page .form-alert.draft{display:flex}.app-snackbar{background:#1e104e;border:1px solid rgba(255,255,255,.14);border-radius:14px;bottom:24px;box-shadow:0 18px 45px #1e104e42;color:#fff;font-size:14px;font-weight:750;left:50%;max-width:min(420px,calc(100vw - 32px));opacity:0;padding:13px 16px;pointer-events:none;position:fixed;text-align:center;transform:translate(-50%,12px);transition:opacity .18s ease,transform .18s ease;z-index:99999}.app-snackbar.show{opacity:1;transform:translate(-50%)}.app-snackbar.error{background:#dd1f5b;box-shadow:0 18px 45px #dd1f5b38}.app-snackbar.success{background:#18b878;box-shadow:0 18px 45px #18b87838}.modal-backdrop{align-items:center;background:#1e104e61;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:20px;position:fixed;z-index:40}.category-modal{background:#fff;border:1px solid #edf2f8;border-radius:24px;box-shadow:0 28px 80px #1e104e3d;display:grid;gap:16px;max-height:min(860px,calc(100vh - 32px));max-width:460px;overflow-y:auto;padding:22px;width:min(100%,460px)}.confirm-dialog-backdrop{z-index:75}.confirm-dialog{max-width:520px;width:min(100%,520px)}.confirm-dialog-icon{align-items:center;border-radius:16px;display:inline-flex;height:44px;justify-content:center;width:44px}.confirm-dialog-icon.danger{background:#ffe7ee;color:#dd1f5b}.btn.confirm-danger{background:#dd1f5b;box-shadow:0 14px 28px #dd1f5b33}.btn.confirm-danger:hover{background:#c9184f}.category-modal .settings-card-head{grid-template-columns:auto minmax(0,1fr) auto}.modal-close{align-items:center;background:#f5f7fb;border:1px solid #edf2f8;border-radius:12px;color:var(--dash-text);cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.checkbox-field{align-items:center;display:flex;flex-direction:row;gap:10px}.checkbox-field input{accent-color:var(--dash-purple);height:16px;width:16px}.select-action-wrap{min-height:48px;padding-right:6px}.inline-select{background:transparent;border:0;color:var(--dash-text);flex:1;font:inherit;height:auto;min-height:0;min-width:0;outline:0;padding:0}.field-icon-action{align-items:center;background:#f3ecff;border:1px solid #e5d8ff;border-radius:12px;color:var(--dash-purple);cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.import-modal{max-width:880px;width:min(100%,880px)}.import-summary{display:flex;flex-wrap:wrap;gap:8px}.import-summary span{background:#f5f7fb;border:1px solid #edf2f8;border-radius:999px;color:var(--dash-text);font-size:12px;font-weight:800;padding:7px 10px}.import-instructions{background:#f9fbff;border:1px solid #edf2f8;border-radius:18px;display:grid;gap:12px;padding:16px}.import-instructions h3{color:var(--dash-purple);font-size:16px;margin:0}.import-instructions p{color:var(--dash-muted);font-size:13px;line-height:1.5;margin:0}.import-column-grid{display:flex;flex-wrap:wrap;gap:8px}.import-column-grid span{background:#fff;border:1px solid #e7edf5;border-radius:999px;color:var(--dash-text);font-size:12px;font-weight:800;padding:7px 10px}.sample-download-link{color:var(--dash-purple);font-size:13px;font-weight:850;text-decoration:none}.import-upload-box{align-items:center;background:#fff8e5;border:1px dashed #ffc85c;border-radius:18px;color:var(--dash-purple);cursor:pointer;display:grid;gap:8px;justify-items:center;padding:24px;text-align:center}.import-upload-box strong{font-size:15px}.import-upload-box span{color:var(--dash-muted);font-size:12px;font-weight:700}.import-upload-box input{display:none}.import-preview-table{display:grid;gap:8px;max-height:420px;overflow:auto}.import-preview-head,.import-preview-row{display:grid;gap:10px;grid-template-columns:56px minmax(180px,1.5fr) minmax(130px,1fr) minmax(100px,.8fr) minmax(100px,.8fr) minmax(160px,1.2fr);min-width:760px}.import-preview-head{color:var(--dash-muted);font-size:12px;font-weight:850;text-transform:uppercase}.import-preview-row{align-items:center;background:#f9fbff;border:1px solid #edf2f8;border-radius:14px;color:var(--dash-text);font-size:13px;min-height:50px;padding:10px}.import-preview-row.invalid{background:#fff3f5;border-color:#ffd5df}.import-preview-row strong{color:var(--dash-purple)}.customer-import-preview-head,.customer-import-preview-row{grid-template-columns:56px minmax(150px,1.15fr) minmax(120px,.9fr) minmax(150px,1.1fr) minmax(130px,1fr) minmax(110px,.8fr) minmax(150px,1.1fr)}.register-form{gap:14px}.field,.login-form label{color:var(--secondary);display:grid;font-weight:600;gap:8px;width:100%}.input-wrap{align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);display:flex;gap:6px;min-height:40px;padding:0 10px}.input-wrap svg{color:var(--muted);flex:0 0 auto}.input-wrap input{border:0;color:var(--ink);flex:1;min-width:0;outline:0}.field-readonly{align-items:center;background:#f5f7fa;border:1px solid var(--line);border-radius:var(--radius-md);color:var(--dash-text);display:flex;font-size:14px;font-weight:600;min-height:40px;padding:0 12px}.file-input-wrap{min-height:44px}.file-input-wrap input{font-size:13px}.field-help{align-items:center;color:var(--dash-muted);display:flex;font-size:12px;font-weight:650;gap:6px}.uploaded-photo-preview{border:1px solid #edf2f8;border-radius:16px;height:96px;object-fit:cover;width:96px}.color-picker-trigger{align-items:center;background:#fff;border:1px solid #edf2f8;border-radius:16px;color:var(--dash-text);cursor:pointer;display:grid;gap:10px;grid-template-columns:40px minmax(0,1fr) auto;min-height:54px;padding:8px 12px;text-align:left}.color-picker-trigger>span{border:2px solid #ffffff;border-radius:12px;box-shadow:0 0 0 1px #dfe5ee;height:36px;width:36px}.color-picker-trigger strong{font-size:14px}.color-picker-trigger em{color:var(--dash-purple);font-size:12px;font-style:normal;font-weight:850}.color-picker-modal{max-width:620px;width:min(100%,620px)}.color-preset-grid{display:grid;gap:12px;grid-template-columns:repeat(5,44px)}.color-preset-grid button{border:2px solid #ffffff;border-radius:10px;box-shadow:0 0 0 1px #dfe5ee;cursor:pointer;height:44px;width:44px}.color-preset-grid button.selected{box-shadow:0 0 0 3px #5228e838,0 0 0 1px #5228e8 inset}.color-picker-panel{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 160px}.color-native-wrap{background:linear-gradient(180deg,#fff0,#000000e6),linear-gradient(90deg,#ffffff,currentColor);border:1px solid #edf2f8;border-radius:18px;color:var(--dash-purple);min-height:220px;overflow:hidden;position:relative}.color-native-wrap input{cursor:pointer;height:100%;top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;width:100%}.color-value-fields{display:grid;gap:10px}.color-value-fields label{align-items:center;background:#f5f7fb;border:1px solid #edf2f8;border-radius:14px;display:grid;grid-template-columns:42px minmax(0,1fr);min-height:44px;overflow:hidden}.color-value-fields span{color:var(--dash-muted);font-weight:850;padding-left:14px}.color-value-fields input{background:transparent;border:0;color:var(--dash-text);font:inherit;font-weight:750;min-width:0;outline:0;padding:0 12px;text-transform:uppercase}.file-button{cursor:pointer;overflow:hidden;position:relative}.file-button input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.tracking-input-wrap{padding-right:6px}.tracking-type-tabs{display:flex;gap:4px;margin-bottom:8px}.tracking-type-tab{align-items:center;background:#f5f5f5;border:1px solid transparent;border-radius:8px;color:var(--muted);cursor:pointer;display:flex;flex:1;font:inherit;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:7px 12px;transition:all .15s ease}.tracking-type-tab:hover{background:#eee;color:var(--ink)}.tracking-type-tab.active{background:#fff;border-color:var(--line);box-shadow:0 2px 6px #0000000f;color:var(--ink)}.tracking-scan-action{align-items:center;background:#f3ecff;border:1px solid #e5d8ff;border-radius:12px;color:var(--dash-purple);cursor:pointer;display:flex;height:34px;justify-content:center;position:relative;width:34px}.scan-file-input{height:1px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:1px}.scan-modal{max-width:380px}.scan-modal-options{display:grid;gap:10px;padding:8px 0}.scan-modal-btn{align-items:center;background:#f9f7fe;border:1px solid #e8e3f2;border-radius:12px;cursor:pointer;display:grid;font:inherit;gap:2px 14px;grid-template-columns:auto 1fr;padding:16px;text-align:left}.scan-modal-btn:hover{background:#f0ebfe;border-color:#d4caf0}.scan-modal-btn svg{color:var(--dash-purple);grid-row:span 2}.scan-modal-btn strong{font-size:14px}.scan-modal-btn span{color:#6b6f8a;font-size:12px}.scanner-active{max-width:440px}.scan-camera-view{border-radius:12px;overflow:hidden;width:100%}.scan-camera-view video{display:block;width:100%}.tracking-copy-value{align-items:center;display:inline-flex;gap:7px}.tracking-copy-value button{align-items:center;background:#f3ecff;border:1px solid #e5d8ff;border-radius:10px;color:var(--dash-purple);cursor:pointer;display:inline-flex;height:28px;justify-content:center;width:28px}.tracking-copy-value small{color:#16a76a;font-size:11px;font-weight:800}.amount-mismatch{color:#dd1f5b;font-weight:850}.input-wrap button{align-items:center;background:transparent;border:0;color:var(--muted);display:inline-flex;padding:0}.login-options{align-items:center;display:flex;gap:12px;justify-content:space-between}.login-options a,.login-register a{color:var(--orange);font-weight:900}.check-option{align-items:center;display:inline-flex!important;gap:8px!important;grid-template-columns:auto 1fr}.check-option input{accent-color:var(--orange);height:18px;width:18px}.register-consent{align-items:flex-start;color:var(--muted);font-size:13px;line-height:1.45}.login-submit{justify-content:center}.login-register{color:var(--muted);font-weight:700;text-align:center}.reset-dev-link{background:#f9fbff;border:1px solid #edf2f8;border-radius:var(--radius-md);display:grid;gap:8px;padding:12px}.reset-dev-link strong{color:var(--primary);font-size:13px}.reset-dev-link a{color:var(--orange);font-size:12px;font-weight:800;overflow-wrap:anywhere}.login-visual-panel{align-items:center;background:radial-gradient(circle at 50% 36%,rgba(255,200,92,.18),transparent 34%),#f7f4fb;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:54px;position:relative}.login-illustration{height:430px;max-width:560px;position:relative;width:100%}.browser-card{animation:floatPhone 5.8s ease-in-out infinite;background:#fff;border:10px solid var(--primary);border-radius:28px;bottom:34px;box-shadow:0 32px 70px #1e104e33;height:260px;left:50%;padding:20px;position:absolute;transform:translate(-50%);width:min(420px,82%)}.browser-dots{display:flex;gap:8px;margin-bottom:26px}.browser-dots span{border-radius:50%;height:12px;width:12px}.browser-dots span:nth-child(1){background:var(--orange)}.browser-dots span:nth-child(2){background:var(--yellow)}.browser-dots span:nth-child(3){background:#58c58b}.secure-card{background:#ffffffeb;border:1px solid #eee9f5;border-radius:18px;box-shadow:0 20px 60px #1e104e24;display:grid;gap:16px;left:50%;padding:22px;position:absolute;top:-48px;transform:translate(-50%);width:270px}.avatar-circle{align-items:center;background:var(--yellow);border:5px solid #ffffff;border-radius:50%;color:var(--primary);display:inline-flex;font-size:28px;font-weight:900;height:72px;justify-content:center;justify-self:center;width:72px}.avatar-circle img{display:block;height:100%;object-fit:contain;width:100%}.secure-lines{display:grid;gap:10px}.secure-lines span{background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:999px;height:16px}.secure-lines span:nth-child(2){background:linear-gradient(90deg,var(--orange),var(--yellow))}.tracking-line{align-items:center;background:#fff9e8;border:1px solid #ffe2a3;border-radius:var(--radius-md);bottom:18px;color:var(--secondary);display:inline-flex;font-weight:900;gap:10px;left:22px;padding:12px;position:absolute}.shield-card,.truck-card{align-items:center;border-radius:22px;display:inline-flex;justify-content:center;position:absolute}.shield-card{animation:floatCard 4.8s ease-in-out infinite;background:var(--primary);border:8px solid var(--yellow);bottom:38px;color:#fff;height:128px;left:42px;width:128px}.truck-card{animation:floatCard 4.2s ease-in-out infinite;animation-delay:.6s;background:var(--orange);color:#fff;height:76px;right:44px;top:148px;width:76px}.paper-plane{border-bottom:18px solid transparent;border-left:34px solid rgba(255,255,255,.88);border-top:18px solid transparent;filter:drop-shadow(0 14px 20px rgba(30,16,78,.12));height:0;position:absolute;width:0}.plane-one{animation:floatCard 5s ease-in-out infinite;left:108px;top:58px;transform:rotate(22deg)}.plane-two{animation:floatCard 5.4s ease-in-out infinite;right:56px;top:76px;transform:rotate(-14deg)}.visual-copy{max-width:540px;text-align:center}.visual-copy h2{color:var(--primary);font-size:30px;line-height:1.16}.visual-copy p{color:var(--muted);line-height:1.6}@keyframes floatPhone{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.invoice-page{background:var(--page);min-height:100vh;padding:28px;--invoice-brand: var(--primary)}.invoice-wrap{margin:0 auto;max-width:1100px}.invoice-layout{display:grid;gap:12px;grid-template-columns:340px minmax(0,1fr);align-items:start}.invoice-sidebar{position:sticky;top:18px}.invoice-sidebar .invoice-hero{background:radial-gradient(circle at 86% 10%,rgba(255,200,92,.28),transparent 30%),var(--invoice-brand);border-radius:var(--radius-lg);color:#fff;display:block;gap:14px;margin:0 0 14px;padding:18px}.invoice-sidebar .invoice-hero .eyebrow,.invoice-sidebar .invoice-hero p{color:#ffffffc2;font-size:13px}.invoice-sidebar .invoice-hero h1{color:#fff;font-size:18px;margin:4px 0 6px}.invoice-sidebar .invoice-hero-total{background:#ffffff21;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);display:grid;gap:2px;padding:12px}.invoice-sidebar .invoice-hero-total span{color:#ffffffb8;font-size:11px;font-weight:800}.invoice-sidebar .invoice-hero-total strong{color:#fff;font-size:20px}.invoice-items-card{margin-bottom:0}.invoice-items-card .list-row strong{font-size:14px}.invoice-items-card .list-row .muted{font-size:12px}.invoice-main{min-width:0}.payment-method-grid{display:grid;gap:10px;margin-bottom:12px}.payment-method-card{align-items:center;background:#fff;border:1px solid color-mix(in srgb,var(--invoice-brand) 14%,#ffffff);border-radius:18px;cursor:pointer;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr) auto;min-height:68px;padding:12px 14px;text-align:left;transition:.2s ease;width:100%}.payment-method-card:hover{background:color-mix(in srgb,var(--invoice-brand) 6%,#ffffff)}.payment-method-card.active{background:color-mix(in srgb,var(--invoice-brand) 5%,#ffffff);border-color:color-mix(in srgb,var(--invoice-brand) 34%,#ffffff);box-shadow:0 8px 20px color-mix(in srgb,var(--invoice-brand) 12%,transparent)}.payment-method-card .payment-method-icon{align-items:center;background:color-mix(in srgb,var(--invoice-brand) 10%,#ffffff);border-radius:12px;color:var(--invoice-brand);display:inline-flex;height:44px;justify-content:center;width:44px}.payment-method-card strong,.payment-method-card small{display:block;min-width:0;overflow-wrap:anywhere}.payment-method-card small{color:var(--muted);font-size:12px;font-weight:750;margin-top:2px}.payment-method-card em{background:color-mix(in srgb,var(--invoice-brand) 10%,#ffffff);border-radius:999px;color:var(--invoice-brand);font-size:11px;font-style:normal;font-weight:900;padding:4px 8px}.payment-popup-backdrop{align-items:center;display:flex;justify-content:center;z-index:80}.payment-popup{background:#fff;border:1px solid #edf2f8;border-radius:24px;box-shadow:0 32px 90px #1e104e42;display:grid;gap:18px;max-height:min(88vh,820px);max-width:540px;overflow:hidden;overflow-y:auto;padding:22px;width:min(94vw,540px)}.payment-popup.full{max-width:600px;width:min(94vw,600px)}.payment-popup-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.payment-method-logo-row{align-items:center;display:flex;gap:10px}.payment-bank-logo,.payment-method-card .payment-method-logo{display:block;height:auto;object-fit:contain;width:44px}.payment-option-dropdown{position:relative}.payment-option-trigger{align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);cursor:pointer;display:flex;gap:8px;justify-content:space-between;min-height:42px;padding:0 12px;text-align:left;touch-action:manipulation;width:100%}.payment-option-selected{align-items:center;display:flex;gap:8px;font-size:14px;font-weight:500}.payment-option-placeholder{align-items:center;color:var(--muted);display:flex;gap:8px}.payment-option-clear{background:none;border:none;color:var(--muted);cursor:pointer;display:flex;padding:2px}.payment-option-clear:hover{color:var(--ink)}.payment-option-logo{display:block;height:auto;object-fit:contain;width:30px}.payment-option-backdrop{background:transparent;top:0;right:0;bottom:0;left:0;position:fixed;z-index:9}.payment-option-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:0 12px 40px #1e104e1f;left:0;margin-top:4px;max-height:320px;overflow:hidden;position:absolute;right:0;z-index:10}.payment-option-search{align-items:center;border-bottom:1px solid var(--line);color:var(--muted);display:flex;gap:8px;padding:8px 12px}.payment-option-search input{border:0;flex:1;font:inherit;font-size:14px;outline:0;padding:4px 0}.payment-option-list{max-height:260px;overflow-y:auto}.payment-option-item{align-items:center;background:transparent;border:0;color:var(--ink);cursor:pointer;display:flex;gap:10px;padding:10px 12px;text-align:left;touch-action:manipulation;width:100%}.payment-option-item:hover{background:#f3f6fd}.payment-option-item.active{background:#edf2ff;color:var(--primary);font-weight:750}.payment-option-item span{flex:1}.payment-option-item svg{color:var(--primary);flex-shrink:0}.payment-popup-total{background:color-mix(in srgb,var(--invoice-brand) 6%,#ffffff);border:1px solid color-mix(in srgb,var(--invoice-brand) 16%,#ffffff);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between;padding:6px 8px;align-items:center}.payment-popup-total>span{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.payment-popup-total .payment-value-row strong{font-size:16px}.receipt-table{display:grid;gap:0}.receipt-item{border-top:1px dashed #ede8f5;padding:10px 0}.receipt-item-head{display:flex;justify-content:space-between;gap:12px}.receipt-item-head strong{font-size:15px;line-height:1.3;overflow-wrap:anywhere}.receipt-item-total{flex-shrink:0;font-size:15px;font-weight:850;white-space:nowrap}.receipt-item-detail{color:var(--muted);display:flex;flex-direction:column;font-size:12px;gap:2px;margin-top:4px;padding-left:14px}.receipt-item-fee{color:var(--muted)}.receipt-item-discount{color:#dc3545;font-weight:600}.receipt-summary{display:grid;font-size:13px;gap:6px}.receipt-summary-row{display:flex;justify-content:space-between}.receipt-summary-row span{color:var(--muted)}.receipt-summary-total{font-size:16px;padding-top:4px}.receipt-summary-total strong{color:var(--primary)}.invoice-receipt{display:grid;gap:0}.invoice-receipt-item{padding:12px 0}.invoice-receipt-item+.invoice-receipt-item{border-top:1px dashed #ede8f5}.invoice-receipt-item-head{display:flex;justify-content:space-between;gap:12px}.invoice-receipt-item-head strong{font-size:15px;line-height:1.3;overflow-wrap:anywhere}.invoice-receipt-item-head strong:last-child{flex-shrink:0;font-size:15px;font-weight:850;white-space:nowrap}.invoice-receipt-item-detail{display:grid;gap:3px;margin-top:6px;padding-left:14px}.invoice-receipt-row{display:flex;font-size:13px;justify-content:space-between}.invoice-receipt-row span:first-child{color:var(--muted)}.invoice-receipt-row span:last-child{font-weight:650;white-space:nowrap}.invoice-receipt-danger span:last-child{color:#dc3545;font-weight:700}.invoice-receipt-danger span:first-child{color:#dc3545}.invoice-receipt-divider{border-top:1px solid #ede8f5;margin:4px 0}.invoice-receipt-summary{display:grid;gap:8px;padding-top:8px}.invoice-receipt-summary .invoice-receipt-row span:last-child{font-weight:700}.invoice-receipt-total{font-size:16px;padding-top:2px}.invoice-receipt-total strong:last-child{color:var(--primary)}.payment-popup-head p{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.payment-popup-head h2{margin:4px 0 0}.payment-popup-info{display:grid;gap:18px}.payment-popup-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.payment-popup-actions .btn{flex:1;justify-content:center}.payment-popup .payment-proof-form{border:0;margin-top:0;padding:0}.invoice-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.invoice-brand-lockup{align-items:center;display:flex;gap:12px;min-width:0}.invoice-brand-logo{align-items:center;background:var(--dash-card);border-radius:16px;color:#fff;display:inline-flex;flex:0 0 auto;font-weight:900;height:52px;justify-content:center;overflow:hidden;width:52px}.invoice-brand-logo img{height:100%;object-fit:cover;width:100%}.invoice-brand-lockup strong{color:var(--primary);display:block;font-size:18px;line-height:1.15}.invoice-brand-lockup span{color:var(--muted);display:block;font-size:13px;font-weight:700;margin-top:3px}.invoice-hero{background:radial-gradient(circle at 86% 10%,rgba(255,200,92,.28),transparent 30%),var(--invoice-brand);border-radius:var(--radius-lg);color:#fff;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) auto;margin:-4px -4px 18px;padding:22px}.invoice-hero .eyebrow,.invoice-hero p{color:#ffffffc2}.invoice-hero h1{color:#fff;margin:6px 0 8px}.invoice-hero-total{align-self:end;background:#ffffff21;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);display:grid;gap:4px;min-width:190px;padding:14px}.invoice-hero-total span{color:#ffffffb8;font-size:12px;font-weight:800}.invoice-hero-total strong{color:#fff;font-size:24px}.invoice-number{display:flex;justify-content:space-between;align-items:flex-start}.payment-box{background:color-mix(in srgb,var(--invoice-brand) 7%,#ffffff);border:1px solid color-mix(in srgb,var(--invoice-brand) 20%,#ffffff);border-radius:var(--radius-lg);padding:14px}.payment-box-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.payment-box-head strong{color:var(--primary);display:block;font-size:17px}.payment-box-head p{margin:4px 0 0}.payment-box-head>svg{color:var(--invoice-brand);flex:0 0 auto}.payment-method-options{display:grid;gap:10px;margin-bottom:12px}.payment-method-accordion{background:#fff;border:1px solid color-mix(in srgb,var(--invoice-brand) 14%,#ffffff);border-radius:18px;overflow:hidden;transition:.2s ease}.payment-method-accordion.active{background:color-mix(in srgb,var(--invoice-brand) 5%,#ffffff);border-color:color-mix(in srgb,var(--invoice-brand) 34%,#ffffff);box-shadow:0 14px 28px color-mix(in srgb,var(--invoice-brand) 12%,transparent)}.payment-method-option{align-items:center;background:transparent;border:0;color:var(--primary);cursor:pointer;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto;min-height:72px;padding:12px;text-align:left;transition:.2s ease;width:100%}.payment-method-option:hover{background:color-mix(in srgb,var(--invoice-brand) 8%,#ffffff)}.payment-method-icon{align-items:center;background:color-mix(in srgb,var(--invoice-brand) 10%,#ffffff);border-radius:12px;color:var(--invoice-brand);display:inline-flex;height:38px;justify-content:center;width:38px}.payment-method-option strong,.payment-method-option small{display:block;min-width:0;overflow-wrap:anywhere}.payment-method-option small{color:var(--muted);font-size:12px;font-weight:750;margin-top:3px}.payment-method-option em{background:color-mix(in srgb,var(--invoice-brand) 10%,#ffffff);border-radius:999px;color:var(--invoice-brand);font-size:11px;font-style:normal;font-weight:900;padding:5px 8px}.payment-method-detail{align-items:start;background:color-mix(in srgb,var(--invoice-brand) 4%,#ffffff);border-top:1px solid color-mix(in srgb,var(--invoice-brand) 14%,#ffffff);display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto;padding:14px}.payment-method-fields{display:grid;column-gap:18px;row-gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.payment-detail-card{display:grid;gap:6px;min-width:0}.payment-detail-card span{color:var(--muted);display:block;font-size:11px;font-weight:900;letter-spacing:0;text-transform:uppercase}.payment-detail-card.full{grid-column:1 / -1}.payment-detail-card strong,.payment-detail-card p{color:var(--primary);font-size:15px;font-weight:850;line-height:1.35;margin:0;overflow-wrap:anywhere}.payment-detail-card p{color:var(--secondary);font-weight:750}.payment-value-row{align-items:center;display:flex;gap:10px;justify-content:flex-start}.payment-account-copy{align-items:center;background:color-mix(in srgb,var(--invoice-brand) 9%,#ffffff);border:1px solid color-mix(in srgb,var(--invoice-brand) 20%,#ffffff);border-radius:6px;color:var(--invoice-brand);cursor:pointer;display:inline-flex;flex:0 0 auto;height:24px;justify-content:center;transition:.2s ease;width:24px}.payment-account-copy:hover{background:var(--invoice-brand);color:#fff}.payment-method-qr{align-items:center;background:#f9fbff;border:1px solid color-mix(in srgb,var(--invoice-brand) 18%,#ffffff);border-radius:16px;color:var(--invoice-brand);cursor:pointer;display:grid;font:inherit;font-size:12px;font-weight:900;gap:6px;justify-items:center;padding:8px}.payment-method-qr img{border-radius:10px;display:block;height:88px;object-fit:cover;width:88px}.qr-preview-modal{max-width:min(620px,calc(100vw - 28px))}.qr-preview-image{background:#fff;border:1px solid #edf2f8;border-radius:22px;display:flex;justify-content:center;margin-top:18px;overflow:hidden;padding:14px;width:100%}.qr-preview-image img{border-radius:16px;display:block;height:auto;max-height:min(72vh,680px);object-fit:contain;width:100%}.qr-preview-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:16px}.invoice-page .payment-box .btn-primary,.invoice-page .payment-proof-form .btn-primary{background:var(--invoice-brand);border-color:var(--invoice-brand);box-shadow:0 14px 28px color-mix(in srgb,var(--invoice-brand) 22%,transparent)}.invoice-page .payment-box .btn-primary:hover,.invoice-page .payment-proof-form .btn-primary:hover{background:color-mix(in srgb,var(--invoice-brand) 88%,#000000);border-color:var(--invoice-brand)}.payment-proof-form{background:#fff;border:1px solid color-mix(in srgb,var(--invoice-brand) 18%,#ffffff);border-radius:var(--radius-md);display:grid;gap:12px;margin-top:14px;padding:14px}.payment-proof-form label{color:var(--secondary);display:grid;font-size:13px;font-weight:800;gap:7px}.payment-proof-form input{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);min-height:42px;outline:0;padding:0 12px}.payment-proof-form input[type=file]{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.payment-proof-upload{cursor:pointer;position:relative}.payment-proof-upload>div{align-items:center;background:#f9fbff;border:1px dashed var(--invoice-brand);border-radius:var(--radius-md);color:var(--invoice-brand);display:grid;gap:6px;justify-items:center;min-height:132px;padding:18px;text-align:center}.payment-proof-upload strong{color:var(--primary);font-size:14px}.payment-proof-upload span{color:var(--muted);font-size:12px;font-weight:700}.payment-proof-preview{border:1px solid #e8edf5;border-radius:var(--radius-md);box-shadow:0 12px 28px #1e104e1f;height:180px;object-fit:cover;width:min(100%,320px)}.invoice-total-row{color:var(--primary);font-size:18px}.timeline{border-left:2px solid #eadff3;display:grid;gap:16px;margin-left:8px;padding-left:18px}.timeline-item{position:relative}.timeline-item:before{background:var(--orange);border:3px solid #ffffff;border-radius:50%;content:"";height:12px;left:-25px;position:absolute;top:3px;width:12px}@keyframes payment-popup-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.payment-popup{animation:payment-popup-in .25s ease}@media(max-width:764px){.dashboard-page{padding:18px}.dashboard-shell{background:#fff;border-radius:22px}.dashboard-nav-group{display:grid;flex:0 0 auto;gap:8px}.dashboard-subnav{display:grid;gap:8px;padding-left:0}.dashboard-nav a,.dashboard-nav-parent{flex:0 0 auto;grid-template-columns:22px minmax(0,1fr);min-width:190px;scroll-snap-align:center}.dashboard-nav .nav-chevron{display:none}.dashboard-content{border-top-left-radius:28px;padding:28px}.dashboard-header,.dashboard-card-head{align-items:flex-start;flex-direction:column}.dashboard-actions{flex-wrap:wrap}.dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-bottom-grid{grid-template-columns:1fr}.dashboard-report-grid,.customers-layout,.orders-layout,.subscription-layout,.subscription-plan-grid,.settings-layout,.settings-form-grid,.create-layout{grid-template-columns:1fr;display:flex;flex-direction:column}.detail-profile>div{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.detail-profile h2,.item-preview h2{margin:0}.item-preview>div{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.item-preview>div>h2{order:2}.item-preview>div>p{order:3;width:100%}.subscription-layout>.order-side-card{align-self:stretch;order:1}.subscription-layout>.orders-table-card{order:2}.customers-toolbar,.customer-tools{align-items:stretch;flex-direction:column}.customer-search{width:100%}.table-pagination{align-items:stretch;flex-direction:column}.pagination-controls{justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.pagination-pages{flex:0 0 auto}.customer-table,.staff-table,.control-jastiper-table{overflow-x:auto}.customer-table-head,.customer-row,.staff-table-head,.staff-row,.control-jastiper-head,.control-jastiper-row{min-width:860px}.template-grid,.template-placeholder-grid{grid-template-columns:1fr}.create-item-table{overflow-x:auto}.create-item-head,.create-item-row{min-width:560px}.order-item-row{min-width:840px}.order-side-card{order:-1}.dashboard-chart-card{padding:24px}.bar-chart-preview{gap:12px;height:220px}.chart-tooltip{left:12%;top:18px}.sidebar{min-height:auto;position:static}.topbar,.page-header,.invoice-head{align-items:stretch;flex-direction:column}.invoice-hero{grid-template-columns:1fr}.invoice-hero-total{min-width:0}.nav{flex-direction:row;overflow-x:auto}.nav-item{white-space:nowrap;width:auto}.stats-grid,.content-grid,.pricing-grid,.hero-section,.feature-grid,.workflow-section,.landing-pricing-grid,.landing-faq,.highlight-grid,.login-shell{grid-template-columns:1fr}.landing-faq{gap:26px}.landing-faq-heading{position:static}.landing-faq-item summary{font-size:15px;min-height:68px}.landing-faq-item p{margin-right:34px}.landing-nav{border-radius:22px;flex-wrap:wrap}.landing-nav nav{overflow-x:auto;order:3;width:100%}.hero-section{min-height:auto}.hero-copy h1{font-size:44px}.zone-visual{margin-top:44px;min-height:620px}.visual-dashboard{grid-template-columns:1fr}.mock-sidebar{display:none}.mock-content{padding:24px}.mock-metrics{grid-template-columns:1fr}.zone-floating-card{min-width:188px;transform:scale(.92)}.zone-floating-card-1{left:8px;top:auto;bottom:156px}.zone-floating-card-2{right:8px;top:auto;bottom:104px}.zone-floating-card-3{bottom:52px;left:8px}.zone-floating-card-4{bottom:0;right:8px}.final-cta{align-items:flex-start;flex-direction:column;margin-left:18px;margin-right:18px;padding:34px}.login-page{padding:18px}.login-shell{border-radius:20px}.login-panel{padding:22px}.login-visual-panel{padding:28px}.login-illustration{height:360px}.browser-card{width:86%}.shield-card{left:8px}.truck-card{right:10px}.page,.invoice-page{padding:18px}.invoice-layout{grid-template-columns:1fr}.invoice-sidebar{position:static}.invoice-main{grid-row:1}.payment-popup-backdrop{align-items:flex-end}.payment-popup{border-radius:24px 24px 0 0;max-height:92vh;max-width:100%;width:100%}.payment-popup.full{max-width:100%;width:100%}.customers-toolbar{display:grid}}@media(min-width:768px)and (max-width:1020px){.dashboard-stat-grid,.dashboard-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-chart-invoice-row{grid-template-columns:repeat(1,minmax(0,1fr))}.customers-toolbar{display:grid}.customer-table{overflow:auto}}.control-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.control-chart-card{min-width:0}.control-chart-canvas{height:230px;margin-top:12px}.control-overview-grid{align-items:stretch}.control-recent-head{color:var(--dash-muted);display:grid;font-size:11px;font-weight:800;gap:0;grid-template-columns:minmax(0,1fr) auto 90px;letter-spacing:.04em;padding:0 12px;text-transform:uppercase}.control-recent-row{width:100%;border:0;background:transparent;color:inherit;cursor:pointer;grid-template-columns:minmax(0,1fr) auto 90px;text-align:left;transition:background-color .16s ease}.control-recent-row:hover{background:#faf8ff}.control-recent-identity{display:flex;align-items:center;min-width:0;gap:10px}.control-recent-identity>div{display:grid;min-width:0}.control-recent-row .customer-status{width:fit-content;flex:0 0 auto}.control-recent-date{color:var(--dash-muted);font-size:12px;font-weight:600;text-align:right}.control-plan-breakdown{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(150px,1fr);align-items:center;gap:20px;min-height:230px}.control-doughnut{height:190px}.control-plan-legend{display:grid;gap:8px}.control-plan-card{align-items:flex-start;background:#f9fbff;border:1px solid #edf2f8;border-radius:var(--radius-lg);display:grid;gap:12px;grid-template-columns:10px minmax(0,1fr);padding:12px}.control-plan-card i{border-radius:4px;flex:0 0 auto;height:100%;min-height:40px;width:10px}.control-plan-card-head{align-items:center;display:flex;gap:8px;justify-content:space-between}.control-plan-card-head span{color:#756e83;font-size:13px;font-weight:700;text-transform:capitalize}.control-plan-card-head b{color:#251a49;font-size:18px}.control-plan-statuses{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.control-plan-statuses .badge{border-radius:100px;font-size:10px;font-weight:700;padding:2px 8px;text-transform:uppercase}.badge-active{background:#e6f7e6;color:#18b878}.badge-trial{background:#e8f0fe;color:#4285f4}.badge-inactive{background:#fde8e8;color:#dc3545}.control-plan-total{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:8px 12px}.control-plan-total span{color:#756e83;font-size:13px;font-weight:700}.control-plan-total b{color:#251a49;font-size:18px}.control-breakdown-charts{border-top:1px solid #edf2f8;display:grid;gap:20px;grid-template-columns:minmax(140px,.5fr) minmax(150px,1fr);margin-top:16px;padding:20px 12px 4px}.control-status-legend{display:grid;gap:6px}.control-status-legend>div{align-items:center;display:grid;gap:8px;grid-template-columns:10px minmax(0,1fr) auto}.control-status-legend i{border-radius:3px;height:10px;width:10px}.control-status-legend span{color:#756e83;font-size:13px;font-weight:600}.control-status-legend b{color:#251a49;font-size:15px}.control-jastiper-link{width:100%;min-width:0;padding:4px;border:0;border-radius:6px;background:transparent;color:inherit;cursor:pointer;text-align:left;transition:background-color .16s ease}.control-jastiper-link:hover{background:#f4efff}.category-modal.control-jastiper-modal{width:90vw;max-width:1200px;max-height:min(860px,calc(100vh - 32px));overflow-y:auto}.control-jastiper-modal-status{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.customer-status.account-active{background:#e2f8ec;color:#128454}.customer-status.account-suspended{background:#ffe6eb;color:#d52e55}.control-jastiper-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin-bottom:18px}.control-jastiper-detail-grid .summary-row{min-width:0}.control-jastiper-detail-grid .summary-row strong{overflow-wrap:anywhere;text-align:right}.control-jastiper-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px}.control-jastiper-metrics span{display:grid;gap:3px;padding:13px;border-radius:8px;background:#f7f4fc;color:#756e83;font-size:12px}.control-jastiper-metrics b{color:#251a49;font-size:21px}.control-payments-section{border:1px solid #e4e6f5;border-radius:12px;margin-bottom:18px;padding:14px}.control-payments-section h3{font-size:13px;font-weight:700;margin:0 0 10px;color:#1f1b4d}.control-payment-row{align-items:flex-start;display:grid;gap:8px;grid-template-columns:1fr auto auto;padding:10px 0}.control-payment-row+.control-payment-row{border-top:1px solid #edf2f8}.control-payment-info{display:grid;gap:2px;min-width:0}.control-payment-info strong{font-size:12px;overflow-wrap:anywhere}.control-payment-info span{color:#6b6f8a;font-size:11px}.control-payment-row .customer-status{font-size:11px;padding:2px 8px}.control-payment-actions{display:flex;gap:4px}.btn-xs{border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:11px;font-weight:600;padding:3px 8px}.btn-success{background:#e4f5ea;color:#1f8a4c;border-color:#b8e6cc}.btn-success:hover{background:#c8edda}.btn-danger{background:#fce4e4;color:#c62828;border-color:#f5c6c6}.btn-danger:hover{background:#f5c6c6}.btn-warning{background:#fff3e0;color:#e65100;border-color:#ffe0b2}.btn-warning:hover{background:#ffe0b2}@media(max-width:764px){.control-chart-grid,.control-jastiper-detail-grid,.control-plan-breakdown{grid-template-columns:1fr}.control-doughnut{height:170px}.control-jastiper-metrics{grid-template-columns:repeat(3,minmax(90px,1fr));overflow-x:auto}.control-jastiper-detail-grid .summary-row strong{text-align:left}.category-modal.control-jastiper-modal{width:calc(100vw - 24px);max-width:680px}}.control-nav-count{align-items:center;background:var(--orange);border-radius:999px;color:#fff;display:inline-flex;font-size:10px;font-style:normal;height:22px;justify-content:center;margin-left:auto;min-width:22px;padding:0 6px}.control-contact-summary{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.control-contact-summary span{background:#f5f1ff;border-radius:var(--radius-sm);color:var(--dash-muted);font-size:11px;font-weight:750;padding:8px 10px}.control-contact-summary b{color:var(--dash-purple);margin-right:4px}.control-contact-filters{justify-content:flex-end;margin:18px 0}.control-contact-table{display:grid;gap:8px}.control-contact-head,.control-contact-row{display:grid;gap:14px;grid-template-columns:minmax(190px,1.15fr) .65fr minmax(220px,1.45fr) .65fr .8fr 44px}.control-contact-head{color:var(--dash-muted);font-size:11px;font-weight:850;padding:0 14px;text-transform:uppercase}.control-contact-row{align-items:center;background:#f9fbff;border:1px solid #edf2f8;border-radius:var(--radius-lg);color:var(--dash-text);min-height:68px;padding:12px 14px}.control-contact-row.unread{background:#f7f2ff;border-color:#d9c9ff}.control-contact-row>div{display:grid;gap:3px;min-width:0}.control-contact-row strong,.control-contact-row small,.control-contact-row>p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control-contact-row small{color:var(--dash-muted);font-size:11px}.control-contact-row>p{color:var(--dash-muted);font-size:12px;margin:0}.customer-status.contact-new{background:#fff1cc;color:#8a5a00}.customer-status.contact-read{background:#e8e2ff;color:#5936bd}.customer-status.contact-resolved{background:#e2f8ee;color:#13885b}.control-contact-modal{max-width:760px;width:min(100%,760px)}.control-contact-detail-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:22px 0}.control-contact-detail-grid .summary-row{align-items:start;background:#f9fbff;border:1px solid #edf2f8;border-radius:var(--radius-md);display:grid;gap:4px;padding:13px}.control-contact-detail-grid strong{overflow-wrap:anywhere}.control-contact-message{background:#f7f4ff;border-left:3px solid var(--dash-purple);padding:18px}.control-contact-message span{color:var(--dash-muted);display:block;font-size:11px;font-weight:850;margin-bottom:7px;text-transform:uppercase}.control-contact-message p{color:var(--dash-text);line-height:1.7;margin:0;white-space:pre-wrap}.control-contact-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:22px}@media(max-width:920px){.landing-contact{gap:32px;grid-template-columns:1fr}.landing-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-contact-table{overflow-x:auto;padding-bottom:4px}.control-contact-head,.control-contact-row{min-width:900px}.legal-header{flex-wrap:wrap}.legal-header nav{order:3;overflow-x:auto;width:100%}.legal-layout{gap:28px;grid-template-columns:1fr}.legal-toc{border-bottom:1px solid rgba(69,46,90,.14);border-left:0;max-height:none;overflow-x:auto;overflow-y:hidden;padding:0 0 14px;position:static}.legal-toc nav{display:flex;min-width:max-content}.legal-toc a{padding:8px 12px 8px 0}}@media(max-width:640px){.landing-page section[id]{scroll-margin-top:188px}.landing-page .zone-section,.landing-page .landing-faq{border-left:0;border-radius:0;border-right:0}.landing-contact{margin-bottom:58px;padding:56px 18px}.landing-contact-copy h2{font-size:34px}.landing-contact-form{border-radius:var(--radius-lg);padding:22px 18px}.landing-contact-grid,.landing-footer-grid,.control-contact-detail-grid{grid-template-columns:1fr}.landing-contact-submit{align-items:stretch;flex-direction:column}.landing-contact-submit .btn{justify-content:center;width:100%}.landing-footer{padding:58px 22px 24px}.landing-footer-grid{gap:38px}.landing-footer-bottom{align-items:flex-start;flex-direction:column}.control-contact-filters{align-items:stretch;display:grid}.control-contact-filters>*{width:100%}.legal-header{gap:14px;padding:14px 18px 10px}.legal-header .brand small{display:none}.legal-header nav a{white-space:nowrap}.legal-back{font-size:0}.legal-hero{padding:54px 20px 42px}.legal-hero h1{font-size:38px}.legal-hero p{font-size:16px}.legal-layout{padding:0 0 68px}.legal-toc{margin:0 20px}.legal-document{border-top-width:3px;padding:34px 20px}.legal-document h2{font-size:21px}.legal-document p,.legal-document li{font-size:14px}}@media(max-width:920px){.guide-intro,.guide-layout{grid-template-columns:1fr}.guide-intro-points{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-intro-points span{white-space:normal}.guide-toc{max-height:none;overflow-x:auto;overflow-y:hidden;position:static}.guide-toc nav{display:flex;min-width:max-content}.guide-column-list{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-action-list{grid-template-columns:1fr}.guide-section>p,.guide-screenshot,.guide-steps,.guide-table,.guide-note,.guide-tip,.guide-column-list,.guide-action-list,.guide-finish{margin-left:0}.guide-screenshot{margin-right:0}.guide-table{min-width:620px;overflow-x:auto}.guide-table-head,.guide-table-row{min-width:620px}}@media(max-width:560px){.guide-intro{gap:22px;padding:24px 20px}.guide-intro h2{font-size:22px}.guide-intro-points{grid-template-columns:1fr}.guide-content{width:calc(100vw - 28px);padding:6px 18px}.guide-section{padding:28px 0 34px}.guide-section>p,.guide-screenshot,.guide-steps,.guide-table,.guide-note,.guide-tip,.guide-column-list,.guide-action-list,.guide-finish{margin-left:0}.guide-screenshot{margin-right:0}.guide-table{min-width:620px;overflow-x:auto}.guide-table-head,.guide-table-row{min-width:620px}.guide-column-list{grid-template-columns:1fr}.guide-finish{align-items:start;grid-template-columns:auto minmax(0,1fr)}.guide-finish .btn{grid-column:1 / -1;width:100%}.guide-image-backdrop{padding:10px}.login-options{display:contents}.detail-profile,.item-preview,.detail-title-row,.profile-hero{display:block}.dashboard-expired-banner{flex-direction:column;align-items:flex-start}.trial-activation-banner,.restricted-panel{display:flex;flex-direction:column;align-items:flex-start}}@media(max-width:560px){html,body,#root{max-width:100%;overflow-x:hidden}.dashboard-page{background:var(--dash-content);max-width:100%;overflow-x:hidden;padding:0}.dashboard-shell{border-radius:0;box-shadow:none;min-height:100vh;max-width:100%;min-width:0;overflow:hidden;width:100%;display:block}.dashboard-sidebar,.dashboard-content,.dashboard-header,.dashboard-stat-grid,.dashboard-report-grid,.dashboard-bottom-grid,.dashboard-chart-card,.dashboard-mini-card{max-width:100%;min-width:0}.dashboard-sidebar-inner{gap:14px;padding:16px 14px 10px}.dashboard-mobile-head{gap:12px}.dashboard-mobile-user-menu{display:block}.dashboard-logo{margin-bottom:0}.dashboard-logo img{height:36px;width:36px}.dashboard-logo strong{font-size:22px;letter-spacing:-.03em}.dashboard-nav{gap:8px;margin-left:-14px;margin-right:-14px;max-width:calc(100vw + -0px);padding:0 14px 8px;scrollbar-width:none}.dashboard-nav-group{gap:8px}.dashboard-nav::-webkit-scrollbar{display:none}.dashboard-nav a,.dashboard-nav-parent{border:1px solid #edf2f8;border-radius:16px;font-size:13px;gap:8px;grid-template-columns:18px minmax(0,1fr);min-height:40px;min-width:132px;padding:0 12px}.dashboard-nav a.active,.dashboard-nav-group.active-parent>.dashboard-nav-parent{box-shadow:0 12px 24px #7a35f438}.dashboard-nav .dashboard-subnav a.active{background:#f3ecff;box-shadow:none;color:var(--dash-purple)}.dashboard-nav a svg,.dashboard-nav-parent svg{height:18px;width:18px}.dashboard-trial{display:none}.dashboard-content{border-top-left-radius:24px;gap:16px;padding:18px 14px 24px}.dashboard-userbar{display:none}.dashboard-user{padding:7px 10px 7px 7px}.dashboard-user>span{border-radius:12px;height:34px;width:34px}.dashboard-user strong{font-size:12px;max-width:96px}.dashboard-user small{font-size:11px}.dashboard-user-dropdown{min-width:196px;right:0}.dashboard-header{gap:14px}.dashboard-header p{font-size:13px;margin-bottom:4px}.dashboard-header h1{font-size:26px}.dashboard-actions{display:grid;gap:8px;width:100%}.dashboard-actions .btn{justify-content:center;min-width:0;width:100%}.dashboard-stat-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.customer-table-head,.customer-row,.staff-table-head,.staff-row,.order-table-head,.order-row,.invoice-table-head,.invoice-row,.payment-table-head,.payment-row,.tracking-table-head,.tracking-row,.method-table-head,.method-row,.item-table-head,.item-row,.create-item-head,.create-item-row{width:fit-content}.create-item-head{display:none}.create-item-row,.order-item-row{min-width:0;width:100%}.order-item-row.top-row{grid-template-columns:60px 1fr}.order-item-row.top-row>div:first-child{grid-column:1 / -1}.order-item-row.bottom-row{grid-template-columns:1fr}.dashboard-stat-card{border-radius:18px;gap:8px;height:auto;padding:16px}.dashboard-stat-card svg{height:22px;width:22px}.dashboard-stat-card>span{font-size:13px}.dashboard-stat-card>strong{font-size:26px}.dashboard-stat-card div{align-items:flex-start;flex-direction:column;gap:6px}.dashboard-stat-card small,.dashboard-stat-card em{font-size:11px}.dashboard-stat-card em{padding:5px 8px}.dashboard-chart-card{border-radius:20px;min-height:auto;padding:18px}.dashboard-card-head{gap:12px;margin-bottom:14px}.dashboard-card-head h2{font-size:20px}.dashboard-card-head .btn{width:auto}.bar-chart-preview{gap:8px;height:190px;padding-top:46px}.bar-chart-preview:before{top:46px;right:0;bottom:26px;left:0}.bar-chart-preview>div>span{border-radius:14px}.bar-chart-preview small{font-size:12px}.chart-tooltip{border-radius:10px;font-size:12px;left:8%;padding:10px 12px;top:8px}.line-chart-preview{min-height:210px}.line-chart-preview path{stroke-width:3}.dashboard-bottom-grid{gap:12px}.profile-hero{align-items:flex-start}.profile-hero>span{border-radius:18px;font-size:24px;height:64px;width:64px}.profile-hero h2{font-size:24px}.dashboard-mini-card{align-items:flex-start;border-radius:18px;gap:12px;padding:16px}.dashboard-mini-card h3{font-size:16px}.dashboard-mini-card p{font-size:13px;line-height:1.45}.finance-chart-invoice-row{display:contents;gap:20px}.detail-grid{display:contents}.import-modal{height:calc(100vh - 150px);margin-top:-6vh}#modal-form-wa .template-placeholder-grid{grid-template-columns:1fr 1fr}}@media(max-width:390px){.dashboard-actions{grid-template-columns:1fr}}.confirm-dialog-input{color:var(--dash-purple);display:grid;font-size:14px;font-weight:800;gap:8px}.confirm-dialog-input textarea{background:#f9fbff;border:1px solid #e5ddec;border-radius:16px;color:var(--dash-text);font:inherit;min-height:110px;outline:none;padding:14px 16px;resize:vertical}.payment-qr-upload-wrap{position:relative}.payment-qr-upload-button{flex-shrink:0;overflow:hidden;position:relative}.payment-qr-upload-button input{cursor:pointer;top:0;right:0;bottom:0;left:0;opacity:0;position:absolute}.payment-qr-file-input{display:none}.payment-qr-preview{border:1px solid #edf2f8;border-radius:16px;display:inline-flex;margin-top:10px;overflow:hidden;width:116px}.payment-qr-preview img{aspect-ratio:1;object-fit:cover;width:100%}.tracking-card-list{display:grid;gap:14px}.tracking-card{background:#f9fbff;border:1px solid #edf2f8;border-radius:22px;display:grid;gap:18px;padding:18px}.tracking-card-head,.tracking-card-foot{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.tracking-card-head span:first-child{color:var(--dash-accent);font-size:12px;font-weight:850;text-transform:uppercase}.tracking-card-head h3{color:var(--dash-purple);font-size:22px;margin:4px 0 2px}.tracking-card-head p,.tracking-card-foot span{color:var(--dash-muted);font-size:14px;margin:0}.tracking-flow{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr))}.tracking-step{background:#fff;border:1px solid #edf2f8;border-radius:18px;display:grid;gap:10px;min-height:146px;padding:14px}.tracking-step>span{align-items:center;background:#f4f0fb;border-radius:999px;color:var(--dash-purple);display:inline-flex;font-size:12px;font-weight:900;height:28px;justify-content:center;width:28px}.tracking-step.done>span{background:#e9fbf2;color:#18a866}.tracking-step.current{border-color:color-mix(in srgb,var(--dash-accent) 45%,#ffffff);box-shadow:0 16px 28px color-mix(in srgb,var(--dash-accent) 12%,transparent)}.tracking-step.current>span{background:color-mix(in srgb,var(--dash-accent) 14%,#ffffff);color:var(--dash-accent)}.tracking-step.pending{opacity:.68}.tracking-step strong{color:var(--dash-purple);display:block;font-size:14px;line-height:1.25}.tracking-step p{color:var(--dash-muted);font-size:12px;line-height:1.45;margin:6px 0 0}.tracking-public-timeline .timeline-item.done:before{background:#18a866}.tracking-public-timeline .timeline-item.current:before{background:var(--invoice-brand);box-shadow:0 0 0 5px color-mix(in srgb,var(--invoice-brand) 12%,transparent)}.tracking-public-timeline .timeline-item.pending{opacity:.62}.tracking-public-actions{margin-top:18px}.public-workspace-wrap{max-width:860px}.public-workspace-hero{align-items:center;display:grid;gap:18px;grid-template-columns:auto minmax(0,1fr) auto}.public-workspace-hero h1{color:var(--primary);font-size:clamp(34px,5vw,56px);line-height:1;margin:4px 0 10px}.public-payment-list{display:grid;gap:12px;margin-top:16px}.public-payment-card{align-items:center;background:#f9fbff;border:1px solid #edf2f8;border-radius:18px;display:grid;gap:14px;grid-template-columns:auto minmax(0,1fr) auto auto;padding:14px}.public-payment-card>svg{color:var(--invoice-brand)}.public-payment-card strong{color:var(--primary);display:block}.public-payment-card span{color:var(--muted);display:block;margin-top:4px}.public-payment-card img{border-radius:12px;height:72px;object-fit:cover;width:72px}@media(max-width:920px){.tracking-flow{grid-template-columns:1fr}.tracking-step{min-height:0}.tracking-card-head,.tracking-card-foot,.public-workspace-hero{align-items:stretch;flex-direction:column;grid-template-columns:1fr}.public-payment-card{grid-template-columns:auto minmax(0,1fr)}.public-payment-card img,.public-payment-card .btn{grid-column:1 / -1}}.payment-proof-select{background:#fff;border:1px solid color-mix(in srgb,var(--invoice-brand) 18%,#ffffff);border-radius:14px;color:var(--primary);font:inherit;font-weight:750;min-height:48px;outline:none;padding:0 14px;width:100%}@media(max-width:640px){.payment-method-detail,.payment-method-fields{grid-template-columns:1fr}.payment-method-qr{justify-self:start}.qr-preview-actions{align-items:stretch;flex-direction:column}.qr-preview-actions .btn{justify-content:center;width:100%}}.proof-preview-backdrop{z-index:80}.proof-preview-modal{background:#fff;border:1px solid #edf2f8;border-radius:24px;box-shadow:0 32px 90px #1e104e42;display:grid;gap:18px;max-height:min(88vh,820px);max-width:980px;overflow:hidden;padding:22px;width:min(94vw,980px)}.proof-preview-head{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.proof-preview-head p{color:var(--dash-accent);font-size:12px;font-weight:850;margin:0 0 4px;text-transform:uppercase}.proof-preview-head h2{color:var(--dash-purple);font-size:30px;line-height:1.05;margin:0}.proof-preview-body{display:grid;gap:18px;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);min-height:0}.proof-preview-image{align-items:center;background:#f6f8fc;border:1px solid #edf2f8;border-radius:18px;display:flex;justify-content:center;min-height:360px;overflow:hidden}.proof-preview-image img{max-height:62vh;max-width:100%;object-fit:contain}.proof-preview-info{align-content:start;display:grid;gap:10px}.proof-info-row{background:#f9fbff;border:1px solid #edf2f8;border-radius:16px;display:grid;gap:4px;padding:13px 14px}.proof-info-row span{color:var(--dash-muted);font-size:12px;font-weight:800;text-transform:uppercase}.proof-info-row strong{color:var(--dash-purple);font-size:16px;line-height:1.35;word-break:break-word}.proof-info-row.danger{background:#fff3f5;border-color:#ffd6dd}.proof-info-row.danger strong{color:#dd1f5b}@media(max-width:820px){.proof-preview-modal{border-radius:18px;max-height:92vh;overflow-y:auto;padding:16px}.proof-preview-body{grid-template-columns:1fr}.proof-preview-image{min-height:260px}}.forgot-cooldown{background:#f6f3fb;border:1px solid #e5ddec;border-radius:14px;color:var(--primary);font-size:13px;font-weight:700;line-height:1.4;padding:12px 14px}.forgot-cooldown strong{color:var(--dash-accent)}.control-log-tabs{align-items:center;background:#f4f7fb;border:1px solid #e5edf6;border-radius:var(--dash-radius-pill);display:flex;gap:4px;padding:4px}.control-log-tabs button{background:transparent;border:0;border-radius:var(--dash-radius-pill);color:var(--dash-muted);cursor:pointer;font:inherit;font-size:13px;font-weight:800;min-height:36px;padding:0 16px}.control-log-tabs button.active{background:#fff;box-shadow:0 10px 24px #1e104e14;color:var(--dash-text)}.control-log-filters{align-items:end;display:grid;gap:12px;grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(130px,1fr));margin-bottom:18px}.control-log-filters .field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid #e3dbea;border-radius:18px;color:var(--dash-text);font:inherit;font-weight:800;min-height:52px;padding:0 16px}.control-log-table{display:grid;gap:10px;overflow-x:auto}.control-log-head,.control-log-row{display:grid;gap:14px}.control-log-table.activity .control-log-head,.control-log-table.activity .control-log-row{grid-template-columns:minmax(220px,1.25fr) minmax(200px,1fr) .75fr minmax(170px,1fr) .8fr 48px}.control-log-table.error .control-log-head,.control-log-table.error .control-log-row{grid-template-columns:minmax(240px,1.2fr) minmax(260px,1.2fr) minmax(200px,1fr) minmax(170px,.9fr) .8fr 48px}.control-log-head{color:var(--dash-muted);font-size:12px;font-weight:850;padding:0 14px;text-transform:uppercase}.control-log-row{align-items:center;background:#f9fbff;border:1px solid #edf2f8;border-radius:var(--radius-lg);color:var(--dash-text);min-height:68px;padding:12px 14px}.control-log-row strong,.control-log-actor strong{display:block;font-size:14px;line-height:1.35}.control-log-row small,.control-log-actor small{color:var(--dash-muted);display:block;font-size:12px;line-height:1.35;margin-top:3px}.control-log-row code{background:#f1eef8;border-radius:10px;color:#452e5a;display:inline-block;font-size:12px;max-width:100%;overflow:hidden;padding:6px 8px;text-overflow:ellipsis;white-space:nowrap}.log-severity{border-radius:999px;display:inline-flex;font-size:12px;font-weight:900;margin-right:6px;padding:4px 8px}.log-severity.danger{background:#ffe8ec;color:#d92345}.log-severity.warning{background:#fff4d7;color:#9c6500}.control-log-modal{max-width:860px;width:min(100%,860px)}.control-log-detail-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0}.control-log-json{background:#160f2f;border-radius:18px;color:#f7f2ff;font-size:12px;line-height:1.55;max-height:360px;overflow:auto;padding:16px;white-space:pre-wrap}@media(max-width:920px){.control-log-filters{grid-template-columns:1fr}.control-log-table.activity .control-log-head,.control-log-table.activity .control-log-row,.control-log-table.error .control-log-head,.control-log-table.error .control-log-row{min-width:920px}.control-log-detail-grid{grid-template-columns:1fr}}.workspace-side-card{min-width:0}.workspace-side-head{align-items:flex-start}.workspace-side-head h2{font-size:26px;line-height:1.08}.workspace-side-head p{font-size:15px;line-height:1.35;max-width:100%}.workspace-summary-list{gap:0}.workspace-summary-list .summary-row{align-items:start;display:grid;gap:10px;grid-template-columns:minmax(120px,.8fr) minmax(0,1fr);padding:13px 0}.workspace-summary-list .summary-row:first-child{padding-top:0}.workspace-summary-list .summary-row span{color:var(--dash-muted);font-size:15px;line-height:1.35}.workspace-summary-list .summary-row strong{color:var(--dash-text);font-size:15px;font-weight:850;line-height:1.35;min-width:0;overflow-wrap:anywhere;text-align:right;word-break:break-word}.workspace-summary-list .summary-row.strong{font-size:15px;display:flex;flex-direction:column}.workspace-summary-list .summary-row.strong strong{color:var(--dash-purple);font-size:15px}@media(max-width:520px){.workspace-summary-list .summary-row{grid-template-columns:1fr}.workspace-summary-list .summary-row strong{text-align:left}}.dashboard-page-tabs{align-items:center;border-bottom:1px solid rgba(126,113,150,.16);display:flex;gap:22px;margin-top:-4px;overflow-x:auto;padding:0 2px}.dashboard-page-tabs a{align-items:center;border-bottom:2px solid transparent;color:var(--dash-muted);display:inline-flex;font-size:14px;font-weight:800;gap:8px;min-height:44px;padding:0 4px;text-decoration:none;white-space:nowrap}.dashboard-page-tabs a:hover{color:var(--dash-purple)}.dashboard-page-tabs a.active{border-color:var(--dash-purple);color:var(--dash-text)}.dashboard-page-tabs a.active svg{color:var(--dash-purple)}@media(max-width:560px){.dashboard-page-tabs{gap:18px;padding:0 0 2px 4px}.dashboard-page-tabs a{font-size:13px;min-height:40px}.dashboard-page-tabs a:first-child{margin-left:0}}.table-primary-link,.table-secondary-link{color:inherit;font-weight:850;line-height:1.3;min-width:0;overflow-wrap:anywhere;text-decoration:none}.table-primary-link{color:var(--dash-purple)}.table-primary-text{color:inherit;font-weight:600;line-height:1.3}.table-secondary-link:hover,.table-primary-link:hover{color:var(--dash-primary);text-decoration:underline;text-underline-offset:3px}.customer-table-head,.customer-row,.staff-table-head,.staff-row,.order-table-head,.order-row,.invoice-table-head,.invoice-row,.payment-table-head,.payment-row,.tracking-table-head,.tracking-row,.method-table-head,.method-row,.item-table-head,.item-row,.category-table-head,.category-row,.control-jastiper-head,.control-jastiper-row,.control-log-head,.control-log-row{column-gap:10px;font-size:13px}.customer-table-head,.staff-table-head,.order-table-head,.invoice-table-head,.payment-table-head,.tracking-table-head,.method-table-head,.item-table-head,.category-table-head,.control-jastiper-head,.control-log-head{font-size:10.5px;letter-spacing:0;padding-inline:12px}.customer-row,.staff-row,.order-row,.invoice-row,.payment-row,.tracking-row,.method-row,.item-row,.category-row,.control-jastiper-row,.control-log-row{min-height:40px;padding:3px 6px}.customer-row strong,.customer-profile strong,.staff-row strong,.order-row>strong,.invoice-row>strong,.payment-row>strong,.tracking-row>strong,.method-row>strong,.item-row>strong,.category-row>strong,.item-list-product strong,.control-jastiper-row strong,.control-log-row strong,.control-log-actor strong{font-size:13px;line-height:1.3}.customer-row small,.customer-profile small,.staff-row small,.control-jastiper-row small,.control-log-row small,.control-log-actor small{font-size:11px;line-height:1.3}.customer-profile>span{border-radius:14px;font-size:13px;height:36px;width:36px}.item-list-thumbnail{border-radius:10px;height:38px;width:38px}.customer-status,.order-pill,.log-severity{font-size:10.5px;padding:5px 9px}.customer-row .btn,.staff-row .btn,.order-row .btn,.invoice-row .btn,.payment-row .btn,.tracking-row .btn,.method-row .btn,.item-row .btn,.category-row .btn,.control-jastiper-row .btn,.control-log-row .btn{font-size:12px;min-height:34px;padding-inline:10px}.customer-row .btn-icon,.staff-row .btn-icon,.order-row .btn-icon,.invoice-row .btn-icon,.payment-row .btn-icon,.tracking-row .btn-icon,.method-row .btn-icon,.item-row .btn-icon,.category-row .btn-icon,.control-jastiper-row .btn-icon,.control-log-row .btn-icon{height:34px;min-height:34px;min-width:34px;width:34px}.invoice-table-head,.invoice-row,.payment-table-head,.payment-row,.order-table-head,.order-row{min-width:980px}.payment-table-head,.payment-row{grid-template-columns:minmax(116px,.9fr) minmax(118px,.88fr) minmax(76px,.55fr) minmax(104px,.7fr) minmax(110px,.72fr) minmax(120px,.76fr) minmax(210px,1fr);min-width:900px}.invoice-table-head,.invoice-row{grid-template-columns:minmax(120px,1fr) minmax(108px,.82fr) minmax(128px,.95fr) minmax(96px,.68fr) minmax(104px,.68fr) minmax(104px,.68fr) minmax(120px,.6fr)}.invoice-row .table-actions{gap:5px}@media(max-width:764px){.customer-table,.staff-table,.order-table,.invoice-table,.payment-table,.tracking-table,.method-table,.item-table,.control-jastiper-table,.control-log-table{overflow-x:auto;overflow-y:visible;padding-bottom:4px;scrollbar-width:thin}.customer-table-head,.customer-row{min-width:760px}.staff-table-head,.staff-row,.control-jastiper-head,.control-jastiper-row,.item-table-head,.item-row{min-width:840px}.category-table-head,.category-row,.method-table-head,.method-row{min-width:740px}.order-table-head,.order-row,.invoice-table-head,.invoice-row,.payment-table-head,.payment-row,.tracking-table-head,.tracking-row,.control-log-table.activity .control-log-head,.control-log-table.activity .control-log-row,.control-log-table.error .control-log-head,.control-log-table.error .control-log-row{min-width:920px}}.invoice-wrap>.form-alert{max-width:600px}.chat-backdrop{background:transparent;top:0;right:0;bottom:0;left:0;position:fixed;z-index:998}.chat-fab{position:fixed;bottom:32px;right:32px;width:62px;height:62px;border-radius:50%;border:none;cursor:pointer;z-index:1000;background:var(--dash-bg);box-shadow:0 10px 30px #7a35f459,0 4px 10px #00000026;display:flex;align-items:center;justify-content:center;transition:transform .25s ease,box-shadow .25s ease}.chat-fab:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 16px 36px #7a35f473,0 6px 14px #0003}.chat-fab:active{transform:scale(.96)}.chat-fab svg{width:26px;height:26px;transition:opacity .2s ease,transform .2s ease;position:absolute;color:#fff}.chat-fab .chat-fab-icon--chat{opacity:1}.chat-fab .chat-fab-icon--close{opacity:0;transform:rotate(-45deg) scale(.6)}.chat-fab.open .chat-fab-icon--chat{opacity:0;transform:rotate(45deg) scale(.6)}.chat-fab.open .chat-fab-icon--close{opacity:1;transform:rotate(0) scale(1)}.chat-fab-ping{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1.5px solid rgba(122,53,244,.5);animation:chatPing 2.4s ease-out infinite}@keyframes chatPing{0%{transform:scale(.85);opacity:.7}80%{transform:scale(1.25);opacity:0}to{opacity:0}}.chat-panel{position:fixed;right:32px;bottom:110px;width:380px;max-width:calc(100vw - 48px);height:560px;max-height:calc(100vh - 170px);background:var(--dash-card);border:1px solid var(--line);border-radius:var(--dash-radius-card);box-shadow:0 24px 60px #1e104e2e;display:flex;flex-direction:column;overflow:hidden;transform-origin:bottom right;transform:scale(.92) translateY(16px);opacity:0;pointer-events:none;transition:transform .28s cubic-bezier(.2,.9,.25,1),opacity .22s ease;z-index:999}.chat-panel.open{transform:scale(1) translateY(0);opacity:1;pointer-events:auto}.chat-panel-header{display:flex;align-items:center;gap:12px;padding:16px 18px;background:linear-gradient(135deg,#7a35f41a,#c99afc14);border-bottom:1px solid var(--line);flex-shrink:0}.chat-panel-avatar{width:38px;height:38px;border-radius:50%;background:var(--dash-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-panel-avatar svg{width:20px;height:20px;color:#fff}.chat-panel-header-info{flex:1;min-width:0}.chat-panel-header-info h3{margin:0;font-size:15px;font-weight:600;letter-spacing:.2px;color:var(--dash-text)}.chat-panel-header-info p{margin:2px 0 0;font-size:12px;color:var(--dash-muted);display:flex;align-items:center;gap:6px}.chat-status-dot{width:7px;height:7px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 3px #3ddc842e;flex-shrink:0}.chat-panel-clear,.chat-panel-close{background:none;border:none;color:var(--dash-muted);cursor:pointer;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease;flex-shrink:0}.chat-panel-clear:hover{background:#0000000d;color:var(--color-danger, #ef4444)}.chat-panel-close:hover{background:#0000000d;color:var(--dash-text)}.chat-panel-close svg{width:18px;height:18px}.chat-panel-body{flex:1;padding:18px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.chat-panel-body::-webkit-scrollbar{width:6px}.chat-panel-body::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px}.chat-day-divider{align-self:center;font-size:11px;color:var(--dash-muted);background:var(--dash-content);padding:4px 10px;border-radius:20px;margin-bottom:2px}.chat-msg{display:flex;gap:8px;max-width:88%}.chat-msg--bot{align-self:flex-start}.chat-msg--user{align-self:flex-end;flex-direction:row-reverse}.chat-msg-avatar{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--dash-content);border:1px solid var(--line);margin-top:2px}.chat-msg-avatar svg{width:14px;height:14px;color:var(--dash-purple)}.chat-bubble{padding:11px 14px;border-radius:16px;font-size:14px;line-height:1.5;word-wrap:break-word}.chat-msg--bot .chat-bubble{background:var(--dash-content);border:1px solid var(--line);border-bottom-left-radius:5px;color:var(--dash-text)}.chat-msg--user .chat-bubble{background:linear-gradient(135deg,var(--dash-purple),#a078ff);color:#fff;font-weight:500;border-bottom-right-radius:5px}.chat-msg-time{font-size:10px;color:var(--dash-muted);margin-top:4px;padding:0 4px}.chat-msg-time--right{text-align:right}.chat-typing{display:flex;gap:4px;align-self:flex-start;padding:12px 14px;background:var(--dash-content);border:1px solid var(--line);border-radius:16px 16px 16px 5px;width:fit-content}.chat-typing span{width:6px;height:6px;border-radius:50%;background:var(--dash-muted);animation:chatBounce 1.2s infinite ease-in-out}.chat-typing span:nth-child(2){animation-delay:.15s}.chat-typing span:nth-child(3){animation-delay:.3s}@keyframes chatBounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.chat-panel-footer{padding:14px;border-top:1px solid var(--line);background:var(--dash-card);flex-shrink:0}.chat-input-row{display:flex;align-items:flex-end;gap:8px;background:var(--dash-content);border:1px solid var(--line);border-radius:16px;padding:6px 6px 6px 14px;transition:border-color .15s ease}.chat-input-row:focus-within{border-color:var(--dash-purple)}.chat-input{flex:1;background:none;border:none;outline:none;resize:none;color:var(--dash-text);font-family:inherit;font-size:14px;line-height:1.4;max-height:100px;padding:8px 0!important;height:auto!important}.chat-input::placeholder{color:var(--dash-muted)}.chat-icon-btn{width:38px;height:38px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease,transform .15s ease,color .15s ease;background:transparent;color:var(--dash-muted)}.chat-icon-btn:hover{background:#0000000d;color:var(--dash-text)}.chat-icon-btn svg{width:19px;height:19px}.chat-mic-btn.listening{background:#ff6b6b;color:#fff;box-shadow:0 0 #ff6b6b8c;animation:chatMicPulse 1.4s infinite}@keyframes chatMicPulse{0%{box-shadow:0 0 #ff6b6b8c}70%{box-shadow:0 0 0 10px #ff6b6b00}to{box-shadow:0 0 #ff6b6b00}}.chat-send-btn{background:var(--dash-bg);color:#fff}.chat-send-btn:hover{filter:brightness(1.08);color:#fff;background:var(--dash-bg)}.chat-send-btn:disabled{opacity:.4;cursor:default;filter:none}.chat-send-btn:disabled:hover{filter:none}.chat-listen-hint{font-size:11px;color:#ff6b6b;text-align:center;padding-top:8px;display:none;align-items:center;justify-content:center;gap:6px}.chat-listen-hint.show{display:flex}.chat-listen-dot{width:6px;height:6px;border-radius:50%;background:#ff6b6b;animation:chatBounce 1s infinite}@media(max-width:480px){.chat-panel{top:0;left:0;right:0;bottom:0;width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0;transform:scale(1) translateY(0)}.chat-panel.open{transform:scale(1) translateY(0);z-index:9999}.chat-backdrop{display:none}.chat-fab{bottom:24px;right:16px}.chat-fab.open{display:none}}@media(prefers-reduced-motion:reduce){.chat-fab,.chat-panel,.chat-typing span,.chat-fab-ping,.chat-mic-btn.listening{animation-duration:1ms!important;transition-duration:1ms!important}}.chat-chat-notice{align-self:center;font-size:11px;color:var(--dash-muted);background:#7a35f40f;border:1px solid rgba(122,53,244,.12);padding:6px 12px;border-radius:10px;margin-bottom:4px;text-align:center;line-height:1.4;max-width:100%}.chat-bubble--md strong{font-weight:600}.chat-bubble--md ul,.chat-bubble--md ol{margin:4px 0;padding-left:18px}.chat-bubble--md li{margin-bottom:2px}.chat-bubble--md p{margin:4px 0}.chat-bubble--md p:first-child{margin-top:0}.chat-bubble--md p:last-child{margin-bottom:0}.chat-bubble--md code{font-size:13px;background:#0000000f;padding:1px 5px;border-radius:4px;font-family:SF Mono,Menlo,monospace}.chat-msg--user .chat-bubble--md code{background:#fff3}.chat-support-btn{display:block;margin-top:8px;padding:8px 16px;border:none;border-radius:10px;background:var(--dash-bg);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:filter .15s ease}.chat-support-btn:hover{filter:brightness(1.1)}.chat-contact-form{background:var(--dash-content);border:1px solid var(--line);border-radius:16px;padding:16px;align-self:flex-start;max-width:100%}.chat-contact-form-title{font-size:14px;font-weight:600;margin-bottom:10px;color:var(--dash-text)}.chat-contact-input,.chat-contact-textarea{width:100%;margin-bottom:8px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;font-size:13px;font-family:inherit;color:var(--dash-text);background:var(--dash-card);outline:none;transition:border-color .15s ease;height:auto!important}.chat-contact-input:focus,.chat-contact-textarea:focus{border-color:var(--dash-purple)}.chat-contact-textarea{resize:none}.chat-contact-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.chat-contact-cancel,.chat-contact-submit{padding:8px 16px;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:filter .15s ease}.chat-contact-cancel{background:var(--dash-content);color:var(--dash-muted);border:1px solid var(--line)}.chat-contact-submit{background:var(--dash-bg);color:#fff}.chat-contact-submit:disabled{opacity:.5;cursor:default}.chat-contact-submit:hover:not(:disabled){filter:brightness(1.1)}.print-label-info{font-size:11px;color:var(--dash-muted);line-height:1.4;margin-bottom:8px;padding:6px 8px;background:#ffc54214;border-radius:8px}.settings-website-wrap{max-width:680px}.settings-card-website{background:#fff;border:1px solid var(--line);border-radius:var(--dash-radius-card);margin-bottom:16px;overflow:hidden}.settings-card-website .icon-box{width:36px;height:36px;border-radius:8px;background:#ede7f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-card-website .icon-box svg{color:#6750a4}.settings-card-website .card-header{padding:16px 20px;display:flex;gap:12px;align-items:flex-start}.settings-card-website .card-header h3{font-size:15px;font-weight:600;margin:0 0 2px;color:var(--ink)}.settings-card-website .card-header p{font-size:13px;color:var(--dash-muted);margin:0}.settings-card-website .row{border-top:1px solid var(--line);background:#f8f9fe;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-card-website .row .row-title{font-weight:600;font-size:14px;margin:0 0 2px;color:var(--ink)}.settings-card-website .row .row-desc{font-size:13px;color:var(--dash-muted);margin:0}.settings-card-website .switch{width:40px;height:24px;border-radius:12px;border:none;background:#d9dbea;position:relative;flex-shrink:0;cursor:pointer;padding:0;transition:background .15s ease}.settings-card-website .switch.on{background:#4f3ff0}.settings-card-website .switch .thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000026;transition:left .15s ease}.settings-card-website .switch.on .thumb{left:18px}.settings-card-website .fields{padding:16px 20px;display:flex;flex-direction:column;gap:16px}.settings-card-website .fields label{font-size:13px;font-weight:600;display:block;margin-bottom:6px;color:var(--ink)}.settings-card-website .fields .accent-label{color:#4f3ff0}.settings-card-website .fields input[type=text],.settings-card-website .fields select{width:100%;height:36px;border-radius:8px;border:1px solid var(--line);padding:0 12px;font-size:14px;color:var(--ink);background:#fff}.settings-card-website .fields input[type=text]:disabled{background:#f8f9fe;color:var(--dash-muted)}.settings-card-website .fields input[type=text]:focus,.settings-card-website .fields select:focus{outline:none;border-color:#6750a4;box-shadow:0 0 0 3px #6750a426}.settings-card-website .fields .hint{font-size:12px;color:var(--dash-muted);margin:6px 0 0}.settings-card-website .fields .hint code{font-size:11px;background:#f0f0f5;padding:1px 4px;border-radius:4px;font-family:SF Mono,Menlo,monospace}.btn-save-website{background:#e2733c;color:#fff;border:none;padding:10px 20px;font-weight:600;font-size:14px;border-radius:8px;cursor:pointer;margin-top:20px}.btn-save-website:hover{background:#cf6530}.btn-save-website:disabled{opacity:.6;cursor:not-allowed}.bottom-nav{display:none;height:72px;justify-content:center;left:0;position:fixed;bottom:0;right:0;z-index:999}.bottom-nav-inner{align-items:flex-start;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -4px 24px #00000014;display:flex;justify-content:space-around;max-width:500px;padding:8px 16px 16px;position:relative;width:100%}.bottom-nav-inner:before{background:var(--dash-content);border-radius:0 0 70px 70px;content:"";height:35px;left:50%;position:absolute;top:0;transform:translate(-50%);width:70px;z-index:0}.bottom-nav-spacer{width:52px}.bottom-nav-item{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:3px;padding:4px 12px;text-decoration:none;z-index:1}.bottom-nav-item.active{color:var(--dash-purple)}.bottom-nav-item span{font-size:10px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.bottom-nav-fab{align-items:center;background:linear-gradient(135deg,var(--dash-purple),#a078ff);border:none;border-radius:50%;box-shadow:0 4px 16px #7a35f473;color:#fff;cursor:pointer;display:flex;height:52px;justify-content:center;left:50%;position:absolute;top:-26px;transform:translate(-50%);width:52px;z-index:2;transition:transform .2s ease,box-shadow .2s ease}.bottom-nav-fab:active{transform:translate(-50%) scale(.92)}.bottom-sheet-overlay{align-items:flex-end;background:#0006;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:1001}.bottom-sheet{animation:slideUp .25s ease;background:#fff;border-radius:24px 24px 0 0;max-width:500px;padding:12px 20px 32px;width:100%}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-sheet-handle{background:#d1d5db;border-radius:999px;height:4px;margin:0 auto 16px;width:36px}.bottom-sheet-title{font-size:16px;font-weight:700;margin:0 0 16px}.bottom-sheet-grid{display:grid;gap:4px;grid-template-columns:repeat(3,1fr)}.bottom-sheet-item{align-items:center;border-radius:12px;color:#374151;display:flex;flex-direction:column;gap:6px;padding:14px 8px;text-decoration:none;transition:background .15s ease}.bottom-sheet-item:active{background:#f3f4f6}.bottom-sheet-item.active{color:var(--dash-purple)}.bottom-sheet-item span{font-size:11px;font-weight:600;text-align:center}@media(max-width:560px){.bulk-actions-bar{display:none}.bottom-nav{display:flex}.dashboard-content{padding-bottom:80px}.dashboard-nav,.dashboard-trial{display:none}.chat-fab{display:none!important}.chat-panel{bottom:80px!important}.customer-table{gap:12px;overflow-x:visible}.customer-table-head{display:none}.customer-row{gap:6px 10px;grid-template-columns:1fr auto;min-height:0;min-width:0;padding:14px 16px;width:100%}.customer-profile{grid-column:1;grid-row:1}.customer-row>:nth-child(4){grid-column:2;grid-row:1;justify-self:end}.customer-row>:nth-child(4):before{display:none}.customer-row>:nth-child(2),.customer-row>:nth-child(3),.customer-row>:nth-child(5),.customer-row>.table-actions{grid-column:1 / -1}.customer-row>:nth-child(5){display:none}.customer-row>:nth-child(2):before{content:"Total Order"}.customer-row>:nth-child(3):before{content:"Total Value"}.customer-row>:nth-child(2),.customer-row>:nth-child(3){align-items:center;display:grid;gap:8px;grid-template-columns:86px 1fr}.customer-row>:nth-child(2):before,.customer-row>:nth-child(3):before{color:var(--dash-muted);font-size:11px;font-weight:850;letter-spacing:.02em;text-transform:uppercase}.customer-row>.table-actions{border-top:1px solid #edf2f8;justify-content:flex-end;margin-top:6px;padding-top:10px}.customer-status{justify-self:start}.order-table{gap:12px;overflow-x:visible}.order-table-head{display:none}.order-row{gap:6px 10px;grid-template-columns:1fr auto;min-height:0;min-width:0;padding:14px 16px;width:100%}.order-row>.table-check-col{display:none}.order-row>:first-child{grid-column:1;grid-row:1}.order-row>:nth-child(5){grid-column:2;grid-row:1;justify-self:end}.order-row>:nth-child(5):before{display:none}.order-row>:nth-child(2),.order-row>:nth-child(3),.order-row>:nth-child(4),.order-row>:nth-child(6),.order-row>.table-actions{grid-column:1 / -1}.order-row>:nth-child(2){grid-row:2;border-bottom:1px solid #ecf2f9;margin-top:-10px;margin-bottom:6px;padding-bottom:6px}.order-row>:nth-child(3){align-items:center;display:grid;gap:8px;grid-template-columns:86px 1fr}.order-row>:nth-child(3):before{color:var(--dash-muted);content:"Items";font-size:11px;font-weight:850;letter-spacing:.02em;text-transform:uppercase}.order-row>:nth-child(4){background:none!important;border:0;color:inherit;padding:0 0 0 94px;position:relative;font-size:13px;font-weight:400}.order-row>:nth-child(4):before{font-size:13px;font-weight:400;left:0;letter-spacing:.02em}.order-row>:nth-child(6){align-items:center;display:grid;gap:8px;grid-template-columns:86px 1fr}.order-row>:nth-child(6):before{color:var(--dash-muted);content:"Total";font-size:11px;font-weight:850;letter-spacing:.02em;text-transform:uppercase}.order-row>.table-actions{border-top:1px solid #edf2f8;justify-content:flex-end;margin-top:6px;padding-top:10px}.order-history-table .order-row{grid-template-columns:1fr auto;gap:6px 10px;min-width:0}.order-history-table .order-row>:first-child{grid-column:1;grid-row:1;font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-history-table .order-row>:nth-child(3){grid-column:2;grid-row:1;justify-self:end;display:flex;align-items:center}.order-history-table .order-row>:nth-child(3):before{display:none}.order-history-table .order-row>:nth-child(2),.order-history-table .order-row>:nth-child(4),.order-history-table .order-row>:nth-child(5){grid-column:1 / -1;display:grid;align-items:center;gap:8px;grid-template-columns:110px 1fr;font-size:13px;padding:0;margin:0;border:0;position:static}.order-history-table .order-row>:nth-child(2){grid-row:2}.order-history-table .order-row>:nth-child(2):before{color:var(--dash-muted);content:"Total Item"}.order-history-table .order-row>:nth-child(4){grid-row:3}.order-history-table .order-row>:nth-child(4):before{color:var(--dash-muted);content:"Total Payment"}.order-history-table .order-row>:nth-child(5){grid-row:4;width:100%}.order-history-table .order-row>:nth-child(5):before{color:var(--dash-muted);display:block;content:"Tanggal"}.invoice-table{gap:12px;overflow-x:visible}.invoice-table-head{display:none}.invoice-row{gap:6px 10px;grid-template-columns:1fr auto;min-height:0;min-width:0;padding:14px 16px;width:100%}.invoice-row>:first-child{grid-column:1;grid-row:1}.invoice-row>:nth-child(5){grid-column:2;grid-row:1;justify-self:end}.invoice-row>:nth-child(5):before{display:none}.invoice-row>:nth-child(2),.invoice-row>:nth-child(3),.invoice-row>:nth-child(4),.invoice-row>:nth-child(6),.invoice-row>.table-actions{grid-column:1 / -1}.invoice-row>:nth-child(2){grid-row:2;border-bottom:1px solid #ecf2f9;margin-top:-6px;margin-bottom:6px;padding-bottom:6px}.invoice-row>:nth-child(3){grid-row:3;display:none}.invoice-row>:nth-child(4){align-items:center;display:grid;gap:8px;grid-template-columns:86px 1fr}.invoice-row>:nth-child(4):before{color:var(--dash-muted);content:"Total";font-size:11px;font-weight:850;letter-spacing:.02em;text-transform:uppercase}.invoice-row>:nth-child(6){align-items:center;display:grid;gap:8px;grid-template-columns:86px 1fr}.invoice-row>:nth-child(6):before{color:var(--dash-muted);content:"Created";font-size:11px;font-weight:850;letter-spacing:.02em;text-transform:uppercase}.invoice-row>.table-actions{border-top:1px solid #edf2f8;justify-content:flex-end;margin-top:6px;padding-top:10px}.payment-table{gap:12px;overflow-x:visible}.payment-table-head{display:none}.payment-row{gap:6px 10px;grid-template-columns:1fr auto;min-height:0;min-width:0;padding:14px 16px;width:100%}.payment-row>:first-child{grid-column:1;grid-row:1}.payment-row>:nth-child(6){grid-column:2;grid-row:1;justify-self:end}.payment-row>:nth-child(6):before{display:none}.payment-row>:nth-child(2),.payment-row>:nth-child(3),.payment-row>:nth-child(4),.payment-row>:nth-child(5),.payment-row>.payment-actions{grid-column:1 / -1}.payment-row>:nth-child(2){grid-row:2}.payment-row>:nth-child(3){grid-row:3}.payment-row>:nth-child(4){align-items:center;display:grid;gap:8px;grid-template-columns:86px 1fr}.payment-row>:nth-child(4):before{color:var(--dash-muted);content:"Total";font-size:11px;font-weight:850;letter-spacing:.02em;text-transform:uppercase}.payment-row>:nth-child(5){align-items:center;display:grid;gap:8px;grid-template-columns:86px 1fr}.payment-row>:nth-child(5):before{color:var(--dash-muted);content:"Transfer";font-size:11px;font-weight:850;letter-spacing:.02em;text-transform:uppercase}.payment-row>.payment-actions{border-top:1px solid #edf2f8;flex-wrap:wrap;justify-content:flex-end;margin-top:6px;padding-top:10px}.proof-preview-backdrop{padding-bottom:92px}.staff-table{gap:12px;overflow-x:visible}.staff-table-head{display:none}.staff-row{gap:6px 10px;grid-template-columns:1fr auto;min-height:0;min-width:0;padding:14px 16px;width:100%}.staff-row>.customer-profile{grid-column:1;grid-row:1}.staff-row>:nth-child(2){grid-column:2;grid-row:1;justify-self:end}.staff-row>:nth-child(2):before{display:none}.staff-row>:nth-child(3),.staff-row>:nth-child(4),.staff-row>:nth-child(5),.staff-row>.table-actions{grid-column:1 / -1}.staff-row>:nth-child(3):before{content:"Phone"}.staff-row>:nth-child(4):before{content:"Invited By"}.staff-row>:nth-child(5):before{content:"Joined"}.staff-row>:nth-child(3),.staff-row>:nth-child(4),.staff-row>:nth-child(5){display:grid;grid-template-columns:86px 1fr;gap:8px}.staff-row>:nth-child(3):before,.staff-row>:nth-child(4):before,.staff-row>:nth-child(5):before{color:var(--dash-muted);font-size:11px;font-weight:850;letter-spacing:.02em;text-transform:uppercase}.staff-row>.table-actions{border-top:1px solid #edf2f8;justify-content:flex-end;margin-top:6px;padding-top:10px}.item-table{gap:12px;overflow-x:visible}.item-table-head{display:none}.item-row{gap:6px 10px;grid-template-columns:1fr auto;min-height:0;min-width:0;padding:14px 16px;width:100%}.item-row>:first-child{grid-column:1;grid-row:1}.item-row>:nth-child(6){grid-column:2;grid-row:1;justify-self:end}.item-row>:nth-child(6):before{display:none}.item-row>:nth-child(2),.item-row>:nth-child(3),.item-row>:nth-child(4),.item-row>:nth-child(5),.item-row>.table-actions{grid-column:1 / -1}.item-row>:nth-child(2):before{content:"Category"}.item-row>:nth-child(3):before{content:"Store/Brand"}.item-row>:nth-child(4):before{content:"Default Price"}.table-item.item-row>:nth-child(5):before{content:"Default Fee"}.item-row>:nth-child(2),.item-row>:nth-child(3),.item-row>:nth-child(4),.item-row>:nth-child(5){display:grid;grid-template-columns:100px 1fr;gap:8px}.item-row>:nth-child(2):before,.item-row>:nth-child(3):before,.item-row>:nth-child(4):before,.item-row>:nth-child(5):before{color:var(--dash-muted);font-size:11px;font-weight:850;letter-spacing:.02em;text-transform:uppercase}.item-row>.table-actions{border-top:1px solid #edf2f8;justify-content:flex-end;margin-top:6px;padding-top:10px}.method-table{gap:12px;overflow-x:visible}.method-table-head{display:none}.method-row{gap:6px 10px;grid-template-columns:1fr auto;min-height:0;min-width:0;padding:14px 16px;width:100%}.method-row>:first-child{grid-column:1;grid-row:1}.method-row>:nth-child(5){grid-column:2;grid-row:1;justify-self:end}.method-row>:nth-child(5):before{display:none}.method-row>:nth-child(2),.method-row>:nth-child(3),.method-row>:nth-child(4),.method-row>.table-actions{grid-column:1 / -1}.method-row>:nth-child(2):before{content:"Type"}.method-row>:nth-child(3):before{content:"Account Name"}.method-row>:nth-child(4):before{content:"Number / Asset"}.method-row>:nth-child(2),.method-row>:nth-child(3),.method-row>:nth-child(4){display:grid;grid-template-columns:110px 1fr;gap:8px}.method-row>:nth-child(2):before,.method-row>:nth-child(3):before,.method-row>:nth-child(4):before{color:var(--dash-muted);font-size:11px;font-weight:850;letter-spacing:.02em;text-transform:uppercase}.method-row>.table-actions{border-top:1px solid #edf2f8;justify-content:flex-end;margin-top:6px;padding-top:10px}.tracking-table{gap:12px;overflow-x:visible}.tracking-table-head{display:none}.tracking-row{gap:6px 10px;grid-template-columns:1fr auto;min-height:0;min-width:0;padding:14px 16px;width:100%}.tracking-row>:first-child{grid-column:1;grid-row:1}.tracking-row>:nth-child(5){grid-column:2;grid-row:1;justify-self:end}.tracking-row>:nth-child(5):before{display:none}.tracking-row>:nth-child(2),.tracking-row>:nth-child(3),.tracking-row>:nth-child(4),.tracking-row>:nth-child(6),.tracking-row>.table-actions{grid-column:1 / -1}.tracking-row>:nth-child(2):before{content:"Customer"}.tracking-row>:nth-child(3):before{content:"Courier"}.tracking-row>:nth-child(4):before{content:"Resi"}.tracking-row>:nth-child(6):before{content:"ETA"}.tracking-row>:nth-child(2),.tracking-row>:nth-child(3),.tracking-row>:nth-child(4),.tracking-row>:nth-child(6){display:grid;grid-template-columns:86px 1fr;gap:8px}.tracking-row>:nth-child(2):before,.tracking-row>:nth-child(3):before,.tracking-row>:nth-child(4):before,.tracking-row>:nth-child(6):before{color:var(--dash-muted);font-size:11px;font-weight:850;letter-spacing:.02em;text-transform:uppercase}.tracking-row>.table-actions{border-top:1px solid #edf2f8;justify-content:flex-end;margin-top:6px;padding-top:10px}.category-table{gap:12px;overflow-x:visible}.category-table-head{display:none}.category-row{gap:6px 10px;grid-template-columns:1fr auto;min-height:0;min-width:0;padding:14px 16px;width:100%}.category-row>:first-child{grid-column:1;grid-row:1}.category-row>:nth-child(4){grid-column:2;grid-row:1;justify-self:end}.category-row>:nth-child(4):before{display:none}.category-row>:nth-child(2),.category-row>:nth-child(3),.category-row>.table-actions{grid-column:1 / -1}.category-row>:nth-child(2):before{content:"Slug"}.category-row>:nth-child(3):before{content:"Color"}.category-row>:nth-child(2),.category-row>:nth-child(3){display:grid;grid-template-columns:86px 1fr 1fr;gap:8px}.category-row>:nth-child(2):before,.category-row>:nth-child(3):before{color:var(--dash-muted);font-size:11px;font-weight:850;letter-spacing:.02em;text-transform:uppercase}.category-row>.table-actions{display:flex;border-top:1px solid #edf2f8;justify-content:flex-end;margin-top:6px;padding-top:10px}.finance-filter-block{align-items:stretch;width:100%}.finance-period-filter{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%}.finance-period-filter .btn{justify-content:center;min-width:0;width:100%}.finance-custom-range{width:100%}.finance-custom-range input{flex:1 1 120px;max-width:none;min-width:0}.finance-table{display:grid;gap:10px;overflow-x:visible}.finance-table-head{display:none}.finance-table-row{background:#fff;border:1px solid #edf2f8;border-radius:var(--radius-lg);box-shadow:0 1px 3px #1e104e0d;display:grid;gap:6px 10px;grid-template-columns:1fr auto;min-height:0;padding:14px 16px}.finance-table-row>:first-child{grid-column:1;grid-row:1;font-weight:700}.finance-table-row>:nth-child(2){grid-column:2;grid-row:1;justify-self:end}.finance-table-row>:nth-child(3),.finance-table-row>:nth-child(4){grid-column:1 / -1;display:grid;grid-template-columns:86px 1fr;gap:8px}.finance-table-row>:nth-child(3):before{color:var(--dash-muted);content:"Tanggal";font-size:11px;font-weight:850;letter-spacing:.02em;text-transform:uppercase}.finance-table-row>:nth-child(4){text-align:left}.finance-table-row>:nth-child(4):before{color:var(--dash-muted);content:"Nilai";font-size:11px;font-weight:850;letter-spacing:.02em;text-transform:uppercase}.control-jastiper-table{gap:12px;overflow-x:visible}.control-jastiper-head{display:none}.control-jastiper-row{gap:6px 10px;grid-template-columns:1fr;min-height:0;min-width:0;padding:14px 16px;width:100%}.control-jastiper-row>:first-child{grid-column:1}.control-jastiper-row>:nth-child(2),.control-jastiper-row>:nth-child(3),.control-jastiper-row>:nth-child(4),.control-jastiper-row>:nth-child(5),.control-jastiper-row>:nth-child(6),.control-jastiper-row>:nth-child(7){grid-column:1 / -1;display:grid;grid-template-columns:110px 1fr;gap:8px}.control-jastiper-row>:nth-child(2):before{content:"Subscription"}.control-jastiper-row>:nth-child(3):before{content:"Customers"}.control-jastiper-row>:nth-child(4):before{content:"Orders"}.control-jastiper-row>:nth-child(5):before{content:"Invoices"}.control-jastiper-row>:nth-child(6):before{content:"Revenue"}.control-jastiper-row>:nth-child(7):before{content:"Joined"}.control-jastiper-row>:nth-child(2):before,.control-jastiper-row>:nth-child(3):before,.control-jastiper-row>:nth-child(4):before,.control-jastiper-row>:nth-child(5):before,.control-jastiper-row>:nth-child(6):before,.control-jastiper-row>:nth-child(7):before{color:var(--dash-muted);font-size:11px;font-weight:850;letter-spacing:.02em;text-transform:uppercase}.control-log-table{gap:12px;overflow-x:visible}.control-log-head{display:none}.control-log-row{gap:6px 10px;grid-template-columns:1fr auto;min-height:0;min-width:0;padding:14px 16px;width:100%}.control-log-row>:first-child{grid-column:1 / -1}.control-log-table.activity .control-log-row>:nth-child(2):before{content:"Actor"}.control-log-table.activity .control-log-row>:nth-child(3):before{content:"Entity"}.control-log-table.activity .control-log-row>:nth-child(4):before{content:"Request ID"}.control-log-table.activity .control-log-row>:nth-child(5):before{content:"Time"}.control-log-table.error .control-log-row>:nth-child(2):before{content:"Endpoint"}.control-log-table.error .control-log-row>:nth-child(3):before{content:"Actor"}.control-log-table.error .control-log-row>:nth-child(4):before{content:"Request ID"}.control-log-table.error .control-log-row>:nth-child(5):before{content:"Time"}.control-log-row>:nth-child(2),.control-log-row>:nth-child(3),.control-log-row>:nth-child(4),.control-log-row>:nth-child(5){grid-column:1 / -1;display:grid;grid-template-columns:95px 1fr;gap:8px}.control-log-row>:nth-child(2):before,.control-log-row>:nth-child(3):before,.control-log-row>:nth-child(4):before,.control-log-row>:nth-child(5):before{color:var(--dash-muted);font-size:11px;font-weight:850;letter-spacing:.02em;text-transform:uppercase}.control-log-row>:last-child{grid-column:2;grid-row:1;justify-self:end}.control-contact-table{gap:12px;overflow-x:visible}.control-contact-head{display:none}.control-contact-row{gap:6px 10px;grid-template-columns:1fr auto;min-height:0;min-width:0;padding:14px 16px;width:100%}.control-contact-row>:first-child{grid-column:1 / -1}.control-contact-row>:nth-child(2):before{content:"Topic"}.control-contact-row>:nth-child(4):before{content:"Status"}.control-contact-row>:nth-child(5):before{content:"Received"}.control-contact-row>:nth-child(2),.control-contact-row>:nth-child(3),.control-contact-row>:nth-child(4),.control-contact-row>:nth-child(5){grid-column:1 / -1;display:grid;grid-template-columns:86px 1fr;gap:8px}.control-contact-row>:nth-child(2):before,.control-contact-row>:nth-child(4):before,.control-contact-row>:nth-child(5):before{color:var(--dash-muted);font-size:11px;font-weight:850;letter-spacing:.02em;text-transform:uppercase}.control-contact-row>:last-child{grid-column:2;grid-row:1;justify-self:end}}.mobile-card{background:#f9fbff;border:1px solid #edf2f8;border-radius:var(--radius-lg);color:var(--dash-text);display:none;gap:10px;padding:14px 16px}.mobile-card-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.mobile-card-title{color:var(--dash-purple);font-size:15px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.mobile-card-title{text-decoration:none}a.mobile-card-title:hover{text-decoration:underline}.mobile-card-body{display:grid;gap:6px}.mobile-card-field{align-items:center;display:grid;gap:8px;grid-template-columns:86px 1fr}.mobile-card-label{color:var(--dash-muted);font-size:11px;font-weight:850;letter-spacing:.02em;text-transform:uppercase}.mobile-card-value{font-size:13px;font-weight:400}.mobile-card-actions{border-top:1px solid #edf2f8;display:flex;gap:6px;justify-content:flex-end;margin-top:4px;padding-top:10px}.mobile-card-actions button{box-shadow:none;font-size:12px;gap:6px;min-height:30px;padding:0 10px}.mobile-card-actions button.action-view,.mobile-card-actions button.action-approve,.mobile-card-actions button.action-external{background:#ecfdf5;border-color:#c6f6d5;color:#16a34a}.mobile-card-actions button.action-edit{background:#fffbeb;border-color:#fde68a;color:#b45309}.mobile-card-actions button.action-delete,.mobile-card-actions button.action-archive,.mobile-card-actions button.action-reject{background:#fef2f2;border-color:#fecaca;color:#dc2626}.mobile-card-actions button.action-back,.mobile-card-actions button.action-copy{background:#f5f3ff;border-color:#ddd6fe;color:#7c3aed}.mobile-card-actions button.action-print{background:#f3f4f6;border-color:#e5e7eb;color:#6b7280}.mobile-card-actions button.action-view:hover,.mobile-card-actions button.action-approve:hover,.mobile-card-actions button.action-external:hover{background:#d1fae5;border-color:#86efac;box-shadow:0 8px 16px #18b8782e;color:#15803d}.mobile-card-actions button.action-edit:hover{background:#fef3c7;border-color:#fcd34d;box-shadow:0 8px 16px #ffc85c38;color:#92400e}.mobile-card-actions button.action-delete:hover,.mobile-card-actions button.action-archive:hover,.mobile-card-actions button.action-reject:hover{background:#fee2e2;border-color:#fca5a5;box-shadow:0 8px 16px #dd1f5b2e;color:#b91c1c}.mobile-card-actions button.action-back:hover,.mobile-card-actions button.action-copy:hover{background:#ede9fe;border-color:#c4b5fd;box-shadow:0 8px 16px #5228e824;color:#6d28d9}.mobile-card-actions button.action-print:hover{background:#e5e7eb;border-color:#d1d5db;box-shadow:0 8px 16px #6b728024;color:#4b5563}@media(max-width:560px){.customer-row,.order-row,.invoice-row,.item-row,.staff-row,.payment-row,.method-row,.category-row,.tracking-row,.order-detail-item-row{display:none!important}.mobile-card{display:grid}.dashboard-header-title-row{align-items:center;display:flex;gap:10px}.mobile-back{display:inline-flex}.mobile-back span{display:none}.dashboard-actions{display:grid;gap:8px;grid-template-columns:1fr 1fr;width:100%}.dashboard-actions .btn{width:100%}.settings-card{padding:20px 16px 100px}.create-side-card{padding:20px 16px 100px;align-self:unset}.delete-card{padding:20px 16px 120px}.delete-detail-row{display:grid;gap:2px;grid-template-columns:1fr}.delete-detail-row span{font-size:11px;letter-spacing:.02em;text-transform:uppercase}.delete-detail-row strong{white-space:normal;word-break:break-word}.delete-detail-row .customer-status{justify-self:start}.delete-actions{flex-direction:column-reverse}.delete-actions .action-back,.delete-actions .action-delete,.delete-actions .btn-danger{width:100%}.auth-simple-shell .login-visual-panel{display:none}.auth-simple-shell .login-panel{position:relative}.auth-simple-shell .back-button{left:18px;position:absolute;top:18px;z-index:1}.auth-simple-shell .login-form-wrap{padding-top:8px}}.settings-tier-list{border:1px solid var(--gray-200, #edf2f8);border-radius:var(--radius-lg, 10px);overflow:hidden}.settings-tier-header,.settings-tier-row{align-items:center;display:grid;font-size:14px;gap:12px;grid-template-columns:40px 1fr .5fr 80px 80px;padding:10px 14px}.settings-tier-header{background:var(--gray-50, #f8fafd);color:var(--dash-muted, #6b7294);font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.settings-tier-row+.settings-tier-row{border-top:1px solid var(--gray-100, #f0f4fc)}.settings-tier-add{align-items:center;display:contents;gap:12px;margin-top:12px}.fee-tier-modal-actions{justify-content:space-between;margin-top:20px}.fee-tier-action-btn{flex:1}.toggle-switch{align-items:center;display:inline-flex;gap:10px}.toggle-switch button{background:#d9dbea;border:none;border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;padding:0;position:relative;transition:background .15s ease;width:40px}.toggle-switch button.on{background:#4f3ff0}.toggle-switch button .thumb{background:#fff;border-radius:50%;box-shadow:0 1px 2px #00000026;height:20px;left:2px;position:absolute;top:2px;transition:left .15s ease;width:20px}.toggle-switch button.on .thumb{left:18px}.toggle-switch span{color:var(--dash-text, #1f234b);font-size:13px;-webkit-user-select:none;user-select:none}.include-fee-row{align-items:center;display:flex;gap:8px;margin-bottom:4px}.include-fee-row .toggle-switch-btn{background:#d9dbea;border:none;border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;padding:0;position:relative;transition:background .15s ease;width:40px}.include-fee-row .toggle-switch-btn.on{background:#4f3ff0}.include-fee-row .toggle-switch-btn .thumb{background:#fff;border-radius:50%;box-shadow:0 1px 2px #00000026;display:block;height:20px;left:2px;position:absolute;top:2px;transition:left .15s ease;width:20px}.include-fee-row .toggle-switch-btn.on .thumb{left:18px}.order-fee-field-wrap{width:100%;transition:opacity .15s ease}.order-fee-field-wrap.hidden{display:none}.onboarding-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.onboarding-modal{background:var(--surface, #fff);border-radius:12px;box-shadow:0 20px 60px #0003;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;padding:32px}.onboarding-head{text-align:center;margin-bottom:24px}.onboarding-head h2{font-size:22px;margin:0 0 6px}.onboarding-head p{color:var(--muted, #6b7294);font-size:14px;margin:0}.onboarding-progress{display:flex;align-items:flex-start;justify-content:center;margin-bottom:28px;gap:0}.onboarding-step-indicator{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;max-width:120px}.onboarding-step-circle{width:36px;height:36px;border-radius:50%;background:var(--line, #e5e0eb);display:flex;align-items:center;justify-content:center;color:var(--muted, #6b7294);font-size:14px;transition:all .2s ease}.onboarding-step-indicator.active .onboarding-step-circle{background:var(--primary, #1e104e);color:#fff}.onboarding-step-indicator.done .onboarding-step-circle{background:#18b878;color:#fff}.onboarding-step-label{font-size:11px;color:var(--muted, #6b7294);margin-top:6px;text-align:center;white-space:nowrap}.onboarding-step-indicator.active .onboarding-step-label{color:var(--primary, #1e104e);font-weight:600}.onboarding-step-indicator.done .onboarding-step-label{color:#18b878}.onboarding-step-line{position:absolute;top:18px;left:calc(50% + 18px);right:calc(-50% + 18px);height:2px;background:var(--line, #e5e0eb)}.onboarding-step-line.done{background:#18b878}.onboarding-body{min-height:200px}.onboarding-form-grid{display:grid;gap:16px}@media(max-width:860px){.onboarding-modal{max-width:none;margin:0 12px;padding:24px 16px}.onboarding-step-label{font-size:10px}}.onboarding-tier-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.onboarding-tier-row{display:grid;grid-template-columns:1fr 16px 1fr 48px 1fr 28px;gap:6px;align-items:center;background:#fafbfd;border:1px solid #eef0f6;border-radius:11px;padding:8px 10px}.otr-value{font-size:13px;font-weight:600;color:var(--ink, #1b1730)}.otr-sep{text-align:center;color:var(--muted, #6b7294);font-size:12px}.otr-type-badge{text-align:center;font-size:11px;font-weight:700;color:var(--muted, #6b7294);background:var(--page, #f7f4fb);border-radius:4px;padding:2px 4px}.otr-fee{font-size:13px;font-weight:700;color:#4f46e5}.otr-delete{background:none;border:none;color:#ef4444;cursor:pointer;padding:2px}.onboarding-tier-add{display:grid;grid-template-columns:1fr 1fr 84px 1fr 28px;gap:6px;align-items:center;background:#fafbfd;border:1px solid #eef0f6;border-radius:11px;padding:8px 10px;margin-bottom:12px}.otr-row{display:contents}.otr-input{position:relative}.otr-prefix{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:12px;color:#94a3b8;font-weight:600;pointer-events:none}.otr-sufix{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px;color:#94a3b8;font-weight:600;pointer-events:none}.otr-field{width:100%;padding:7px 8px 7px 28px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:600;outline:none;background:#fff;box-sizing:border-box}.otr-fee-field{color:#4f46e5;font-weight:700}.otr-type-toggle{display:flex;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0}.otr-type-btn{flex:1;padding:7px 0;font-size:11px;font-weight:700;cursor:pointer;border:none;background:#fff;color:#64748b;transition:background .15s,color .15s}.otr-type-btn.active{background:#4f46e5;color:#fff}.otr-add-btn{background:none;border:none;color:#4f46e5;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center}.otr-add-btn:disabled{opacity:.4;cursor:default}.onboarding-tier-edit{grid-template-columns:1fr 1fr 84px 1fr 28px 28px}.otr-cancel-btn{background:none;border:none;color:#ef4444;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center}@media(max-width:560px){.onboarding-tier-add{display:flex;flex-direction:column;gap:6px}.otr-row{display:flex;align-items:center;gap:6px}.otr-row-prices .otr-input{flex:1 1 0;min-width:0}.otr-row-fee .otr-type-toggle{flex:0 0 76px}.otr-row-fee .otr-input{flex:1 1 auto;min-width:0}.otr-row-fee .otr-add-btn,.otr-row-fee .otr-cancel-btn{flex:0 0 28px}}.onboarding-empty-tier{color:var(--muted, #6b7294);font-size:13px;margin-bottom:12px}.onboarding-actions{display:flex;gap:12px;justify-content:space-between;margin-top:32px}.onboarding-actions>button{flex:1}.onboarding-body,.create-layout{grid-template-columns:unset}.onboarding-body .input-wrap input,.create-layout .input-wrap input{width:max-content}.onboarding-body .settings-card,.create-layout .settings-card{border:unset;box-shadow:unset;background-color:none;padding:0}
