*{box-sizing:border-box}body{color:#12161f;background:#f4f6f8;margin:0;font-family:Arial,sans-serif}.app{grid-template-columns:320px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#12161f;padding:24px}main{padding:24px}.card{color:#12161f;background:#fff;border-radius:16px;margin-bottom:16px;padding:18px;box-shadow:0 8px 28px #00000012}aside .card{color:#fff;box-shadow:none;background:#1d2430}input,textarea{border:1px solid #d9dee7;border-radius:10px;width:100%;margin-bottom:10px;padding:12px;font-size:15px}textarea{resize:vertical;min-height:80px}button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;margin:3px;padding:11px 14px;font-weight:700}button.secondary{background:#475569}button.danger{background:#dc2626}button.item{color:#1e293b;text-align:left;background:#eef2ff;width:100%}button.item.active{color:#fff;background:#2563eb}.grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.row{grid-template-columns:1fr auto;align-items:start;gap:8px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-grid textarea{grid-column:span 2}.password-row{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.error{color:#991b1b;background:#fee2e2;border-radius:10px;margin-top:12px;padding:12px}.opened p{background:#f8fafc;border-radius:10px;padding:10px}@media (width<=900px){.app,.grid,.form-grid{grid-template-columns:1fr}.form-grid textarea{grid-column:span 1}}label{margin:8px 0 10px;font-weight:700;display:block}label input{width:auto;margin-right:8px}.success{color:#166534;background:#dcfce7;border-radius:10px;margin:10px 0;padding:12px}.muted{color:#64748b;line-height:1.5}small{color:#64748b}.password-row{align-items:flex-start;gap:12px}.password-row>div{flex:1}