:root{color-scheme:dark}html,body,#root{margin:0;padding:0;min-height:100%}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:#0f1115;color:#e8e8e8}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem}.card{background:#171a21;border:1px solid #2a2f3b;border-radius:12px;padding:12px}.login{width:min(360px,100%);display:grid;gap:10px}.login h1{margin:0}.login p{margin:0;opacity:.8}input,select,textarea,button{border:1px solid #2f3644;background:#12151d;color:#f2f2f2;border-radius:8px;padding:9px 10px}button{cursor:pointer;background:#2a61ff;border:0}button:hover{filter:brightness(1.08)}.err{color:#ff6a6a}.app{padding:14px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}header div{display:flex;gap:8px;align-items:center}.add{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:8px;margin-bottom:12px}.password{grid-template-columns:180px 1fr 1fr auto 1fr;align-items:center}.password strong{font-size:14px}main{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.column{background:#11141b;border:1px solid #2a2f3b;border-radius:12px;padding:8px;min-height:400px}.column h2{margin:6px 6px 10px;font-size:14px;opacity:.9}.task{display:grid;gap:8px;margin-bottom:8px}.title{font-weight:700}.row{display:grid;grid-template-columns:55px 1fr;gap:6px;align-items:center}.row label{font-size:12px;opacity:.8}.task small{opacity:.7;font-size:11px}.danger{background:#a12f2f}@media(max-width:1100px){.add{grid-template-columns:1fr 1fr}.password{grid-template-columns:1fr}main{grid-template-columns:1fr 1fr}}@media(max-width:700px){main{grid-template-columns:1fr}}