@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg: #0a0f1e;--bg-soft: #111a2e;--bg-soft-2: #0d1526;--bg-elev: #16213a;--border: #1f2b45;--border-strong: #2b3a5c;--text: #eaf0fc;--muted: #93a3c2;--muted-2: #6b7ea3;--brand: #ffd166;--brand-strong: #f4b740;--brand-soft: rgba(255, 209, 102, .12);--brand-contrast: #1a1205;--gold: var(--brand);--gold-strong: var(--brand-strong);--green: #34d399;--green-soft: rgba(52, 211, 153, .12);--red: #f87171;--red-soft: rgba(248, 113, 113, .1);--blue: #60a5fa;--blue-soft: rgba(96, 165, 250, .12);--orange: #fbbf24;--radius: 14px;--radius-sm: 10px;--shadow: 0 8px 24px rgba(2, 6, 16, .45);--shadow-lg: 0 18px 48px rgba(2, 6, 16, .55);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1100px 520px at 85% -10%,rgba(244,183,64,.07) 0%,transparent 60%),radial-gradient(1200px 600px at 15% -10%,#131f3a 0%,var(--bg) 55%);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;font-size:15px}a{color:var(--brand);text-decoration:none}h1,h2,h3{margin:0 0 .4em;line-height:1.2;letter-spacing:-.02em}h1{font-size:1.5rem;font-weight:800}h2{font-size:1.15rem;font-weight:700}h3{font-size:.98rem;font-weight:700}small,.muted{color:var(--muted)}.muted-2{color:var(--muted-2)}::selection{background:var(--brand);color:var(--brand-contrast)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}*::-webkit-scrollbar-track{background:transparent}.screen{min-height:100%;display:flex;flex-direction:column}.center{display:flex;align-items:center;justify-content:center;padding:20px;min-height:100%}.container{width:100%;max-width:460px;margin:0 auto;padding:16px}.app-container{width:100%;max-width:1180px;margin:0 auto;padding:20px 16px 96px}.shell{display:flex;min-height:100%}.sidebar{display:none;width:232px;flex:0 0 232px;position:sticky;top:0;height:100vh;flex-direction:column;gap:4px;padding:20px 12px;background:linear-gradient(180deg,#111a2e99,#0a0f1e4d);border-right:1px solid var(--border)}.sidebar .brand{padding:4px 10px 18px}.side-link{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;color:var(--muted);font-size:.9rem;font-weight:600;transition:background .12s,color .12s}.side-link:hover{background:#ffffff0a;color:var(--text)}.side-link.active{background:var(--brand-soft);color:var(--brand)}.side-link .ico{font-size:1.05rem;width:22px;text-align:center}.sidebar .side-footer{margin-top:auto;padding:10px;border-top:1px solid var(--border)}.shell-main{flex:1;min-width:0;display:flex;flex-direction:column}@media (min-width: 920px){.sidebar{display:flex}.bottom-nav{display:none!important}.app-container{padding-bottom:40px}.topbar .brand{display:none}.hide-desktop{display:none!important}}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}.brand .dot{width:26px;height:26px;border-radius:8px;background:radial-gradient(circle at 30% 30%,var(--brand),var(--brand-strong));box-shadow:0 0 18px color-mix(in srgb,var(--brand) 50%,transparent)}.brand b{color:var(--brand)}.brand img.brand-logo{max-height:30px;max-width:140px;object-fit:contain}.card{background:linear-gradient(180deg,var(--bg-soft),var(--bg-soft-2));border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.card+.card{margin-top:14px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card-title h2,.card-title h3{margin:0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat{background:linear-gradient(180deg,var(--bg-soft),var(--bg-soft-2));border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.stat .stat-label{font-size:.74rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.stat .stat-value{font-size:1.45rem;font-weight:800;margin-top:4px;letter-spacing:-.02em}.stat .stat-sub{font-size:.76rem;color:var(--muted-2);margin-top:2px}.stat.accent{border-color:color-mix(in srgb,var(--brand) 45%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 8%,var(--bg-soft)),var(--bg-soft-2))}.stat.good .stat-value{color:var(--green)}.stat.bad .stat-value{color:var(--red)}.field{margin-bottom:12px;display:block}.field>label{display:block;font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:6px}.input,select.input,textarea.input{width:100%;padding:11px 14px;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);color:var(--text);font-size:15px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.input::placeholder{color:var(--muted-2)}textarea.input{resize:vertical;min-height:80px}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}@media (max-width: 560px){.row,.row-3{grid-template-columns:1fr}}.color-swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:34px;height:34px;border-radius:10px;cursor:pointer;border:2px solid transparent;transition:transform .1s,border-color .15s}.swatch:hover{transform:scale(1.08)}.swatch.selected{border-color:#fff;box-shadow:0 0 0 3px #ffffff2e}input[type=color].swatch-custom{width:34px;height:34px;border-radius:10px;border:1px dashed var(--border-strong);background:transparent;cursor:pointer;padding:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 18px;border-radius:12px;border:1px solid transparent;font-weight:700;font-size:.95rem;font-family:inherit;cursor:pointer;transition:transform .05s,opacity .15s,background .15s,border-color .15s}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--brand),var(--brand-strong));color:var(--brand-contrast);box-shadow:0 4px 14px color-mix(in srgb,var(--brand) 25%,transparent)}.btn-primary:hover{filter:brightness(1.06)}.btn-ghost{background:transparent;border-color:var(--border-strong);color:var(--text)}.btn-ghost:hover{background:#ffffff0a}.btn-danger{background:transparent;border-color:var(--red);color:var(--red)}.btn-danger:hover{background:var(--red-soft)}.btn-sm{width:auto;padding:7px 12px;font-size:.82rem;border-radius:9px}.btn-icon{width:auto;padding:7px 10px}.alert{padding:11px 14px;border-radius:var(--radius-sm);font-size:.88rem;margin-bottom:12px;border:1px solid}.alert-error{background:var(--red-soft);border-color:#f8717166;color:#ffc9c9}.alert-ok{background:var(--green-soft);border-color:#34d39966;color:#bff5d6}.alert-info{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 40%,transparent);color:color-mix(in srgb,var(--brand) 75%,#fff)}.list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid var(--border);border-radius:12px;background:var(--bg-soft);transition:border-color .12s,background .12s}.list-item:hover{border-color:var(--border-strong)}.list-item+.list-item{margin-top:8px}.list-item.clickable{cursor:pointer}.list-item.clickable:hover{background:var(--bg-elev)}.badge{font-size:.7rem;font-weight:600;padding:3px 9px;border-radius:999px;border:1px solid var(--border-strong);color:var(--muted);white-space:nowrap}.badge.on{color:var(--brand-contrast);background:var(--brand);border-color:var(--brand);font-weight:700}.badge.green{color:var(--green);background:var(--green-soft);border-color:#34d39959}.badge.red{color:var(--red);background:var(--red-soft);border-color:#f8717159}.badge.blue{color:var(--blue);background:var(--blue-soft);border-color:#60a5fa59}.badge.brand{color:var(--brand);background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 35%,transparent)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:6px 13px;border-radius:999px;font-size:.8rem;font-weight:600;background:transparent;border:1px solid var(--border-strong);color:var(--muted);cursor:pointer;transition:all .12s;font-family:inherit}.chip:hover{color:var(--text);border-color:var(--muted-2)}.chip.active{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}.avatar{width:38px;height:38px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--brand);font-weight:700;font-size:.85rem;letter-spacing:.02em}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}table.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th{text-align:left;padding:11px 14px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--bg-soft-2);border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:11px 14px;border-bottom:1px solid var(--border)}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background .1s}.table tbody tr:hover{background:#ffffff06}.table tbody tr.clickable{cursor:pointer}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:10px 16px;font-size:.88rem;font-weight:600;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;font-family:inherit;transition:color .12s}.tab:hover{color:var(--text)}.tab.active{color:var(--brand);border-bottom-color:var(--brand)}.switch{position:relative;width:46px;height:26px;flex:0 0 auto}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#2a374f;border-radius:999px;transition:.2s;cursor:pointer}.slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+.slider{background:var(--brand)}.switch input:checked+.slider:before{transform:translate(20px)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;position:sticky;top:0;background:#0a0f1ed9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;border-bottom:1px solid var(--border)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#0a0f1ef0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:20;overflow-x:auto;scrollbar-width:none}.bottom-nav::-webkit-scrollbar{display:none}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted);font-size:.64rem;font-weight:600;padding:4px 10px;border-radius:10px;min-width:54px}.bottom-nav a.active{color:var(--brand)}.bottom-nav .ico{font-size:1.12rem}html:has(.modal-overlay),body:has(.modal-overlay){overflow:hidden}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#03060ecc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:100;animation:fadeIn .15s ease;overscroll-behavior:contain;overflow-y:auto}.modal{width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slideUp .18s ease}.modal .scroll{overflow-y:auto;padding-right:4px}@keyframes fadeIn{0%{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}}@media (max-width: 560px){.modal-overlay{padding:0;align-items:flex-end}.modal{max-height:94vh;border-radius:18px 18px 0 0}}.kanban{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;align-items:flex-start}.kanban-col{flex:0 0 262px;background:var(--bg-soft-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px}.kanban-col-title{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 10px;font-size:.8rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.kanban-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:8px;cursor:pointer;transition:border-color .12s,transform .12s}.kanban-card:hover{border-color:var(--brand);transform:translateY(-1px)}.onboarding-slot{display:none}.stack>*+*{margin-top:14px}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrap{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.muted-box{background:var(--bg);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);padding:12px;font-size:.85rem;color:var(--muted)}.spinner{width:22px;height:22px;border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.code{font-family:ui-monospace,Menlo,monospace;font-size:.85em;color:var(--brand);background:var(--bg);padding:2px 7px;border-radius:6px}pre.code-block{font-family:ui-monospace,Menlo,monospace;font-size:.78rem;line-height:1.5;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;overflow-x:auto;color:#c9d7f5;margin:0}.empty{text-align:center;padding:42px 20px;color:var(--muted);border:1px dashed var(--border-strong);border-radius:var(--radius);font-size:.9rem}.empty .empty-ico{font-size:2rem;display:block;margin-bottom:8px;opacity:.7}.skeleton{background:linear-gradient(90deg,var(--bg-soft) 25%,var(--bg-elev) 50%,var(--bg-soft) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:8px}@keyframes shimmer{to{background-position:-200% 0}}.divider{height:1px;background:var(--border);margin:16px 0;border:none}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.page-head .sub{color:var(--muted);font-size:.87rem;margin-top:2px}.wa-thread{display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--bg);border-radius:12px;min-height:40vh;max-height:56vh;overflow-y:auto}.wa-bubble{max-width:78%;padding:8px 12px;border-radius:12px;font-size:.92rem;line-height:1.4;word-break:break-word}.wa-in{align-self:flex-start;background:var(--bg-soft);border:1px solid var(--border);border-bottom-left-radius:3px}.wa-out{align-self:flex-end;background:#1f3d2e;border:1px solid #2e5e44;border-bottom-right-radius:3px}.wa-meta{font-size:.64rem;color:var(--muted);margin-top:3px;text-align:right}.wa-ai{align-self:flex-end;background:#3a2f12;border-color:#5e4d1f}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal-cell{min-height:84px;border:1px solid var(--border);border-radius:10px;padding:6px;background:var(--bg-soft-2);font-size:.74rem}.cal-cell.today{border-color:var(--brand);background:var(--brand-soft)}.cal-cell.other{opacity:.4}.cal-day-num{font-weight:700;color:var(--muted);margin-bottom:4px}.cal-event{background:var(--brand-soft);color:var(--brand);border-radius:6px;padding:2px 6px;margin-bottom:3px;font-size:.68rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}@media (max-width: 700px){.cal-cell{min-height:56px}}.public-shell{min-height:100%;background:radial-gradient(900px 460px at 50% -10%,color-mix(in srgb,var(--brand) 9%,var(--bg)) 0%,var(--bg) 60%)}.public-container{width:100%;max-width:720px;margin:0 auto;padding:24px 16px 64px}.public-hero{text-align:center;padding:28px 0 22px}.public-hero img.p-logo{max-height:64px;max-width:220px;object-fit:contain;margin-bottom:14px}.public-hero h1{font-size:1.65rem}.price-highlight{font-size:2rem;font-weight:800;color:var(--brand);letter-spacing:-.03em;overflow-wrap:anywhere;word-break:break-word;max-width:100%}