:root{--lila:#706891;--lila-dark:#5b5476;--lila-soft:#f3effb;--lila-line:#dcd3f0;--rail:#dad5e3;--rail-hover:#c9c2d8;--green:#44553c;--text:#3f4441;--muted:#5e6660;--bg:#f8f7fa;--card:#fff;--line:#e7e3ec;--lv-top:#706891;--lv-dobre:#8fae9b;--lv-prumer:#c9c4d6;--lv-slabe:#f2b98f;--lv-riziko:#f0c3ca;--ok-bg:#e3eee7;--ok:#3e5a48;--warn-bg:#fbe1cc;--warn:#8a4a1c;--bad-bg:#f6cfd4;--bad:#8e2f43;--info-bg:#d8e6f0;--info:#2f4e66;--serif:"Playfair Display", Georgia, serif;--sans:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--radius:14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:15px}h1,h2,h3{font-family:var(--serif);color:var(--green);margin:0;font-weight:600}h1{letter-spacing:-.01em;font-size:clamp(28px,4vw,42px)}h2{font-size:22px}a{color:var(--lila)}button{font:inherit;cursor:pointer}input,select{font:inherit}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--lila);margin:0;font-size:11px;font-weight:700}.muted{color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}.btn{background:var(--lila);color:#fff;border:0;border-radius:10px;min-height:42px;padding:0 16px;font-weight:600}.btn:hover{background:var(--lila-dark)}.btn:disabled{opacity:.45;cursor:not-allowed}.ghost{color:var(--text);background:#fff;border:1px solid #d5cfdd;border-radius:10px;min-height:40px;padding:0 14px;font-weight:500}.ghost:hover{border-color:var(--lila)}.chip{border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip.ok{background:var(--ok-bg);color:var(--ok)}.chip.warn{background:var(--warn-bg);color:var(--warn)}.chip.bad{background:var(--bad-bg);color:var(--bad)}.chip.info{background:var(--info-bg);color:var(--info)}.chip.lila{background:var(--lila-soft);color:var(--lila-dark)}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.field input{min-height:42px;color:var(--text);background:#fff;border:1px solid #cfc8d8;border-radius:10px;padding:0 12px;font-size:15px;font-weight:500}.field input:focus{outline:2px solid var(--lila-line);border-color:var(--lila)}.shell{min-height:100%;display:flex}.rail{background:var(--rail);flex-direction:column;flex-shrink:0;gap:20px;width:246px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:10px;padding:0 6px;display:flex}.brand img{border-radius:11px;width:40px;height:40px}.brand b{font-family:var(--serif);color:var(--green);font-size:20px;display:block}.brand small{letter-spacing:.12em;text-transform:uppercase;color:var(--lila);font-size:11px}.nav{flex-direction:column;gap:4px;display:flex}.nav button{color:var(--text);text-align:left;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:flex-start;padding:10px 12px;font-weight:600;display:flex}.nav button small{color:var(--muted);font-size:12px;font-weight:400}.nav button:hover{background:var(--rail-hover)}.nav button.on{background:var(--lila);color:#fff}.nav button.on small{color:#e9e4f5}.rail .spacer{flex-grow:1}main{flex-direction:column;flex-grow:1;gap:20px;min-width:0;padding:30px 36px 60px;display:flex}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tabbar{display:none}@media (width<=820px){.rail{display:none}main{padding:18px 16px 96px}.grid2,.grid3{grid-template-columns:1fr}.tabbar{border-top:1px solid var(--line);padding:6px 4px calc(8px + env(safe-area-inset-bottom));z-index:10;background:#fff;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar button{color:var(--muted);background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;min-height:48px;font-size:11px;font-weight:600;display:flex}.tabbar button.on{color:var(--lila)}.tabbar span{font-size:19px;line-height:1}}.drop{text-align:center;cursor:pointer;background:#fff;border:2px dashed #bdb3cc;border-radius:18px;padding:36px 20px}.drop.over{border-color:var(--lila);background:var(--lila-soft)}.drop b{font-family:var(--serif);color:var(--green);font-size:24px;display:block}.rep{flex-direction:column;gap:10px;display:flex}.rep-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.stats{flex-wrap:wrap;gap:8px;display:flex}.stat{background:var(--bg);border-radius:10px;min-width:120px;padding:8px 12px}.stat div{color:var(--muted);font-size:12px}.stat b{font-family:var(--serif);color:var(--green);font-size:20px}.note{border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.45}.note.ok{background:var(--ok-bg);color:var(--ok)}.note.warn{background:var(--warn-bg);color:var(--warn)}.note.bad{background:var(--bad-bg);color:var(--bad)}.note.info{background:var(--lila-soft);color:var(--lila-dark)}details summary{cursor:pointer;color:var(--lila-dark);font-size:14px;font-weight:600}table.list{border-collapse:collapse;width:100%;margin-top:6px;font-size:13px}table.list th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--line);padding:6px 8px;font-size:11px}table.list td{border-bottom:1px solid #f0edf3;padding:6px 8px}