@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #FFFFFF;--bg-secondary: #F8FAF9;--bg-tertiary: #F1F5F9;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--accent-color: #0F172A;--accent-hover: #334155;--accent-light: #F8FAFC;--border-color: #E2E8F0;--brand-red: #FF0000;--header-height: 72px;--shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .05);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .05), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .05), 0 4px 6px -4px rgba(15, 23, 42, .05);--glass-bg: rgba(255, 255, 255, .8);--glass-border: var(--border-color);--radius-md: 12px;--radius-lg: 20px;--radius-xl: 24px;--radius-full: 9999px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:10px}*::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}body{font-family:var(--font-family);background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{background:none;border:none;font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.6rem 1rem;font-size:.875rem;font-weight:500;outline:none;transition:all .2s ease;background-color:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}input:focus,select:focus,textarea:focus{border-color:var(--accent-hover);box-shadow:0 0 0 4px #0f172a0f}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.main-content{flex:1;padding:2rem;max-width:1400px;width:100%;margin:0 auto;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.page-container{flex:1;display:flex;flex-direction:column;min-height:0}.glass-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .3s ease,transform .3s ease}.glass-panel:hover{box-shadow:var(--shadow-md)}.card{background-color:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:1.5rem;box-shadow:var(--shadow-sm);transition:box-shadow .3s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.25rem;border:1px solid transparent;border-radius:var(--radius-full);background-color:var(--bg-primary);font-weight:500;font-size:.875rem;color:var(--text-primary);box-shadow:var(--shadow-sm);transition:all .2s ease}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-primary{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:var(--shadow-md)}.btn-primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.btn-outline{border:1px solid var(--border-color);color:var(--text-secondary);box-shadow:none}.btn-outline:hover{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-ghost{color:var(--text-secondary);box-shadow:none;background:transparent}.btn-ghost:hover{background-color:var(--bg-tertiary);color:var(--text-primary);box-shadow:none;transform:none}.text-h1{font-size:2.25rem;font-weight:700;letter-spacing:-.03em;line-height:1.15;color:var(--text-primary)}.text-h2{font-size:1.5rem;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-medium{font-weight:500}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.modal-overlay{position:fixed;inset:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.square-modal{width:100%;max-width:400px;border-radius:var(--radius-xl)!important;padding:2.5rem!important;border:none!important;box-shadow:var(--shadow-lg)!important;background:var(--bg-primary)}.btn-danger{background-color:#ef4444!important;color:#fff!important;border:none!important}.btn-danger:hover{background-color:#dc2626!important;transform:translateY(-1px);box-shadow:var(--shadow-md)}.danger-zone{border:1px solid rgba(239,68,68,.2);background-color:#ef444405}.danger-zone h2{color:#ef4444}.btn-close-modal{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--text-muted);transition:all .2s;background:transparent;border:none;cursor:pointer}.btn-close-modal:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.delete-confirmation{display:flex;flex-direction:column;align-items:center}.delete-icon-wrapper{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.15);color:#ef4444;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 4px 12px #ef444414}.demo-banner{background:linear-gradient(90deg,#f59e0b,#d97706);color:#fff;padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.875rem;box-shadow:0 2px 8px #d9770626;position:sticky;top:0;z-index:1000}.demo-banner-content{display:flex;align-items:center;gap:.75rem}.demo-icon{flex-shrink:0}.demo-banner-actions{display:flex;gap:.75rem;flex-shrink:0}.demo-btn{padding:.4rem .8rem;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:.4rem}.demo-btn.primary{background:#fff;color:#d97706}.demo-btn.primary:hover{background:#fef3c7;transform:translateY(-1px)}.demo-btn.secondary{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3)}.demo-btn.secondary:hover{background:#ffffff40}@media(max-width:768px){.demo-banner{flex-direction:column;align-items:flex-start;gap:.75rem}.demo-banner-actions{width:100%;justify-content:flex-end}}.header{position:sticky;top:0;z-index:200;margin-bottom:1rem;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);width:100%}.header-content{display:flex;align-items:center;justify-content:space-between;height:80px;padding:0 2rem;max-width:1400px;margin:0 auto}.logo-container{display:flex;align-items:center}.logo-text{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);display:flex;align-items:center;gap:.1rem}.nav-menu{display:flex;align-items:center;gap:.5rem}.nav-item{display:flex;align-items:center;color:var(--text-secondary);font-weight:500;font-size:.95rem;padding:.6rem 1.25rem;transition:all .2s ease;border-radius:var(--radius-full);position:relative}.nav-item:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.nav-item.active{color:var(--text-primary);font-weight:600}.nav-item.active:after{content:"";position:absolute;bottom:8px;left:1.25rem;right:1.25rem;height:2px;background-color:var(--brand-red)}.user-profile{display:flex;align-items:center}.avatar{width:36px;height:36px;border-radius:var(--radius-full);background-color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}.avatar:hover{transform:scale(1.05)}.avatar-initial{font-weight:600;font-size:.875rem;color:var(--bg-primary)}.profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px #0003,0 8px 10px -6px #0000001a;min-width:200px;z-index:100;overflow:hidden;animation:slideDown .2s ease-out forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-header{padding:1rem;background-color:var(--bg-primary)}.profile-email{font-size:.875rem;color:var(--text-secondary);word-break:break-all}.profile-dropdown-divider{height:1px;background-color:var(--border-color)}.profile-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:none;color:var(--text-primary);font-size:.875rem;font-family:inherit;cursor:pointer;text-align:left;transition:background-color .2s ease,color .2s ease}.profile-dropdown-item:hover{background-color:var(--bg-tertiary)}.profile-dropdown-item.text-red{color:var(--brand-red)}.profile-dropdown-item.text-red:hover{background-color:#dc26261a}.db-page{display:flex;flex-direction:column;gap:.75rem;flex:1;min-height:0;margin-top:-1.75rem;padding-bottom:.5rem}.db-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-shrink:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:.65rem 1.4rem;box-shadow:var(--shadow-sm)}.db-topbar-left{display:flex;align-items:baseline;gap:.5rem;min-width:0}.db-greeting{font-size:1rem;font-weight:700;color:var(--text-primary);white-space:nowrap}.db-date{font-size:.82rem;color:var(--text-muted);white-space:nowrap}.db-stats{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.db-stat{display:flex;align-items:center;gap:.3rem}.db-stat-icon{color:var(--text-muted)}.db-stat-icon.fire{color:var(--text-secondary)}.db-stat-val{font-size:.9rem;font-weight:700;color:var(--text-primary);line-height:1}.db-stat-lbl{font-size:.78rem;color:var(--text-muted)}.db-stat-sep{width:1px;height:14px;background:var(--border-color)}.db-grid{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:auto 1fr;grid-template-areas:"calendar calendar" "habits todo";gap:.75rem;flex:1;min-height:0;transition:grid-template-columns .4s cubic-bezier(.4,0,.2,1)}.db-grid--habits-expanded{grid-template-columns:5fr .3fr}.db-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.65rem;box-shadow:var(--shadow-sm);transition:box-shadow .2s;overflow:hidden;min-height:0}.db-card:hover{box-shadow:var(--shadow-md)}.db-card--habits{grid-area:habits}.db-card--todo{grid-area:todo}.db-card--calendar{grid-area:calendar}.db-card--todo{padding:1.25rem 1.5rem;gap:1rem;overflow:visible}.db-card--calendar{flex-direction:row;justify-content:space-between;align-items:center;gap:1.5rem;padding:.8rem 1.5rem}.db-welcome-section{display:flex;flex-direction:column;gap:.1rem}.db-welcome-title{font-size:1.2rem;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.02em}.db-welcome-date{font-size:.85rem;color:var(--text-muted);margin:0;text-transform:capitalize}.db-card--calendar .db-week{width:auto;max-width:900px;margin:0;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:1fr;padding:0;gap:.75rem;border:none;background:transparent}.db-week-nav-container{display:flex;align-items:center;gap:.75rem;background:transparent}.db-week-nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:all .2s;padding:0;flex-shrink:0}.db-week-nav-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--text-muted)}.db-card--todo{transition:all .4s cubic-bezier(.4,0,.2,1)}.db-grid--habits-expanded .db-card--todo{opacity:.4;cursor:default}.db-grid--habits-expanded .db-card--todo *{pointer-events:none}.db-expand-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:all .2s;padding:0}.db-expand-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--text-muted)}.db-card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-shrink:0}.db-card-title-row{display:flex;align-items:center;gap:.55rem}.db-event-dot{width:10px;height:10px;border-radius:50%;background:var(--brand-red);box-shadow:0 0 0 2px rgba(var(--brand-red-rgb, 220, 38, 38),.1);flex-shrink:0}.db-card-ico{width:30px;height:30px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.db-card-ico--habits{background:#0f172a0d;color:var(--text-secondary);box-shadow:0 0 15px #0f172a08;border:1px solid rgba(15,23,42,.05);transition:all .3s ease}.db-card-ico--habits:hover{background:#0f172a1a;color:var(--text-primary);transform:scale(1.1) rotate(-5deg)}.db-card-ico--todo{background:#0f172a0d;color:var(--text-primary)}.db-card-ico--calendar{background:#0f172a0d;color:var(--text-secondary)}.db-card-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.db-card-sub{font-size:.78rem;color:var(--text-muted);margin:0}.db-card--todo .db-card-title,.db-card--habits .db-card-title{font-size:1.1rem}.db-card--todo .db-card-sub,.db-card--habits .db-card-sub{font-size:.82rem;font-weight:500}.db-card--todo .db-card-ico,.db-card--habits .db-card-ico{width:32px;height:32px}.db-card-link{display:inline-flex;align-items:center;gap:.2rem;font-size:.78rem;font-weight:600;color:var(--text-muted);text-decoration:none;white-space:nowrap;transition:color .2s;flex-shrink:0}.db-card-link:hover{color:var(--text-primary)}.db-tracker-header-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.db-tracker-month{font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--text-muted)}.db-tracker-wrap{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.db-tracker-scroll{flex:1;overflow-x:auto;overflow-y:auto}.db-tracker-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;table-layout:fixed}.db-tracker-th-name{position:sticky;left:0;z-index:2;background:var(--bg-primary);width:110px;min-width:110px;max-width:110px;padding:0 .4rem .3rem 0;border-bottom:1px solid var(--border-color)}.db-tracker-th-day{width:24px;min-width:24px;text-align:center;font-size:.78rem;font-weight:600;color:var(--text-muted);padding-bottom:.3rem;border-bottom:1px solid var(--border-color);vertical-align:bottom;-webkit-user-select:none;user-select:none}.db-tracker-th-day.today{color:var(--brand-red);font-weight:800}.db-tracker-habit-name{position:sticky;left:0;z-index:1;background:var(--bg-primary);width:110px;min-width:110px;max-width:110px;padding:.6rem .5rem .6rem 0;border-bottom:1px solid var(--border-color)}.db-tracker-habit-name a{text-decoration:none;display:block;transition:all .2s ease}.db-tracker-habit-name a:hover span{color:var(--brand-red);transform:translate(3px)}.db-tracker-habit-name span{display:block;font-size:.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:105px;transition:all .2s ease}.db-tracker-cell{width:28px;min-width:28px;height:38px;text-align:center;vertical-align:middle;padding:0;border-bottom:1px solid var(--border-color);border-right:1px solid transparent;position:relative;transition:all .2s ease;cursor:pointer}.db-tracker-cell:not(.unscheduled):not(.future):hover{background:rgba(var(--brand-red-rgb, 220, 38, 38),.08);box-shadow:inset 0 0 10px rgba(var(--brand-red-rgb, 220, 38, 38),.05)}.db-tracker-cell.unscheduled,.db-tracker-cell.future{cursor:default}.db-tracker-cell.today{background:rgba(var(--brand-red-rgb, 220, 38, 38),.05)}.db-tracker-cell.done{background:transparent}.db-tracker-cell.done.today{background:rgba(var(--brand-red-rgb, 220, 38, 38),.06)}.db-tracker-check{color:var(--brand-red, #dc2626);vertical-align:middle;filter:drop-shadow(0 0 2px rgba(220,38,38,.2))}.db-tracker-cell.unscheduled{background:repeating-linear-gradient(45deg,transparent,transparent 2px,var(--border-color) 2px,var(--border-color) 3px);opacity:.35}.db-tracker-cell.future:not(.done):not(.unscheduled){background:transparent;opacity:.45}.db-tracker-loading{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.85rem}.db-progress-row{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.db-progress-track{flex:1;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.db-progress-fill{height:100%;background:linear-gradient(90deg,var(--brand-red),#f97316);border-radius:var(--radius-full);transition:width .6s cubic-bezier(.4,0,.2,1)}.db-progress-pct{font-size:.82rem;font-weight:700;color:var(--text-secondary);min-width:2rem;text-align:right}.db-habit-stats{display:flex;gap:.4rem;flex-shrink:0}.db-habit-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.35rem .25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:background .2s;color:var(--text-secondary)}.db-habit-stat:hover{background:var(--bg-tertiary)}.db-habit-stat span{font-size:.92rem;font-weight:700;color:var(--text-primary);line-height:1}.db-habit-stat small{font-size:.62rem;color:var(--text-muted);font-weight:500}.db-habit-list{display:flex;flex-direction:column;gap:.3rem;overflow-y:auto;flex:1;min-height:0}.db-habit-item{display:flex;align-items:center;gap:.65rem;padding:.4rem .6rem;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid transparent;text-decoration:none;transition:all .2s;flex-shrink:0}.db-habit-item:hover{background:var(--bg-tertiary);border-color:var(--border-color);transform:translate(2px)}.db-habit-item.done{opacity:.45}.db-habit-item.done .db-habit-name{text-decoration:line-through;color:var(--text-muted)}.db-habit-check{width:17px;height:17px;border-radius:50%;border:1.5px solid var(--border-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.db-habit-check.checked{background:linear-gradient(135deg,var(--brand-red),#f97316);border-color:transparent;color:#fff}.db-habit-info{display:flex;flex-direction:column;flex:1;min-width:0}.db-habit-name{font-size:.82rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-habit-cat{font-size:.68rem;color:var(--text-muted)}.db-todo-list{display:flex;flex-direction:column;gap:.6rem;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;padding:.5rem 1.2rem .5rem .6rem;margin:-.5rem -1.2rem .5rem -.6rem}.db-unified-events{display:flex;flex-direction:column;gap:.8rem}.db-unified-sep{height:1px;background:var(--border-color);margin:1rem 0;opacity:.5}.db-todo-item{display:flex;align-items:flex-start;gap:1.25rem;padding:1.25rem;border-radius:var(--radius-lg);background:var(--bg-primary);border:1px solid var(--border-color);text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);flex-shrink:0;box-shadow:var(--shadow-sm)}.db-todo-item.completed{opacity:.6;background:var(--bg-secondary)}.db-todo-item.completed .db-todo-title{text-decoration:line-through;color:var(--text-muted)}.db-todo-item.completed .db-todo-checkbox{background:var(--text-primary);color:#fff}.db-todo-item:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 8px 16px -6px #0f172a14;border-color:#cbd5e1}.db-todo-checkbox{width:32px;height:32px;border-radius:10px;background:var(--bg-secondary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.db-todo-item:hover .db-todo-checkbox{background:var(--text-primary);color:#fff}.db-todo-item:hover .db-todo-circle{color:#fff}.db-todo-circle{color:var(--text-muted);flex-shrink:0;transition:color .2s}.db-todo-content{display:flex;flex-direction:column;gap:.08rem;flex:1;min-width:0}.db-todo-title{font-size:1.05rem;font-weight:500;color:var(--text-primary);letter-spacing:-.01em}.db-todo-meta{display:flex;align-items:center;gap:.35rem}.db-todo-tag{font-size:.7rem;color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:.02rem .35rem;font-weight:500}.db-todo-date{font-size:.7rem;color:var(--text-muted)}.db-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.35rem .25rem;flex-shrink:0}.db-week-day{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .6rem .6rem;min-width:45px;border-radius:var(--radius-md);border:1px solid transparent;text-decoration:none;transition:all .2s;position:relative}.db-week-day:hover{background:var(--bg-primary);border-color:var(--border-color)}.db-week-day.today{background:var(--accent-color);border-color:var(--accent-color)}.db-week-day.selected{border:1.5px solid var(--text-primary);background:var(--bg-primary);transform:translateY(-1px)}.db-week-day.selected.today{background:var(--accent-color);border-color:transparent;box-shadow:0 12px 24px -4px #0f172a40,0 4px 8px -2px #0f172a26;transform:translateY(-2px)}.db-week-lbl{font-size:.62rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.db-week-day.today .db-week-lbl{color:#fff9}.db-week-num{font-size:.88rem;font-weight:700;color:var(--text-primary);line-height:1}.db-week-day.today .db-week-num{color:#fff}.db-week-dot{width:4px;height:4px;border-radius:50%;background:var(--brand-red);position:absolute;bottom:4px}.db-week-day.today .db-week-dot{background:#ffffffb3}.db-events-list{display:flex;flex-direction:column;gap:.28rem;overflow-y:auto;flex:1;min-height:0}.db-event-item{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;position:relative;overflow:hidden;transition:all .2s cubic-bezier(.16,1,.3,1);text-decoration:none;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.5rem}.db-event-item:hover{transform:translateY(-2px);box-shadow:0 6px 12px -4px #0f172a14;border-color:#cbd5e1}.db-event-item.today .db-event-badge{background:#ff00000d;border-color:#ff000026}.db-event-item.today .db-event-day{color:var(--brand-red)}.db-event-badge{display:flex;flex-direction:column;align-items:center;min-width:3.2rem;padding:.25rem .4rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-shrink:0}.db-event-day{font-size:.85rem;font-weight:700;color:var(--brand-red);line-height:1.2}.db-event-time{font-size:.75rem;color:var(--text-muted);font-weight:500}.db-event-info{display:flex;flex-direction:column;gap:.06rem;flex:1;min-width:0}.db-event-title-row{display:flex;align-items:center;gap:.75rem}.db-event-title{font-size:1.05rem;font-weight:500;color:var(--text-primary)}.db-event-meta{display:flex;flex-direction:column;gap:.35rem;margin-left:1.4rem}.db-event-time-badge{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--text-muted);font-weight:500}.db-event-date-text{font-size:.825rem;color:var(--text-secondary);font-weight:600}.db-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;text-align:center;flex:1;padding:.75rem}.db-empty-ico{color:var(--text-muted);opacity:.35}.db-empty-title{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.db-muted{font-size:.82rem;color:var(--text-muted);text-align:center}.db-add-btn{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;font-weight:600;color:#fff;background-color:var(--accent-color);border:1px solid var(--accent-color);border-radius:var(--radius-full);padding:.35rem .9rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0f172a1a,0 2px 4px -2px #0f172a1a;margin-top:.4rem}.db-add-btn:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 10px 15px -3px #0f172a1a,0 4px 6px -4px #0f172a1a;color:#fff}.db-more-lnk{font-size:.78rem;color:var(--text-muted);font-weight:500;text-align:center;padding:.28rem;border-radius:var(--radius-md);text-decoration:none;transition:color .2s;display:block;flex-shrink:0}.db-more-lnk:hover{color:var(--text-secondary)}@media(max-width:899px){.db-grid{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"habits todo" "habits calendar"}}@media(max-width:767px){.db-page{gap:.6rem;margin-top:-.5rem}.db-topbar{padding:.55rem 1rem;flex-wrap:wrap;gap:.5rem}.db-greeting{font-size:.9rem}.db-stats{gap:.55rem}.db-grid{grid-template-columns:1fr 1fr;grid-template-rows:1.4fr 1fr;grid-template-areas:"habits  habits" "todo    calendar";gap:.6rem}.db-card{padding:.75rem 1rem;gap:.5rem}.db-habit-stats{display:none}.db-habit-item{padding:.38rem .6rem;gap:.5rem}.db-habit-name{font-size:.83rem}.db-habit-cat{display:none}.db-tracker-cell{height:32px}.db-tracker-habit-name{width:100px;min-width:100px;max-width:100px;padding:.3rem .4rem .3rem 0}.db-tracker-habit-name span{font-size:.75rem;max-width:95px}.db-tracker-th-name{width:100px;min-width:100px;max-width:100px}.db-tracker-th-day{font-size:.65rem}.db-tracker-dot{width:11px;height:11px}.db-todo-item{padding:.35rem .6rem}.db-todo-title{font-size:.82rem}.db-todo-meta{display:none}.db-event-item{padding:.35rem .6rem}.db-event-title{font-size:.82rem}.db-event-desc{display:none}.db-event-badge{min-width:2rem}.db-event-time{display:none}}@media(max-width:479px){.db-topbar{flex-direction:column;align-items:flex-start;gap:.4rem;padding:.55rem .9rem}.db-stats{width:100%;justify-content:space-between}.db-stat-sep,.db-stat-lbl{display:none}.db-grid{grid-template-rows:1.2fr 1fr;gap:.5rem}.db-card{padding:.65rem .85rem}.db-week-lbl{font-size:.58rem}.db-week-num{font-size:.8rem}.db-tracker-cell{height:28px}.db-tracker-habit-name{width:85px;min-width:85px;max-width:85px}.db-tracker-habit-name span{font-size:.7rem;max-width:80px}.db-tracker-th-name{width:85px;min-width:85px;max-width:85px}.db-card-sub{display:none}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.skeleton{background:#f6f7f8;background-image:linear-gradient(to right,#f6f7f8,#edeef1 20%,#f6f7f8 40% 100%);background-repeat:no-repeat;background-size:800px 104px;display:inline-block;position:relative;animation:shimmer 1.5s infinite linear;border-radius:4px}body[class*=dark] .skeleton,:root[class*=dark] .skeleton,[data-theme=dark] .skeleton{background:#1e293b;background-image:linear-gradient(to right,#1e293b,#334155 20%,#1e293b 40% 100%)}.skeleton-text{height:12px;width:60%}.skeleton-circle{border-radius:50%;aspect-ratio:1}.skeleton-rect{border-radius:8px}.skeleton-load,.skeleton-load *{pointer-events:none}.habits-page{display:flex;flex-direction:column;gap:.75rem;padding-bottom:1.5rem;margin-top:-1.75rem;padding-left:1rem;padding-right:1rem}.habits-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.habits-header h2{font-size:1.5rem!important}.habits-header p{font-size:.85rem;margin-top:-.25rem}.habits-header>div:first-child{padding-left:2rem}.controls-group{display:flex;gap:1rem}.control-item{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem .25rem .75rem}.control-icon{flex-shrink:0}.date-navigator{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.25rem .75rem;background:var(--bg-primary);width:350px;border-radius:var(--radius-full);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.nav-btn{display:flex;align-items:center;justify-content:center;padding:.4rem;border-radius:var(--radius-full);color:var(--text-secondary);transition:all .2s;cursor:pointer}.nav-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.date-display{display:flex;align-items:center;justify-content:center;gap:.2rem;flex:1}.date-separator{font-weight:500;color:var(--text-muted);font-size:1.125rem;margin:0 .25rem}.date-part-input{border:none!important;background:transparent!important;padding:.2rem .3rem!important;font-weight:600!important;color:var(--text-primary)!important;cursor:text;box-shadow:none!important;border-radius:var(--radius-md)!important;appearance:none;transition:all .2s;font-size:1rem;text-align:center}.date-part-input:hover,.date-part-input:focus{background:var(--bg-tertiary)!important;transform:none!important}.date-part-input::-webkit-outer-spin-button,.date-part-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.date-part-input[type=number]{-moz-appearance:textfield;appearance:textfield}.date-part-input.day,.date-part-input.month{width:2.8rem}.date-part-input.year{width:4.8rem}.date-input,.view-select{border:none;background:transparent;padding:.25rem;font-weight:500;color:var(--text-primary);box-shadow:none!important;cursor:pointer}.date-input:focus,.view-select:focus{box-shadow:none!important}.habits-content{display:grid;grid-template-columns:1fr 350px;gap:2.5rem;align-items:stretch}.main-column,.sidebar-column{display:flex;flex-direction:column}.section-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--text-secondary);text-align:left}.daily-summary{display:flex;flex-direction:column;height:auto;max-height:calc(100vh - 220px);min-height:380px;padding:1.25rem;flex:1;margin-bottom:1.25rem;overflow:hidden}.empty-state{flex:1;display:flex;align-items:center;justify-content:center;border:1px dashed var(--border-color);background-color:var(--bg-primary);border-radius:var(--radius-lg);color:var(--text-muted)}.stats-card{display:flex;flex-direction:column;padding:1.25rem;height:auto;max-height:calc(100vh - 220px);min-height:380px;margin-bottom:1.25rem;overflow:hidden}.stats-grid{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.5rem;overflow-y:auto;padding-right:1.5rem;margin-right:-1rem;text-align:left;width:100%;scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent}.stats-grid .stat-item{display:flex;flex-direction:column;align-items:flex-start!important;gap:.15rem;padding:.75rem 0;border-bottom:1px solid var(--border-color);text-align:left!important;width:100%}.stats-grid .stat-item:last-child{border-bottom:none;padding-bottom:0}.stats-grid .stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500;text-align:left!important}.stats-grid .stat-value-row{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;width:100%}.stats-grid .stat-value{font-size:clamp(1.1rem,3vh,1.5rem);font-weight:600;letter-spacing:-.03em;line-height:1.2;text-align:left!important}.stats-grid .stat-trend{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:var(--radius-full)}.stats-grid .stat-trend.positive{background-color:var(--bg-tertiary);color:var(--text-secondary)}.stats-grid .stat-trend.negative{background-color:#fee2e2;color:#991b1b}.stats-grid .stat-trend.neutral{background-color:var(--bg-tertiary);color:var(--text-secondary)}.stats-grid .stat-comparison{font-size:.75rem;color:var(--text-muted);text-align:left!important}.custom-dropdown{position:relative;z-index:100}.dropdown-trigger{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:.35rem 2.25rem .35rem 1rem;font-size:.75rem;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);min-width:110px;text-align:left;position:relative}.dropdown-trigger:after{content:"";position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:12px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;transition:transform .2s ease}.dropdown-trigger.open{border-color:var(--text-muted);box-shadow:var(--shadow-md)}.dropdown-trigger.open:after{transform:translateY(-50%) rotate(180deg)}.dropdown-trigger:hover{border-color:var(--text-muted);color:var(--text-primary);background-color:var(--bg-primary);transform:translateY(-1px)}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:140px;padding:.5rem;list-style:none;background:var(--bg-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{padding:.6rem .75rem;font-size:.8rem;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .15s ease}.dropdown-item:hover{background-color:var(--bg-secondary);color:var(--brand-red)}.dropdown-item.active{background-color:var(--bg-tertiary);color:var(--brand-red);font-weight:600}.active-dot{width:6px;height:6px;background-color:var(--brand-red);border-radius:var(--radius-full)}.dropdown-overlay{position:fixed;inset:0;z-index:-1}.streak-underline-red{position:relative;z-index:1;font-weight:700}.streak-underline-red:after{content:"";position:absolute;left:-4px;right:-4px;bottom:2px;height:14px;background-color:var(--brand-red);opacity:.15;z-index:-1;transform:rotate(-2deg) skew(-10deg);border-radius:2px}@media(max-width:900px){.habits-content{grid-template-columns:1fr}}.flex-1{flex:1}.habit-list{display:flex;flex-direction:column;gap:.6rem;flex:1;overflow-y:auto;padding-right:1.6rem;margin-right:-1rem}.habit-item{display:flex;align-items:center;gap:1rem;padding:.85rem 1.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .35s cubic-bezier(.4,0,.2,1);min-height:56px;position:relative;overflow:visible;flex-shrink:0}.habit-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.habit-item.completed{background-color:var(--bg-secondary);border-color:transparent;box-shadow:none}.habit-item.completed .habit-name{text-decoration:line-through;color:var(--text-muted)}.habit-checkbox{width:24px;height:24px;border-radius:var(--radius-full);border:1.5px solid var(--text-muted);display:flex;align-items:center;justify-content:center;background:var(--bg-primary);color:transparent;flex-shrink:0;transition:all .2s}.habit-item:not(.completed):hover .habit-checkbox{border-color:var(--text-primary);border-width:1.5px}.habit-item.completed .habit-checkbox{background:#ff5252;border-color:#ff5252;color:#fff}.habit-category{font-size:.8rem;color:var(--text-muted);font-weight:500;margin-top:.15rem}.habit-name{flex:1;font-weight:700;font-size:1.05rem;transition:color .2s;letter-spacing:-.01em}.habit-delete,.habit-edit{padding:.5rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-muted);opacity:0;border:none;background:transparent;transition:all .2s;cursor:pointer}.habit-item:hover .habit-delete,.habit-item:hover .habit-edit{opacity:1}.habit-delete:hover{color:#ef4444;background:#fee2e2}.habit-edit:hover{color:var(--text-primary);background:var(--bg-tertiary)}.edit-habit-container{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;width:100%}.edit-habit-inputs{flex:1;display:flex;flex-direction:column;gap:.75rem}.edit-habit-name-input{font-size:1.35rem!important;font-weight:700!important;padding:.5rem 0!important;border:none!important;border-bottom:2px solid var(--border-color)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;width:100%;color:var(--text-primary)!important;transition:all .2s;letter-spacing:-.02em}.edit-habit-name-input:focus{border-bottom-color:var(--brand-red)!important;background:transparent!important}.edit-habit-category-input{font-size:.85rem!important;color:var(--text-muted)!important;font-weight:500!important;padding:.25rem 0!important;border:none!important;border-bottom:1px solid transparent!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;width:100%;transition:all .2s}.edit-habit-category-input:focus{border-bottom-color:var(--border-color)!important;background:transparent!important}.days-selector-inline{display:flex;gap:.35rem;margin-top:.25rem}.day-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--border-color);background:transparent;color:var(--text-muted);font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.day-btn:hover{border-color:var(--text-muted);color:var(--text-secondary)}.day-btn.active{background-color:var(--brand-red);border-color:var(--brand-red);color:#fff}.icon-btn{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s ease;background:transparent;border:none;cursor:pointer}.edit-habit-actions{display:flex;gap:.5rem;align-self:flex-start;padding-top:.25rem}.icon-btn.save:hover{color:#10b981;background:#ecfdf5}.icon-btn.cancel:hover{color:#ef4444;background:#fee2e2}.habit-item.editing{border-color:var(--accent-hover);background:var(--bg-primary);box-shadow:var(--shadow-xl);padding:1.5rem;margin:1.5rem 0;z-index:10;border-width:2px;border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:stretch;height:auto}.habit-item.editing .add-habit-content{display:flex;flex-direction:column;gap:1.5rem;width:100%}.habit-item.editing .add-habit-name-input,.habit-item.editing .add-habit-category-input{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important}.habit-item.editing .add-habit-name-input:focus,.habit-item.editing .add-habit-category-input:focus{background:var(--bg-primary)!important;border-color:var(--accent-hover)!important;box-shadow:0 0 0 4px #0f172a14!important}.habit-item.editing .add-habit-actions{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color)}.add-habit-form{display:flex;flex-direction:column;padding:1.5rem;background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:2rem;box-shadow:var(--shadow-lg);animation:slideDown .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.add-habit-content{display:flex;flex-direction:column;gap:1.25rem}.add-habit-name-input{font-size:1.5rem!important;font-weight:700!important;padding:.75rem 1rem!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-lg)!important;background:var(--bg-secondary)!important;box-shadow:none!important;width:100%;color:var(--text-primary)!important;letter-spacing:-.02em;transition:all .2s cubic-bezier(.4,0,.2,1)}.add-habit-name-input:focus{border-color:var(--accent-hover)!important;background:var(--bg-primary)!important;box-shadow:0 0 0 4px #0f172a14!important}.add-habit-name-input::placeholder{color:var(--text-muted);opacity:.5}.add-habit-details-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.add-habit-category-input{font-size:.9rem!important;color:var(--text-secondary)!important;padding:.5rem .85rem!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;background:var(--bg-secondary)!important;flex:1;min-width:180px;transition:all .2s}.add-habit-category-input:focus{border-color:var(--accent-hover)!important;background:var(--bg-primary)!important;box-shadow:0 0 0 3px #0f172a0f!important}.add-habit-days-container{display:flex;align-items:center;gap:.75rem}.days-label{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.days-selector-inline{display:flex;gap:.35rem}.day-btn{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--border-color);background:transparent;color:var(--text-muted);font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.day-btn:hover{border-color:#ff4d4d;color:#ff4d4d;background-color:#ff4d4d0d}.day-btn.active{background-color:#ff4d4d;border-color:#ff4d4d;color:#fff;transform:translateY(-1px);box-shadow:0 4px 10px #ff4d4d4d}.add-habit-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-color)}.add-habit-placeholder{border-style:dashed!important;padding:1.5rem!important;justify-content:center!important;color:var(--text-muted)!important;width:100%;background-color:transparent!important;margin-top:1rem;opacity:.7}.add-habit-placeholder:hover{opacity:1;border-color:var(--brand-red)!important;color:var(--brand-red)!important}.manage-habits-scroll{overflow-y:auto;flex:1;padding-right:20px;margin-right:-20px;overscroll-behavior:contain}.text-error{color:#ef4444}.manage-habits-modal{max-width:720px!important;padding:2rem!important;gap:1.5rem;background-color:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.manage-habits-modal .section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.03em}.manage-habits-modal .habit-list{gap:.75rem;margin-top:1rem}.manage-habits-modal .habit-item{padding:.6rem 1.25rem;border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--border-color)}.manage-habits-modal .habit-item:hover{background:var(--bg-primary);border-color:var(--text-muted);transform:translate(4px)}.manage-habits-modal .habit-name{font-size:1rem}.manage-habits-modal .habit-category{font-size:.8rem;opacity:.7;font-weight:500}.manage-habits-modal .habit-edit,.manage-habits-modal .habit-delete{opacity:1;padding:.65rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1)}.manage-habits-modal .habit-edit:hover,.manage-habits-modal .habit-delete:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.manage-habits-modal .habit-delete:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5}.manage-habits-modal .habit-edit svg,.manage-habits-modal .habit-delete svg{width:16px;height:16px}.manage-habits-modal .manage-habits-scroll{padding-right:1.5rem}.manage-habits-modal .btn-close-modal{width:40px;height:40px}.manage-habits-modal .btn-close-modal svg{width:24px;height:24px}.inspiration-container{margin-top:1.5rem;padding-top:.5rem;flex-shrink:0}.inspiration-divider{height:1px;background:linear-gradient(to right,transparent,var(--border-color) 20%,var(--border-color) 80%,transparent);margin-bottom:1.25rem;opacity:.4}.inspiration-content{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:0 .5rem}.inspiration-icon{color:var(--brand-red);opacity:.7;background:var(--bg-secondary);padding:.4rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.inspiration-text{font-size:.925rem;font-style:italic;color:var(--text-secondary);line-height:1.6;font-weight:500;letter-spacing:-.01em;position:relative}.inspiration-text:before{content:'"';font-size:2rem;position:absolute;top:-.5rem;left:-.8rem;opacity:.1;font-family:serif;color:var(--text-primary)}.todo-page-container{display:flex;flex-direction:column;justify-content:flex-start;height:100%;margin-top:-1.75rem;padding-left:1rem;padding-right:1rem}.todo-layout{display:flex;gap:1.25rem;height:calc(100vh - var(--header-height) - 4rem);min-height:400px}.todo-sidebar{width:280px;display:flex;flex-direction:column;background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden}.todo-sidebar-header{padding:1.25rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.todo-sidebar-header h3{font-size:1.125rem;font-weight:600}.todo-lists-container{flex:1;overflow-y:auto;padding:1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.todo-list-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;border:1px solid transparent}.todo-list-item:hover{background-color:var(--bg-secondary)}.todo-list-item.active{background-color:var(--accent-light);border-color:#0f172a1a;color:var(--accent-color);font-weight:500}.todo-list-item-content{display:flex;align-items:center;gap:.75rem;flex:1;overflow:hidden}.todo-list-item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.todo-list-actions{opacity:0;transition:opacity .2s;display:flex;gap:.25rem}.todo-list-item:hover .todo-list-actions{opacity:1}.icon-btn{width:28px;height:28px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s}.icon-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.icon-btn.edit:hover{color:var(--text-primary);background:var(--bg-tertiary)}.icon-btn.delete:hover{color:#ef4444;background:#fee2e2}.edit-list-input-inline{font-size:.875rem!important;font-weight:500!important;padding:.25rem 0!important;border:none!important;border-bottom:1px solid var(--border-color)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;width:100%;color:var(--text-primary)!important}.edit-list-input-inline:focus{border-bottom-color:var(--accent-color)!important;box-shadow:none!important}.add-list-container{padding:1rem;border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.add-list-form{display:flex;flex-direction:column}.add-list-input-wrapper{display:flex;align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.15rem .25rem .15rem .75rem;box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.4,0,.2,1)}.add-list-input-wrapper:focus-within{border-color:var(--accent-hover);box-shadow:0 0 0 4px #0f172a0f,var(--shadow-md);background-color:#fff}.add-list-input{flex:1;border:none!important;background:transparent!important;box-shadow:none!important;padding:.5rem 0!important;font-size:.875rem}.add-list-input:focus{box-shadow:none!important}.add-list-submit-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:var(--text-muted);transition:all .2s}.add-list-submit-btn:hover:not(:disabled){background-color:var(--accent-color);color:#fff}.add-list-submit-btn:disabled{opacity:.3;cursor:default}.todo-main{flex:1;display:flex;flex-direction:column;background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden}.todo-main-header{padding:1.25rem 2rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;min-height:80px}.add-task-btn{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;color:#fff!important;background-color:var(--accent-color)!important;border:1px solid var(--accent-color)!important;border-radius:var(--radius-full)!important;padding:.45rem 1rem!important;height:36px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;box-shadow:var(--shadow-sm)!important;text-decoration:none}.add-task-btn:hover{background-color:var(--accent-hover)!important;border-color:var(--accent-hover)!important;transform:translateY(-1px);box-shadow:var(--shadow-md)!important}.todo-main-header-content h2{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.todo-tasks-container{flex:1;overflow-y:auto;padding:2rem 1.75rem 2rem 2rem;margin-right:.25rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}.task-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,border-color .2s ease;position:relative}.task-item.dragging{box-shadow:var(--shadow-lg);border-color:var(--accent-color);z-index:10}.task-drag-handle{display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:grab;padding:.25rem 0;margin-top:.25rem;opacity:.5;transition:opacity .2s}.task-item:hover .task-drag-handle{opacity:1}.task-drag-handle:active{cursor:grabbing}.pending-tasks-list{display:flex;flex-direction:column;gap:.75rem}.task-item:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1}.task-item.completed{opacity:.7;background-color:var(--bg-secondary)}.task-checkbox{margin-top:.25rem;width:24px;height:24px;border-radius:6px;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#fff}.task-checkbox:hover{border-color:var(--accent-hover)}.task-item.completed .task-checkbox{background-color:var(--accent-color);border-color:var(--accent-color)}.task-content{flex:1;display:flex;flex-direction:column;gap:.2rem;cursor:pointer}.task-title{font-weight:500;font-size:1rem;color:var(--text-primary);transition:color .2s}.task-item.completed .task-title{text-decoration:line-through;color:var(--text-muted)}.task-details-footer{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;width:100%}.task-description{font-size:.85rem;color:var(--text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-date-meta{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-muted);font-weight:600;white-space:nowrap;align-self:flex-start;background-color:var(--bg-secondary);padding:.3rem .6rem;border-radius:var(--radius-md);border:1px solid var(--border-color);margin-top:.5rem}.task-date-meta svg{color:var(--text-muted)}.task-meta-item{display:flex;align-items:center;gap:.25rem}.task-actions{display:flex;gap:.25rem;opacity:0;transition:all .2s;position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);background:var(--bg-primary);padding:.25rem;border-radius:var(--radius-md);box-shadow:-10px 0 15px -5px var(--bg-primary)}.task-item:hover .task-actions{opacity:1}.task-item.editing .task-actions{top:1.5rem;transform:none}.task-item.editing .edit-task-inputs{padding-right:5rem}.edit-task-inputs{display:flex;flex-direction:column;gap:.75rem;width:100%}.edit-task-title-input{font-size:1rem!important;font-weight:500!important;padding:.5rem 0!important;border:none!important;border-bottom:1px solid var(--border-color)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;width:100%}.edit-task-title-input:focus{border-bottom-color:var(--accent-color)!important;box-shadow:none!important}.edit-task-desc-input{font-size:.875rem!important;color:var(--text-secondary)!important;padding:.25rem 0!important;border:none!important;background:transparent!important;box-shadow:none!important;width:100%}.edit-task-desc-input:focus{box-shadow:none!important}.task-date-input-wrapper{display:flex;align-items:center;gap:.25rem;padding:.35rem .65rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);width:fit-content;margin-top:.5rem;transition:all .2s ease;cursor:pointer;color:var(--text-muted);position:relative;overflow:hidden}.custom-date-placeholder{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.85rem;font-weight:500;pointer-events:none;background:inherit;display:flex;align-items:center;padding-right:.5rem}.task-date-input-wrapper:hover{border-color:var(--accent-color);border-style:solid;background:#fff;box-shadow:var(--shadow-sm)}.task-date-input-wrapper:focus-within{border-color:var(--accent-color);border-style:solid;background:#fff;box-shadow:0 0 0 4px #0f172a0f,var(--shadow-sm);color:var(--accent-color)}.task-date-input-wrapper svg{transition:color .2s;opacity:.8}.task-date-input-wrapper:focus-within svg{color:var(--accent-color);opacity:1}.task-date-input-wrapper input[type=date]::-webkit-calendar-picker-indicator,.task-date-input-wrapper input[type=date]::-webkit-inner-spin-button,.task-date-input-wrapper input[type=date]::-webkit-clear-button{display:none!important;-webkit-appearance:none!important}.task-date-input-wrapper input[type=date]{appearance:none;-moz-appearance:textfield}input[type=date]::-webkit-calendar-picker-indicator{background:none;display:none;width:0;height:0;padding:0;margin:0}.task-date-input-wrapper input[type=date]{border:none!important;background:transparent!important;box-shadow:none!important;font-size:.85rem!important;font-weight:500!important;color:var(--text-primary)!important;padding:0!important;cursor:pointer;outline:none;font-family:inherit;width:100%}.clear-date-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:.2rem;color:var(--text-muted);cursor:pointer;border-radius:4px;z-index:2;transition:all .2s}.clear-date-btn:hover{color:#ef4444;background:#ef44441a}.task-item.editing{border-color:var(--accent-light);background-color:var(--bg-primary);box-shadow:var(--shadow-md);padding:1.5rem}.add-task-form{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px dashed var(--border-color);margin-top:1rem}.add-task-form.active{background:var(--bg-primary);border-style:solid;box-shadow:var(--shadow-md)}.add-task-header{display:flex;justify-content:space-between;align-items:center}.add-task-inputs{display:flex;flex-direction:column;gap:.75rem}.add-task-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.todo-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;height:100%}.todo-empty-icon{width:64px;height:64px;border-radius:50%;background-color:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:1.5rem}.toast-container{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:9999}.toast{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem 1.5rem;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:.75rem;animation:slideUpFade .3s cubic-bezier(.16,1,.3,1) forwards}.toast.hiding{animation:slideDownFade .3s cubic-bezier(.16,1,.3,1) forwards}.toast-icon{color:var(--accent-color);display:flex}.toast-text{font-size:.875rem;font-weight:500;color:var(--text-primary)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(2rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDownFade{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(2rem) scale(.95)}}.calendar-page{animation:fade-in .4s ease-out;flex:1;display:flex;flex-direction:column;height:100%;margin-top:-1.75rem;padding-left:1rem;padding-right:1rem}.calendar-layout{display:flex;gap:1.5rem;height:100%;flex:1;overflow:hidden;transition:all .3s ease}.calendar-card{padding:1.25rem;display:flex;flex-direction:column;gap:1rem;height:100%;flex:1;overflow:hidden;transition:flex .3s ease;border-radius:var(--radius-xl)}.calendar-card.glass-panel{box-shadow:none!important}.calendar-layout.panel-open .calendar-card{flex:2}.calendar-controls{flex-shrink:0;display:flex;justify-content:space-between;align-items:center}.calendar-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);text-transform:capitalize;letter-spacing:-.03em}.calendar-actions{display:flex;align-items:center;gap:1.5rem}.jump-today-btn{display:flex;align-items:center;gap:.5rem;font-size:.875rem;padding:.6rem 1.25rem}.month-nav-buttons{display:flex;gap:.25rem;background-color:var(--bg-secondary);padding:.35rem;border-radius:14px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.month-nav-buttons .icon-btn{background:transparent;color:var(--text-secondary);border:none;padding:.5rem;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.month-nav-buttons .icon-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:auto repeat(6,1fr);gap:.75rem;flex:1;min-height:0}.calendar-day-header{text-align:center;padding:.75rem 0;font-weight:700;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;border-bottom:2px solid var(--bg-tertiary);margin-bottom:.5rem}.calendar-day{height:100%;border-radius:var(--radius-lg);padding:.75rem;background-color:var(--bg-primary);border:1px solid var(--border-color);display:flex;flex-direction:column;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:0;overflow:visible;box-shadow:0 1px 3px #00000005;cursor:pointer;position:relative}.calendar-day:hover{background-color:var(--bg-secondary);border-color:var(--text-muted);transform:translateY(-2px);box-shadow:var(--shadow-md);z-index:2}.calendar-day-selected{border-color:var(--accent-color)!important;box-shadow:var(--shadow-md);transform:translateY(-2px);background-color:var(--bg-secondary)}.calendar-day-today{background-color:var(--accent-color)!important;border-color:var(--accent-color)!important}.calendar-day-today .calendar-day-number{color:#fff!important;font-weight:700}.calendar-day-today .indicator-dot{width:8px;height:8px;border:2px solid #ffffff}.calendar-day-other{opacity:.3;background-color:var(--bg-tertiary)}.calendar-day-number{align-self:flex-start;font-size:.9rem;font-weight:600;color:var(--text-primary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.calendar-day-content{flex:1;display:flex;flex-direction:column;gap:.35rem;overflow-y:auto;scrollbar-width:none;justify-content:space-between;align-items:flex-end;padding-bottom:2px}.day-indicators{position:absolute;bottom:10px;right:10px;display:flex;gap:3px;align-items:center;transition:gap .2s ease}.indicator-dot{width:6px;height:6px;border-radius:50%;transition:transform .2s}.indicator-dot.event{background-color:var(--brand-red, #ff0000)}.indicator-dot.todo{background-color:var(--accent-color, #0F172A)}.indicator-dot.habit{background-color:var(--text-muted, #94A3B8)}.calendar-day:hover .indicator-dot{transform:scale(1.3)}.calendar-day:hover .day-indicators{gap:6px}.calendar-day-content::-webkit-scrollbar{display:none}.calendar-task-badge{background:var(--bg-tertiary);color:var(--text-muted);font-size:.65rem;font-weight:700;padding:.2rem .6rem;border-radius:6px;display:flex;align-items:center;gap:.3rem;max-width:100%;border:1px solid var(--border-color)}.task-badge-dot{width:6px;height:6px;border-radius:50%;background-color:var(--accent-color);flex-shrink:0}.calendar-side-panel{flex:1;min-width:300px;max-width:400px;padding:1.5rem .5rem 1.5rem 1rem;display:flex;flex-direction:column;animation:slide-in .3s cubic-bezier(.16,1,.3,1) forwards;height:100%;border-radius:var(--radius-xl)}.calendar-side-panel.glass-panel{box-shadow:none!important}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;margin-right:1rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.panel-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;display:flex;align-items:center}.panel-content-scroll{flex:1;overflow-y:auto;padding:1rem 1.25rem 2rem .5rem;display:flex;flex-direction:column;gap:2rem}.panel-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.panel-section-header h4{font-size:.95rem;font-weight:500;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.panel-section>p.text-muted.text-sm{padding:1.5rem;text-align:center;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-lg);color:var(--text-muted)}.panel-item{background:var(--bg-primary);border:1px solid var(--border-color);padding:.875rem 1.125rem;border-radius:var(--radius-lg);margin-bottom:.75rem;display:flex;align-items:center;gap:1rem;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:var(--shadow-sm)}.panel-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#cbd5e1}.panel-item.completed{background-color:var(--bg-secondary);border-color:transparent;opacity:.75;box-shadow:none}.item-checkbox{display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s;flex-shrink:0}.item-content{flex:1;display:flex;flex-direction:column;gap:.15rem}.item-type-label{font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;opacity:.5}.item-title{font-size:1rem;font-weight:500;color:var(--text-primary);transition:all .2s}.panel-item.completed .item-title{text-decoration:line-through;opacity:.6}.item-main-info{display:flex;flex-direction:column}.item-details-meta{display:flex;flex-direction:column;gap:.35rem;margin-top:.25rem}.item-desc-text{font-size:.825rem;color:var(--text-secondary);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-meta-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:500;color:var(--text-muted)}.todo-item{border-radius:var(--radius-lg);padding:1.25rem;background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;align-items:flex-start;gap:1.25rem}.todo-item:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 12px 24px -8px #0f172a1f;border-color:#cbd5e1}.todo-item .item-checkbox{width:32px;height:32px;border-radius:10px;background:var(--bg-secondary);color:var(--text-primary);transition:all .2s ease;flex-shrink:0}.todo-item:hover .item-checkbox{background:var(--text-primary);color:#fff}.todo-item.completed{background:var(--bg-secondary);border-color:transparent;box-shadow:none}.todo-item.completed:hover{transform:none;box-shadow:none}.todo-item.completed .item-checkbox{background:var(--text-primary);color:#fff}.todo-item .item-title{font-size:1.05rem;font-weight:500;letter-spacing:-.01em}.todo-item .item-desc-text{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem;line-height:1.5}.habit-item{border-radius:var(--radius-full);padding:.5rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:none;transition:all .2s ease}.habit-item .item-title{font-size:.95rem}.habit-item:hover{background:var(--bg-primary);border-style:solid;border-color:var(--text-muted);transform:translate(5px)}.habit-item .item-checkbox{color:var(--text-muted);transition:all .2s}.habit-item:hover .item-checkbox{color:var(--text-primary);transform:scale(1.15)}.habit-item.completed{opacity:.8;background:var(--bg-secondary);border-color:transparent}.habit-item.completed .item-checkbox{color:var(--brand-red)}.habit-item.completed .item-title{text-decoration:line-through;color:var(--text-muted)}.panel-input{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);padding:.5rem .75rem;border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem;margin-bottom:.5rem;resize:vertical}.panel-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-light)}.event-item{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1rem;position:relative;overflow:hidden;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer;box-shadow:var(--shadow-sm)}.event-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#cbd5e1}.event-item.highlight{animation:shadow-highlight 3s cubic-bezier(.16,1,.3,1)}@keyframes shadow-highlight{0%{box-shadow:0 0 #0000;border-color:var(--border-color)}15%{box-shadow:0 0 0 4px #0f172a1a,0 8px 16px #0f172a14;border-color:#94a3b8}to{box-shadow:0 0 #0000;border-color:var(--border-color)}}.event-content{display:flex;flex-direction:column;gap:.5rem}.event-header{display:flex;justify-content:space-between;align-items:center}.event-title-group{display:flex;align-items:center;gap:.75rem}.event-dot{width:10px;height:10px;border-radius:50%;background:#6366f1;box-shadow:0 0 0 2px #6366f11a}.event-title-text{font-weight:500;font-size:1.05rem;color:var(--text-primary)}.delete-btn{opacity:0;transition:all .2s;color:var(--text-muted)}.event-item:hover .delete-btn{opacity:1}.delete-btn:hover{color:#ef4444!important;background:#fee2e2!important}.event-details-meta{display:flex;flex-direction:column;gap:.4rem;margin-left:1.4rem}.event-time-badge{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--text-muted);font-weight:500}.event-time-actions{display:flex;align-items:center;gap:.5rem}.remove-time-btn-small{padding:.2rem!important;color:var(--text-muted);transition:all .2s;opacity:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.event-details-meta:hover .remove-time-btn-small{opacity:1}.remove-time-btn-small:hover{color:#ef4444!important;background:#fee2e2!important}.remove-time-btn{padding:.35rem!important;color:var(--text-muted);transition:all .2s;border-radius:var(--radius-md)}.remove-time-btn:hover{color:#ef4444!important;background:#fee2e2!important}.event-desc-text{font-size:.875rem;color:var(--text-secondary);line-height:1.4}.event-form{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 8px 30px #0000000d;animation:scale-up .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.event-form.editing{border-color:var(--border-color);border-width:2.5px;box-shadow:0 8px 30px #00000014}@keyframes scale-up{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.event-form-inputs{display:flex;flex-direction:column;gap:1rem}.event-form-title-input{font-size:1.15rem!important;font-weight:600!important;border:none!important;border-bottom:1.5px solid var(--accent-color)!important;border-radius:0!important;padding:.5rem 0!important;background:transparent!important;box-shadow:none!important;width:100%}.event-form-title-input:focus{border-bottom-color:var(--accent-color)!important}.event-form-row{display:flex;align-items:center;gap:.75rem}.event-form-time-input{border:none!important;background:var(--bg-secondary)!important;padding:.35rem .75rem!important;border-radius:var(--radius-md)!important;font-size:.9rem!important;font-weight:500!important;color:var(--text-primary)!important;cursor:pointer}.event-form-desc-input{font-size:.9rem!important;border:1px solid var(--border-color)!important;padding:.75rem!important;border-radius:var(--radius-md)!important;background:var(--bg-secondary)!important;width:100%;resize:none}.event-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem}@keyframes slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.calendar-layout{flex-direction:column}.calendar-layout.panel-open .calendar-card{flex:1}.calendar-side-panel{max-width:100%;min-height:400px}.hidden-mobile{display:none}}@media(max-width:768px){.calendar-card{padding:1rem}.calendar-day{min-height:60px;padding:.25rem}.calendar-day-number{font-size:.75rem;width:24px;height:24px}.calendar-day-header{font-size:.75rem;padding:.25rem}.calendar-task-badge{padding:.15rem .3rem;font-size:.6rem}}.notes-page-container{height:100%;display:flex;flex-direction:column;gap:1rem;margin-top:-1.75rem;padding-left:1rem;padding-right:1rem}.notes-header-section{display:flex;flex-direction:column;gap:1rem;background:#fff;padding:1rem 1.75rem;border-bottom:1px solid var(--border-color)}.notes-content-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-sm);flex:1}.notes-top-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.notes-categories-tabs{display:flex;gap:.8rem .5rem;flex-wrap:wrap;padding:.25rem 0 .5rem;flex:1}.note-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem .5rem 1.25rem;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:all .2s ease;color:var(--text-secondary);font-size:.9rem;font-weight:500}.note-tab:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px)}.note-tab.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff;box-shadow:var(--shadow-md)}.note-tab.dashed{background:transparent;border-style:dashed;border-width:1.5px}.note-tab.adding{padding:.4rem 1.25rem}.note-search-wrapper{display:flex;align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-full);padding:.6rem 1.25rem;width:280px;box-shadow:var(--shadow-sm)}.note-search-input{background:transparent;border:none;color:var(--text-primary);outline:none;width:100%;margin-left:.6rem;font-size:.9rem;box-shadow:none!important}.notes-masonry-container{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-content:start;padding:1.5rem 1.75rem 1.5rem 2rem;margin-right:.25rem;margin-bottom:1.25rem}.note-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.25rem;display:flex;flex-direction:column;gap:1rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:var(--shadow-sm);min-height:180px}.note-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--accent-color)}.note-card-header{display:flex;justify-content:space-between;align-items:flex-start}.notes-card-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);line-height:1.3;margin:0}.notes-card-content{color:var(--text-secondary);font-size:.9rem;line-height:1.6;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;flex:1}.note-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color);font-size:.8rem;color:var(--text-muted);font-weight:500}.add-note-card{background:var(--bg-secondary);border:2px dashed var(--border-color);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;color:var(--text-muted)}.add-note-card:hover{background:var(--bg-primary);border-color:var(--accent-color);color:var(--accent-color)}.add-note-card .plus-icon-bg{background:var(--bg-primary);border:1px solid var(--border-color);padding:1.25rem;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.add-note-card:hover .plus-icon-bg{background:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:scale(1.1)}.tab-actions{display:flex;align-items:center;gap:.4rem;margin-left:.5rem;opacity:0;transition:opacity .2s}.note-tab:hover .tab-actions,.note-tab.editing .tab-actions{opacity:1}.tab-actions .icon-btn{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0000000d}.note-tab.active .tab-actions .icon-btn{background:#fff3;color:#fff}.add-category-input{background:transparent;border:none;color:inherit;outline:none;width:100px;font-size:.9rem;padding:0;box-shadow:none!important}.add-category-input::placeholder{color:var(--text-muted)}.action-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);color:var(--text-secondary);transition:all .2s}.action-btn:hover{background:var(--bg-secondary);color:var(--text-primary);transform:scale(1.1)}.action-btn.delete:hover{background:#fee2e2;color:#ef4444;border-color:#f87171}.note-editor-modal{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.note-editor-content{background:var(--bg-primary);width:100%;max-width:800px;height:auto;max-height:90vh;border-radius:var(--radius-xl);border:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg)}.note-editor-header{padding:1.5rem 2.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary)}.note-editor-body{flex:1;display:flex;flex-direction:column;padding:2.5rem;overflow-y:auto;gap:1.5rem}.note-title-input{background:transparent;border:none;font-size:2.25rem;font-weight:800;color:var(--text-primary);outline:none;padding:0;width:100%;box-shadow:none!important}.note-title-input::placeholder{color:var(--text-muted)}.note-content-input{flex:1;background:transparent;border:none;font-size:1.1rem;line-height:1.7;color:var(--text-secondary);outline:none;resize:none;padding:0;font-family:inherit;min-height:300px;box-shadow:none!important}.note-actions{display:flex;align-items:center;gap:.75rem}.note-actions .action-btn{width:42px;height:42px}@media(max-width:1200px){.notes-masonry-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.notes-masonry-container{grid-template-columns:1fr}.note-search-wrapper{width:100%}}.note-color-dot{position:absolute;top:1.25rem;right:1.25rem;width:26px;height:26px;border-radius:50%;box-shadow:0 4px 10px #0000001f;border:none;flex-shrink:0}.note-color-selector{display:flex;flex-direction:column;gap:.75rem;border-top:1px solid var(--border-color);padding-top:1.5rem}.color-presets{display:flex;gap:.75rem;flex-wrap:wrap}.color-preset-btn{width:30px;height:30px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;box-sizing:border-box}.color-preset-btn.no-color{background-color:transparent!important;border:1px solid var(--border-color);color:var(--text-muted)}.color-preset-btn.no-color:hover{color:var(--text-primary);border-color:var(--text-muted)}.color-preset-btn:hover{transform:scale(1.15)}.color-preset-btn.active{transform:scale(1.1);border:4px solid #475569;box-shadow:none}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-page{min-height:100vh;background-color:var(--bg-primary);display:flex}.login-card{max-width:380px;width:100%;padding:3rem 2.5rem;display:flex;flex-direction:column;gap:2rem;position:relative;overflow:hidden}.login-header{text-align:center;display:flex;flex-direction:column;gap:.5rem}.login-logo{font-size:2.25rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:.25rem;margin-bottom:.5rem}.login-logo .logo-dot{color:var(--brand-red)}.login-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.login-subtitle{font-size:.95rem;color:var(--text-secondary)}.login-form{display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.password-input-container{position:relative;display:flex;align-items:center;width:100%}.password-input-container .login-input{width:100%;padding-right:3.5rem}.password-toggle-btn{position:absolute;right:.75rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:var(--radius-sm);transition:all .2s ease;z-index:2}.password-toggle-btn:hover{color:var(--text-primary);transform:scale(1.05)}.password-toggle-btn:active{transform:scale(.95)}.login-input{padding:.9rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem;outline:none;transition:all .2s ease;box-shadow:inset 0 2px 4px #00000005}.login-input::placeholder{color:var(--text-muted, #71717a)}.login-input:focus{border-color:var(--text-primary);background-color:var(--bg-secondary)}.login-btn{width:100%;padding:.9rem;font-size:1rem;font-weight:600;margin-top:.5rem;position:relative;overflow:hidden;transition:all .3s ease}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.login-btn:active:not(:disabled){transform:translateY(0)}.login-messages{padding:1rem;border-radius:var(--radius-md);text-align:center;font-size:.9rem;font-weight:500}.login-messages.error{background-color:#ef44441a;color:var(--brand-red);border:1px solid rgba(239,68,68,.2)}.login-messages.success{background-color:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.login-actions{text-align:center;margin-top:1rem}.toggle-mode-btn{font-size:.9rem;color:var(--text-secondary);background:none;border:none;cursor:pointer;font-weight:500;transition:color .2s ease}.toggle-mode-btn:hover{color:var(--text-primary);text-decoration:underline}.login-split-container{display:flex;width:100%;min-height:100vh}.login-sidebar{flex:1 1 50%;transition:transform .6s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#090e17,#111827);color:#fff;padding:3rem;display:flex;flex-direction:column;position:relative;overflow:hidden;border-right:1px solid rgba(255,255,255,.03)}.sidebar-header{margin-bottom:2rem;z-index:10;align-self:flex-start}.back-link{display:flex;align-items:center;gap:.5rem;color:#f8faf999;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;padding:.5rem .75rem;border-radius:var(--radius-md);background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.back-link:hover{color:#fff;background:#ffffff14;transform:translate(-2px)}.sidebar-content{max-width:500px;margin:auto;width:100%;z-index:1;display:flex;flex-direction:column;gap:1.25rem}.sidebar-content .hero-eyebrow{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;margin-bottom:.5rem;padding:.25rem .75rem;background-color:#ffffff0d;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.1);align-self:flex-start}.sidebar-title{font-size:2.25rem;font-weight:800;line-height:1.1;letter-spacing:-.04em}.gradient-text-sidebar{background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.sidebar-subtitle{font-size:.95rem;color:#94a3b8;line-height:1.4;margin-bottom:1rem}.sidebar-features{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.sidebar-feature-card{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem;border-radius:var(--radius-lg);transition:all .2s ease;background:#ffffff05;border:1px solid rgba(255,255,255,.04)}.sidebar-feature-card:hover{transform:translate(6px);background:#ffffff08!important}.sidebar-feature-card .feature-icon-wrapper{background-color:#ffffff0d;padding:.75rem;border-radius:var(--radius-md);color:#fff;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08)}.feature-text h3{font-size:.95rem;font-weight:700;color:#fff;margin-bottom:.15rem}.feature-text p{color:#64748b;font-size:.8rem;line-height:1.3;transition:color .2s}.sidebar-feature-card:hover .feature-text p{color:#94a3b8}.login-form-side{flex:1 1 50%;transition:transform .6s cubic-bezier(.4,0,.2,1);display:flex;justify-content:center;align-items:center;padding:3rem;background-color:var(--bg-primary)}.login-form-side .login-card{box-shadow:none;border:none;background:transparent;padding:0;overflow:visible}.sidebar-quote-box{margin-top:1.5rem;padding:1.5rem;border-radius:var(--radius-lg);background:#ffffff05;border:1px solid rgba(255,255,255,.04);position:relative;max-width:440px}.quote-text{font-size:1.125rem;font-style:italic;font-weight:400;line-height:1.6;color:#e2e8f0;margin-bottom:.75rem;position:relative}.quote-author{font-size:.875rem;color:#94a3b8;font-weight:500;letter-spacing:.02em}@media(max-width:960px){.login-split-container{flex-direction:column}.login-sidebar{padding:5rem 2rem 3rem;min-height:auto;border-right:none;border-bottom:1px solid var(--border-color)}.sidebar-header{top:1.5rem;left:2rem}.sidebar-content{max-width:100%;align-items:center;text-align:center}.sidebar-content .hero-eyebrow{align-self:center}.sidebar-title{font-size:2.5rem}.sidebar-features{display:flex;flex-direction:column;width:100%;max-width:480px;text-align:left}.sidebar-feature-card:hover{transform:none}.login-form-side{padding:3rem 1.5rem}.login-form-side .login-card{padding:2rem 1.5rem;max-width:100%}}.profile-page{display:flex;flex-direction:column;gap:1.25rem;max-width:1000px;margin:0 auto;padding-bottom:3rem;padding-left:1rem;padding-right:1rem;margin-top:-1.75rem}.profile-header-banner{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:.75rem 1.25rem;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.profile-header-banner:before{content:"";position:absolute;top:0;right:0;width:280px;height:100%;background:linear-gradient(135deg,#0f172a05,#e2e8f080);clip-path:polygon(100% 0,100% 0,100% 100%);z-index:0}.profile-header-content{display:flex;align-items:center;gap:.85rem;position:relative;z-index:1}.profile-header-icon{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;padding:10px;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0f172a1f}.profile-header-content h1{color:var(--text-primary)!important;font-size:1.15rem!important;font-weight:800;letter-spacing:-.02em;margin-bottom:0rem}.profile-header-content p.text-muted{color:var(--text-muted)!important;font-size:.8rem!important;margin-top:-.1rem}.profile-grid{display:grid;grid-template-columns:310px 1fr;gap:1.25rem;align-items:flex-start}@media(max-width:768px){.profile-grid{grid-template-columns:1fr}}.profile-info-card{position:relative;padding:0!important;overflow:hidden;display:flex;flex-direction:column;align-items:center;background:var(--bg-primary)!important;border-radius:var(--radius-xl)!important;height:fit-content;box-shadow:var(--shadow-sm)!important;border:1px solid var(--border-color)!important}.profile-cover{width:100%;height:90px;background:linear-gradient(135deg,#0f172a,#334155);position:relative}.profile-avatar-wrapper{margin-top:-45px;position:relative;z-index:2}.profile-avatar-large{width:90px;height:90px;border-radius:20px;border:3px solid var(--bg-primary);box-shadow:0 8px 16px #0f172a1a;display:flex;align-items:center;justify-content:center;font-size:2.25rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#0f172a,#1e293b)}.profile-summary{text-align:center;margin-top:.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-color);width:100%}.profile-summary h3{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:.1rem}.profile-role{font-size:.78rem;color:var(--text-muted);font-weight:500}.profile-stats{width:100%;padding:1.25rem;display:flex;flex-direction:column;gap:.85rem}.stat-item{display:flex;align-items:center;gap:.85rem;padding:.85rem .25rem;background-color:transparent;border-bottom:1px dashed var(--border-color);border-radius:0;transition:background-color .2s ease}.stat-item:last-child{border-bottom:none}.stat-icon{color:var(--text-primary);padding:8px;background:linear-gradient(135deg,#0f172a0a,#0f172a14);border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(15,23,42,.05)}.stat-details{display:flex;flex-direction:column;min-width:0;gap:1px}.stat-details label{font-size:.65rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.stat-details span{font-size:.85rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-active{background-color:#dcfce7;color:#166534;padding:1px 8px;border-radius:12px;font-size:.7rem!important;font-weight:700;width:fit-content}.profile-user-id-wrapper{padding:.85rem 1.25rem;background-color:var(--bg-secondary);width:100%;margin-top:.25rem;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;border-top:1px solid var(--border-color)}.profile-user-id-wrapper span{font-size:.72rem;color:var(--text-muted);font-weight:500}.profile-user-id-wrapper code{font-family:monospace;background-color:var(--bg-primary);border:1px solid var(--border-color);padding:2px 5px;border-radius:4px;color:var(--text-secondary);font-size:.72rem}.profile-main{display:flex;flex-direction:column;gap:1.25rem}.profile-main .profile-card{padding:1.25rem 1.5rem!important;background-color:var(--bg-primary);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);border-radius:var(--radius-xl)!important}.profile-section-title{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.title-icon-wrapper{background-color:var(--bg-secondary);padding:8px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);color:var(--text-secondary)}.title-icon-wrapper.danger{background-color:#ef444408;border:1px solid rgba(239,68,68,.08)}.title-icon-wrapper.danger .section-icon{color:#ef4444}.profile-section-title h2{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:0rem}.profile-section-title p.text-muted{font-size:.8rem;margin-top:-.1rem!important}.profile-form{display:flex;flex-direction:column;gap:1.25rem}.input-with-icon{position:relative;width:100%;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none;transition:color .15s ease}.profile-input{padding-left:2.5rem!important;width:100%;height:42px;background-color:var(--bg-secondary);border:1px solid var(--border-color);font-weight:500}.profile-input:focus{background-color:var(--bg-primary)}.input-with-icon:focus-within .input-icon{color:var(--text-primary)}.profile-message{padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.85rem;margin-top:.25rem;display:flex;align-items:center;gap:.5rem;font-weight:500}.profile-message.error{background-color:#ef444414;color:#ef4444;border:1px solid rgba(239,68,68,.15)}.profile-message.success{background-color:#22c55e14;color:#10b981;border:1px solid rgba(34,197,94,.15)}.profile-form-actions{margin-top:.25rem;display:flex}.btn-glow{min-width:160px;height:40px;font-weight:600;font-size:.85rem}.danger-zone-card{border:1px solid rgba(239,68,68,.12)!important;background-color:#ef444403!important}.danger-text{font-size:.85rem;color:var(--text-secondary);margin-bottom:1.25rem;line-height:1.4}.btn-danger-soft{background-color:transparent!important;color:#ef4444!important;border:1px solid rgba(239,68,68,.15)!important;font-weight:600;font-size:.82rem;align-self:flex-start;padding:.5rem 1rem;border-radius:var(--radius-md)}.btn-danger-soft:hover{background-color:#ef44440d!important;transform:none;box-shadow:none}.main-content:has(.profile-page){padding-right:2.45rem!important;margin-right:0rem!important;margin-bottom:1rem!important}.landing-page{background-color:var(--bg-secondary);min-height:100vh;font-family:var(--font-family);display:flex;flex-direction:column;overflow-x:hidden}.top-banner{background-color:#0f172a;color:#e2e8f0;padding:.5rem 2rem;text-align:center;font-size:.85rem;display:flex;justify-content:center;align-items:center;gap:.75rem;z-index:1001}.banner-demo-btn{background-color:#fff!important;color:#0f172a!important;padding:.25rem .75rem!important;border-radius:6px!important;font-size:.75rem!important;font-weight:600!important;box-shadow:0 1px 2px #0000000d!important;transition:all .2s ease!important;border:none!important}.banner-demo-btn:hover{background-color:#e2e8f0!important;transform:translateY(-1px)}.landing-nav{display:flex;justify-content:center;padding:1.5rem 0;width:100%;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#f8faf9cc;border-bottom:1px solid rgba(226,232,240,.4)}.nav-container{max-width:1200px;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.logo{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary)}.logo-dot{color:var(--brand-red)}.nav-actions{display:flex;gap:.75rem}.nav-demo-btn{padding:.5rem 1rem!important;border:1.5px dashed #F59E0B!important;background-color:#f59e0b0a!important;color:#d97706!important;font-weight:600!important;margin-right:.35rem;box-shadow:none!important;border-radius:14px 4px!important}.nav-demo-btn:hover{background-color:#f59e0b1a!important;border-color:#d97706!important;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b14!important}.nav-login-btn{padding:.5rem 1rem!important}.nav-signup-btn{padding:.5rem 1.25rem!important}.landing-hero{display:grid;grid-template-columns:1fr 1fr;max-width:1200px;width:100%;margin:4rem auto 6rem;padding:0 2rem;align-items:center;gap:4rem}.hero-content{display:flex;flex-direction:column;align-items:flex-start}.hero-eyebrow{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:.75rem;padding:.25rem .75rem;background-color:var(--bg-primary);border-radius:var(--radius-full);border:1px solid var(--border-color)}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;letter-spacing:-.04em;color:var(--text-primary);margin-bottom:1.25rem}.hero-subtitle{font-size:1.125rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.hero-actions{display:flex;gap:1rem}.hero-cta-btn{font-size:1rem!important;padding:.85rem 1.5rem!important}.hero-demo-btn{font-size:1rem!important;padding:.85rem 1.5rem!important;border:2px dashed #EF4444!important;background-color:#ef444408!important;color:#dc2626!important;font-weight:600!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative;overflow:hidden}.hero-demo-btn:hover{background-color:#ef444414!important;border-color:#dc2626!important;transform:translateY(-2px) scale(1.02)!important;box-shadow:0 10px 25px #ef44441f!important}.hero-demo-btn:active{transform:translateY(0) scale(1)!important}.hero-demo-btn svg{transition:transform .3s ease}.hero-demo-btn:hover svg{transform:rotate(15deg) scale(1.1)}.hero-dashboard-preview{width:100%;height:380px;border-radius:var(--radius-xl);overflow:hidden;position:relative;border:1px solid var(--border-color);background:linear-gradient(145deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);box-shadow:0 20px 50px #0f172a14}.preview-header{height:40px;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 1rem;gap:1rem}.preview-dots{display:flex;gap:5px}.preview-dots span{width:8px;height:8px;border-radius:50%;background-color:var(--text-muted)}.preview-address{font-size:.75rem;color:var(--text-muted);font-family:monospace}.preview-image-container{width:100%;height:calc(100% - 40px);overflow:hidden;position:relative;background-color:var(--bg-primary)}.preview-image{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .8s cubic-bezier(.4,0,.2,1)}.hero-dashboard-preview{transition:transform .5s cubic-bezier(.4,0,.2,1),box-shadow .5s ease;cursor:pointer}.hero-dashboard-preview:hover{transform:scale(1.02);box-shadow:0 25px 50px #0f172a1f}.glass-panel{background:#fffc!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.6)!important;box-shadow:0 12px 40px #0f172a0a!important}.gradient-text{background:linear-gradient(135deg,#0F172A 0%,var(--brand-red) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;padding-bottom:.1em;margin-bottom:-.1em}.landing-features{max-width:1200px;width:100%;margin:0 auto 6rem;padding:0 2rem}.section-header{text-align:center;margin-bottom:4rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.section-eyebrow{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted)}.section-title-large{font-size:2.5rem;font-weight:800;letter-spacing:-.04em;color:var(--text-primary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.feature-card{padding:2rem;display:flex;flex-direction:column;gap:1rem;align-items:flex-start;border-radius:var(--radius-lg);transition:transform .2s}.feature-card:hover{transform:translateY(-4px)}.feature-icon-wrapper{background-color:var(--bg-tertiary);padding:.75rem;border-radius:var(--radius-md);color:var(--text-primary)}.feature-card h3{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.landing-beta{max-width:1200px;width:100%;margin:0 auto 6rem;padding:0 2rem}.beta-banner-container{background:linear-gradient(135deg,var(--text-primary) 0%,#1a253b 100%);color:#fff;padding:4rem;border-radius:var(--radius-xl);text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;box-shadow:0 20px 50px #0f172a1a}.beta-badge{background-color:#ef444426;color:#f87171;padding:.35rem .85rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;border:1px solid rgba(239,68,68,.3)}.section-header-dark{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2rem}.section-header-dark h2{font-size:2.25rem;font-weight:800;letter-spacing:-.02em;color:#fff}.section-subtitle-dark{color:#94a3b8;font-size:1.1rem;max-width:550px}.beta-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:850px;width:100%;margin-top:1rem}@media(max-width:768px){.beta-features-grid{grid-template-columns:1fr;gap:1rem}.beta-banner-container{padding:3rem 1.5rem}}.beta-feature-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:1.5rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden}.beta-feature-card:hover{transform:translateY(-5px);background:#ffffff0d;border-color:#ffffff1f;box-shadow:0 12px 30px #0000002e}.beta-icon-wrapper{background:#ef444414;color:#fca5a5;padding:.75rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;border:1px solid rgba(239,68,68,.15);transition:all .3s ease}.beta-feature-card:hover .beta-icon-wrapper{transform:scale(1.1) rotate(6deg);background:#ef444426}.beta-feature-card h3{font-size:1.05rem;font-weight:700;color:#f8fafc;margin-bottom:.1rem}.beta-feature-card p{font-size:.85rem!important;color:#94a3b8!important;line-height:1.5;margin-bottom:0!important}.landing-cta{max-width:800px;width:100%;margin:2rem auto 8rem;padding:0 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.cta-title{font-size:3rem;font-weight:800;letter-spacing:-.04em;color:var(--text-primary);line-height:1.1}.cta-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:480px;line-height:1.6;margin-bottom:1.5rem}.cta-actions{display:flex;gap:1.25rem;justify-content:center}.cta-primary-btn{font-size:1.05rem!important;padding:.9rem 1.6rem!important}.cta-secondary-btn{font-size:1rem!important;padding:.9rem 1.6rem!important;border:2px dashed #EF4444!important;background-color:#ef444408!important;color:#dc2626!important;font-weight:600!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.cta-secondary-btn:hover{background-color:#ef444414!important;border-color:#dc2626!important;transform:translateY(-2px) scale(1.02)!important;box-shadow:0 10px 25px #ef44441f!important}.landing-footer{border-top:1px solid var(--border-color);padding:2rem 0;margin-top:auto}.footer-container{max-width:1200px;width:100%;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.footer-brand{font-weight:800;font-size:1.1rem}.footer-copy{font-size:.8rem;color:var(--text-secondary)}@media(max-width:900px){.landing-hero{grid-template-columns:1fr;gap:3rem;text-align:center;margin:3rem auto 4rem}.hero-content{align-items:center}.hero-title{font-size:2.8rem}.landing-cta{margin:5rem auto}.cta-title{font-size:2.25rem!important}.cta-actions{flex-direction:column;width:100%;max-width:320px}.cta-actions>*{width:100%;justify-content:center}}