:root{--page-bg: linear-gradient(135deg, #F3C7A4, #ED9E71);--bg: #F5F5F0;--surface: #FFFFFF;--surface2: #F6EFE6;--sidebar-bg: #F6EDE2;--border: #ECE1D3;--accent: #FF4D00;--accent2: #FF6B2B;--accent3: #FF8C5A;--teal: #4FA492;--teal-soft: #E4F1EC;--danger: #E53935;--good: #2E7D32;--warning: #F57F17;--text: #1A1A1A;--muted: #6B6B6B;--radius: 16px;--shell-radius: 28px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}img,svg{max-width:100%}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--page-bg);background-attachment:fixed;color:var(--text);min-height:100vh}.display-heading{font-family:Fraunces,Plus Jakarta Sans,serif;font-weight:700;letter-spacing:-.5px}a{color:var(--accent);text-decoration:none}input,select,textarea{background:var(--surface);border:1.5px solid var(--border);color:var(--text);padding:10px 14px;border-radius:var(--radius);font-size:14px;outline:none;width:100%;font-family:inherit;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff4d0015}button{font-family:inherit;cursor:pointer;transition:all .15s}.btn-primary{background:var(--accent);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius);font-weight:700;font-size:14px}.btn-primary:hover{background:var(--accent2);transform:translateY(-1px)}.card{background:var(--surface);border:none;border-radius:var(--radius);padding:20px;box-shadow:0 2px 10px #965a320f}.app-layout{display:flex;min-height:calc(100vh - 48px);margin:24px;background:var(--surface);border-radius:var(--shell-radius);box-shadow:0 24px 60px #783c142e;overflow:hidden}.sidebar{width:230px;flex-shrink:0;padding:1.5rem 1.1rem;display:flex;flex-direction:column;gap:4px;background:var(--sidebar-bg)}.mobile-topbar,.sidebar-overlay{display:none}@media (max-width: 900px){.app-layout{margin:0;border-radius:0;flex-direction:column;min-height:100vh;box-shadow:none}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--sidebar-bg);position:sticky;top:0;z-index:30}.hamburger-btn{background:transparent;border:1.5px solid var(--border);border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar{position:fixed;top:0;left:0;height:100vh;width:min(78vw,280px);z-index:50;transform:translate(-100%);transition:transform .25s ease;overflow-y:auto;box-shadow:8px 0 30px #00000026}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:40}.main-content{padding:1.25rem!important}}.navbar-avatar:hover .navbar-avatar-overlay{opacity:1}.sidebar-logo{font-size:18px;font-weight:800;padding:4px 10px;margin-bottom:1.5rem;letter-spacing:-.5px;color:var(--text);display:flex;align-items:center;gap:8px}.sidebar a{color:var(--muted);padding:9px 10px;border-radius:10px;font-size:13.5px;font-weight:500;display:flex;align-items:center;gap:9px;transition:all .12s}.sidebar a:hover:not(.active){color:var(--text);background:#ffffff90}.sidebar a.active{background:var(--accent);color:#fff;font-weight:600;box-shadow:0 4px 12px #ff4d0040}.main-content{flex:1;padding:2rem 2.5rem;max-width:100%;overflow-y:auto}h1{font-family:Fraunces,Plus Jakarta Sans,serif;font-weight:700;font-size:28px;margin-bottom:1.5rem;color:var(--text);letter-spacing:-.5px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:1.25rem}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:1.5rem}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media (max-width: 600px){.stat-grid{grid-template-columns:1fr}h1{font-size:22px}.card{padding:16px}.task-item{flex-wrap:wrap}}.stat-card{background:var(--surface);border:none;border-radius:var(--radius);padding:16px 20px;box-shadow:0 2px 10px #965a320f}.stat-card .label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stat-card .value{font-size:28px;font-weight:700;color:var(--text)}.task-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius);background:var(--surface2);border:1.5px solid transparent;margin-bottom:8px;transition:border-color .15s,box-shadow .15s}.task-item:hover{border-color:var(--accent);box-shadow:0 2px 8px #ff4d0014}.task-item.done{opacity:.45}.task-item.done .task-text{text-decoration:line-through}.task-text{flex:1;font-size:14px;color:var(--text)}.priority-tag{font-size:11px;font-weight:700;padding:3px 9px;border-radius:6px;text-transform:uppercase;letter-spacing:.3px}.priority-tag.high{background:#e5393518;color:var(--danger)}.priority-tag.med{background:#f57f1718;color:var(--warning)}.priority-tag.low{background:#2e7d3218;color:var(--good)}.icon-btn{background:transparent;border:none;color:var(--muted);font-size:16px;padding:4px 6px;border-radius:6px;line-height:1}.icon-btn:hover{color:var(--danger);background:#e5393512}.custom-checkbox{width:18px;height:18px;border:2px solid var(--border);border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.custom-checkbox:hover{border-color:var(--good)}.custom-checkbox.checked{background:var(--good);border-color:var(--good);color:#fff;font-size:11px;font-weight:800}.landing-nav-link{position:relative;transition:color .2s}.landing-nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1.5px;background:var(--accent);transition:width .2s ease}.landing-nav-link:hover:after{width:100%}.landing-nav-link:hover{color:var(--text)!important}.landing-btn-primary{transition:transform .15s,opacity .15s}.landing-btn-primary:hover{transform:translateY(-2px);opacity:.9}.feature-card{transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0000001a!important}.landing-navbar{padding:16px 60px}.landing-hero{padding:100px 60px 80px}.landing-hero-title{font-size:56px}.landing-stats{padding:28px 60px}.landing-stats-item{padding:0 48px}.landing-section{padding:80px 60px}.landing-footer{padding:24px 60px}@media (max-width: 900px){.landing-navbar{padding:14px 24px}.landing-navbar-links{display:none!important}.landing-hero{padding:72px 24px 56px}.landing-hero-title{font-size:38px}.landing-stats{padding:20px 16px}.landing-stats-item{padding:0 20px}.landing-section{padding:56px 24px}.landing-product-grid{grid-template-columns:1fr!important;gap:32px!important}.landing-pricing-grid{grid-template-columns:1fr!important}.landing-footer{padding:20px 24px;text-align:center;justify-content:center!important}}@media (max-width: 480px){.landing-navbar-login{display:none!important}.landing-stats-divider{display:none}.landing-stats-item{padding:0 14px;flex:1 1 40%}}