:root{--bg: #f7f9fc;--bg-soft: #eef3f8;--panel: #ffffff;--panel2: #f8fafc;--panel3: #eef2f7;--text: #0f172a;--text-soft: #1e293b;--muted: #5f6f84;--muted-2: #8fa1b5;--line: rgba(15, 23, 42, .1);--line-strong: rgba(15, 23, 42, .16);--brand: #2563eb;--brand-2: #1d4ed8;--brand-soft: rgba(37, 99, 235, .1);--brand-soft-2: rgba(37, 99, 235, .16);--good: #15803d;--good-soft: rgba(21, 128, 61, .12);--bad: #dc2626;--bad-soft: rgba(220, 38, 38, .1);--warn: #c2410c;--warn-soft: rgba(194, 65, 12, .1);--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05), 0 8px 24px rgba(15, 23, 42, .04);--shadow-md: 0 10px 32px rgba(15, 23, 42, .08);--shadow-lg: 0 18px 48px rgba(15, 23, 42, .1);--radius-xs: 8px;--radius-sm: 10px;--radius-md: 15px;--radius-lg: 20px;--radius-xl: 24px;--container-max: 1880px;--space-1: 6px;--space-2: 10px;--space-3: 14px;--space-4: 18px;--space-5: 22px;--space-6: 28px;--space-7: 36px;--space-8: 48px;--font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--transition-fast: .14s ease;--transition-base: .18s ease}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:15px;line-height:1.5;color:var(--text);background:radial-gradient(circle at top left,rgba(37,99,235,.055),transparent 30%),linear-gradient(to bottom,#fbfdff 0%,var(--bg) 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid rgba(37,99,235,.22);outline-offset:2px;border-radius:8px}.shell{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px clamp(16px,2.3vw,28px);border-bottom:1px solid rgba(15,23,42,.07);background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:sticky;top:0;z-index:100}.main{width:100%;max-width:var(--container-max);margin:0 auto;padding:24px clamp(18px,2.9vw,40px);flex:1}.footer{margin-top:auto;border-top:1px solid rgba(15,23,42,.08);background:#ffffffed;padding:24px clamp(16px,2.3vw,28px);display:flex;flex-direction:column;gap:15px;text-align:center}.muted{color:var(--muted)}.small{font-size:13px}.mono{font-family:var(--font-mono);letter-spacing:-.01em}.stack{display:flex;flex-direction:column;gap:18px}.grid2{display:grid;grid-template-columns:1.14fr .86fr;gap:18px}@media(max-width:1100px){.grid2{grid-template-columns:1fr}}.surfaceAccent{border:1px solid rgba(37,99,235,.12);background:linear-gradient(to bottom right,#2563eb09,#2563eb03)}.brandRow{display:flex;align-items:center;gap:16px;min-width:0}.logoMain{height:64px;width:auto;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(15,23,42,.04));transition:transform var(--transition-fast),opacity var(--transition-fast)}.logoMain:hover{transform:translateY(-1px)}.brandText{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.08}.brandTitle{font-weight:900;font-size:19px;letter-spacing:.1px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brandSubtitle{font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topActions{display:flex;align-items:center;gap:10px}.topUser{display:flex;align-items:center;gap:14px;flex-shrink:0}.topUserName{font-size:14px;font-weight:700;color:var(--muted);white-space:nowrap}.topUserBadge{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);color:var(--text-soft);font-weight:800;box-shadow:var(--shadow-xs)}.btn,.btnGhost,.btnLogout,.linkBtn{transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;border-radius:12px;border:1px solid rgba(37,99,235,.34);background:linear-gradient(to bottom,#2563eb24,#2563eb17);color:var(--text);cursor:pointer;font-weight:800;box-shadow:0 1px #ffffffa6 inset}.btn:hover{background:linear-gradient(to bottom,#2563eb2e,#2563eb1f);border-color:#2563eb7a;transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btnGhost,.linkBtn,.btnLogout{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 13px;border-radius:11px;border:1px solid var(--line);background:#ffffffe6;color:var(--text);cursor:pointer;font-weight:700;box-shadow:var(--shadow-xs)}.btnGhost:hover,.linkBtn:hover,.btnLogout:hover{border-color:#2563eb47;background:var(--panel2);color:var(--brand-2);text-decoration:none;transform:translateY(-1px)}.btnGhost{margin-left:8px}.btnLogout{font-size:13px}.hero{padding:8px 0 6px}.hero h1{margin:0 0 8px;font-size:clamp(30px,3.2vw,46px);line-height:1.02;letter-spacing:-.032em;color:var(--text)}.heroCenter{text-align:center;padding:22px 0 10px}.heroRow{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.heroLead{max-width:84ch;color:var(--muted);font-size:15px}.heroBadge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(37,99,235,.15);background:linear-gradient(to bottom,#fff,#f8fbff);padding:10px 14px;border-radius:999px;font-size:13px;font-weight:800;color:var(--muted);box-shadow:var(--shadow-xs);white-space:nowrap}.heroBadge:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--brand);box-shadow:0 0 0 4px #2563eb1a}@media(max-width:700px){.heroRow{flex-direction:column;align-items:flex-start}}.card{background:linear-gradient(to bottom,#fffffffb,#fffffff6);border:1px solid rgba(15,23,42,.075);border-radius:var(--radius-md);padding:18px;box-shadow:var(--shadow-sm)}.cardTitle{font-weight:850;font-size:16px;margin-bottom:10px;color:var(--text)}.cardSubtle{background:linear-gradient(to bottom,#fff,#fbfdff);border-color:#2563eb1a}.cardsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}@media(max-width:1180px){.cardsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.cardsGrid{grid-template-columns:1fr}}.taskCard{position:relative;overflow:hidden;text-align:left;border:1px solid rgba(15,23,42,.08);background:linear-gradient(to bottom right,#fff,#fbfdff);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background var(--transition-base)}.taskCard:after{content:"";position:absolute;inset:auto -24px -24px auto;width:100px;height:100px;border-radius:999px;background:radial-gradient(circle,rgba(37,99,235,.08),transparent 70%);pointer-events:none}.taskCard:hover{border-color:#2563eb38;box-shadow:var(--shadow-md);transform:translateY(-2px)}.taskCardTitle{font-weight:900;font-size:18px;margin-bottom:8px;color:var(--text)}.taskCardMeta{color:var(--muted);font-size:14px;margin-bottom:16px}.taskCardHint{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:var(--brand);font-size:14px}.taskCardHint:after{content:"→";transition:transform var(--transition-fast)}.taskCard:hover .taskCardHint:after{transform:translate(2px)}.field{display:block}.label{font-size:13px;font-weight:700;color:var(--muted);margin-bottom:7px}input,.select{width:100%;min-height:44px;padding:11px 13px;border-radius:11px;border:1px solid rgba(15,23,42,.1);background:#fff;color:var(--text);font-size:15px;box-shadow:inset 0 1px #ffffffb3;transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base)}input::placeholder{color:var(--muted-2)}input:hover,.select:hover{border-color:#0f172a2e}input:focus,.select:focus{outline:none;border-color:#2563eb8c;box-shadow:0 0 0 4px #2563eb1a,0 1px #fff9 inset}.row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.row .muted{min-width:240px;flex:1}.selectorGrid{display:grid;grid-template-columns:1.25fr .75fr .95fr;gap:13px}@media(max-width:920px){.selectorGrid{grid-template-columns:1fr}}.banner{border-radius:13px;padding:12px 14px;border:1px solid var(--line);background:var(--panel2);box-shadow:var(--shadow-xs);font-size:14px}.banner.info{border-color:#2563eb33;background:linear-gradient(to bottom,#2563eb0f,#2563eb08)}.banner.success{border-color:#15803d38;background:linear-gradient(to bottom,#15803d12,#15803d08)}.banner.error{border-color:#dc262638;background:linear-gradient(to bottom,#dc26260f,#dc262608)}.pillStatus{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid rgba(15,23,42,.08);color:var(--muted);background:#fff;box-shadow:var(--shadow-xs);white-space:nowrap;font-size:13px;font-weight:700}.pillStatus:before{content:"";width:7px;height:7px;border-radius:999px;background:var(--brand);opacity:.75}.tableWrap{overflow:auto;border-radius:15px;border:1px solid rgba(15,23,42,.06);background:#fff;box-shadow:inset 0 1px #ffffffb3}.tableWrapMax{max-height:clamp(340px,51vh,780px)}.table{width:100%;border-collapse:separate;border-spacing:0;min-width:1020px}@media(max-width:900px){.table{min-width:780px}}.table th,.table td{padding:12px 11px;border-bottom:1px solid rgba(15,23,42,.06);vertical-align:middle}.table th{text-align:left;color:var(--muted);font-size:13px;font-weight:800;letter-spacing:.02em;position:sticky;top:0;background:#fffffff7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;border-bottom:1px solid rgba(15,23,42,.1)}.table td{font-size:14px;color:var(--text-soft);transition:background-color var(--transition-fast)}.table tbody tr:nth-child(2n) td{background:#f8fafc8c}.table tbody tr:hover td{background:#2563eb0d}.table tbody tr:last-child td{border-bottom:0}.table .mono{color:var(--text)}.modelName{max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rankCell{font-weight:800;color:var(--text)}.rankGold{color:#92400e;background:linear-gradient(to bottom,#fff9db,#fff3b0)}.rankSilver{color:#475569;background:linear-gradient(to bottom,#f8fafc,#eef2f7)}.rankBronze{color:#9a3412;background:linear-gradient(to bottom,#fff7ed,#ffedd5)}.metricPrimary{font-weight:900;color:var(--text)}.metricPositive{color:var(--good)}.footerLogos{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px}.footerLogos img{height:60px;width:auto;object-fit:contain;opacity:.97;filter:grayscale(8%);transition:opacity var(--transition-base),transform var(--transition-fast),filter var(--transition-base)}.footerLogos img:hover{opacity:1;transform:translateY(-1px);filter:grayscale(0%)}.footerText{font-size:14px;color:var(--muted)}.emptyState{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:180px;text-align:center;color:var(--muted)}.emptyStateTitle{font-weight:800;font-size:16px;color:var(--text-soft)}.helperText{font-size:14px;color:var(--muted)}.sectionHeader{display:flex;align-items:center;justify-content:space-between;gap:14px}.sectionTitleBlock{display:flex;flex-direction:column;gap:2px}@media(max-width:1100px){.logoMain{height:54px}.brandTitle{font-size:17px}.tableWrapMax{max-height:clamp(300px,46vh,640px)}}@media(max-width:860px){.topbar{padding:12px 14px}.brandRow{gap:12px}.logoMain{height:44px}.topUser{gap:10px}.topUserName{display:none}.main{padding:18px 14px}}@media(max-width:640px){body{font-size:14px}.card{padding:14px;border-radius:13px}.hero{padding-top:2px}.hero h1{font-size:25px}.heroBadge{padding:8px 11px;font-size:12px}.logoMain{height:38px}.brandTitle{font-size:15px}.brandSubtitle{font-size:11px}.footerLogos{gap:18px}.footerLogos img{height:44px}.btn,.btnGhost,.btnLogout,.linkBtn{min-height:40px}.tableWrap{border-radius:12px}.table th,.table td{padding:11px 10px}}@media(min-width:1440px){body{font-size:16px}.main{padding:28px clamp(24px,3vw,46px)}.hero h1{font-size:42px}.card{padding:20px;border-radius:17px}.cardTitle{font-size:17px}input,.select{padding:12px 14px;font-size:15px}.btn{padding:11px 17px;font-size:15px}.table th{font-size:13px}.table td{font-size:15px}.logoMain{height:70px}.brandTitle{font-size:20px}.brandSubtitle{font-size:13px}}@media(min-width:1920px){.main{padding-left:clamp(28px,3vw,56px);padding-right:clamp(28px,3vw,56px)}.hero h1{font-size:48px}.card{padding:22px;border-radius:18px}.tableWrapMax{max-height:clamp(440px,56vh,860px)}}