:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, monospace;--bg:#f4f7f6;--surface:#fff;--surface-2:#eef3f1;--text:#0f1f1c;--text-2:#4b5f5a;--muted:#7b8c87;--border:#d9e2df;--primary:#0f766e;--primary-strong:#0b5c56;--primary-soft:#d9f2ee;--on-primary:#fff;--danger:#b42318;--danger-soft:#fee4e2;--warning:#b54708;--warning-soft:#fef0c7;--success:#067647;--success-soft:#dcfae6;--info:#175cd3;--info-soft:#e0ecff;--neutral-soft:#eaecf0;--shadow:0 1px 2px #1018280f, 0 1px 3px #1018281a;--radius:14px;--radius-sm:10px;--sidebar-w:248px;--chart-series:#0f766e;--chart-grid:#e3e9e7}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0d1614;--surface:#152220;--surface-2:#1c2c29;--text:#e7f0ee;--text-2:#b4c5c0;--muted:#7f948f;--border:#27403b;--primary:#2dd4bf;--primary-strong:#5eead4;--primary-soft:#113b37;--on-primary:#06201d;--danger:#f97066;--danger-soft:#3a1512;--warning:#fdb022;--warning-soft:#3b2604;--success:#47cd89;--success-soft:#0f2e1f;--info:#84adff;--info-soft:#102547;--neutral-soft:#253331;--shadow:none;--chart-series:#2dd4bf;--chart-grid:#223633}}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.45}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:-.01em;font-size:1.45rem;font-weight:700}h2{font-size:1.1rem;font-weight:700}h3{color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.muted{color:var(--muted)}.small{font-size:.85rem}.text-2{color:var(--text-2)}.mono{font-family:var(--mono);font-size:.85rem}.nowrap{white-space:nowrap}.num{font-variant-numeric:tabular-nums;text-align:right}.app{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:100%;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:4px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:10px;padding:4px 8px 14px;display:flex}.brand img{border-radius:10px;width:36px;height:36px}.brand strong{font-size:1rem;line-height:1.1;display:block}.brand span{color:var(--muted);font-size:.75rem}.sidebar nav{flex-direction:column;gap:2px;display:flex}.sidebar nav a,.sidebar .nav-group{color:var(--text-2);border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:.92rem;font-weight:600;display:flex}.sidebar nav a:hover{background:var(--surface-2)}.sidebar nav a.active{background:var(--primary-soft);color:var(--primary)}.sidebar nav a svg{flex:none;width:20px;height:20px}.sidebar .nav-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:14px 12px 4px;font-size:.7rem;font-weight:700}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:6px;margin-top:auto;padding:12px 8px 0;font-size:.85rem;display:flex}.main{flex-direction:column;min-width:0;display:flex}.page-header{flex-wrap:wrap;align-items:center;gap:14px;padding:22px 28px 0;display:flex}.page-header .titles{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.page-header .subtitle{color:var(--muted);font-size:.9rem}.page-header .actions{flex-wrap:wrap;gap:8px;display:flex}.page-content{flex-direction:column;gap:16px;width:100%;max-width:1320px;padding:18px 28px 48px;display:flex}.menu-btn,.backdrop{display:none}@media (max-width:960px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:30;width:272px;transition:transform .18s;position:fixed;top:0;bottom:0;left:0;right:auto;transform:translate(-100%);box-shadow:0 10px 40px #00000040}.sidebar.open{transform:none}.backdrop.open{z-index:29;background:#00000059;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.menu-btn{display:inline-flex}.page-header,.page-content{padding-left:16px;padding-right:16px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:12px;min-width:0;padding:16px 18px;display:flex}.card.compact{padding:12px 14px}.card-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.grid{gap:14px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-main{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}@media (max-width:1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.grid-2,.grid-3,.grid-4,.grid-main{grid-template-columns:minmax(0,1fr)}}.stack{flex-direction:column;gap:12px;display:flex}.stack-sm{flex-direction:column;gap:6px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.grow{flex:1;min-width:0}.divider{background:var(--border);height:1px}.list{flex-direction:column;gap:10px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;text-align:center;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:.92rem;font-weight:600;transition:filter .12s,transform 80ms;display:inline-flex}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:not(:disabled):hover{background:var(--primary-strong)}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.btn-secondary:not(:disabled):hover{background:var(--surface-2)}.btn-ghost{color:var(--primary);background:0 0;padding:0 10px}.btn-ghost:not(:disabled):hover{background:var(--primary-soft)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-sm{min-height:32px;padding:0 11px;font-size:.85rem}.btn-block{width:100%}.btn-icon{width:38px;height:38px;min-height:38px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{background:var(--surface-2)}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.label{color:var(--text-2);font-size:.82rem;font-weight:600}.label .req{color:var(--danger)}.input,.textarea,.select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:40px;color:var(--text);outline:none;padding:8px 12px;transition:border-color .12s,box-shadow .12s}.textarea{resize:vertical;min-height:88px}.input:focus,.textarea:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input.has-error{border-color:var(--danger)}.input:disabled,.textarea:disabled,.select:disabled{background:var(--surface-2);color:var(--muted)}.hint{color:var(--muted);font-size:.78rem}.error-text{color:var(--danger);font-size:.82rem}.input-group{align-items:stretch;display:flex}.input-group .prefix{border:1px solid var(--border);border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:var(--surface-2);color:var(--text-2);border-right:none;align-items:center;padding:0 12px;font-weight:600;display:flex}.input-group .input{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.form-grid .span-2{grid-column:span 2}@media (max-width:700px){.form-grid{grid-template-columns:minmax(0,1fr)}.form-grid .span-2{grid-column:auto}}.checkbox{cursor:pointer;align-items:center;gap:8px;font-weight:500;display:inline-flex}.checkbox input{width:18px;height:18px;accent-color:var(--primary)}.otp{letter-spacing:.5em;text-align:center;font-variant-numeric:tabular-nums;min-height:60px;font-size:1.6rem;font-weight:700}.filters{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.filters .field{min-width:150px}.filters .field.wide{flex:1;min-width:220px}.search-box{position:relative}.search-box .input{padding-left:38px}.search-box svg{width:18px;height:18px;color:var(--muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:600}.chip.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow-x:auto}.table-wrap.loading .table{opacity:.55}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap;padding:10px 14px;font-size:.74rem;font-weight:700}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 14px}.table tbody tr:last-child td{border-bottom:none}.table tr.clickable{cursor:pointer}.table tr.clickable:hover td{background:var(--surface-2)}.table .cell-main{flex-direction:column;gap:2px;display:flex}.table .cell-main strong{font-weight:600}.pagination{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:.85rem;display:flex}.pagination .pages{align-items:center;gap:6px;display:flex}.badge{white-space:nowrap;background:var(--neutral-soft);color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:.74rem;font-weight:700;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;width:7px;height:7px}.badge.success{background:var(--success-soft);color:var(--success)}.badge.warning{background:var(--warning-soft);color:var(--warning)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.info{background:var(--info-soft);color:var(--info)}.badge.primary{background:var(--primary-soft);color:var(--primary)}.banner{border-radius:var(--radius-sm);align-items:flex-start;gap:10px;padding:11px 14px;font-size:.9rem;display:flex}.banner.warning{background:var(--warning-soft);color:var(--warning)}.banner.danger{background:var(--danger-soft);color:var(--danger)}.banner.info{background:var(--info-soft);color:var(--info)}.banner.success{background:var(--success-soft);color:var(--success)}.banner svg{flex:none;width:20px;height:20px;margin-top:1px}.kv{grid-template-columns:max-content minmax(0,1fr);gap:6px 16px;margin:0;font-size:.92rem;display:grid}.kv dt{color:var(--muted)}.kv dd{overflow-wrap:anywhere;min-width:0;margin:0;font-weight:600}.info-block{flex-direction:column;gap:4px;display:flex}.info-block p{white-space:pre-line}.timeline{flex-direction:column;gap:12px;margin:0;padding:0 0 0 6px;list-style:none;display:flex;position:relative}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:6px;bottom:6px;left:11px}.timeline li{flex-direction:column;gap:2px;padding-left:26px;display:flex;position:relative}.timeline li:before{content:"";background:var(--primary);border:2px solid var(--surface);border-radius:50%;width:12px;height:12px;position:absolute;top:5px;left:6px}.timeline li.order:before{background:var(--info)}.timeline time{color:var(--muted);font-size:.76rem;display:block}.tabs{border-bottom:1px solid var(--border);gap:2px;display:flex;overflow-x:auto}.tabs button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-weight:600}.tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}.steps-bar{flex-wrap:wrap;gap:6px;display:flex}.steps-bar span{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:.74rem;font-weight:600}.steps-bar span.done{background:var(--success-soft);color:var(--success)}.steps-bar span.current{background:var(--primary);color:var(--on-primary)}.stat{flex-direction:column;gap:4px;display:flex}.stat .label{color:var(--muted);font-size:.82rem}.stat .value{letter-spacing:-.01em;font-size:1.85rem;font-weight:700;line-height:1.1}.stat .value.hero{font-size:3rem}.stat .sub{color:var(--text-2);font-size:.8rem}.chart{width:100%;position:relative}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart .grid-line{stroke:var(--chart-grid);stroke-width:1px}.chart .axis-text{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.chart .series-line{fill:none;stroke:var(--chart-series);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart .series-area{fill:var(--chart-series);opacity:.1}.chart .marker{fill:var(--chart-series);stroke:var(--surface);stroke-width:2px}.chart .crosshair{stroke:var(--muted);stroke-width:1px}.chart .end-label{fill:var(--text);font-size:12px;font-weight:600}.chart-tooltip{pointer-events:none;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);white-space:nowrap;z-index:5;border-radius:8px;padding:6px 10px;font-size:.8rem;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.chart-tooltip strong{font-size:.95rem;display:block}.bars{flex-direction:column;gap:8px;display:flex}.bars .bar-row{grid-template-columns:minmax(0,1fr) minmax(0,2fr) 44px;align-items:center;gap:10px;font-size:.88rem;display:grid}.bars .bar-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bars .bar-track{align-items:center;height:14px;display:flex}.bars .bar-fill{background:var(--chart-series);border-radius:0 4px 4px 0;min-width:2px;max-width:100%;height:14px}.bars .bar-value{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.status-list{flex-direction:column;gap:6px;display:flex}.status-list .between{font-size:.9rem}.modal-backdrop{z-index:40;background:#0000006b;place-items:center;padding:16px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:14px;width:min(600px,100%);max-height:calc(100vh - 32px);padding:20px 22px;display:flex;overflow:auto;box-shadow:0 20px 60px #0000004d}.modal.wide{width:min(820px,100%)}.modal-footer{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.toast{background:var(--text);color:var(--bg);z-index:50;pointer-events:none;border-radius:999px;max-width:calc(100% - 32px);padding:10px 16px;font-size:.9rem;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000040}.dev-hint{font-family:var(--mono);background:var(--warning-soft);color:var(--warning);border-radius:var(--radius-sm);padding:8px 10px;font-size:.85rem}.spinner{border:2.5px solid;border-right-color:#0000;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}.spinner.lg{width:32px;height:32px}@keyframes spin{to{transform:rotate(360deg)}}.center{color:var(--muted);justify-content:center;align-items:center;padding:32px 0;display:flex}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:32px 12px;display:flex}.empty svg{width:40px;height:40px;color:var(--border)}.file-drop{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--text-2);cursor:pointer;background:var(--surface);flex-direction:column;align-items:center;gap:8px;padding:18px;display:flex}.file-drop.has-file{border-style:solid;border-color:var(--primary)}.file-drop img{border-radius:var(--radius-sm);object-fit:contain;max-height:180px}.file-drop input{display:none}.json{font-family:var(--mono);background:var(--surface-2);border-radius:var(--radius-sm);white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;margin:0;padding:8px 10px;font-size:.78rem;overflow:auto}.picker{position:relative}.picker-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);z-index:20;max-height:280px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 10px 30px #0000002e}.picker-menu button{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:1px;width:100%;padding:8px 12px;display:flex}.picker-menu button:hover,.picker-menu button.active{background:var(--surface-2)}.auth-shell{place-items:center;min-height:100%;padding:24px 16px;display:grid}.auth-card{flex-direction:column;gap:16px;width:min(440px,100%);display:flex}.hero{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:8px 8px 4px;display:flex}.hero .logo{width:72px;height:72px;box-shadow:var(--shadow);border-radius:20px}.hero p{color:var(--text-2);max-width:36ch}.steps{flex-direction:column;gap:10px;display:flex}.step{align-items:flex-start;gap:12px;display:flex}.step .num{background:var(--primary-soft);width:26px;height:26px;color:var(--primary);border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:700;display:grid}