:root{--c-teal:#00c3b3;--c-teal-dark:#006b62;--c-teal-light:#e0f7f5;--c-ink:#0e1a19;--c-muted:#5b6b69;--c-faint:#8a9997;--c-surface:#f2f5f5;--c-surface-hover:#e8eeed;--c-line:#e3e9e8;--c-white:#fff;--c-danger:#c62828;--r-xl:28px;--r-lg:22px;--r-md:16px;--r-sm:12px;--r-xs:8px;--r-pill:999px;--font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--fs-hero:72px;--fs-h1:34px;--fs-h2:20px;--fs-body:15px;--fs-sm:13px;--fs-xs:11px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--shadow-pop:0 12px 40px #0e1a192e;--page-max:480px;--page-max-wide:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);font-size:var(--fs-body);background:var(--c-white);color:var(--c-ink);-webkit-tap-highlight-color:transparent;min-height:100dvh;line-height:1.4}button,input,select,textarea{font:inherit;color:inherit}svg{flex-shrink:0}.c-num{font-variant-numeric:tabular-nums}.c-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.c-page{max-width:var(--page-max);padding:0 var(--s-5);margin:0 auto}.c-page--wide{max-width:var(--page-max-wide)}.c-stack{gap:var(--s-3);flex-direction:column;display:flex}.c-row{align-items:center;gap:var(--s-2);display:flex}.c-between{justify-content:space-between;align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.c-grid{gap:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.c-brand{align-items:center;gap:var(--s-2);font-size:var(--fs-sm);font-weight:700;display:flex}.c-brand-mark{background:var(--c-teal);border-radius:7px;width:22px;height:22px}.c-title{font-size:var(--fs-h1);letter-spacing:-.035em;font-weight:800;line-height:1}.c-h2{font-size:var(--fs-h2);letter-spacing:-.02em;font-weight:800;line-height:1.15}.c-sub{color:var(--c-muted);font-size:14px}.c-label{font-size:var(--fs-sm);color:var(--c-muted);font-weight:600}.c-hero-value{font-size:var(--fs-hero);letter-spacing:-.045em;white-space:nowrap;font-weight:800;line-height:.9}.c-hero-value--md{font-size:58px}.c-hero-value--sm{font-size:44px}.c-header{gap:var(--s-3);padding:var(--s-6) 0 var(--s-4);flex-direction:column;display:flex}.c-header--sticky{z-index:5;background:var(--c-white);position:sticky;top:0}.c-btn{height:44px;padding:0 var(--s-4);border-radius:var(--r-pill);white-space:nowrap;cursor:pointer;background:var(--c-surface);color:var(--c-ink);border:none;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.c-btn:active{transform:scale(.98)}.c-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.c-btn--teal{background:var(--c-teal);color:var(--c-ink)}.c-btn--soft{background:var(--c-teal-light);color:var(--c-teal-dark)}.c-btn--outline{background:var(--c-white);border:1.5px solid var(--c-line);font-weight:600}.c-btn--ink{background:var(--c-ink);color:var(--c-white)}.c-btn--danger{background:var(--c-danger);color:var(--c-white)}.c-btn--ghost{color:var(--c-teal-dark);padding:0 var(--s-2);background:0 0}.c-btn--sm{height:36px;font-size:var(--fs-sm);padding:0 14px}.c-btn--block{width:100%}.c-icon-btn{border-radius:var(--r-md);background:var(--c-surface);width:56px;height:56px;color:var(--c-ink);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.c-icon-btn--teal{background:var(--c-teal)}.c-icon-btn.is-on{background:var(--c-ink);color:var(--c-white)}.c-icon-btn--sm{border-radius:var(--r-sm);width:44px;height:44px}.c-file{display:none}.c-field{flex-direction:column;gap:6px;display:flex}.c-input,.c-select,.c-textarea{border:2px solid var(--c-line);border-radius:var(--r-md);background:var(--c-white);outline:none;width:100%;min-width:0;height:56px;padding:0 18px;font-size:17px;font-weight:600}.c-input--sm,.c-select--sm{border-radius:var(--r-sm);height:44px;padding:0 14px;font-size:15px}.c-textarea{resize:vertical;height:auto;min-height:96px;padding:14px 18px;font-weight:500}.c-input:focus,.c-select:focus,.c-textarea:focus{border-color:var(--c-teal)}.c-input::placeholder,.c-textarea::placeholder{color:var(--c-faint);font-weight:500}.c-input.is-error{border-color:var(--c-danger)}.c-help{font-size:var(--fs-sm);color:var(--c-muted)}.c-help.is-error{color:var(--c-danger);font-weight:600}.c-seg{border-radius:var(--r-pill);background:var(--c-surface);gap:4px;padding:4px;display:inline-flex}.c-seg button{border-radius:var(--r-pill);height:36px;font-size:var(--fs-sm);color:var(--c-muted);cursor:pointer;background:0 0;border:none;padding:0 14px;font-weight:600}.c-seg button.is-active{background:var(--c-white);color:var(--c-ink);box-shadow:0 1px 3px #0e1a191f}.c-card{border-radius:var(--r-xl);background:var(--c-surface);padding:var(--s-4)}.c-card--flush{padding:0;overflow:hidden}.c-card--outline{background:var(--c-white);border:1.5px solid var(--c-line);border-radius:var(--r-lg)}.c-inset{border-radius:var(--r-lg);background:var(--c-white);margin:var(--s-2)}.c-media{justify-content:center;align-items:center;height:220px;display:flex;overflow:hidden}.c-media img{object-fit:contain;width:100%;height:100%;padding:var(--s-3)}.c-media--empty{height:96px;font-size:var(--fs-sm);color:var(--c-muted)}.c-highlight{border-radius:var(--r-lg);background:var(--c-teal);color:var(--c-ink);padding:var(--s-4) 18px;flex-direction:column;gap:10px;display:flex}.c-highlight--ink{background:var(--c-ink);color:var(--c-white)}.c-highlight--empty{background:var(--c-white)}.c-cells{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:6px;display:grid}.c-cell{padding:var(--s-2) 10px;border-radius:var(--r-sm);background:#ffffff59;flex-direction:column;display:flex}.c-cell span{font-size:var(--fs-xs);font-weight:600}.c-cell b{font-size:16px;font-weight:800}.c-cell--white{background:var(--c-white)}.c-stat{border-radius:var(--r-lg);background:var(--c-surface);padding:var(--s-4);flex-direction:column;gap:6px;display:flex}.c-stat-label{font-size:var(--fs-sm);color:var(--c-muted);font-weight:600}.c-stat-value{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:800;line-height:1}.c-stat--teal{background:var(--c-teal)}.c-stat--teal .c-stat-label{color:var(--c-ink)}.c-list{flex-direction:column;gap:6px;display:flex}.c-list-row{width:100%;min-height:58px;padding:0 var(--s-4);background:var(--c-surface);align-items:center;gap:var(--s-3);text-align:left;cursor:pointer;color:inherit;border:none;border-radius:18px;text-decoration:none;display:flex}.c-list-row:hover{background:var(--c-surface-hover)}.c-list-row-title{letter-spacing:-.01em;flex:1;min-width:0;font-size:16px;font-weight:700}.c-list-row-meta{font-size:var(--fs-sm);color:var(--c-muted);align-items:center;gap:6px;display:flex}.c-chev{color:var(--c-muted)}.c-dot{background:var(--c-teal);border-radius:50%;width:8px;height:8px;display:inline-block}.c-dot--empty{border:1.5px solid var(--c-faint);background:0 0}.c-dot--ink{background:var(--c-ink)}.c-dot--danger{background:var(--c-danger)}.c-tag{border-radius:var(--r-pill);background:var(--c-white);color:var(--c-teal-dark);white-space:nowrap;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.c-tag--neutral{color:var(--c-ink)}.c-tag--ink{background:var(--c-ink);color:var(--c-white)}.c-tag--teal{background:var(--c-teal);color:var(--c-ink)}.c-tag--danger{background:var(--c-danger);color:var(--c-white)}.c-tag--on-white{background:var(--c-surface)}.c-chips{gap:var(--s-2);scrollbar-width:none;padding-bottom:4px;display:flex;overflow-x:auto}.c-chip{height:40px;padding:0 var(--s-4);border-radius:var(--r-pill);background:var(--c-surface);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border:none;flex-shrink:0;max-width:200px;font-size:14px;font-weight:500;overflow:hidden}.c-chip:hover{background:var(--c-surface-hover)}.c-chip.is-active{background:var(--c-ink);color:var(--c-white)}.c-table-wrap{border-radius:var(--r-lg);border:1.5px solid var(--c-line);overflow-x:auto}.c-table{border-collapse:collapse;width:100%;font-size:14px}.c-table th{background:var(--c-surface);text-align:left;color:var(--c-muted);white-space:nowrap;padding:10px 14px;font-size:12px;font-weight:700;position:sticky;top:0}.c-table td{border-top:1px solid var(--c-line);padding:12px 14px}.c-table td.c-num,.c-table th.c-num{text-align:right}.c-table tbody tr:hover{background:#f8fafa}.c-empty{color:var(--c-muted);text-align:center;border-radius:var(--r-xl);background:var(--c-surface);padding:48px 20px;font-size:14px}.c-skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg,var(--c-surface) 0%,var(--c-surface-hover) 50%,var(--c-surface) 100%);background-size:200% 100%;animation:1.2s infinite c-shimmer}@keyframes c-shimmer{to{background-position:-200% 0}}.c-modal-bg{z-index:50;padding:var(--s-4);background:#0e1a1973;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.c-modal-bg.is-open{display:flex}@media (width>=640px){.c-modal-bg{align-items:center}}.c-modal{background:var(--c-white);border-radius:var(--r-xl);padding:var(--s-6);width:100%;max-width:440px;box-shadow:var(--shadow-pop)}.c-modal p{color:var(--c-muted);margin:10px 0 18px;font-size:14px;line-height:1.5}.c-modal-actions{gap:var(--s-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.c-toast{background:var(--c-ink);color:var(--c-white);border-radius:var(--r-pill);opacity:0;pointer-events:none;text-align:center;z-index:60;max-width:90vw;padding:12px 18px;font-size:14px;font-weight:600;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px)}.c-toast.is-show{opacity:1;transform:translate(-50%)translateY(0)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
