:root{font-family:'Segoe UI',system-ui,sans-serif;color:#203646;background:#edf2f5;color-scheme:light}*{box-sizing:border-box}body{margin:0;padding:24px 16px}main{max-width:560px;margin:auto}header{display:flex;align-items:center;gap:12px;margin:8px 0 28px}.icon{background:#193b52;color:white;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:30px}h1{font-size:21px;margin:0;letter-spacing:-.6px}header p{font-size:14px;color:#617382;margin:3px 0}header button{margin-left:auto}h2{font-size:19px;letter-spacing:-.3px;margin:0 0 12px}p{line-height:1.5}section{background:white;border:1px solid #dbe3e9;border-radius:16px;padding:24px;box-shadow:0 6px 24px #193b5206}form{display:grid;gap:18px}label{display:grid;gap:7px;font-size:14px;font-weight:600}input,select,button{font:inherit;border:1px solid #cbd6de;border-radius:9px;padding:12px;min-width:0;background:white;color:inherit}input,select{width:100%;font-size:16px;min-height:47px}button{cursor:pointer;font-size:14px;font-weight:600}button:hover{background:#f1f5f8}.primary{background:#193b52;color:white;border-color:#193b52;min-height:48px}.primary:hover{background:#285470}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hint{font-size:13px;color:#677988;line-height:1.6;margin-bottom:0}nav{display:flex;gap:8px;margin-bottom:16px}nav button{flex:1;background:transparent}nav .active{background:white;border-color:#193b52}#status:not(:empty){padding:12px 16px;background:#e5f1e9;border:1px solid #c5ddce;border-radius:10px;margin-bottom:16px;font-size:14px}#status.error{background:#fff0ee;border-color:#e8c6c2;color:#943a30}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.item{padding:18px 0;border-bottom:1px solid #e3e9ed}.item h3{font-size:16px;margin:0;overflow-wrap:anywhere}.item p{font-size:14px;color:#657886;margin:6px 0 12px}.actions{display:flex;gap:8px}.danger{color:#9b3930}.empty{padding:24px 0;text-align:center;color:#677988}footer{text-align:center;font-size:12px;color:#778995;padding:25px 0}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:3px solid #7ca9c7;outline-offset:2px}[hidden]{display:none!important}@media(max-width:380px){section{padding:18px}.split{gap:10px}}@media(prefers-color-scheme:dark){:root{background:#111c24;color:#e1e9ef;color-scheme:dark}section,input,select,button{background:#1b2b37;border-color:#3b4d5a}nav .active{background:#263c4b;border-color:#7ca9c7}.hint,header p,.item p{color:#a4b5c2}.primary{background:#376885}.item{border-color:#3b4d5a}#status:not(:empty){background:#213c31;border-color:#456451}#status.error{background:#432b2a;color:#f6c1bc}}