@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--bg-base:#060810;--bg-surface:#0d122173;--bg-surface-opaque:#0d1221;--bg-surface-hover:#ffffff0d;--border-color:#ffffff14;--border-color-hover:#ffffff26;--color-primary:#00f2fe;--color-secondary:#4facfe;--color-accent:#f35588;--color-success:#00ff87;--color-warning:#ffb703;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dark:#0f172a;--shadow-main:0 8px 32px 0 #00000073;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--glass-blur:blur(20px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-main);height:100vh;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden}.bg-blobs{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.blob{filter:blur(120px);opacity:.15;border-radius:50%;animation:25s infinite alternate float-blobs;position:absolute}.blob-1{background:var(--color-primary);width:400px;height:400px;top:-10%;right:-10%}.blob-2{background:var(--color-accent);width:350px;height:350px;animation-delay:-5s;bottom:-10%;left:-10%}@keyframes float-blobs{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,-30px)scale(1.05)}to{transform:translate(-20px,20px)scale(.95)}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--shadow-main);border-radius:16px}h1,h2,h3,h4,.title-font{letter-spacing:-.01em;font-family:Outfit,sans-serif;font-weight:600}.app-container{width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.main-workspace{flex-grow:1;width:100%;height:100vh;display:flex;position:relative}.chat-pane{background:#0608101a;flex-direction:column;flex:1;height:100%;display:flex;position:relative}.menu-drawer-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;opacity:0;pointer-events:none;background:#0009;width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}.menu-drawer-overlay.open{opacity:1;pointer-events:auto}.menu-drawer{width:320px;max-width:85vw;height:100%;-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--border-color);z-index:101;background:#0a0e1af2;flex-direction:column;gap:20px;padding:24px;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:10px 0 40px #00000080}.menu-drawer.open{transform:translate(0)}.calendar-drawer-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;opacity:0;pointer-events:none;background:#0009;width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}.calendar-drawer-overlay.open{opacity:1;pointer-events:auto}.calendar-drawer{width:340px;max-width:90vw;height:100%;-webkit-backdrop-filter:var(--glass-blur);border-left:1px solid var(--border-color);z-index:101;background:#0a0e1af2;flex-direction:column;gap:20px;padding:24px;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-10px 0 40px #00000080}.calendar-drawer.open{transform:translate(0)}.menu-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;position:absolute;top:20px;right:20px}.menu-close-btn:hover{color:var(--text-main)}.icon-btn{background:var(--bg-surface);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-main);cursor:pointer;transition:var(--transition-smooth);border-radius:10px;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--bg-surface-hover);color:var(--color-primary);border-color:var(--border-color-hover)}.icon-btn-badge{background:var(--color-accent);color:#fff;width:18px;height:18px;box-shadow:0 0 8px var(--color-accent);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.bottom-sheet-overlay{-webkit-backdrop-filter:blur(2px);z-index:80;opacity:0;pointer-events:none;background:#0006;width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}.bottom-sheet-overlay.open{opacity:1;pointer-events:auto}.bottom-sheet{width:100%;max-height:80vh;-webkit-backdrop-filter:var(--glass-blur);border-top:1px solid var(--border-color-hover);z-index:85;background:#0d1221f2;border-radius:20px 20px 0 0;flex-direction:column;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:0;left:0;transform:translateY(100%);box-shadow:0 -10px 40px #0009}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet-handle{background:#fff3;border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:10px auto 4px}.bottom-sheet-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 24px 16px;display:flex}.bottom-sheet-body{flex-direction:column;flex-grow:1;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.bottom-sheet-footer{border-top:1px solid var(--border-color);background:#0d122180;flex-shrink:0;padding:16px 24px 24px}.input-group{flex-direction:column;gap:6px;display:flex}.input-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.input-field{border:1px solid var(--border-color);color:var(--text-main);transition:var(--transition-smooth);background:#ffffff0a;border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px}.input-field:focus{border-color:var(--color-primary);background:#ffffff14;outline:none;box-shadow:0 0 10px #00f2fe26}.btn{cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:var(--text-dark);box-shadow:0 4px 15px #00f2fe33}.btn-primary:active{transform:scale(.98)}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);background:#ffffff0d}.btn-secondary:active{background:#ffffff1a}.chat-header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:var(--glass-blur);z-index:10;background:#080a1480;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.chat-messages-container{flex-direction:column;flex-grow:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.chat-bubble{border-radius:16px;max-width:85%;padding:12px 16px;font-size:14px;line-height:1.5;animation:.25s ease-out fade-in}.chat-bubble.user{background:linear-gradient(135deg,#1e1b4b,#2e1065);border:1px solid #8b5cf640;border-bottom-right-radius:2px;align-self:flex-end}.chat-bubble.assistant{border:1px solid var(--border-color);background:#ffffff08;border-bottom-left-radius:2px;align-self:flex-start}.chat-bubble-meta{color:var(--text-muted);text-align:right;margin-top:4px;font-size:9px}.chat-attachment{background:#0003;border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:8px;font-size:11px;display:flex}.chat-attachment img{border-radius:4px;max-width:100%;max-height:120px}.chat-input-area{border-top:1px solid var(--border-color);-webkit-backdrop-filter:var(--glass-blur);background:#080a14b3;padding:16px}.chat-input-form{align-items:flex-end;gap:10px;display:flex}.chat-textarea-container{flex-grow:1;position:relative}.chat-textarea{border:1px solid var(--border-color);width:100%;min-height:44px;max-height:100px;color:var(--text-main);resize:none;transition:var(--transition-smooth);background:#ffffff08;border-radius:18px;outline:none;padding:11px 40px 11px 16px;font-family:inherit;font-size:14px}.chat-textarea:focus{border-color:var(--color-primary)}.attachment-trigger{color:var(--text-muted);cursor:pointer;position:absolute;top:10px;right:12px}.attachment-trigger:hover{color:var(--color-primary)}.status-indicator{border:1px solid var(--border-color);background:#ffffff08;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:11px;display:flex}.status-dot{border-radius:50%;width:6px;height:6px}.status-dot.online{background:var(--color-success);box-shadow:0 0 6px var(--color-success);animation:2s infinite pulse}.status-dot.offline{background:var(--color-accent)}.checklist-item{border:1px solid var(--border-color);background:#ffffff03;border-radius:12px;gap:10px;padding:12px;display:flex}.checklist-item.staged_delete{opacity:.55;background:#f3558805;border-color:#f3558840;text-decoration:line-through}.checklist-item.staged_create{background:#00ff8705;border-color:#00ff8740}.checklist-item.staged_update{background:#00f2fe05;border-color:#00f2fe40}.checklist-content{flex-grow:1}.checklist-title{margin-bottom:2px;font-size:14px;font-weight:600}.checklist-meta{color:var(--text-muted);flex-direction:column;gap:2px;font-size:11px;display:flex}.checklist-actions{flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex}.action-icon-btn{color:var(--text-muted);cursor:pointer;width:28px;height:28px;transition:var(--transition-smooth);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.action-icon-btn:hover{background:#ffffff0d}.action-icon-btn.edit:hover{color:var(--color-primary)}.action-icon-btn.delete:hover{color:var(--color-accent)}.action-icon-btn.undo:hover{color:var(--color-success)}.calendar-widget{padding:12px}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.calendar-nav-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.calendar-nav-btn:hover{background:#ffffff0d}.calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day-label{color:var(--text-muted);text-transform:uppercase;padding-bottom:4px;font-size:9px;font-weight:600}.calendar-cell{aspect-ratio:1;cursor:pointer;background:#ffffff03;border:1px solid #ffffff03;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;font-size:12px;font-weight:500;display:flex;position:relative}.calendar-cell.muted{color:#ffffff1f}.calendar-cell.today{border:1px solid var(--color-primary);background:#00f2fe08;font-weight:700}.calendar-cell-dots{justify-content:center;gap:2px;width:100%;display:flex;position:absolute;bottom:4px}.calendar-dot{border-radius:50%;width:4px;height:4px}.calendar-dot.synced{background:var(--color-secondary)}.calendar-dot.staged{background:var(--color-warning)}.calendar-dot.staged-delete{background:var(--color-accent)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:120;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out fade-in;display:flex;position:fixed;top:0;left:0}.modal-content{border:1px solid var(--border-color-hover);background:#0d1221;border-radius:16px;width:90%;max-width:420px;padding:24px;animation:.25s cubic-bezier(.34,1.56,.64,1) slide-up;box-shadow:0 20px 50px #0009}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.auth-container{justify-content:center;align-items:center;width:100%;height:100vh;padding:20px;display:flex}.auth-card{width:100%;max-width:380px;padding:24px}.auth-header{text-align:center;margin-bottom:20px}.settings-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #ffffff0d;margin-top:12px;padding-bottom:4px;font-size:10px}.settings-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.settings-profile{background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:10px;margin-top:auto;padding:12px 14px;display:flex}.settings-profile-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:flex}.alert-item{background:#ffffff05;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;display:flex}.alert-remove{color:var(--color-accent);cursor:pointer;font-weight:700}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}