@import "tailwindcss";@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--accent:#003459}
.app{background:linear-gradient(135deg,rgba(0,52,89,.86),rgba(0,16,29,.72)),url('/planner-bg.png') center/cover fixed}
.app .task.done .check{background:#4DD7E8!important;border-color:#4DD7E8!important;color:#003459}
.app .bar span{background:#4DD7E8}
:root{--navy:#003459;--bg:#f6f8fa;--surface:#fff;--text:#16232d;--muted:#87949e;--line:#e8edf0;--pale:#eaf1f5;--accent:#16749c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}.app{min-height:100vh;display:flex}.dark{--bg:#111e27;--surface:#1c2d38;--text:#f0f5f7;--muted:#9cafb8;--line:#304652;--pale:#27404d}.sidebar{width:238px;background:var(--surface);border-right:1px solid var(--line);padding:32px 19px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;margin:0 9px 58px}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:14px}.section-label{font-size:10px;color:#a1adb4;letter-spacing:1px;margin:0 12px 13px}.nav,.mode{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:13px;width:100%;padding:12px 13px;border-radius:10px;text-align:left;cursor:pointer;margin-bottom:5px}.nav span{font-size:19px;width:22px;text-align:center}.nav.active{background:var(--pale);color:var(--navy);font-weight:700}.dark .nav.active{color:#86cbe5}.sidebar-bottom{margin-top:auto}.mode{justify-content:center;background:var(--bg);font-size:11px}.content{width:100%;max-width:1230px;margin:auto;padding:0 48px}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;justify-content:flex-end;align-items:center}.top-actions{display:flex;align-items:center;gap:15px}.icon{font-size:23px;border:0;background:none;color:var(--muted);cursor:pointer}.avatar{width:37px;height:37px;border-radius:50%;background:#d5e7ee;color:var(--navy);display:grid;place-items:center;font-weight:800}.mobile-brand{display:none}.welcome{display:flex;align-items:end;justify-content:space-between;padding:42px 0 28px}.date{font-size:12px;color:var(--accent);margin:0 0 9px}.welcome h1{font-size:28px;letter-spacing:-.7px;margin:0 0 8px}.welcome h1 span{color:#e5a34e;font-size:18px}.subtitle{font-size:13px;color:var(--muted);margin:0}.primary{background:var(--navy);color:#fff;border:0;border-radius:9px;padding:12px 18px;font-weight:600;cursor:pointer;box-shadow:0 7px 18px #00345925}.stats{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px;margin-bottom:22px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:14px;min-height:102px;padding:18px;display:flex;align-items:center;gap:13px}.stat.featured{background:var(--navy);color:white;border:0}.stat-symbol{width:38px;height:38px;border-radius:10px;background:#e8f4f8;color:var(--accent);display:grid;place-items:center;font-size:19px}.stat-symbol.purple{background:#e9f0f6;color:var(--navy)}.stat-symbol.orange{background:#fff1df;color:#dc8d2a}.stat b{display:block;font-size:23px}.stat small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.featured small{color:#c9dce6}.stat em{font-style:normal;font-size:10px;color:var(--muted);margin-left:auto}.stat .up{color:#46ad81}.ring{width:53px;height:53px;border-radius:50%;display:grid;place-items:center;margin-left:auto;position:relative}.ring:after{content:'';position:absolute;width:41px;height:41px;background:var(--navy);border-radius:50%}.ring i{font-style:normal;font-size:10px;z-index:1}.layout{display:grid;grid-template-columns:1.45fr 1fr;gap:20px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:17px}.panel h2{font-size:16px;margin:0 0 5px}.panel-head p{margin:0;color:var(--muted);font-size:11px}.filters{display:flex;gap:4px}.filters button{border:0;background:transparent;color:var(--muted);padding:5px 8px;border-radius:6px;font-size:10px;cursor:pointer}.filters button.selected{background:var(--pale);color:var(--navy);font-weight:700}.bar{height:5px;background:var(--pale);border-radius:5px;overflow:hidden;margin-bottom:16px}.bar span{height:100%;background:var(--navy);display:block;border-radius:5px}.add{display:flex;background:var(--bg);border:1px solid var(--line);border-radius:8px;margin-bottom:9px;overflow:hidden}.add input{border:0;background:transparent;outline:0;color:var(--text);padding:11px 13px;width:100%;font-size:12px}.add button{border:0;background:transparent;color:var(--navy);font-size:22px;padding:0 13px;cursor:pointer}.task{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding:13px 0}.task:last-child{border-bottom:0}.check{width:20px;height:20px;border:1.5px solid #cbd4d9;border-radius:6px;background:transparent;color:#fff;cursor:pointer}.task.done .check{background:var(--navy);border-color:var(--navy)}.task-info{flex:1}.task-info strong{display:block;font-size:12px;font-weight:600}.task.done strong{color:var(--muted);text-decoration:line-through}.task-info span{font-size:9px;color:var(--accent);background:var(--pale);border-radius:4px;padding:3px 6px;display:inline-block;margin-top:5px}.priority{font-size:9px;padding:4px 6px;border-radius:4px}.priority.high{background:#fff0ee;color:#dc7165}.priority.medium{background:#fff7e7;color:#cf922d}.priority.low{background:#eaf8f2;color:#40a779}.task time{font-size:10px;color:var(--muted);min-width:34px}.side-panels{display:flex;flex-direction:column;gap:20px}.text-button,.dots{border:0;background:none;color:var(--accent);font-size:10px;cursor:pointer}.dots{color:var(--muted);font-size:14px}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.day{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 3px;color:var(--muted);font-size:10px}.day b{font-size:12px;color:var(--text);font-weight:500}.day.selected{background:var(--navy);color:#fff;border-radius:9px}.day.selected b{color:#fff}.today-note{border-top:1px solid var(--line);display:flex;gap:9px;margin-top:16px;padding-top:14px}.today-note>span{color:var(--accent)}.today-note strong{font-size:11px}.today-note p{font-size:10px;color:var(--muted);margin:3px 0}.habit{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.habit:last-child{border:0}.habit-check{width:27px;height:27px;border-radius:8px;background:var(--bg);color:var(--muted);display:grid;place-items:center}.habit-check.complete{background:#e6f6ef;color:#43a97a}.habit strong,.habit small{display:block}.habit strong{font-size:11px}.habit small{font-size:10px;color:var(--muted);margin-top:3px}.flame{margin-left:auto;color:#de9635;font-size:10px}footer{display:flex;justify-content:space-between;color:#a2adb4;font-size:10px;padding:26px 3px}@media(max-width:900px){.sidebar{width:76px;padding:26px 10px}.brand{justify-content:center;margin:0 0 45px}.brand>span:last-child,.section-label{display:none}.nav{justify-content:center;padding:12px;font-size:0}.nav span{font-size:19px}.mode{font-size:0}.content{padding:0 22px}.stats{grid-template-columns:1fr 1fr}.featured{grid-column:span 2}.layout{grid-template-columns:1fr}.mobile-brand{display:block;font-weight:800}.topbar{justify-content:space-between;height:70px}}@media(max-width:560px){.sidebar{display:none}.content{padding:0 15px}.welcome{flex-direction:column;align-items:stretch;gap:17px;padding:28px 0 22px}.welcome h1{font-size:23px}.primary{width:100%}.stats{gap:9px}.stat{padding:12px;min-height:83px;gap:8px}.stat b{font-size:19px}.stat em{display:none}.stat-symbol{width:32px;height:32px;font-size:15px}.panel{padding:17px}.priority{display:none}.calendar{display:none}footer{font-size:9px}}