*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f7fb;color:#121826}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}.hidden{display:none!important}.muted{color:#778096;font-size:13px}.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#263b77,#0b1020 55%);color:#fff}.login-card{width:min(430px,100%);padding:38px;border:1px solid #ffffff20;border-radius:28px;background:#ffffff12;backdrop-filter:blur(20px);box-shadow:0 25px 80px #0006}.login-card h1{margin:16px 0 8px;font-size:34px}.login-card p{color:#c7cee0;margin-bottom:28px}.login-card input{width:100%;padding:14px 16px;margin:7px 0;border-radius:12px;border:1px solid #ffffff20;background:#ffffff10;color:#fff;outline:0}.login-card input::placeholder{color:#aeb7cb}.login-card small{display:block;text-align:center;color:#aeb7cb;margin-top:18px}.brand-mark{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-weight:800;font-size:26px;background:linear-gradient(135deg,#6d5dfc,#25c2ff);box-shadow:0 10px 30px #4c70ff55}.brand-mark.small{width:36px;height:36px;border-radius:11px;font-size:18px}.app{display:flex;min-height:100vh}.sidebar{width:245px;background:#0c1222;color:#dbe2f3;padding:18px 12px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:750;padding:4px 10px 24px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.nav-item{background:transparent;color:#9ca8c0;text-align:left;padding:11px 12px;border-radius:11px;display:flex;gap:12px;align-items:center}.nav-item:hover,.nav-item.active{background:#ffffff12;color:#fff}.logout{margin-top:auto;background:#ffffff0d;color:#aeb8cc;padding:11px;border-radius:11px}.main{margin-left:245px;flex:1;min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid #e9edf4;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.top-actions{display:flex;align-items:center;gap:12px}.icon-btn{background:#f2f4f8;width:40px;height:40px;border-radius:12px}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#e8e9ff;color:#5046b8;font-weight:700}.mobile-menu{display:none}.content{padding:28px;max-width:1500px;margin:auto}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.hero h1{margin:0 0 7px;font-size:30px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid #e9edf4;border-radius:18px;padding:19px;box-shadow:0 5px 20px #1c27420a}.stat .label{color:#7c879b;font-size:13px}.stat .value{font-size:29px;font-weight:750;margin-top:8px}.section-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:18px;margin-top:18px}.card h3{margin:0 0 15px}.task-row,.list-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #edf0f5}.task-row:last-child,.list-row:last-child{border-bottom:0}.check{width:20px;height:20px;border:1px solid #c9d0dc;border-radius:6px;background:#fff}.check.done{background:#5d5be8;border-color:#5d5be8;color:#fff}.task-text{flex:1}.done-text{text-decoration:line-through;color:#9aa3b3}.pill{font-size:11px;padding:5px 8px;border-radius:20px;background:#eef1ff;color:#5650bc}.pill.high{background:#fff0ef;color:#c04c43}.actions{display:flex;gap:8px;flex-wrap:wrap}.primary,.secondary{padding:10px 14px;border-radius:11px}.primary{background:#5b55e8;color:#fff}.secondary{background:#eef1f6;color:#384155}.full{width:100%;margin-top:10px}.toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:18px}.toolbar input,.toolbar select,.form input,.form textarea,.form select{padding:11px 13px;border:1px solid #dfe4ed;border-radius:10px;background:#fff;outline:0;width:100%}.toolbar .search{max-width:350px}.page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.empty{text-align:center;padding:45px 15px;color:#8993a6}.note-card h3{margin-bottom:8px}.note-card p{color:#687388;line-height:1.5}.form{display:grid;gap:10px}.form textarea{min-height:120px;resize:vertical}.modal{position:fixed;inset:0;background:#0b102099;display:grid;place-items:center;padding:20px;z-index:50}.modal-box{width:min(520px,100%);background:#fff;border-radius:20px;padding:24px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.close{background:#f0f2f6;border-radius:9px;width:34px;height:34px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.day{background:#fff;border:1px solid #e7ebf2;min-height:100px;border-radius:12px;padding:9px}.day b{font-size:13px}.app-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.app-tile{background:#fff;border:1px solid #e7ebf2;border-radius:18px;padding:22px 12px;text-align:center}.app-icon{font-size:28px;margin-bottom:9px}.progress{height:8px;background:#edf0f5;border-radius:20px;overflow:hidden}.progress span{display:block;height:100%;background:#5b55e8}.finance-total{font-size:31px;font-weight:750}.positive{color:#198754}.negative{color:#c34d45}#toast{position:fixed;right:20px;bottom:20px;background:#151b2c;color:#fff;padding:12px 16px;border-radius:11px;opacity:0;transform:translateY(10px);transition:.2s;z-index:100}.toast-show{opacity:1!important;transform:translateY(0)!important}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.mobile-menu{display:block;background:#f2f4f8;width:40px;height:40px;border-radius:11px;margin-right:12px}.topbar{justify-content:flex-start}.topbar>div:nth-child(2){flex:1}.top-actions{margin-left:auto}.grid{grid-template-columns:repeat(2,1fr)}.section-grid{grid-template-columns:1fr}.page-grid{grid-template-columns:1fr 1fr}.app-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.content{padding:18px}.topbar{padding:0 16px}.hero{display:block}.hero .actions{margin-top:15px}.grid{grid-template-columns:1fr 1fr;gap:10px}.card{padding:15px}.page-grid{grid-template-columns:1fr}.calendar{gap:3px}.day{min-height:72px;padding:6px;font-size:11px}.app-grid{grid-template-columns:repeat(3,1fr);gap:8px}.app-tile{padding:16px 5px}.app-icon{font-size:23px}}