:root{--magenta:#e20074;--magenta-dark:#b3005c;--magenta-light:#ff4fa8;--magenta-100:#ffe6f3;--bg:#f5f4f6;--surface:#fff;--surface-2:#faf8fa;--border:#e4e1e6;--text:#201a22;--text-muted:#6c6570;--success:#0b8457;--danger:#c4293a;--shadow:0 1px 2px #140a140f, 0 4px 16px #140a140f;--radius:14px}[data-theme=dark]{--bg:#17141a;--surface:#221e26;--surface-2:#2a2530;--border:#38323e;--text:#f2eef3;--text-muted:#a89fae;--magenta-100:#3a1330;--shadow:0 1px 2px #0000004d, 0 4px 20px #00000059}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#17141a;--surface:#221e26;--surface-2:#2a2530;--border:#38323e;--text:#f2eef3;--text-muted:#a89fae;--magenta-100:#3a1330;--shadow:0 1px 2px #0000004d, 0 4px 20px #00000059}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}h1,h2,h3{margin:0}a{color:var(--magenta)}.muted{color:var(--text-muted)}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:filter .15s,background .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--magenta);color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-secondary{background:var(--surface-2);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--magenta-100)}.btn-sm{padding:6px 12px;font-size:13px}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger.btn-secondary{background:var(--surface-2);color:var(--danger);border-color:var(--danger)}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.name{font-size:15px;font-weight:700}input[type=text],input[type=password],input[type=number],input[type=search],select{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;height:42px;color:var(--text);border-radius:10px;margin:4px 0 12px;padding:0 12px;font-size:14px}input:focus,select:focus{outline:2px solid var(--magenta-light);outline-offset:1px}label{color:var(--text-muted);font-size:13px;font-weight:600}.error-text{color:var(--danger);margin:0 0 10px;font-size:13px}.login-page{background:radial-gradient(circle at top, var(--magenta-100), var(--bg) 60%);flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100%;padding:24px 16px;display:flex}.login-brand{align-items:center;gap:12px;display:flex}.login-brand-mark{object-fit:contain;width:48px;height:48px;display:block}.login-brand-title{font-size:20px;font-weight:800}.login-brand-sub{color:var(--text-muted);font-size:13px}.login-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:18px;padding:28px 24px}.login-card h1{margin-bottom:4px;font-size:22px}.login-card .sub{color:var(--text-muted);margin:0 0 18px;font-size:14px}.loading-screen{height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.app-shell{width:100%;margin:0 auto;padding:0 24px 48px}.top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 0 10px;display:flex}.top-bar-title{align-items:center;gap:10px;display:flex}.top-bar-mark{object-fit:contain;width:32px;height:32px;display:block}.top-bar h1{font-size:20px}.user-pill{align-items:center;gap:10px;font-size:14px;display:flex}.top-nav{border-bottom:1px solid var(--border);gap:4px;margin-bottom:18px;display:flex;overflow-x:auto}.top-nav a{color:var(--text-muted);white-space:nowrap;border-bottom:3px solid #0000;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none}.top-nav a.active{color:var(--magenta);border-bottom-color:var(--magenta)}.page{flex-direction:column;gap:16px;display:flex}.toast{background:var(--text);color:var(--bg);box-shadow:var(--shadow);z-index:50;text-align:center;border-radius:999px;max-width:90vw;padding:10px 18px;font-size:14px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.board-period{margin:-6px 0 0}.board-grow-hint{font-size:12px;display:block}.board-columns{grid-template-columns:1fr 320px;align-items:start;gap:16px;display:grid}@media (width<=900px){.board-columns{grid-template-columns:1fr}}.board-track-card{background:radial-gradient(circle at 18% 22%, color-mix(in srgb, var(--text) 3%, transparent) 0, transparent 38%), radial-gradient(circle at 78% 65%, color-mix(in srgb, var(--text) 3%, transparent) 0, transparent 42%), radial-gradient(circle at 45% 88%, color-mix(in srgb, var(--text) 2%, transparent) 0, transparent 36%), var(--surface);padding:14px;overflow:hidden}.board-track-wrap{width:100%;position:relative}.board-track-svg{width:100%;height:100%;display:block;overflow:visible}.board-road-shoulder{fill:none;stroke:#ddd0ad;stroke-width:32px;stroke-linecap:round;stroke-linejoin:round}.board-road-surface{fill:none;stroke:#57565f;stroke-width:25px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 2px #00000038)}[data-theme=dark] .board-road-shoulder,:root:not([data-theme=light]) .board-road-shoulder{stroke:#3a3428}[data-theme=dark] .board-road-surface,:root:not([data-theme=light]) .board-road-surface{stroke:#45444c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .board-road-shoulder{stroke:#3a3428}:root:not([data-theme=light]) .board-road-surface{stroke:#45444c}}.board-road-centerline{fill:none;stroke:#ffcf3f;stroke-width:2.6px;stroke-dasharray:12 10;stroke-linecap:round}.board-sign-post{stroke:#8a7c5c;stroke-width:2.3px;stroke-linecap:round}[data-theme=dark] .board-sign-post,:root:not([data-theme=light]) .board-sign-post{stroke:#6b6250}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .board-sign-post{stroke:#6b6250}}.board-sign-face{fill:var(--surface);stroke:var(--magenta);stroke-width:1.6px}.board-milestone text{fill:var(--magenta);font-size:8px;font-weight:700}.board-milestone.big .board-sign-face{fill:var(--magenta);stroke:none}.board-milestone.big text{fill:#fff;font-size:9.5px}.board-flag-start{fill:var(--success);opacity:.15;stroke:var(--success);stroke-width:2px}.board-flag-finish{fill:var(--magenta);opacity:.15;stroke:var(--magenta);stroke-width:2px}.board-flag-label{fill:var(--text);font-size:12px;font-weight:800}.board-flag-label-finish{font-size:20px}.board-track-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.board-token{transform:translate(-50%, -50%) translate(var(--stack-dx,0px), var(--stack-dy,0px));border:3px solid var(--magenta);background:var(--surface);width:34px;height:34px;box-shadow:var(--shadow);z-index:2;border-radius:50%;position:absolute;overflow:hidden}.board-token.is-me{z-index:3;width:42px;height:42px;box-shadow:0 0 0 4px var(--magenta-100), var(--shadow)}.board-token img{object-fit:cover;width:100%;height:100%}.wici-token-initials{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:12px;font-weight:800;display:flex}.board-side{flex-direction:column;gap:16px;display:flex}.board-me-row{align-items:center;gap:12px;margin-top:8px;display:flex}.wici-avatar-preview{border:3px solid var(--magenta);border-radius:50%;flex-shrink:0;width:56px;height:56px;overflow:hidden}.wici-avatar-preview img{object-fit:cover;width:100%;height:100%}.board-me-score{color:var(--magenta);font-size:20px;font-weight:800}.board-ranking-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.board-ranking-list li{border-radius:10px;align-items:center;gap:10px;padding:6px;display:flex}.board-ranking-list li.is-me{background:var(--magenta-100)}.board-rank-pos{width:22px;color:var(--text-muted);font-weight:700}.board-rank-avatar{border:2px solid var(--magenta);border-radius:50%;flex-shrink:0;width:30px;height:30px;overflow:hidden}.board-rank-avatar img{object-fit:cover;width:100%;height:100%}.board-rank-name{flex:1;font-weight:600}.board-rank-score{color:var(--magenta);white-space:nowrap;font-weight:700}.products-search-card{position:relative}.products-search-row{flex-wrap:wrap;gap:10px;display:flex}.products-search-input{flex:1;min-width:200px;margin:0}.products-cluster-select{width:auto;min-width:160px;margin:0}.products-results-area{flex-direction:column;justify-content:center;min-height:172px;margin-top:10px;display:flex}.products-list{flex-direction:column;gap:10px;display:flex}.product-row{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.product-row-name{font-size:13.5px;font-weight:600}.product-row-meta{margin-top:1px;font-size:12px}.product-row-actions{align-items:center;gap:8px;display:flex}.stepper{border:1px solid var(--border);border-radius:999px;align-items:center;display:flex;overflow:hidden}.stepper-btn{background:var(--surface-2);width:26px;height:26px;color:var(--text);cursor:pointer;border:none;font-size:14px}.stepper-value{text-align:center;min-width:20px;font-size:13px;font-weight:700}.journey-summary{text-align:center}.journey-total{color:var(--magenta);font-size:32px;font-weight:900}.journey-list{flex-direction:column;gap:10px;display:flex}.journey-row{align-items:center;gap:12px;display:flex}.journey-row-main{flex:1}.journey-row-name{font-weight:600}.journey-row-meta{margin-top:2px;font-size:13px}.journey-row-points{color:var(--magenta);white-space:nowrap;font-weight:700}.admin-tabs{gap:4px;margin-bottom:4px;display:flex;overflow-x:auto}.admin-tabs button{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.admin-tabs button.active{background:var(--magenta);color:#fff;border-color:var(--magenta)}.admin-user-row{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.admin-user-row:first-of-type{border-top:none}.admin-user-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-user-actions select{width:auto;margin:0;padding:6px 10px}.admin-users-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.badge{background:var(--magenta);color:#fff;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:11px;font-weight:700}.badge-muted{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.admin-settings-form input{max-width:260px}.admin-products-table,.admin-entries-table{flex-direction:column;gap:6px;max-height:60vh;display:flex;overflow-y:auto}.admin-product-row{border-top:1px solid var(--border);grid-template-columns:90px 1fr 140px 90px 70px;align-items:center;gap:8px;padding:6px 0;display:grid}.admin-product-row input{margin:0}.admin-product-active{align-items:center;gap:4px;font-size:12px;display:flex}.admin-entry-row{border-top:1px solid var(--border);grid-template-columns:90px 140px 1fr 120px 80px;align-items:center;gap:8px;padding:6px 0;font-size:13px;display:grid}@media (width<=720px){.admin-product-row,.admin-entry-row{grid-template-columns:1fr}}.modal-backdrop{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border-radius:var(--radius);width:100%;max-width:380px;box-shadow:var(--shadow);padding:22px}.modal-card h3{margin-bottom:12px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}