:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#182131;background:#eef2f7}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.login{max-width:430px;margin:18vh auto;padding:42px;background:#fff;border-radius:22px;box-shadow:0 18px 60px #17213a20;text-align:center}.login button,.brand button,.modal button{border:0;border-radius:10px;background:#1769e0;color:#fff;padding:11px 16px}.shell{display:grid;grid-template-columns:220px 340px minmax(420px,1fr);height:100vh}aside{padding:22px 14px;background:#172235;color:#fff}.brand{margin:0 8px 30px}.brand h1{font-size:22px}aside>button{display:block;width:100%;padding:12px;margin:4px 0;border:0;border-radius:9px;color:#dce6f7;background:transparent;text-align:left}aside>button.active{background:#ffffff18;color:#fff}.list{overflow:auto;border-right:1px solid #d9e0e9;background:#f8fafc}.list header{display:flex;align-items:center;justify-content:space-between;padding:18px}.status{font-size:12px;color:#587087}.status.konflikt,.error{color:#ba2935}.task{display:block;width:calc(100% - 20px);margin:5px 10px;padding:15px;border:0;border-radius:12px;background:transparent;text-align:left}.task.selected{background:#fff;box-shadow:0 4px 18px #17213a10}.task small{display:block;color:#61748a;margin-top:7px}.editor{display:flex;flex-direction:column;gap:20px;padding:35px 42px;overflow:auto;background:#fff}label{display:flex;flex-direction:column;gap:7px;color:#5e6f82;font-size:13px;font-weight:650}input,select,textarea{border:1px solid #ced7e2;border-radius:9px;padding:11px;color:#182131;background:#fff}.editor>label:first-child input{font-size:25px;font-weight:700}.row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.notes{flex:1}textarea{min-height:280px;flex:1;resize:vertical;line-height:1.5}.drawing-note{background:#edf5ff;padding:14px;border-radius:10px;color:#345779}.actions{display:flex;justify-content:space-between;align-items:center}.actions label{flex-direction:row}.danger{color:#b21f2d;border:0;background:transparent}.modal{position:fixed;inset:0;display:grid;place-items:center;background:#10182788}.modal>div{width:min(480px,90vw);padding:28px;background:#fff;border-radius:18px}.modal button{margin-right:10px;margin-top:10px}.toast{position:fixed;right:20px;bottom:20px;max-width:440px;padding:14px 18px;background:#ba2935;color:#fff;border-radius:10px}@media(max-width:900px){.shell{grid-template-columns:170px 280px minmax(350px,1fr)}.editor{padding:25px}}