:root{color-scheme:dark;--bg:#07111f;--panel:#0e1c2d;--line:#29445e;--text:#f4f8fc;--muted:#9eb1c6;--blue:#2f9cf4;--green:#54d69b;--red:#ff7889}*{box-sizing:border-box}body{margin:0;min-height:100vh;font:15px Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 10% 0,#174c78 0,transparent 34%),radial-gradient(circle at 95% 0,#492067 0,transparent 30%),var(--bg)}button,input,textarea{font:inherit}.gate{min-height:100vh;display:grid;place-items:center;padding:20px}.panel,.card,dialog{background:#0e1c2df2;border:1px solid var(--line);border-radius:20px;box-shadow:0 22px 65px #0007}.login{width:min(480px,100%);padding:29px}header{display:flex;align-items:center;gap:12px}.logo{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--blue),#7857e8);font-size:22px}h1{margin:0}small,.fine,.intro,.site,.empty{color:var(--muted)}.intro{line-height:1.55;margin:20px 0}.fine{font-size:12px;line-height:1.5;margin:17px 0 0}label{display:grid;gap:7px;margin:13px 0;font-size:13px;font-weight:750}input,textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:#071422;color:var(--text);outline:none}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2f9cf429}button{border:0;border-radius:11px;padding:10px 14px;background:#1b466b;color:white;font-weight:800;cursor:pointer}button:hover{filter:brightness(1.1)}button:disabled{opacity:.55;cursor:wait}.primary{background:linear-gradient(135deg,var(--blue),#1874c4)}.danger{background:#7e2b3b}.wide{width:100%;padding:14px;margin-top:7px}.message{min-height:22px;margin-top:11px}.error{color:var(--red)!important}.ok{color:var(--green)!important}.working{color:#80c7ff!important}.shell{width:min(1180px,100%);margin:auto;padding:22px}.shell nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.actions,.input-row{display:flex;gap:8px;align-items:center}.input-row input{flex:1;min-width:0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;margin-top:16px}.card{padding:17px}.card-head{display:flex;justify-content:space-between;gap:8px}.card h3{margin:0;overflow-wrap:anywhere}.badge{padding:4px 8px;border-radius:999px;background:#203a54;color:#c8def1;font-size:11px;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site{font-size:12px;margin:7px 0 13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.secret{display:flex;align-items:center;gap:7px;margin-top:8px}.value{flex:1;min-width:0;padding:9px 10px;background:#071422;border:1px solid #203b56;border-radius:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .actions{margin-top:12px}.empty{text-align:center;padding:42px;margin-top:16px}dialog{width:min(620px,calc(100% - 28px));max-height:calc(100vh - 28px);padding:0;color:var(--text)}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.modal{padding:22px}.modal-head{display:flex;justify-content:space-between}.modal-head h2{margin:0}.close{background:transparent;font-size:24px;color:var(--muted);padding:0 6px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.modal-actions{justify-content:flex-end;margin-top:18px}.left{margin-right:auto}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,18px);opacity:0;background:#eaf5ff;color:#071422;padding:11px 16px;border-radius:11px;font-weight:800;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(max-width:650px){.login{padding:22px}.shell{padding:15px}.shell nav{align-items:flex-start;flex-direction:column}.shell nav .actions{width:100%}.shell nav .actions button{flex:1}.cards{grid-template-columns:1fr}.cols{grid-template-columns:1fr}.input-row{flex-wrap:wrap}.input-row input{flex-basis:100%}.modal-actions button{flex:1}.modal-actions .left{order:2;flex-basis:100%}}