:root{--coral: #ff8369;--coral-strong: #f6511d;--caramel: #8a4e1c;--cream: #fff5e6;--ink: #111111;--muted: #6b6b6b;--border: #ececec;--surface: #ffffff;--surface-soft: #fafafa;--danger: #d8413a;--radius: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--surface-soft)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}button{font-family:inherit;cursor:pointer}a{color:inherit}input,button{font-size:14px}.heading{font-family:Poppins,Inter,sans-serif;font-weight:700;letter-spacing:-.01em}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.shell aside{background:var(--ink);color:#fff;padding:24px 16px;display:flex;flex-direction:column;gap:8px}.shell aside .brand{font-family:Poppins,sans-serif;font-weight:800;font-size:18px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:16px}.shell aside .brand .accent{color:var(--coral)}.shell aside .navlink{text-decoration:none;padding:10px 12px;border-radius:var(--radius);color:#ffffffb3;font-weight:500;display:flex;align-items:center;justify-content:space-between}.shell aside .navlink:hover{background:#ffffff0f;color:#fff}.shell aside .navlink.active{background:#ff836926;color:#fff}.shell main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-bottom:1px solid var(--border);background:var(--surface)}.topbar .user{display:flex;align-items:center;gap:12px;color:var(--muted)}.topbar button{background:transparent;border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px;color:var(--ink)}.topbar button:hover{border-color:var(--ink)}.content{padding:32px;flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm)}.card h2{margin:0 0 8px}.stat{font-family:Poppins,sans-serif;font-weight:700;font-size:48px;letter-spacing:-.02em;line-height:1;color:var(--ink);margin:24px 0 8px}.muted{color:var(--muted)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff5e6,#ffe8e2);padding:24px}.login-card{width:100%;max-width:380px;background:var(--surface);border-radius:16px;padding:32px;box-shadow:var(--shadow-md)}.login-card h1{font-family:Poppins,sans-serif;font-weight:800;margin:0 0 4px;font-size:24px}.login-card p{margin:0 0 24px;color:var(--muted)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:12px;font-weight:600;color:var(--ink);text-transform:uppercase;letter-spacing:.04em}.field input{border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;outline:none;background:var(--surface)}.field input:focus{border-color:var(--coral);box-shadow:0 0 0 3px #ff83692e}.btn-primary{width:100%;border:none;background:var(--coral);color:#fff;font-weight:600;padding:12px;border-radius:var(--radius);margin-top:8px}.btn-primary:hover{background:var(--coral-strong)}.btn-primary:disabled{background:#d6c79c;cursor:not-allowed}.error{color:var(--danger);font-size:13px;margin-top:8px;background:#fff0f0;border:1px solid #ffd5d2;padding:8px 10px;border-radius:var(--radius)}.center-state{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--muted)}.data-table{width:100%;border-collapse:collapse;margin-top:16px;font-size:14px}.data-table th,.data-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top}.data-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600}.data-table tbody tr:hover{background:var(--surface-soft)}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table code{font-size:13px;background:var(--cream);padding:2px 6px;border-radius:4px}.small{font-size:12px}.filter-row{display:flex;gap:16px;margin-top:16px;flex-wrap:wrap}.filter-row label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.filter-row input,.filter-row select{border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;background:var(--surface);font-size:14px}.pager{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:16px}.pager button{background:transparent;border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px;color:var(--ink)}.pager button:disabled{opacity:.4;cursor:not-allowed}.status{display:inline-block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:999px;background:#eee;color:#444;white-space:nowrap}.status-pre_launch{background:#f0e6ff;color:#6b21a8}.status-pending{background:#fff5e0;color:#8a6500}.status-paid{background:#e3f4ec;color:#0f6b4a}.status-in_production{background:#e8eefe;color:#2848b5}.status-at_supplier{background:#f2e8fe;color:#5b2bb6}.status-received_from_supplier{background:#fce8f3;color:#a72870}.status-shipped{background:#e0f2fe;color:#0c5e8a}.status-delivered{background:#d4ecd0;color:#1d6a1d}.status-refunded{background:#fbe8e6;color:#b22b22}.status-cancelled{background:#eee;color:#555}.status-failed{background:#ffe1e0;color:#b22b22}.row-between{display:flex;align-items:center;justify-content:space-between;gap:16px}.btn-secondary{display:inline-block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px 14px;color:var(--ink);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer}.btn-secondary:hover{border-color:var(--ink)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:var(--danger);color:#fff;border:none;border-radius:var(--radius);padding:8px 14px;font-weight:600;cursor:pointer}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.detail-grid{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}@media(max-width:980px){.detail-grid{grid-template-columns:1fr}}.kv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:16px}.kv-grid label{display:block;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.field textarea{border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;font-family:inherit;font-size:14px;resize:vertical}.action-stack{display:flex;flex-direction:column;gap:8px;margin-top:12px}.action-stack button{width:100%}.sym-preview{display:flex;flex-wrap:wrap;gap:4px}.sym-chip{display:inline-block;background:var(--cream);border:1px solid #f0e3c8;border-radius:999px;padding:2px 8px;font-size:12px}.timeline{list-style:none;padding:0;margin:12px 0 0}.timeline li{display:grid;grid-template-columns:180px 1fr;gap:16px;padding:10px 0;border-bottom:1px solid var(--border)}.timeline li:last-child{border-bottom:none}.t-when{color:var(--muted);font-size:13px}.customers-toolbar{display:flex;align-items:center;gap:12px;margin:12px 0 16px}.customers-toolbar input[type=search]{flex:1;min-width:200px;max-width:360px;border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;font-size:14px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-top:16px}.summary-cell label{display:block;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.summary-cell .value{font-size:20px;font-weight:600;color:var(--ink)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin:16px 0}.tabs button{background:none;border:none;padding:10px 16px;font-size:14px;font-weight:500;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button.active{color:var(--ink);border-bottom-color:var(--ink)}.tabs button:hover:not(.active){color:var(--ink)}.designs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:8px}.design-card{border:1px solid var(--border);border-radius:var(--radius);padding:12px;background:#fff}.design-thumb{position:relative;width:100%;aspect-ratio:1 / 1;background:var(--cream);border-radius:var(--radius);overflow:hidden;margin-bottom:8px}.design-thumb .pendant-img{position:absolute;inset:10%;width:80%;height:80%;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(28,28,26,.18))}.design-thumb .symbol-img{position:absolute;width:18%;height:18%;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 3px rgba(0,0,0,.5)) brightness(.95)}.design-card .meta{font-size:12px;color:var(--muted)}.design-card .meta code{font-size:11px}.symbols-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.symbol-tile{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;background:#fff}.symbol-tile img{width:36px;height:36px;object-fit:contain}.symbol-tile .name{font-weight:500;font-size:13px;color:var(--ink)}.symbol-tile .meta{font-size:11px;color:var(--muted)}.event-list{list-style:none;padding:0;margin:0}.event-list li{display:grid;grid-template-columns:180px 1fr;gap:16px;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.event-list li:last-child{border-bottom:none}.event-list .ev-name{font-weight:500;color:var(--ink)}.event-list .ev-page{color:var(--muted);font-size:12px}.link{color:var(--ink);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:3px}.link:hover{text-decoration-color:var(--ink)}.analytics{display:flex;flex-direction:column;gap:16px}.analytics-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.range-picker{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pill{border:1px solid var(--border);background:#fff;color:var(--muted);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500}.pill.active{background:var(--ink);color:#fff;border-color:var(--ink)}.range-custom{display:inline-flex;align-items:center;gap:8px}.range-custom input{border:1px solid var(--border);border-radius:var(--radius);padding:5px 8px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm);min-height:84px}.kpi-card.skeleton{background:linear-gradient(90deg,#f6f6f6,#fafafa,#f6f6f6)}.kpi-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.kpi-value{font-family:Poppins,Inter,sans-serif;font-weight:700;font-size:26px;margin-top:4px;color:var(--ink)}.kpi-sub{font-size:12px;margin-top:2px}.subheading{font-family:Poppins,Inter,sans-serif;font-weight:600;font-size:14px;margin:18px 0 8px;color:var(--ink)}.hbar{position:relative;background:var(--surface-soft);border-radius:999px;height:8px;width:100%;overflow:hidden}.hbar-fill{height:100%;border-radius:999px;transition:width .2s ease}.funnel{display:flex;flex-direction:column;gap:10px;margin-top:8px}.funnel-row{display:grid;grid-template-columns:180px 1fr 70px 130px;align-items:center;gap:12px}.funnel-label{font-size:13px;font-weight:500}.funnel-count{text-align:right;font-weight:600}.funnel-conv{font-size:12px;text-align:right}@media(max-width:720px){.funnel-row{grid-template-columns:1fr 60px}.funnel-bar,.funnel-conv{display:none}}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:1000px){.analytics-grid{grid-template-columns:1fr}}.leaderboard{list-style:none;margin:8px 0 0;padding:0}.leaderboard.tight .leaderboard-row{padding:5px 0}.leaderboard-row{display:grid;grid-template-columns:auto 36px 1fr 90px 56px;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px;cursor:pointer}.leaderboard.tight .leaderboard-row{grid-template-columns:36px 1fr 90px 56px}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row:hover{background:var(--surface-soft)}.leaderboard-row .rank{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:var(--ink);color:#fff;border-radius:50%}.leaderboard-row img{width:30px;height:30px;object-fit:contain}.leaderboard-row .img-placeholder{width:30px;height:30px;border-radius:6px;background:var(--surface-soft);border:1px solid var(--border)}.leaderboard-row .lb-name{min-width:0}.leaderboard-row .lb-name>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-row .lb-count{text-align:right;font-weight:600}.ai-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}@media(max-width:540px){.ai-stats{grid-template-columns:1fr}}.cell-with-bar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;min-width:120px}.cell-with-bar span{font-variant-numeric:tabular-nums;font-size:13px}.data-table.compact td,.data-table.compact th{padding:6px 8px}
