:root{--bg:transparent;--surface:rgba(255,255,255,.72);--surface-2:rgba(255,255,255,.55);--surface-3:rgba(255,255,255,.4);--border:rgba(255,255,255,.5);--border-light:rgba(255,255,255,.35);--text:#1a0a14;--text-2:#3d1a2e;--text-muted:#7a4e6a;--text-faint:#b89aaa;--header-bg:rgba(255,250,252,.82);--header-border:rgba(255,192,213,.4);--sidebar-bg:rgba(30,20,50,.88);--sidebar-bg-2:rgba(22,14,45,.92);--sidebar-text:#e8d5f0;--sidebar-text-muted:#c084d0;--sidebar-hover:rgba(200,100,210,.2);--sidebar-active:rgba(200,100,210,.35);--card-shadow:0 4px 24px rgba(200,100,150,.12),0 1px 4px rgba(0,0,0,.06);--card-shadow-hover:0 12px 40px rgba(180,80,130,.2),0 4px 16px rgba(0,0,0,.1);--modal-overlay:rgba(60,10,40,.45);--primary:#7c3aed;--primary-light:#a855f7;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--glass-bg:rgba(255,255,255,.18);--glass-border:rgba(255,255,255,.42);--glass-blur:blur(18px) saturate(200%);--glass-shadow:0 8px 32px rgba(200,100,160,.1), inset 0 0 0 1px rgba(255,255,255,.4)}[data-theme=dark]{--surface:rgba(20,12,32,.78);--surface-2:rgba(28,16,42,.7);--surface-3:rgba(36,20,54,.6);--border:rgba(180,100,200,.2);--border-light:rgba(180,100,200,.12);--text:#f5e6ff;--text-2:#dcc8f0;--text-muted:#b090c8;--text-faint:#6b4d80;--header-bg:rgba(18,10,30,.88);--header-border:rgba(140,60,180,.3);--sidebar-bg:rgba(10,6,20,.92);--sidebar-bg-2:rgba(8,4,16,.95);--sidebar-text:#d4b8f0;--sidebar-text-muted:#9060b8;--glass-bg:rgba(30,10,50,.28);--glass-border:rgba(180,100,220,.25);--glass-blur:blur(18px) saturate(180%);--glass-shadow:0 8px 32px rgba(100,40,140,.2), inset 0 0 0 1px rgba(180,100,220,.2)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;color:var(--text);min-height:100vh;overflow-x:hidden;position:relative}#sakura-bg{position:fixed;inset:0;z-index:-3;pointer-events:none}.sakura-base{position:absolute;inset:0;background:radial-gradient(ellipse at 15% 40%,rgba(255,183,197,.55) 0%,transparent 55%),radial-gradient(ellipse at 85% 15%,rgba(255,218,230,.6) 0%,transparent 45%),radial-gradient(ellipse at 70% 75%,rgba(250,200,215,.4) 0%,transparent 50%),radial-gradient(ellipse at 30% 90%,rgba(255,230,240,.5) 0%,transparent 45%),linear-gradient(150deg,#fff0f5,#fce4ec 25%,#f8eaf6 55%,#fdf0f8 80%,#fff5f7)}[data-theme=dark] .sakura-base{background:radial-gradient(ellipse at 15% 40%,rgba(120,30,80,.45) 0%,transparent 55%),radial-gradient(ellipse at 85% 15%,rgba(100,20,100,.4) 0%,transparent 45%),radial-gradient(ellipse at 70% 75%,rgba(80,15,90,.35) 0%,transparent 50%),linear-gradient(150deg,#0d0616,#150920,#1a0c28 60%,#0f0618)}.sakura-branches{position:absolute;inset:0;width:100%;height:100%}.petal{position:absolute;pointer-events:none;opacity:0;animation:petalFall linear infinite}@keyframes petalFall{0%{transform:translate(0) rotate(0) scale(1);opacity:0}5%{opacity:.85}85%{opacity:.7}to{transform:translate(var(--dx),110vh) rotate(var(--rot)) scale(var(--sc));opacity:0}}@keyframes petalSway{0%,to{margin-left:0}50%{margin-left:30px}}#app-header{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--header-bg);border-bottom:1px solid var(--header-border);height:64px;display:flex;align-items:center;padding:0 20px;gap:12px;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 2px 20px #c864961a;transition:background .3s,border-color .3s}.header-logo{display:flex;align-items:center;gap:10px;font-family:Outfit,sans-serif;font-weight:800;font-size:17px;color:var(--primary);flex-shrink:0;letter-spacing:-.02em}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #7c3aed66}.header-center{flex:1;display:flex;align-items:center;justify-content:center}.header-date{font-family:Outfit,sans-serif;font-size:15px;font-weight:600;color:var(--text);text-align:center}.header-week{font-size:12px;font-weight:500;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;text-align:center;margin-top:1px}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-icon{width:36px;height:36px;border-radius:9px;border:1px solid var(--border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}.btn-icon:hover{background:#7c3aed26;color:var(--primary);border-color:#a855f780}.btn-primary{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;border-radius:10px;padding:8px 18px;font-family:Outfit,sans-serif;font-weight:700;font-size:13.5px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;box-shadow:0 4px 14px #7c3aed66;white-space:nowrap;letter-spacing:-.01em}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed80}.btn-gcal{display:flex;align-items:center;gap:6px;padding:7px 13px;border-radius:9px;border:1.5px solid var(--border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);color:var(--text-muted);font-family:Outfit,sans-serif;font-weight:600;font-size:12.5px;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.btn-gcal:hover{border-color:#4285f4;color:#4285f4}.btn-gcal.connected{border-color:#10b981;color:#10b981}#app-body{display:flex;padding-top:64px;min-height:100vh}#sidebar{width:230px;flex-shrink:0;background:var(--sidebar-bg);background-image:linear-gradient(180deg,var(--sidebar-bg) 0%,var(--sidebar-bg-2) 100%);min-height:calc(100vh - 64px);position:fixed;left:0;top:64px;overflow-y:auto;overflow-x:hidden;transition:transform .3s ease;z-index:40;padding:16px 12px;display:flex;flex-direction:column;gap:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(180,100,220,.15)}#sidebar.collapsed{transform:translate(-230px)}.sidebar-section-title{font-family:Outfit,sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sidebar-text-muted);padding:0 8px;margin-bottom:6px}.pomo-sidebar-btn{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;cursor:pointer;transition:all .2s;border:1.5px solid rgba(245,158,11,.3);background:#f59e0b14;width:100%;text-align:left;position:relative;overflow:hidden}.pomo-sidebar-btn:hover{background:#f59e0b29;border-color:#f59e0b99;transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b33}.pomo-sb-icon{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#f59e0b,#d97706);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #f59e0b66}.pomo-sb-label{font-family:Outfit,sans-serif;font-size:13px;font-weight:700;color:#fbbf24;line-height:1.2}.pomo-sb-sub{font-size:10.5px;color:#fbbf2499;margin-top:1px}.pomo-sb-indicator{width:7px;height:7px;border-radius:50%;background:#f59e0b;margin-left:auto;flex-shrink:0;box-shadow:0 0 6px #f59e0bcc}.pomo-sb-indicator.running{animation:pulse-dot 1s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.cat-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:99px;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s;border:1.5px solid transparent;background:#ffffff12;color:var(--sidebar-text);margin:2px}.cat-chip.active{border-color:currentColor;background:#ffffff26}.cat-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.cats-wrap{display:flex;flex-wrap:wrap}#main-content{flex:1;margin-left:230px;transition:margin-left .3s;padding:20px;min-width:0}#week-grid{display:grid;grid-template-columns:repeat(7,minmax(148px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px}.day-column{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:18px;min-height:520px;display:flex;flex-direction:column;overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .2s;box-shadow:var(--glass-shadow);position:relative}.day-column:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#ffffff59,#ffffff0d,#fff0);border-radius:inherit;pointer-events:none;z-index:0}.day-column.today-col{border-color:#a855f780;box-shadow:0 0 0 2px #a855f733,var(--glass-shadow)}.day-column.drag-over{border-color:#7c3aedb3;background:#7c3aed1a}.day-column>*{position:relative;z-index:1}.day-col-header{padding:14px 14px 11px;border-bottom:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#ffffff4d,#ffffff1a);flex-shrink:0;backdrop-filter:blur(4px)}[data-theme=dark] .day-col-header{border-bottom:1px solid rgba(180,100,220,.15);background:linear-gradient(135deg,#b464dc1f,#64288c0f)}.day-col-name{font-family:Outfit,sans-serif;font-size:12px;font-weight:800;color:var(--text-2);text-transform:uppercase;letter-spacing:.1em}.day-col-date{font-size:11px;color:var(--text-muted);margin-top:2px}.day-col-badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:99px;background:#fff6;color:var(--text-muted);min-width:22px;text-align:center;backdrop-filter:blur(4px)}.today-badge{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 2px 8px #7c3aed66}.day-col-tasks{flex:1;padding:8px;min-height:200px;display:flex;flex-direction:column;gap:7px}.empty-day-msg{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 12px;text-align:center;color:var(--text-faint);gap:8px;pointer-events:none}.empty-day-msg .empty-icon{font-size:28px;opacity:.4}.empty-day-msg p{font-size:11.5px;line-height:1.4}.empty-day-add-btn{font-size:11px;font-weight:600;color:var(--primary);background:#7c3aed1a;border:1px dashed rgba(168,85,247,.5);border-radius:7px;padding:5px 10px;cursor:pointer;transition:all .15s;margin-top:4px;pointer-events:all;backdrop-filter:blur(4px)}.empty-day-add-btn:hover{background:#7c3aed33}.task-card{background:#ffffff80;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border:1px solid rgba(255,255,255,.6);border-radius:11px;padding:9px 11px;cursor:grab;transition:all .2s;position:relative;border-left-width:3px;user-select:none;animation:fadeSlideIn .22s ease;box-shadow:0 2px 12px #c8649614}[data-theme=dark] .task-card{background:#280f3c8c;border-color:#b464dc33;box-shadow:0 2px 12px #00000040}.task-card:hover{box-shadow:0 8px 28px #b4508c2e;transform:translateY(-2px);border-color:#fffc}[data-theme=dark] .task-card:hover{border-color:#c878f04d}.task-card.completed{opacity:.52}.task-card.completed .task-title{text-decoration:line-through;color:var(--text-muted)}.task-card.sortable-ghost{opacity:.35;background:#7c3aed1f;border:2px dashed rgba(124,58,237,.5)}.task-card.sortable-chosen{cursor:grabbing;box-shadow:0 16px 40px #7c3aed4d;transform:rotate(1.5deg) scale(1.03)}.task-time{font-size:10.5px;font-weight:600;color:var(--text-muted);letter-spacing:.03em;margin-bottom:3px}.task-title{font-family:Outfit,sans-serif;font-size:13px;font-weight:700;color:var(--text);line-height:1.3;margin-bottom:4px}.task-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.task-cat-chip{font-size:10px;font-weight:600;padding:2px 6px;border-radius:99px;background:#ffffff80;white-space:nowrap}[data-theme=dark] .task-cat-chip{background:#ffffff1a}.task-priority-chip{font-size:9.5px;font-weight:700;letter-spacing:.05em;padding:2px 6px;border-radius:99px;text-transform:uppercase}.p-high{background:#ef444424;color:#ef4444}.p-medium{background:#f59e0b24;color:#f59e0b}.p-low{background:#10b98124;color:#10b981}.task-gcal-badge{font-size:9px;font-weight:700;padding:1px 5px;border-radius:99px;background:#4285f424;color:#4285f4;display:inline-flex;align-items:center;gap:3px}.task-actions{position:absolute;right:7px;top:7px;display:none;align-items:center;gap:3px;background:#ffffffd9;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.7);border-radius:9px;padding:3px 4px;box-shadow:0 4px 14px #0000001f}[data-theme=dark] .task-actions{background:#1e0a32d9;border-color:#b464dc33}.task-card:hover .task-actions{display:flex}.task-action-btn{width:24px;height:24px;border-radius:6px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;color:var(--text-muted)}.task-action-btn:hover{background:#7c3aed1a;color:var(--primary)}.task-action-btn.complete-btn:hover{color:#10b981;background:#10b9811a}.task-action-btn.edit-btn:hover{color:var(--primary);background:#7c3aed1a}.task-action-btn.delete-btn:hover{color:#ef4444;background:#ef44441a}.task-action-btn.pomodoro-btn:hover{color:#f59e0b;background:#f59e0b1a}.task-action-btn.gcal-btn:hover{color:#4285f4;background:#4285f41a}#right-panel{width:240px;flex-shrink:0;background:#fff8fcd1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid rgba(255,192,213,.35);padding:16px;position:fixed;right:0;top:64px;height:calc(100vh - 64px);overflow-y:auto;transition:transform .3s;z-index:30;display:flex;flex-direction:column;gap:16px}[data-theme=dark] #right-panel{background:#10081cd1;border-left:1px solid rgba(140,60,180,.2)}#right-panel.hidden{transform:translate(240px)}.rp-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:14px;padding:14px;box-shadow:var(--glass-shadow)}.rp-title{font-family:Outfit,sans-serif;font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.day-stat-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,192,213,.2);font-size:12.5px}[data-theme=dark] .day-stat-row{border-bottom:1px solid rgba(180,100,220,.1)}.day-stat-row:last-child{border-bottom:none}.day-stat-label{color:var(--text-muted)}.day-stat-value{font-weight:800;color:var(--text);font-family:Outfit,sans-serif}#pomo-page{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#280a3c80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .3s}#pomo-page.open{opacity:1;pointer-events:all}.pomo-box{background:#fff8feeb;backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);border-radius:26px;width:100%;max-width:480px;padding:32px 30px;box-shadow:0 30px 80px #781e6440,inset 0 1px #fffc;border:1px solid rgba(255,200,230,.5);transform:scale(.93) translateY(24px);transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;align-items:center;position:relative;max-height:90vh;overflow-y:auto}[data-theme=dark] .pomo-box{background:#140824eb;border-color:#b450dc40;box-shadow:0 30px 80px #00000080,inset 0 1px #ffffff0d}#pomo-page.open .pomo-box{transform:scale(1) translateY(0)}.pomo-close{position:absolute;right:16px;top:16px;width:32px;height:32px;border-radius:8px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.pomo-close:hover{color:#ef4444;border-color:#ef4444;background:#ef444414}.pomo-page-title{font-family:Outfit,sans-serif;font-size:22px;font-weight:900;color:var(--text);margin-bottom:4px;display:flex;align-items:center;gap:10px;letter-spacing:-.03em}.pomo-page-subtitle{font-size:12.5px;color:var(--text-muted);margin-bottom:24px;text-align:center}.pomo-mode-btns{display:flex;gap:5px;margin-bottom:24px;background:#0000000f;border-radius:14px;padding:5px;width:100%}[data-theme=dark] .pomo-mode-btns{background:#ffffff0f}.pomo-mode-btn{flex:1;padding:8px 6px;border-radius:9px;border:none;background:transparent;font-size:11.5px;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all .2s;white-space:nowrap;font-family:Outfit,sans-serif;letter-spacing:-.01em}.pomo-mode-btn.active{background:#fff;color:var(--text);box-shadow:0 2px 10px #0000001a}[data-theme=dark] .pomo-mode-btn.active{background:#b450dc40;color:var(--text)}.pomo-ring-wrap{width:190px;height:190px;position:relative;margin-bottom:20px}.pomo-ring-wrap svg{transform:rotate(-90deg);width:190px;height:190px}.pomo-ring-time{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.pomo-time-big{font-family:Outfit,sans-serif;font-size:50px;font-weight:900;color:var(--text);line-height:1;letter-spacing:-3px}.pomo-time-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.pomo-task-active{font-size:12px;color:var(--text-muted);margin-bottom:18px;max-width:300px;text-align:center;font-style:italic;min-height:18px;line-height:1.4}.pomo-main-btns{display:flex;gap:10px;width:100%;margin-bottom:18px}.pomo-btn-start{flex:1;padding:14px;border-radius:13px;border:none;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-family:Outfit,sans-serif;font-size:15px;font-weight:800;cursor:pointer;transition:all .2s;box-shadow:0 4px 18px #f59e0b73;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:-.01em}.pomo-btn-start:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b8c}.pomo-btn-icon{width:50px;height:50px;border-radius:13px;border:1.5px solid var(--glass-border);background:var(--glass-bg);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}.pomo-btn-icon:hover{border-color:var(--text-muted);color:var(--text)}.pomo-sessions-row{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.pomo-dot{width:10px;height:10px;border-radius:50%;background:#0000001a;transition:all .3s}[data-theme=dark] .pomo-dot{background:#ffffff1f}.pomo-dot.done{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 0 6px #f59e0b99}.pomo-free-controls{width:100%;display:flex;gap:8px;margin-bottom:16px}.pomo-lap-btn{flex:1;padding:10px;border-radius:10px;border:1.5px solid rgba(99,102,241,.4);background:#6366f114;color:#7c3aed;font-family:Outfit,sans-serif;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.pomo-lap-btn:hover{background:#6366f12e;border-color:#6366f1b3}.pomo-lap-btn:disabled{opacity:.4;cursor:not-allowed}.pomo-laps-section{width:100%;border-top:1px solid rgba(0,0,0,.08);padding-top:16px}[data-theme=dark] .pomo-laps-section{border-top:1px solid rgba(255,255,255,.06)}.pomo-laps-title{font-family:Outfit,sans-serif;font-size:11px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.pomo-total-badge{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:800}.pomo-laps-list{display:flex;flex-direction:column;gap:5px;max-height:160px;overflow-y:auto}.pomo-lap-item{display:flex;justify-content:space-between;align-items:center;padding:7px 12px;border-radius:9px;background:#ffffff73;border:1px solid rgba(255,255,255,.6);font-size:12.5px}[data-theme=dark] .pomo-lap-item{background:#ffffff0f;border-color:#ffffff14}.pomo-lap-num{font-weight:700;color:var(--text-muted);font-family:Outfit,sans-serif}.pomo-lap-dur{font-weight:800;color:var(--primary);font-family:Outfit,sans-serif}.pomo-laps-empty{font-size:12px;color:var(--text-faint);text-align:center;padding:12px 0;font-style:italic}.modal-overlay{position:fixed;inset:0;background:var(--modal-overlay);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .2s;pointer-events:none}.modal-overlay.open{opacity:1;pointer-events:all}.modal-box{background:#fff8fef0;backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);border-radius:20px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 30px 70px #781e6440,inset 0 1px #fffc;border:1px solid rgba(255,200,230,.4);transform:scale(.95) translateY(14px);transition:transform .28s cubic-bezier(.34,1.56,.64,1);padding:28px}[data-theme=dark] .modal-box{background:#140824f0;border-color:#b450dc33;box-shadow:0 30px 70px #00000080}.modal-overlay.open .modal-box{transform:scale(1) translateY(0)}.modal-title{font-family:Outfit,sans-serif;font-size:20px;font-weight:900;color:var(--text);margin-bottom:22px;display:flex;align-items:center;gap:10px;letter-spacing:-.02em}.modal-close{margin-left:auto;width:32px;height:32px;border-radius:8px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}.modal-close:hover{color:#ef4444;border-color:#ef4444;background:#ef444414}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-family:Outfit,sans-serif}.form-input,.form-select,.form-textarea{width:100%;padding:10px 13px;border:1.5px solid rgba(200,150,220,.3);border-radius:10px;background:#fff9;color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s;backdrop-filter:blur(8px)}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{background:#ffffff0f;border-color:#b464dc33}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#a855f799;box-shadow:0 0 0 3px #a855f726}.form-textarea{resize:vertical;min-height:70px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.day-checkbox-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.day-check-label{display:flex;align-items:center;justify-content:center;padding:8px 4px;border-radius:9px;border:1.5px solid rgba(200,150,220,.3);cursor:pointer;font-size:12px;font-weight:700;color:var(--text-muted);transition:all .15s;text-align:center;font-family:Outfit,sans-serif}.day-check-label:has(input:checked){border-color:var(--primary);background:#7c3aed1f;color:var(--primary)}.day-check-label input{display:none}.priority-group{display:flex;gap:8px}.priority-opt{flex:1;padding:8px;border:1.5px solid rgba(200,150,220,.25);border-radius:9px;text-align:center;cursor:pointer;font-size:12.5px;font-weight:700;transition:all .15s;color:var(--text-muted);font-family:Outfit,sans-serif}.priority-opt:has(input:checked).high{border-color:#ef4444;background:#ef444414;color:#ef4444}.priority-opt:has(input:checked).med{border-color:#f59e0b;background:#f59e0b14;color:#f59e0b}.priority-opt:has(input:checked).low{border-color:#10b981;background:#10b98114;color:#10b981}.priority-opt input{display:none}#cat-preview-row{display:flex;align-items:center;gap:8px;margin-top:6px}#cat-preview-swatch{width:24px;height:24px;border-radius:6px;flex-shrink:0}#cat-preview-name{font-size:13px;font-weight:600;color:var(--text-muted)}.modal-footer{display:flex;gap:10px;margin-top:22px}.btn-secondary{flex:0 0 auto;padding:10px 18px;border:1.5px solid var(--glass-border);border-radius:10px;background:var(--glass-bg);color:var(--text-muted);font-family:Outfit,sans-serif;font-weight:700;font-size:14px;cursor:pointer;transition:all .15s}.btn-secondary:hover{border-color:var(--text-muted);color:var(--text)}.btn-save{flex:1}.form-error{font-size:11px;color:#ef4444;margin-top:4px;display:none}.form-error.show{display:block}.form-hint{font-size:11px;color:var(--text-muted);margin-top:4px;line-height:1.5}.settings-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(200,150,220,.2)}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section-title{font-family:Outfit,sans-serif;font-size:13px;font-weight:800;color:var(--text);margin-bottom:12px;display:flex;align-items:center;gap:8px}.gcal-status-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;margin-bottom:12px;font-size:12.5px;font-weight:600}.gcal-status-banner.connected{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.gcal-status-banner.disconnected{background:#f59e0b14;border:1px solid rgba(245,158,11,.25);color:#f59e0b}.gcal-import-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;border:1px solid var(--glass-border);margin-bottom:6px;font-size:12.5px;background:var(--glass-bg)}.gcal-import-item-title{font-weight:600;color:var(--text)}.gcal-import-item-time{font-size:11px;color:var(--text-muted)}.btn-import-item{padding:4px 10px;border-radius:6px;border:none;background:var(--primary);color:#fff;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s}.btn-import-item:hover{opacity:.85}.btn-danger{padding:9px 16px;border-radius:9px;border:1.5px solid rgba(239,68,68,.3);background:#ef44440f;color:#ef4444;font-family:Outfit,sans-serif;font-weight:700;font-size:13px;cursor:pointer;transition:all .15s}.btn-danger:hover{background:#ef44441f;border-color:#ef4444}.btn-success{padding:9px 16px;border-radius:9px;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-family:Outfit,sans-serif;font-weight:700;font-size:13px;cursor:pointer;transition:all .15s;box-shadow:0 2px 8px #10b9814d;display:flex;align-items:center;gap:6px}.btn-success:hover{transform:translateY(-1px)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c896dc4d;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#b464c880}#panel-toggle{position:fixed;right:248px;top:80px;width:26px;height:50px;border-radius:8px 0 0 8px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-right:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:31;color:var(--text-muted);transition:all .3s}#panel-toggle.closed{right:8px;border-radius:8px;border-right:1px solid var(--glass-border)}#panel-toggle:hover{color:var(--primary)}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:#1e0a32e0;backdrop-filter:blur(20px);color:#f5e6ff;padding:11px 22px;border-radius:12px;font-size:13.5px;font-weight:600;box-shadow:0 8px 30px #641e784d;z-index:999;transition:all .3s;opacity:0;pointer-events:none;white-space:nowrap;border:1px solid rgba(200,130,230,.3)}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:1200px){#main-content{margin-right:0}#right-panel{transform:translate(240px)}}@media(max-width:768px){#sidebar{transform:translate(-230px)}#sidebar.mobile-open{transform:translate(0)}#main-content{margin-left:0!important;padding:12px}#week-grid{grid-template-columns:repeat(3,minmax(130px,1fr))}.header-center{display:none}}@media(max-width:480px){#week-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media print{#app-header,#sidebar,#right-panel,.task-actions{display:none!important}#app-body{padding-top:0!important}#main-content{margin:0!important;padding:10px!important}#week-grid{grid-template-columns:repeat(7,1fr)!important;gap:6px!important}.day-column{break-inside:avoid;box-shadow:none!important;border:1px solid #ccc!important;background:#fff!important}body{background:#fff!important}}[data-theme=dark] .form-select option{background:#1a0a2e}#sync-badge{display:flex;align-items:center;gap:5px;font-family:Outfit,sans-serif;font-size:11px;font-weight:700;padding:5px 10px;border-radius:99px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-muted);cursor:default;flex-shrink:0;transition:all .3s}#sync-badge .sync-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;transition:background .3s}#sync-badge.synced .sync-dot{background:#10b981;box-shadow:0 0 6px #10b98199}#sync-badge.syncing .sync-dot{background:#f59e0b;animation:pulse-dot 1s ease-in-out infinite}#sync-badge.error .sync-dot{background:#ef4444}#sync-badge.offline .sync-dot{background:#94a3b8}#sync-badge.unconfigured{display:none}