*{box-sizing:border-box}body{margin:0;background:#f2f5fa;color:#172b4d;font:15px system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:11px;padding:10px 13px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9dc6ff}.app{max-width:760px;margin:auto;min-height:100vh;padding:22px 17px 105px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}header small{font-size:10px;letter-spacing:2px;color:#637894;font-weight:800}header h1{margin:2px 0;font-size:27px}header p{margin:0;color:#6d7e95}nav{display:flex;background:white;padding:5px;border-radius:15px;gap:4px;box-shadow:0 5px 25px #18385b0c;margin-bottom:22px}nav button{flex:1;background:transparent;color:#70819b;padding:12px 4px;font-size:13px}nav button.active{background:#172b4d;color:white}.page{display:none}.page.active{display:block}.hero{background:linear-gradient(125deg,#193b70,#426fae);color:white;padding:25px;border-radius:20px}.hero span{opacity:.8;font-size:12px}.hero h2{font-size:25px;margin:10px 0 4px}.hero p{margin:0;opacity:.9}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0 26px}.stats article{background:white;border-radius:15px;padding:17px 10px;display:flex;flex-direction:column;align-items:center;gap:4px}.stats strong{font-size:26px}.stats span{font-size:12px;color:#70819b}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin:18px 0 13px;gap:10px}.sectionhead h2,.page>h2{font-size:19px;margin:0}.link{background:none;color:#2567b5}.primary,#fab{background:#2467b4;color:white}.filters,.two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}select,input,textarea{background:white;border:1px solid #d9e2ee;border-radius:10px;padding:11px;width:100%;color:#172b4d}.item{background:white;border-radius:15px;padding:15px;margin:10px 0;box-shadow:0 3px 18px #172b4d08;display:flex;gap:12px;align-items:flex-start}.check{width:23px;height:23px;flex:none;accent-color:#2774bc;margin-top:4px}.itemmain{flex:1;min-width:0}.item h3{font-size:15px;margin:0 0 5px;overflow-wrap:anywhere}.item p{font-size:12px;color:#728199;margin:0}.item .notes{margin-top:7px}.item.done h3{text-decoration:line-through;color:#8996a7}.pill{display:inline-block;border-radius:20px;padding:3px 8px;background:#eaf1fc;color:#2e639e;font-size:11px;margin-top:8px}.pill.personal{background:#f0eafd;color:#7251a0}.edit{background:#f2f5fa;color:#425d7e}.empty{padding:28px 15px;text-align:center;color:#7b8ba0;background:white;border-radius:14px}.panel{background:white;padding:19px;border-radius:15px;margin:15px 0}.panel h3{margin:0 0 8px}.panel p{color:#6c7d94;line-height:1.5}.panel button,.filebtn{display:inline-block;margin:4px;padding:10px 13px;border-radius:10px;background:#eaf1fa;color:#234f87}.panel .primary{background:#2467b4;color:white}.filebtn{cursor:pointer}#fab{position:fixed;bottom:25px;right:max(25px,calc((100vw - 760px)/2 + 25px));width:55px;height:55px;border-radius:50%;font-size:30px;box-shadow:0 6px 25px #2467b455}dialog{border:0;border-radius:20px;width:min(94vw,530px);max-height:92vh;overflow:auto;padding:22px;box-shadow:0 20px 80px #0004}dialog::backdrop{background:#10244299}dialog form{display:grid;gap:13px}dialog label{display:grid;gap:5px;font-size:13px;font-weight:600}dialog .two{margin:0}.modalhead,.actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.modalhead h2{margin:0}.ghost{background:#f0f3f7}.danger{background:#ffe8e8;color:#a21b1b}.actions{margin-top:5px}.actions .primary{margin-left:auto}#agendaDate{margin:10px 0}#permissionStatus{font-size:12px}@media(max-width:390px){.app{padding:15px 10px 90px}.stats article{padding:13px 5px}nav button{font-size:11px}dialog{padding:15px}}