@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg: #f4f6fb;--surface: #ffffff;--border: #e5e9f2;--text: #101828;--muted: #667085;--accent: #2f5cff;--accent-2: #6d3bff;--accent-grad: linear-gradient(135deg, #2f5cff, #6d3bff);--radius: 14px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow-md: 0 6px 20px -6px rgba(16, 24, 40, .12)}*{box-sizing:border-box}body{margin:0;font-family:Manrope,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.layout{display:flex;min-height:100vh}.sidebar{width:248px;flex-shrink:0;padding:20px 14px;background:radial-gradient(1200px 500px at -30% -10%,#1e2a55,#0b1220 55%);color:#cbd5e1;display:flex;flex-direction:column;gap:2px}.sidebar h1{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;letter-spacing:.2px;color:#fff;margin:4px 6px 22px}.sidebar-links{display:flex;flex-direction:column;gap:2px;flex:1}.menu-btn{display:none;background:#ffffff14;color:#e2e8f0;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:6px 13px;font-size:19px;line-height:1;box-shadow:none}.menu-btn:hover:not(:disabled){filter:none;transform:none;background:#ffffff24}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--accent-grad);color:#fff;font-weight:800;font-size:17px;box-shadow:0 4px 14px -2px #4f46e58c}.sidebar a{display:flex;align-items:center;gap:10px;color:#9aa7bd;text-decoration:none;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:600;transition:background .15s,color .15s}.sidebar a:hover{background:#ffffff0f;color:#e2e8f0}.sidebar a.active{background:linear-gradient(135deg,#2f5cff47,#6d3bff38);color:#fff;box-shadow:inset 0 0 0 1px #788cff59}.sidebar .section{margin:18px 6px 6px;font-size:10.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#5b6b87}.main{flex:1;padding:28px 36px;max-width:1400px}h2{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-size:22px;font-weight:800;letter-spacing:-.3px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;margin-bottom:16px;box-shadow:var(--shadow-sm);transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}label{display:block;margin-bottom:6px}textarea,input,select{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:10px;font:inherit;font-size:14px;background:#fbfcfe;color:var(--text);transition:border-color .15s,box-shadow .15s,background .15s}textarea:focus,input:focus,select:focus{outline:none;background:#fff;border-color:var(--accent);box-shadow:0 0 0 4px #2f5cff1f}textarea{min-height:120px;resize:vertical}input[type=checkbox]{width:auto}input[type=file]{background:transparent;border:1.5px dashed var(--border);cursor:pointer}button{background:var(--accent-grad);color:#fff;border:0;border-radius:10px;padding:11px 20px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px -4px #2f5cff80;transition:transform .1s,box-shadow .15s,filter .15s}button:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.45;cursor:default;box-shadow:none}button.secondary{background:#eef1f8;color:#344054;box-shadow:none}button.secondary:hover:not(:disabled){background:#e3e8f3}.tabs{display:flex;gap:8px;margin-bottom:16px}.tab{background:var(--surface);color:var(--muted);border:1.5px solid var(--border);border-radius:12px;padding:11px 18px;font-weight:700;box-shadow:none}.tab:hover:not(.active){color:var(--text);transform:none;filter:none}.tab.active{background:var(--accent-grad);color:#fff;border-color:transparent;box-shadow:0 6px 18px -6px #2f5cff8c}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;padding:10px 12px;font-size:11.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);border-bottom:1.5px solid var(--border)}td{text-align:left;padding:11px 12px;border-bottom:1px solid #eef1f6}tbody tr{transition:background .12s}tbody tr:hover{background:#f6f8fd}td a{color:var(--accent);font-weight:600;text-decoration:none}td a:hover{text-decoration:underline}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.2px}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.done{background:#e8f9ef;color:#12805c}.badge.failed{background:#feecec;color:#c02121}.badge.processing,.badge.received{background:#e9efff;color:#2749c9}.badge.waiting_user{background:#fef3d9;color:#a15c07}.event{padding:12px 14px;margin-bottom:10px;border-left:3px solid #d5dae6;background:#f8fafd;border-radius:4px 12px 12px 4px;font-size:14px;line-height:1.55}.event.question{border-color:#f2a20c;background:#fffaef}.event.result{border-color:#17b26a;background:#f2fcf6}.event.error{border-color:#ef4444;background:#fef3f2}.progress-group summary{cursor:pointer;-webkit-user-select:none;user-select:none}.progress-group summary:hover{color:var(--text)}.qa-item{border:1.5px solid #f0e6c8;border-radius:12px;padding:14px;margin:12px 0;background:#fffdf4}.qa-item input{margin-top:8px}.result-card{border:1.5px solid #a9e8c8;background:linear-gradient(180deg,#f2fcf6,#fff 70%)}.revise-box{margin-top:16px;padding-top:14px;border-top:1.5px dashed var(--border)}.editor-flex{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}.editor-flex table{font-size:13.5px}.editor-flex td,.editor-flex th{padding:8px 10px}.editor-flex .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.editor-flex tfoot td{border-bottom:none;border-top:1px solid #eef1f6}.qty-input{text-align:center}.section-input{font-weight:700;padding:5px 10px;background:transparent;border-color:transparent;max-width:420px}.section-input:hover{border-color:var(--border);background:#fff}.brand-panel{width:224px;flex-shrink:0;margin-top:8px;position:sticky;top:16px;background:#f8fafd;border:1.5px solid var(--border);border-radius:12px;padding:14px}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.brand-row .brand-name{font-size:13px;font-weight:700}.brand-row input{width:68px;padding:6px 8px;text-align:right}.swap-btn{margin-left:6px;opacity:.55}.drag-handle{cursor:grab;color:#9aa7bd;font-size:16px;-webkit-user-select:none;user-select:none;padding:2px 6px}.drag-handle:active{cursor:grabbing}tr[draggable=true]:hover .swap-btn{margin-left:6px;opacity:.55}tr:hover .swap-btn{opacity:1}.drag-handle{color:var(--accent)}button.mini{padding:2px 8px;font-size:12px;border-radius:6px;background:#eef1f8;color:#344054;box-shadow:none;margin-right:3px}button.mini:hover:not(:disabled){background:#e3e8f3;transform:none;filter:none}button.mini.danger{color:#c02121}button.mini.danger:hover:not(:disabled){background:#fde8e8}.qty-input{width:66px;padding:5px 6px}.line-section-row td{background:#f0f4fb}.rule-suggest{margin-top:14px;padding:14px;background:#fffaef;border:1.5px solid #f2d38c;border-radius:12px;font-size:14px}.rule-suggest-text{margin-top:6px;padding:8px 12px;background:#fff;border-radius:8px;border:1px solid #f0e6c8;font-style:italic;color:#6b5518}.lookup-info{display:block;margin-top:8px;padding:10px 14px;background:#f2fcf6;border:1.5px solid #a9e8c8;border-radius:10px;font-size:14px}.autocomplete{display:block;position:absolute;z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 40px -12px #10182840;width:100%;max-height:280px;overflow:auto;margin-top:4px;padding:6px}.autocomplete-item{display:block;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:14px}.autocomplete-item:hover{background:#eef3ff}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(800px 400px at 15% 10%,rgba(47,92,255,.16),transparent 60%),radial-gradient(700px 380px at 85% 90%,rgba(109,59,255,.14),transparent 60%),var(--bg)}.login-box{width:min(380px,92vw);padding:34px}.login-box h2{justify-content:center;font-size:19px}.login-hero{display:flex;justify-content:center;margin-bottom:14px}.login-hero .logo-mark{width:56px;height:56px;border-radius:16px;font-size:28px}.credit-widget{margin:18px 6px 4px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px}.credit-row{margin-bottom:10px}.credit-row:last-child{margin-bottom:0}.credit-head{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:#cbd5e1;margin-bottom:5px}.credit-bar{height:6px;border-radius:999px;overflow:hidden;background:#ffffff1f}.credit-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#34d399,#10b981);transition:width .4s}.credit-fill.warn{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.credit-fill.danger{background:linear-gradient(90deg,#f87171,#ef4444)}.credit-sub{font-size:11px;color:#7e8aa5;margin-top:3px}.avatar{border-radius:50%;object-fit:cover;flex-shrink:0;vertical-align:middle;box-shadow:0 0 0 2px #fff,0 1px 4px #1018282e}.avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--accent-grad);color:#fff;font-weight:700}.row{display:flex;gap:10px;align-items:center}.muted{color:var(--muted);font-size:13px}.error-text{color:#c02121;font-size:14px;margin-top:8px;font-weight:600}.success-text{color:#12805c;font-size:14px;margin-top:8px;font-weight:600}.comm-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:4px}.comm-card{margin-bottom:0}.comm-amount{font-size:20px;font-weight:800;letter-spacing:-.3px;margin-top:4px;font-variant-numeric:tabular-nums}.comm-preview{margin-top:12px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:#f8fafd}.comm-warn{color:#a15c07;font-weight:600;margin-top:6px}.lg-podium{display:flex;align-items:flex-end;justify-content:center;gap:18px;margin:26px 0 22px}.lg-step{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;width:200px}.lg-medal{font-size:30px}.lg-name{font-weight:700}.lg-label{font-size:12px;color:var(--muted)}.lg-total{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}.lg-bar{width:100%;border-radius:10px 10px 0 0;margin-top:8px}.lg-rank1 .lg-bar{height:84px;background:linear-gradient(180deg,#fcd34d,#f59e0b)}.lg-rank2 .lg-bar{height:56px;background:linear-gradient(180deg,#e2e8f0,#94a3b8)}.lg-rank3 .lg-bar{height:38px;background:linear-gradient(180deg,#fdba74,#c2703d)}.lg-rank1 .lg-medal{font-size:40px}.lg-up{color:#12805c;font-weight:700}.lg-down{color:#c02121;font-weight:700}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ccd3e0;border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}@media (max-width: 900px){.layout{flex-direction:column}.sidebar{width:100%;padding:10px 14px;position:sticky;top:0;z-index:40;box-shadow:0 2px 12px #0b122059}.sidebar-top{display:flex;align-items:center;justify-content:space-between}.sidebar h1{margin:0}.menu-btn{display:inline-flex}.sidebar-links{display:none}.sidebar.open .sidebar-links{display:flex;padding:12px 0 6px}.sidebar a{padding:12px;font-size:15px}.sidebar .section{margin-top:14px}.main{padding:14px 12px 32px;max-width:100%}h2{font-size:19px;margin-bottom:14px}.card{padding:14px;border-radius:12px}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}th,td{padding:9px 8px}table{font-size:13px}.row,.tabs{flex-wrap:wrap}textarea,input,select{font-size:16px}.section-input{max-width:100%}.brand-panel{position:static;width:100%;margin-top:12px}.comm-cards{grid-template-columns:repeat(2,1fr);gap:10px}.comm-amount{font-size:17px}.lg-podium{gap:8px;margin:18px 0 16px}.lg-step{width:32%;min-width:0}.lg-name{font-size:13px}.lg-total{font-size:15px}.lg-medal{font-size:22px}.lg-rank1 .lg-medal{font-size:28px}.lg-rank1 .lg-bar{height:64px}.lg-rank2 .lg-bar{height:42px}.lg-rank3 .lg-bar{height:28px}}