@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#254792;--blue:#5d87ff;--water-bg:#cee4ec;--text:#2a3547;--muted:#7c8fac;--panel-bg:#ecf2ff;--bg:#f2f6fa;--green:#2f9c95;--orange:#f4a261;--red:#d64545;--border:#eaeff4;--card:#fff;--card-border:#eaeff4;--radius-md:12px;--radius-lg:12px;--shadow-sm:0 4px 20px #0000000d;--shadow-xs:0 2px 12px #0000000a;--sw:230px;--rw:280px;--tb:54px}html,body{background:var(--bg);height:100%;color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}#app,#root,body,button,input,select,textarea{font-family:Plus Jakarta Sans,sans-serif}#app h1,#app h2,#app h3{color:var(--text);letter-spacing:-.02em}#app h1{font-weight:700}#app h2,#app h3{font-weight:600}#root{flex-direction:column;height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0000004d}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.h-full{height:100%}.flex-1{flex:1}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.cursor-pointer{cursor:pointer}.hidden{display:none!important}.text-muted{color:var(--muted)}.text-blue{color:var(--blue)}.text-red{color:var(--red)}.text-green{color:var(--green)}.text-orange{color:var(--orange)}.bg-white{background:#fff}.badge{border-radius:6px;padding:2px 6px;font-size:9px;font-weight:600;display:inline-block}.badge-blue{color:#3b5bdb;background:#5d87ff1f}.badge-green{color:#0a7d68;background:#2f9c951f}.badge-orange{color:#b8720a;background:#f4a2611f}.sdot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.s-todo{background:#dde1e8}.s-inprogress{background:var(--blue)}.s-done{background:var(--green)}.s-overdue{background:var(--red)}.prio-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.p-high{background:var(--red)}.p-medium{background:var(--orange)}.p-low{background:#dde1e8}.overlay{z-index:200;background:#00000052;justify-content:flex-end;align-items:stretch;display:flex;position:fixed;inset:0}.overlay-center{justify-content:center;align-items:center}.input-base{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text);background:#fff;outline:none;padding:12px 14px;font-family:inherit;font-size:13px;transition:border .12s}.input-base:focus{border-color:var(--blue)}.btn-primary{background:var(--blue);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:12px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:opacity .12s}.btn-primary:hover{opacity:.9}.btn-secondary{background:var(--panel-bg);color:var(--blue);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .12s}.btn-secondary:hover{opacity:.92}.btn-danger{color:var(--red);border-radius:var(--radius-md);cursor:pointer;background:#d645451f;border:1px solid #d6454533;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .12s}.btn-danger:hover{opacity:.92}