:root{color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18201d;background:#edf1ef;font-synthesis:none;--surface: #ffffff;--surface-muted: #f5f7f6;--line: #cbd4d0;--text-muted: #58645f;--primary: #145c45;--primary-hover: #0d4936;--danger: #8a2424;--danger-hover: #6f1b1b;--focus: #1769aa;--warning: #704d00;--error: #a11c1c}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;display:flex;flex-direction:column}.skip-link{position:fixed;top:.5rem;left:.5rem;z-index:20;transform:translateY(-160%);padding:.65rem .85rem;color:#fff;background:#111;border-radius:.3rem}.skip-link:focus{transform:translateY(0)}header,main,footer{width:min(1180px,calc(100% - 2rem));margin-inline:auto}header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.35rem 0 1rem;border-bottom:1px solid var(--line)}header h1,header p,h2,p{margin-top:0}header h1{margin-bottom:.2rem;font-size:clamp(1.65rem,3vw,2.2rem)}header p,.hint{color:var(--text-muted)}header p{margin-bottom:0}.state{flex:none;padding:.35rem .65rem;border:1px solid var(--line);border-radius:999px;color:var(--text-muted);background:var(--surface-muted);font-size:.9rem}.state[data-unlocked=true]{color:#0c523c;border-color:#78a996;background:#e1f2eb}main{flex:1;padding-block:1.25rem 2rem}.panel,#vault-view,dialog{border:1px solid var(--line);background:var(--surface);box-shadow:0 .8rem 2.2rem #19272114}.panel{width:min(31rem,100%);margin:1.5rem auto;padding:clamp(1.2rem,4vw,2rem);border-radius:.7rem}#vault-view{padding:clamp(1rem,3vw,1.5rem);border-radius:.7rem}.vault-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.actions,.dialog-actions,.row-actions{display:flex;flex-wrap:wrap;gap:.55rem}form{display:grid;gap:.65rem}label{margin-top:.35rem;font-weight:650}input,select,textarea,button{min-height:44px;font:inherit;border-radius:.35rem}input,select,textarea{width:100%;padding:.65rem .75rem;color:inherit;background:var(--surface);border:1px solid #9da9a4}textarea{resize:vertical}button{padding:.65rem .9rem;border:1px solid transparent;color:#fff;background:var(--primary);font-weight:650;cursor:pointer}button:hover{background:var(--primary-hover)}button.secondary{color:#24312c;background:#e4e9e7;border-color:#aeb9b4}button.secondary:hover{background:#d5ddda}button.danger{color:#fff;background:var(--danger)}button.danger:hover{background:var(--danger-hover)}button.small{min-height:38px;padding:.45rem .65rem;font-size:.9rem}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.warning{padding:.75rem;color:var(--warning);background:#fff4ce;border-left:4px solid #c18a00}.status{min-height:1.5rem;margin-bottom:.8rem;color:var(--primary);font-weight:600}.status[data-kind=error],.form-error{color:var(--error)}.form-error{min-height:1.25rem;margin-bottom:0;font-weight:600}.separator{margin:1rem 0;text-align:center;color:var(--text-muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:1rem}th,td{padding:.75rem .6rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere}th{color:#39443f;background:var(--surface-muted);font-size:.9rem}.masked{letter-spacing:.08em;white-space:nowrap}#empty-state{padding:1.5rem .5rem;color:var(--text-muted);text-align:center}dialog{width:min(34rem,calc(100% - 2rem));max-height:calc(100vh - 2rem);padding:1.4rem;color:inherit;border-radius:.7rem;overflow-y:auto}dialog::backdrop{background:#0d16129e}.dialog-actions{margin-top:.85rem}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem;padding:.9rem 0 1.2rem;color:var(--text-muted);border-top:1px solid var(--line);font-size:.75rem}[hidden]{display:none!important}@media(max-width:760px){.vault-heading{display:block}.actions{margin-top:1rem}table,thead,tbody,tr,th,td{display:block}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}tr{padding:.8rem 0;border-bottom:1px solid var(--line)}td{display:grid;grid-template-columns:minmax(7rem,35%) 1fr;gap:.6rem;padding:.4rem 0;border:0}td:before{color:var(--text-muted);font-size:.85rem;font-weight:700}td:nth-child(1):before{content:"Typ"}td:nth-child(2):before{content:"Názov"}td:nth-child(3):before{content:"Používateľ / SSID"}td:nth-child(4):before{content:"Poznámka"}td:nth-child(5):before{content:"Heslo"}td:nth-child(6):before{content:"Akcie"}}@media(prefers-color-scheme:dark){:root{color:#e8eeeb;background:#111714;--surface: #19211d;--surface-muted: #212b26;--line: #3b4942;--text-muted: #aab7b1;--primary: #2f8f6d;--primary-hover: #3ca17b;--focus: #6db8f1;--error: #ffaaaa}.state[data-unlocked=true]{color:#b5ead6;border-color:#3c7961;background:#173a2d}button.secondary{color:#e6ece9;background:#34413b;border-color:#607068}button.secondary:hover{background:#43524b}.warning{color:#ffdea0;background:#493800}th{color:#d9e2de}}