@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f6fa;--sf: #ffffff;--sf2: #f8f9fc;--sf3: #f0f2f7;--bd: #e4e7ef;--bd2: #d0d5e2;--tx: #111827;--tx2: #6b7280;--tx3: #9ca3af;--ac: #4f46e5;--ac2: #4338ca;--ac-bg: #eef2ff;--ac-bd: #c7d2fe;--ac-tx: #3730a3;--ok: #16a34a;--ok-bg: #f0fdf4;--ok-bd: #bbf7d0;--dn: #dc2626;--dn-bg: #fef2f2;--dn-bd: #fecaca;--wn: #d97706;--wn-bg: #fffbeb;--wn-bd: #fde68a;--info: #2563eb;--info-bg: #eff6ff;--info-bd: #bfdbfe;--sb: 240px;--tb: 56px;--bn: 60px;--r: 12px;--rs: 8px;--rx: 6px;--font: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", monospace;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 40px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.06)}html,body,#root{height:100%}body{font-family:var(--font);color:var(--tx);background:var(--bg);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bd2);border-radius:3px}.al{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sb);min-width:var(--sb);background:var(--sf);border-right:1px solid var(--bd);display:flex;flex-direction:column;height:100vh;overflow-y:auto;flex-shrink:0}.main{flex:1;min-width:0;overflow-y:auto;background:var(--bg);display:flex;flex-direction:column}.topbar{display:none;height:var(--tb);background:var(--sf);border-bottom:1px solid var(--bd);padding:0 16px;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;flex-shrink:0;box-shadow:var(--shadow)}.botnav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--bn);background:var(--sf);border-top:1px solid var(--bd);z-index:50;padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -1px 0 var(--bd)}.botnav-inner{display:flex;height:var(--bn);align-items:center;justify-content:space-around}.bni{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;cursor:pointer;color:var(--tx3);font-size:9.5px;font-weight:600;letter-spacing:.03em;border:none;background:none;font-family:var(--font);padding:6px 2px;text-decoration:none;transition:color .15s}.bni svg{width:20px;height:20px;fill:currentColor}.bni.active{color:var(--ac)}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex}.drawer-bg{flex:1;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer-panel{width:260px;background:var(--sf);border-right:1px solid var(--bd);display:flex;flex-direction:column;height:100%;overflow-y:auto;animation:slideIn .2s ease;box-shadow:var(--shadow-lg)}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width: 768px){.al{flex-direction:column;height:100vh;overflow:hidden}.sidebar{display:none}.topbar{display:flex;flex-shrink:0;width:100%}.botnav{display:flex;flex-direction:column}.main{flex:1;width:100%;overflow-y:auto;padding-bottom:var(--bn);height:0}}.sl{padding:18px 16px 14px;border-bottom:1px solid var(--bd)}.sl-logo{display:flex;align-items:center;gap:10px;margin-bottom:0}.sl-ic{width:34px;height:34px;background:var(--ac);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sl-ic svg{width:16px;height:16px;fill:#fff}.sl h2{font-size:14px;font-weight:700;color:var(--tx)}.sl p{font-size:11px;color:var(--tx3);margin-top:1px}.ss{padding:10px 10px 4px;flex:1}.ss-lbl{font-size:10px;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:.08em;padding:0 8px;margin:10px 0 4px}.ni{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--rs);cursor:pointer;color:var(--tx2);font-size:13px;font-weight:500;transition:all .12s;border:none;background:none;width:100%;font-family:var(--font);text-align:left;text-decoration:none}.ni-ic{width:26px;height:26px;border-radius:var(--rx);display:flex;align-items:center;justify-content:center;background:var(--sf2);flex-shrink:0;transition:all .12s}.ni-ic svg{width:13px;height:13px;fill:var(--tx3);transition:fill .12s}.ni:hover{background:var(--sf2);color:var(--tx)}.ni:hover .ni-ic svg{fill:var(--tx2)}.ni.active{background:var(--ac-bg);color:var(--ac-tx);font-weight:600}.ni.active .ni-ic{background:var(--ac-bd)}.ni.active .ni-ic svg{fill:var(--ac)}.sf-footer{padding:10px 10px 14px;border-top:1px solid var(--bd)}.sf-user{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:var(--rs);background:var(--sf2);margin-bottom:4px}.sf-av{width:28px;height:28px;border-radius:50%;background:var(--ac-bg);color:var(--ac);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sf-name{font-size:12px;font-weight:600;color:var(--tx)}.sf-role{font-size:10px;color:var(--tx3)}.btn-lo{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--rs);cursor:pointer;color:var(--dn);font-size:13px;font-weight:500;border:none;background:none;width:100%;font-family:var(--font);transition:background .12s}.btn-lo:hover{background:var(--dn-bg)}.btn-lo svg{width:14px;height:14px;fill:currentColor;flex-shrink:0}.ph{padding:22px 24px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.ph h2{font-size:20px;font-weight:700;color:var(--tx);letter-spacing:-.3px}.ph p{font-size:13px;color:var(--tx2);margin-top:2px}.pb{padding:0 24px 32px}@media (max-width: 768px){.ph{padding:14px 14px 10px}.pb{padding:0 14px 20px}}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--rs);font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .12s;white-space:nowrap;text-decoration:none;line-height:1}.btn:disabled{opacity:.45;cursor:not-allowed}.btn svg{width:14px;height:14px;fill:currentColor;flex-shrink:0}.btn-sm{padding:6px 12px;font-size:12px;border-radius:var(--rx)}.btn-a{background:var(--ac);color:#fff;box-shadow:0 1px 2px #4f46e54d}.btn-a:hover:not(:disabled){background:var(--ac2)}.btn-s{background:var(--sf);color:var(--tx);border:1px solid var(--bd);box-shadow:var(--shadow)}.btn-s:hover:not(:disabled){background:var(--sf2);border-color:var(--bd2)}.btn-d{background:var(--dn-bg);color:var(--dn);border:1px solid var(--dn-bd)}.btn-d:hover:not(:disabled){background:var(--dn);color:#fff}.btn-g{background:transparent;color:var(--tx2);border:1px solid var(--bd)}.btn-g:hover:not(:disabled){background:var(--sf2);color:var(--tx)}.btn-full{width:100%;justify-content:center;padding:11px;font-size:14px}.ib{width:30px;height:30px;border:1px solid var(--bd);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--rx);background:var(--sf);color:var(--tx2);transition:all .12s;flex-shrink:0}.ib:hover{background:var(--sf2);color:var(--tx);border-color:var(--bd2)}.ib.d:hover{background:var(--dn-bg);color:var(--dn);border-color:var(--dn-bd)}.ib svg{width:13px;height:13px;fill:currentColor}.card{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}.card-p{padding:18px 20px}.sg{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:22px}@media (min-width: 600px){.sg{grid-template-columns:repeat(4,1fr)}}.sc{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r);padding:16px 18px;box-shadow:var(--shadow)}.sc-ic{width:36px;height:36px;border-radius:var(--rs);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.sc-ic svg{width:18px;height:18px;fill:currentColor}.sc-val{font-size:28px;font-weight:700;line-height:1;letter-spacing:-.5px}.sc-lbl{font-size:13px;color:var(--tx2);margin-top:4px;font-weight:500}.sc-sub{font-size:11px;color:var(--tx3);margin-top:2px}.tc{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}.tt{padding:14px 18px;border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:var(--sf)}.tt h3{font-size:14px;font-weight:700;color:var(--tx)}.ts-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;min-width:420px}th{padding:10px 16px;text-align:left;font-size:11px;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--bd);background:var(--sf2);white-space:nowrap}td{padding:12px 16px;font-size:13px;border-bottom:1px solid var(--bd);color:var(--tx);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr{transition:background .1s}tbody tr:hover td{background:var(--sf2)}@media (max-width: 600px){.hide-m{display:none!important}}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.bg{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok-bd)}.br{background:var(--dn-bg);color:var(--dn);border:1px solid var(--dn-bd)}.by{background:var(--wn-bg);color:var(--wn);border:1px solid var(--wn-bd)}.bb{background:var(--info-bg);color:var(--info);border:1px solid var(--info-bd)}.bgr{background:var(--sf2);color:var(--tx2);border:1px solid var(--bd)}.bpu{background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:600;color:var(--tx2);margin-bottom:5px}.field input,.field select,.field textarea{width:100%;padding:9px 12px;background:var(--sf);border:1.5px solid var(--bd);border-radius:var(--rs);font-family:var(--font);font-size:14px;color:var(--tx);outline:none;transition:border-color .15s,box-shadow .15s;-moz-appearance:none;appearance:none;-webkit-appearance:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ac);box-shadow:0 0 0 3px #4f46e51a}.field input::placeholder,.field textarea::placeholder{color:var(--tx3)}.field textarea{resize:vertical;min-height:70px;line-height:1.6}.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:32px;cursor:pointer}.field .hint{font-size:11px;color:var(--tx3);margin-top:4px}.fr{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 480px){.fr{grid-template-columns:1fr}}.sw{position:relative}.sw input{padding-left:36px}.sw svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;fill:var(--tx3);pointer-events:none}.ov{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:300;display:flex;align-items:flex-end;justify-content:center;padding:0}.modal{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r) var(--r) 0 0;width:100%;max-height:92vh;overflow-y:auto;animation:sheetUp .22s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-lg)}@keyframes sheetUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.mh{padding:16px 20px 12px;border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--sf);z-index:1}.mh h3{font-size:16px;font-weight:700;color:var(--tx)}.mb{padding:18px 20px}.mf{padding:12px 20px;border-top:1px solid var(--bd);display:flex;gap:8px;justify-content:flex-end;position:sticky;bottom:0;background:var(--sf)}@media (min-width: 600px){.ov{align-items:center;padding:20px}.modal{border-radius:var(--r);max-width:520px;animation:modalIn .2s cubic-bezier(.34,1.56,.64,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:none}}}@media (max-width: 480px){.mf{flex-direction:column-reverse}.mf .btn{width:100%;justify-content:center;padding:12px}}.alert{padding:10px 13px;border-radius:var(--rs);font-size:13px;margin-bottom:14px;line-height:1.5;border:1px solid}.ae{background:var(--dn-bg);color:var(--dn);border-color:var(--dn-bd)}.as{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-bd)}.ai{background:var(--info-bg);color:var(--info);border-color:var(--info-bd)}.aw{background:var(--wn-bg);color:var(--wn);border-color:var(--wn-bd)}.empty{padding:52px 20px;text-align:center;color:var(--tx3)}.empty-ic{width:48px;height:48px;border-radius:50%;background:var(--sf2);border:1px solid var(--bd);margin:0 auto 12px;display:flex;align-items:center;justify-content:center}.empty-ic svg{width:22px;height:22px;fill:var(--tx3)}.empty p{font-size:14px;font-weight:500;color:var(--tx2)}.empty small{font-size:12px;display:block;margin-top:4px}.spin{width:16px;height:16px;border:2px solid rgba(79,70,229,.15);border-top-color:var(--ac);border-radius:50%;animation:sp .6s linear infinite;flex-shrink:0}@keyframes sp{to{transform:rotate(360deg)}}.lc{display:flex;align-items:center;justify-content:center;padding:60px;gap:10px;color:var(--tx2);font-size:13px}.av{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:var(--ac-bg);color:var(--ac);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:1px solid var(--ac-bd)}.av-lg{width:40px;height:40px;font-size:13px}.ec{display:flex;align-items:center;gap:9px}.ec-name{font-weight:600;font-size:13px;line-height:1.3}.ec-meta{font-size:11px;color:var(--tx3);margin-top:1px}.tabs{display:flex;gap:2px;background:var(--sf2);border:1px solid var(--bd);border-radius:var(--rs);padding:3px;margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{padding:7px 16px;border-radius:var(--rx);font-size:13px;font-weight:500;cursor:pointer;color:var(--tx2);border:none;background:none;transition:all .12s;font-family:var(--font);white-space:nowrap;flex-shrink:0}.tab.on{background:var(--sf);color:var(--tx);font-weight:600;box-shadow:var(--shadow)}.fb{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r);padding:14px 16px;margin-bottom:16px;display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;box-shadow:var(--shadow)}.fb .field{margin-bottom:0;min-width:140px;flex:1}@media (max-width: 480px){.fb{flex-direction:column}.fb .field{min-width:100%}}.eb{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.divider{border:none;border-top:1px solid var(--bd);margin:18px 0}.net-ok{color:var(--ok);font-weight:700}.net-red{color:var(--dn);font-weight:700}.fade{animation:fade .18s ease}@keyframes fade{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.pill{background:var(--sf2);border:1px solid var(--bd);border-radius:var(--rx);padding:3px 9px;font-size:11px;font-weight:500;display:inline-flex;gap:4px;align-items:center}.kw{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f4ff,#fafafa 60%,#f5f3ff);padding:20px}.kc{background:var(--sf);border:1px solid var(--bd);border-radius:18px;width:100%;max-width:420px;padding:30px 26px;box-shadow:var(--shadow-lg)}@media (max-width: 480px){.kw{padding:0;align-items:flex-start}.kc{border-radius:0;min-height:100vh;max-width:100%}}.att-card{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r);margin-bottom:8px;overflow:hidden;box-shadow:var(--shadow)}.att-head{display:flex;align-items:center;gap:10px;padding:13px 16px;cursor:pointer;flex-wrap:wrap;transition:background .1s}.att-head:hover{background:var(--sf2)}.att-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px}.att-exp{background:var(--sf2);border-top:1px solid var(--bd);padding:14px 16px}.sess-row{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--sf);border-radius:var(--rs);border:1px solid var(--bd);margin-bottom:6px;flex-wrap:wrap;box-shadow:var(--shadow)}.flag-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:4px;font-size:10px;font-weight:700;border:1px solid}.flag-late{background:var(--wn-bg);color:var(--wn);border-color:var(--wn-bd)}.flag-hd{background:var(--info-bg);color:var(--info);border-color:var(--info-bd)}.flag-ot{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-bd)}.flag-ee{background:var(--dn-bg);color:var(--dn);border-color:var(--dn-bd)}.dp{display:flex;align-items:center;justify-content:space-between;background:var(--sf2);border:1px solid var(--bd);border-radius:var(--rs);padding:9px 12px;margin-bottom:6px;font-size:12px;gap:8px}.sum-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.sum-pill{border-radius:var(--rs);padding:10px 12px;border:1px solid var(--bd)}.k-in{background:var(--ok-bg);border:1.5px solid var(--ok-bd);border-radius:var(--rs)}.k-out{background:var(--sf2);border:1.5px solid var(--bd);border-radius:var(--rs)}.k-abs{background:var(--dn-bg);border:1.5px solid var(--dn-bd);border-radius:var(--rs)}.info-card{background:var(--info-bg);border:1px solid var(--info-bd);border-radius:var(--rs);padding:13px 15px;font-size:12px;color:var(--info);line-height:1.8;margin-top:16px}.info-card strong{font-weight:700}