:root{--accent: #1F4E79;--brass: #C9A227;--ink: #14202E;--ink-2: #3A4654;--muted: #5B6775;--line: #DDE2E8;--ground: #F5F6F8;--surface: #FFFFFF;--danger: #A12828;--danger-bg: #FBEAEA;--ok: #1E6B45;--ok-bg: #E6F2EB;--warn-bg: #FBF3D9;--warn: #6B5309;--f-display: "Archivo", "IBM Plex Sans", system-ui, sans-serif;--f-body: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--f-mono: "IBM Plex Mono", ui-monospace, monospace;--radius: 10px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--ink: #E8ECF1;--ink-2: #C3CBD5;--muted: #95A1AE;--line: #2B3644;--ground: #0F1620;--surface: #17202C;--danger: #F08A8A;--danger-bg: #3A1D1D;--ok: #7FD1A3;--ok-bg: #16302A;--warn-bg: #3A3014;--warn: #E9CF7A;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font:15px/1.5 var(--f-body)}h1,h2,h3{font-family:var(--f-display);font-weight:600;margin:0;letter-spacing:-.01em;text-wrap:balance}h1{font-size:26px}h2{font-size:19px}h3{font-size:16px}a{color:var(--accent)}.mono,.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:13px}button,.btn{font:inherit;font-weight:500;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:9px 16px;cursor:pointer;min-height:40px;display:inline-flex;align-items:center;gap:8px;text-decoration:none}button:hover,.btn:hover{border-color:var(--muted)}button.primary,.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{filter:brightness(1.08)}button.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--line))}button:disabled{opacity:.55;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:500;color:var(--ink-2)}input,select,textarea{font:inherit;font-weight:400;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:9px 12px;min-height:40px;width:100%}input[type=color]{padding:2px;width:56px}input[type=checkbox]{width:auto;min-height:0}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100%}.side{background:var(--surface);border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:4px}.brand{display:flex;align-items:center;gap:10px;padding:4px 6px 16px}.brand .mark{width:34px;height:34px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--f-display);font-weight:600;font-size:14px;flex:none}.brand .name{font-weight:600;line-height:1.2;font-size:14px}.side a.nav{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:var(--ink-2);text-decoration:none;font-weight:500}.side a.nav:hover{background:var(--ground)}.side a.nav.active{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.side .foot{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--line);font-size:13px}.powered{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}main{padding:28px clamp(16px,3vw,40px);min-width:0;display:flex;flex-direction:column;gap:22px}.head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.stack{display:flex;flex-direction:column;gap:14px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-weight:500;color:var(--muted);font-size:12.5px;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:0}td.r,th.r{text-align:right}tr.link{cursor:pointer}tr.link:hover td{background:color-mix(in srgb,var(--accent) 5%,transparent)}.pill{display:inline-block;font-size:12px;padding:2px 10px;border-radius:20px;background:var(--ground);color:var(--ink-2);white-space:nowrap}.pill.rozpracovaná{background:var(--warn-bg);color:var(--warn)}.pill.odoslaná{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.pill.vyhraná{background:var(--ok-bg);color:var(--ok)}.pill.prehratá{background:var(--danger-bg);color:var(--danger)}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.kpi b{display:block;font-family:var(--f-mono);font-size:20px;font-weight:500}.kpi span{font-size:12px;color:var(--muted)}.banner{border-radius:12px;padding:12px 16px;font-size:14px}.banner.demo{background:var(--warn-bg);color:var(--warn)}.banner.err{background:var(--danger-bg);color:var(--danger)}.banner.ok{background:var(--ok-bg);color:var(--ok)}.empty{text-align:center;padding:36px 16px;color:var(--muted)}.login{min-height:100%;display:grid;place-items:center;padding:24px 16px}.login .box{width:min(400px,100%);background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:32px 28px;display:flex;flex-direction:column;gap:14px}.login .logo{display:flex;align-items:center;gap:10px;justify-content:center}.login .logo span{font-family:var(--f-display);font-weight:600;font-size:30px}.divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.divider:before,.divider:after{content:"";flex:1;border-top:1px solid var(--line)}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatches button{width:34px;height:34px;min-height:0;padding:0;border-radius:8px;border:2px solid transparent}.swatches button[aria-pressed=true]{border-color:var(--ink)}.preview-head{border-radius:12px;overflow:hidden;border:1px solid var(--line)}.preview-head .bar{padding:14px 18px;color:#fff;display:flex;align-items:center;gap:12px}@media(max-width:860px){.shell{grid-template-columns:minmax(0,1fr)}.side{flex-direction:row;flex-wrap:wrap;align-items:center;border-right:0;border-bottom:1px solid var(--line);padding:10px 12px;gap:2px}.brand{padding:0 8px 0 0;width:100%}.side .foot{display:none}.grid2,.grid3{grid-template-columns:minmax(0,1fr)}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.hide-sm{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}button.link{border:0;background:none;padding:0;color:var(--accent);font:inherit;cursor:pointer}tr.open td{background:color-mix(in srgb,var(--accent) 6%,transparent)}tr.sub>td{background:var(--ground);padding:14px 16px}.lines table{background:var(--surface);border-radius:8px}.hits{list-style:none;margin:0;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface);max-height:240px;overflow:auto}.hits button{width:100%;text-align:left;border:0;background:none;padding:8px 10px;border-radius:6px}.hits button:hover,.hits button:focus-visible{background:var(--ground)}.warn-dot{color:var(--warn);font-weight:700;cursor:help}table.sum{max-width:460px;margin-left:auto}table.sum td{padding:6px 10px}table.sum tr.sub-total td{border-top:1px solid var(--line);font-weight:500}table.sum tr.total td{border-top:2px solid var(--ink);font-weight:600;font-size:16px}