:root{--background-color: #f4f7f9;--card-background: #ffffff;--sidebar-background: #ffffff;--text-primary: #1a202c;--text-secondary: #5a6474;--accent-color: #3b82f6;--accent-color-hover: #2563eb;--border-color: #e2e8f0;--input-background: #f8fafc;--danger-color: #ef4444;--danger-color-hover: #dc2626;--success-color: #22c55e;--skeleton-bg: #e2e8f0;--info-color: #0ea5e9;--warning-color: #f59e0b;--font-family: "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-primary)}.loading-screen{display:flex;justify-content:center;align-items:center;height:100%;font-size:1.2rem;color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes view-enter{0%{opacity:0;transform:scale(.98) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-container{display:flex;justify-content:center;align-items:flex-start;height:100%;overflow-y:auto;padding:2rem 1rem;animation:fadeIn .5s ease-out}.auth-scroll-wrapper{width:100%;display:flex;flex-direction:column;align-items:center}.auth-view-container{width:100%;max-width:400px;animation:view-enter .5s cubic-bezier(.25,.46,.45,.94) both}.auth-card{width:100%;background-color:var(--card-background);border-radius:12px;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #0000000d;padding:2.5rem;border:1px solid var(--border-color)}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo-title{display:flex;align-items:center;justify-content:center;gap:.75rem}.auth-logo{height:36px;width:36px}.auth-title{font-size:1.75rem;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-subtitle{margin-top:.5rem;color:var(--text-secondary);font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column}.form-label{font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text-secondary)}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--input-background);font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #3b82f633}.form-input:disabled{background-color:#f1f5f9;cursor:not-allowed}.forgot-password{font-size:.875rem;color:var(--accent-color);text-decoration:none;font-weight:500}.forgot-password:hover{text-decoration:underline}.submit-btn{width:100%;padding:.875rem;border:none;border-radius:8px;background-color:var(--accent-color);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .2s ease-out,box-shadow .2s ease-out}.submit-btn:hover:not(:disabled){background-color:var(--accent-color-hover);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.submit-btn:disabled{background-color:#93c5fd;cursor:not-allowed}.turnstile-container{margin:1rem 0}.oauth-section{margin-top:2rem;width:100%;max-width:400px;animation:view-enter .5s .2s cubic-bezier(.25,.46,.45,.94) both}.separator{display:flex;align-items:center;text-align:center;color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem}.separator:before,.separator:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.separator:not(:empty):before{margin-right:.5em}.separator:not(:empty):after{margin-left:.5em}.oauth-providers{display:flex;flex-direction:column;gap:.75rem}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.75rem;border-radius:8px;border:1px solid var(--border-color);background-color:var(--card-background);font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s ease-out,box-shadow .2s ease-out}.oauth-btn:hover{background-color:#f9fafb;transform:translateY(-2px);box-shadow:0 4px 8px #0000000f}.oauth-btn svg,.oauth-btn img{width:20px;height:20px}.auth-footer{text-align:center;margin-top:2rem;font-size:.9rem;color:var(--text-secondary)}.auth-footer a{color:var(--accent-color);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.workspace-container{display:flex;height:100vh;animation:fadeIn .5s ease-out}.sidebar-container{flex-shrink:0;background-color:var(--sidebar-background);border-right:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:space-between;transition:width .3s ease,margin-left .3s ease}.sidebar-content-wrapper{padding:1.5rem;flex-grow:1;overflow-y:auto}.sidebar{width:100%;display:flex;flex-direction:column;justify-content:space-between;height:100%}.sidebar-resizer{flex-shrink:0;width:5px;cursor:col-resize;background-color:transparent;transition:background-color .2s}.sidebar-resizer:hover{background-color:var(--accent-color)}.sidebar-header h2{font-size:1.5rem;font-weight:700;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logo-link{text-decoration:none;color:var(--text-primary);display:flex;align-items:center;gap:.75rem;overflow:hidden}.sidebar-logo{height:32px;width:32px;flex-shrink:0}.sidebar-nav{list-style:none;margin-top:2rem;display:flex;flex-direction:column;gap:.25rem}.sidebar-nav a,.sidebar-nav-link-disabled{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:8px;text-decoration:none;color:var(--text-secondary);font-weight:500;transition:background-color .2s,color .2s;cursor:pointer}.sidebar-nav a:hover{background-color:#f1f5f9;color:var(--text-primary)}.sidebar-nav a.active{background-color:#eef2ff;color:var(--accent-color)}.sidebar-separator{height:1px;background-color:var(--border-color);margin:1rem 0}.sidebar-nav-item-disabled{opacity:.6}.sidebar-nav-item-disabled .sidebar-nav-link-disabled{cursor:not-allowed}.sidebar-user{padding-top:1rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem}.user-email{font-size:.875rem;color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{width:100%;padding:.6rem 1rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--card-background);color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s}.logout-btn:hover{background-color:var(--danger-color);border-color:var(--danger-color);color:#fff}.sidebar-footer{flex-shrink:0;padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.notification-container{position:relative}.notification-btn{position:relative;background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.notification-btn:hover{background-color:#f1f5f9;color:var(--text-primary)}.notification-badge{position:absolute;top:6px;right:6px;width:8px;height:8px;background-color:var(--danger-color);border-radius:50%;border:1.5px solid var(--card-background)}.notification-panel{position:absolute;bottom:calc(100% + 10px);right:0;width:350px;max-width:90vw;max-height:400px;background-color:var(--card-background);border-radius:8px;border:1px solid var(--border-color);box-shadow:0 4px 12px #0000001a;z-index:100;display:flex;flex-direction:column;animation:fadeIn .2s ease-out}.notification-panel-header{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.notification-panel-header h3{font-size:1rem;font-weight:600}.notification-panel-header button{font-size:.8rem;color:var(--accent-color);background:none;border:none;cursor:pointer}.notification-list{overflow-y:auto;flex-grow:1}.notification-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--border-color)}.notification-item:last-child{border-bottom:none}.notification-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;background-color:var(--border-color);display:flex;align-items:center;justify-content:center;overflow:hidden}.notification-avatar img{width:100%;height:100%;object-fit:cover}.notification-avatar svg{width:20px;height:20px;color:var(--text-secondary)}.notification-content{flex-grow:1}.notification-content p{font-size:.9rem;line-height:1.4;margin:0 0 .25rem}.notification-timestamp{font-size:.75rem;color:var(--text-secondary)}.notification-actions{display:flex;gap:.5rem;flex-shrink:0;min-width:56px;justify-content:center}@keyframes notification-spinner-spin{to{transform:rotate(360deg)}}.notification-spinner{width:18px;height:18px;border:2px solid var(--accent-color);border-top-color:transparent;border-radius:50%;animation:notification-spinner-spin .6s linear infinite}.btn-icon.dismiss:hover{background-color:#f1f5f9;color:var(--text-primary)}.no-notifications{padding:2rem 1rem;text-align:center;color:var(--text-secondary)}.main-content{flex-grow:1;padding:2.5rem;overflow-y:auto;background-color:var(--background-color);height:100vh}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:700}.page-header p{margin-top:.5rem;color:var(--text-secondary);font-size:1rem}.content-card{background-color:var(--card-background);border-radius:12px;padding:2rem;border:1px solid var(--border-color);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #0000000d}.welcome-page{display:flex;flex-direction:column;height:100%}.welcome-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:center;flex-grow:1}.welcome-header h1{font-size:2.25rem;font-weight:700}.welcome-header .current-date{font-size:1rem;color:var(--text-secondary);margin-top:.5rem;margin-bottom:2rem}.welcome-header p{font-size:1.1rem;color:var(--text-secondary);max-width:500px;line-height:1.6}.welcome-illustration{display:flex;align-items:center;justify-content:center}.welcome-illustration svg{max-width:100%;height:auto}.quick-access-title{margin-top:3rem;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.quick-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.access-card{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border-radius:10px;border:1px solid var(--border-color);background-color:var(--card-background);text-decoration:none;color:var(--text-primary);transition:transform .2s ease,box-shadow .2s ease}.access-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #00000012,0 4px 6px -2px #0000000d}.access-card .icon-container{flex-shrink:0;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:#eef2ff;color:var(--accent-color)}.access-card h3{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.access-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.welcome-footer{text-align:center;padding-top:2rem;margin-top:auto;font-size:.9rem;color:var(--text-secondary)}.welcome-footer a{color:var(--accent-color);font-weight:500;text-decoration:none}.welcome-footer a:hover{text-decoration:underline}.todo-form{display:flex;gap:1rem;align-items:center}.todo-input-group{display:flex;flex-grow:1;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.todo-input-group:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 2px #3b82f633}.todo-input{flex-grow:1;padding:.75rem 1rem;border:none;background-color:var(--input-background);font-size:1rem}.todo-input:focus{outline:none}.todo-date-input{padding:.75rem 1rem;border:none;border-left:1px solid var(--border-color);background-color:var(--input-background);color:var(--text-secondary);font-family:inherit;font-size:.9rem}.todo-date-input:focus{outline:none}.todo-add-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;background-color:var(--accent-color);color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.todo-add-btn:hover{background-color:var(--accent-color-hover)}.todo-add-btn:disabled{background-color:#93c5fd;cursor:not-allowed}.todo-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--border-color);margin:2rem 0}.tab-btn{padding:.75rem 1.25rem;border:none;background:none;cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-secondary);border-bottom:2px solid transparent;transition:color .2s,border-color .2s;display:flex;align-items:center;gap:.5rem}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.task-count{font-size:.8rem;font-weight:600;padding:2px 6px;border-radius:10px;background-color:var(--border-color);color:var(--text-secondary)}.tab-btn.active .task-count{background-color:var(--accent-color);color:#fff}.todo-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem}@keyframes item-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.todo-item{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#fcfdff;border:1px solid var(--border-color);border-radius:10px;transition:background-color .3s,opacity .3s,transform .3s}.todo-item:hover{background-color:#f9fafb}.todo-item.new-item{animation:item-enter .5s ease-out}.todo-item.deleting-item{opacity:0;transform:scale(.95)}.todo-item.completed{background-color:#f1f5f9}.todo-item.completed .todo-text-content{color:var(--text-secondary)}.todo-checkbox{flex-shrink:0;width:20px;height:20px;accent-color:var(--accent-color);cursor:pointer}.todo-text-container{flex-grow:1}.todo-text{font-size:1rem;word-break:break-word;cursor:text;position:relative;transition:color .3s ease;display:block}.todo-due-date{font-size:.8rem;color:var(--text-secondary);margin-top:4px}.todo-text:after{content:"";position:absolute;left:0;top:50%;height:1.5px;width:0;background-color:var(--text-secondary);transition:width .3s ease}.todo-item.completed .todo-text:after{width:100%}.todo-edit-input{flex-grow:1;font-family:inherit;font-size:1rem;padding:0;margin:0;border:none;background:transparent;outline:none;color:var(--accent-color)}.todo-delete-btn{flex-shrink:0;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:color .2s,background-color .2s}.todo-delete-btn:hover{color:var(--danger-color);background-color:#fee2e2}.todo-message{text-align:center;padding:3rem 2rem;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:1rem;background-color:#f9fafb;border-radius:8px}.todo-message svg{width:48px;height:48px;color:#94a3b8}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-item{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#f9fafb;border:1px solid var(--border-color);border-radius:10px}.skeleton-checkbox,.skeleton-text{background-color:var(--skeleton-bg);border-radius:4px;background-image:linear-gradient(to right,var(--skeleton-bg) 0%,#f0f4f8 20%,var(--skeleton-bg) 40%,var(--skeleton-bg) 100%);background-repeat:no-repeat;background-size:800px 104px;animation:shimmer 1.5s linear infinite}.skeleton-checkbox{width:20px;height:20px;flex-shrink:0}.skeleton-text{height:20px;width:70%}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.calendar-header h2{font-size:1.5rem;font-weight:600;min-width:180px;text-align:center}.calendar-nav{display:flex;gap:.5rem}.calendar-nav-btn{background:none;border:1px solid var(--border-color);padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:background-color .2s,color .2s}.calendar-nav-btn.arrow{width:38px;height:38px}.calendar-nav-btn.today{padding:.5rem 1rem;font-weight:500}.calendar-nav-btn:hover{background-color:var(--input-background);color:var(--text-primary)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background-color:var(--border-color);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.calendar-day-header,.calendar-day-cell{background-color:var(--card-background);padding:.75rem}.calendar-day-header{font-weight:600;text-align:center;color:var(--text-secondary);font-size:.875rem}.calendar-day-cell{min-height:120px;color:var(--text-primary);transition:background-color .2s;cursor:pointer;display:flex;flex-direction:column;gap:.5rem}.calendar-day-cell:hover{background-color:#fcfdff}.calendar-day-cell.other-month{cursor:default}.calendar-day-cell.other-month .day-number{color:var(--text-secondary);opacity:.5}.day-number{font-weight:500;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;transition:background-color .2s,color .2s;margin-bottom:.25rem}.day-number.today{background-color:var(--accent-color);color:#fff;font-weight:700}.events-container{display:flex;flex-direction:column;gap:4px}.calendar-item{padding:4px 8px;border-radius:6px;font-size:.8rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:space-between;align-items:center;animation:item-enter .3s ease-out}.event-item{background-color:#eef2ff;color:#3730a3}.todo-event-item{background-color:#dcfce7;color:#15803d}.event-delete-btn{background:none;border:none;cursor:pointer;color:#64748b;padding:0;margin-left:4px;opacity:0;transition:opacity .2s}.event-item:hover .event-delete-btn{opacity:1}.event-delete-btn:hover{color:var(--danger-color)}.event-delete-btn svg{width:14px;height:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.2rem;border:1px solid transparent;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s ease-in-out}.btn:disabled{cursor:not-allowed;opacity:.65}.btn-primary{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.btn-primary:hover:not(:disabled){background-color:var(--accent-color-hover);border-color:var(--accent-color-hover);transform:translateY(-1px);box-shadow:0 2px 8px #3b82f633}.btn-secondary{background-color:var(--card-background);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:#f1f5f9;border-color:#d1d9e6}.btn-danger{background-color:var(--danger-color);color:#fff;border-color:var(--danger-color)}.btn-danger:hover:not(:disabled){background-color:var(--danger-color-hover);border-color:var(--danger-color-hover)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#101a2980;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:var(--card-background);padding:2rem;border-radius:12px;width:90%;max-width:450px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-content h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.modal-content p{color:var(--text-secondary);margin-bottom:1.5rem}.modal-actions{margin-top:1.5rem;display:flex;justify-content:flex-end;gap:.75rem}.skeleton-day-cell{background-color:var(--card-background);padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.skeleton-day-cell .day-number{margin-bottom:.25rem}.skeleton-event-bar{height:20px;width:90%;border-radius:4px;background-color:var(--skeleton-bg);background-image:linear-gradient(to right,var(--skeleton-bg) 0%,#f0f4f8 20%,var(--skeleton-bg) 40%,var(--skeleton-bg) 100%);background-repeat:no-repeat;background-size:800px 104px;animation:shimmer 1.5s linear infinite}.notes-module .content-card{padding:0}.notes-layout{display:flex;height:calc(100vh - 200px);border:1px solid var(--border-color);border-radius:12px;background-color:var(--card-background);overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #0000000d}.notes-sidebar{width:320px;flex-shrink:0;border-right:1px solid var(--border-color);display:flex;flex-direction:column}.notes-actions{padding:1rem;border-bottom:1px solid var(--border-color)}.new-note-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;border-radius:8px;border:1px solid var(--border-color);background-color:var(--card-background);font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.new-note-btn:hover{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.new-note-btn:disabled{background-color:#e2e8f0;border-color:#e2e8f0;color:var(--text-secondary);cursor:not-allowed}.notes-list-container{overflow-y:auto;flex-grow:1}.notes-list{list-style:none}.note-item{padding:1rem 1.25rem;cursor:pointer;border-bottom:1px solid var(--border-color);transition:background-color .2s}.note-item:last-child{border-bottom:none}.note-item:hover{background-color:#f9fafb}.note-item.active{background-color:#eef2ff}.note-item-title{font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.note-item-date{font-size:.8rem;color:var(--text-secondary)}.notes-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;color:var(--text-secondary);height:100%}.notes-empty-state svg{width:40px;height:40px;margin-bottom:1rem;color:#94a3b8}.note-editor{flex-grow:1;display:flex;flex-direction:column;height:100%}.note-editor-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.note-title-input{flex-grow:1;font-size:1.5rem;font-weight:700;border:none;outline:none;background:transparent;padding:.5rem 0}.saving-status{font-size:.8rem;color:var(--text-secondary);font-style:italic;transition:opacity .3s}.note-editor-main{display:grid;grid-template-columns:1fr 1fr;flex-grow:1;overflow:hidden}.note-content-textarea{width:100%;height:100%;padding:1.5rem;font-family:var(--font-family);font-size:1rem;line-height:1.6;border:none;outline:none;resize:none;background:transparent;border-right:1px solid var(--border-color)}.note-preview-pane{height:100%;overflow-y:auto;padding:1.5rem}.note-editor-empty-state{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;color:var(--text-secondary)}.note-editor-empty-state svg{width:48px;height:48px;margin-bottom:1rem;color:#94a3b8}.note-preview-pane h1,.note-preview-pane h2,.note-preview-pane h3,.note-preview-pane h4{margin-top:1.5rem;margin-bottom:1rem;font-weight:600}.note-preview-pane h1{font-size:1.8rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.note-preview-pane h2{font-size:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.note-preview-pane h3{font-size:1.25rem}.note-preview-pane p{margin-bottom:1rem;line-height:1.7}.note-preview-pane a{color:var(--accent-color);text-decoration:none}.note-preview-pane a:hover{text-decoration:underline}.note-preview-pane ul,.note-preview-pane ol{padding-left:2rem;margin-bottom:1rem}.note-preview-pane li>p{margin-bottom:.25rem}.note-preview-pane blockquote{padding-left:1rem;border-left:4px solid var(--border-color);color:var(--text-secondary);margin:1.5rem 0}.note-preview-pane code{background-color:#f1f5f9;padding:3px 6px;border-radius:4px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.9em}.note-preview-pane pre{background-color:#f1f5f9;padding:1rem;border-radius:8px;overflow-x:auto;margin-bottom:1rem}.note-preview-pane pre code{padding:0;background:transparent}.note-preview-pane table{width:100%;border-collapse:collapse;margin-bottom:1rem}.note-preview-pane th,.note-preview-pane td{border:1px solid var(--border-color);padding:.75rem 1rem}.note-preview-pane th{background-color:#f8fafc;font-weight:600}.note-preview-pane img{max-width:100%;height:auto;border-radius:8px}.note-preview-pane hr{border:none;border-top:1px solid var(--border-color);margin:2rem 0}.notes-sidebar-skeleton{width:320px;flex-shrink:0;border-right:1px solid var(--border-color);padding:1rem}.skeleton-note-item{padding:1rem 0;display:flex;flex-direction:column;gap:.5rem}.skeleton-note-item .skeleton-text{height:16px;border-radius:4px}.note-editor-skeleton{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.docs-module{height:100%;display:flex;flex-direction:column}.docs-layout{display:flex;flex-grow:1;border:1px solid var(--border-color);border-radius:12px;background-color:var(--card-background);overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #0000000d}.docs-sidebar{width:280px;flex-shrink:0;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background-color:#fcfdff;transition:width .3s ease,margin-left .3s ease}.docs-editor-wrapper{flex-grow:1;display:flex;flex-direction:column;height:100%}.docs-editor-header{padding:.75rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.docs-title-input{flex-grow:1;font-size:1.25rem;font-weight:600;border:none;outline:none;background:transparent;padding:.5rem 0}.docs-toolbar{padding:.5rem 1.25rem;border-bottom:1px solid var(--border-color);display:flex;gap:.25rem;flex-wrap:wrap;flex-shrink:0;background-color:#fcfdff}.toolbar-btn{background:none;border:1px solid transparent;border-radius:6px;padding:.4rem;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.toolbar-btn:hover{background-color:#f1f5f9;color:var(--text-primary)}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed;background-color:transparent;color:var(--text-secondary)}.toolbar-btn.active{background-color:#eef2ff;color:var(--accent-color)}.docs-editor-main{flex-grow:1;display:grid;overflow:hidden}.docs-content-textarea{width:100%;height:100%;padding:1.5rem;font-family:var(--font-family);font-size:1rem;line-height:1.7;border:none;outline:none;resize:none;background-color:var(--card-background);transition:background-color .2s,border-color .2s}.docs-preview-pane{height:100%;overflow-y:auto;padding:1.5rem;border-left:1px solid var(--border-color)}.docs-editor-wrapper.dragging-over .docs-content-textarea{border:2px dashed var(--accent-color);background-color:#f4f8ff}.docs-statusbar{padding:.5rem 1.5rem;border-top:1px solid var(--border-color);font-size:.8rem;color:var(--text-secondary);text-align:right;flex-shrink:0;background-color:#fcfdff}.cloud-header{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:1.5rem}.cloud-actions{margin-bottom:0;flex-shrink:0}.storage-quota{flex-grow:1}.quota-header{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:.5rem;color:var(--text-secondary)}.quota-bar{width:100%;height:8px;background-color:var(--border-color);border-radius:4px;overflow:hidden}.quota-bar-inner{height:100%;background-color:var(--accent-color);border-radius:4px;transition:width .5s ease}.upload-progress-bar{width:100%;height:8px;background-color:var(--border-color);border-radius:4px;margin-bottom:1.5rem;overflow:hidden}.upload-progress{height:100%;background-color:var(--info-color);border-radius:4px;transition:width .3s ease}.cloud-error-message{background-color:#fee2e2;color:var(--danger-color-hover);padding:.75rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.file-list-container{margin-top:2rem}.file-table{width:100%;border-collapse:collapse}.file-table th,.file-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color);font-size:.9rem}.file-table th{color:var(--text-secondary);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.file-table th:nth-child(2),.file-table td:nth-child(2),.file-table th:nth-child(4),.file-table td:nth-child(4){text-align:right!important}.file-row:hover{background-color:#f9fafb}.file-cell-name{display:flex;align-items:center;gap:1rem;font-weight:500;color:var(--text-primary)}.file-cell-name svg{flex-shrink:0;color:var(--text-secondary)}.file-cell-name span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.file-action-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.file-action-btn:hover{background-color:#f1f5f9;color:var(--text-primary)}.file-action-btn.danger:hover{background-color:#fee2e2;color:var(--danger-color)}.content-card.dragging-over{border-style:dashed;border-color:var(--accent-color);background-color:#f4f8ff}@keyframes toast-in{0%{transform:translateY(20px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes toast-out{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(20px) scale(.9);opacity:0}}.toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:.75rem}.toast{width:350px;max-width:90vw;padding:1rem 1.25rem;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;align-items:center;gap:1rem;color:#fff;animation:toast-in .3s ease-out forwards}.toast.exiting{animation:toast-out .3s ease-in forwards}.toast-icon{flex-shrink:0}.toast-message{flex-grow:1;font-size:.9rem;font-weight:500;line-height:1.4}.toast-close-btn{background:none;border:none;color:inherit;opacity:.7;cursor:pointer;padding:.25rem;transition:opacity .2s}.toast-close-btn:hover{opacity:1}.toast-error{background-color:var(--danger-color)}.toast-success{background-color:var(--success-color)}.toast-info{background-color:var(--info-color)}.forms-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.forms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.form-card{background-color:var(--card-background);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #0000000d;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease}.form-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #00000012,0 4px 6px -2px #0000000d}.form-card-content{padding:1.5rem}.form-card-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-card-responses{font-size:.9rem;color:var(--text-secondary)}.form-card-actions{border-top:1px solid var(--border-color);padding:.75rem 1.5rem;display:flex;flex-wrap:wrap;gap:1rem;background-color:#fcfdff;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.form-action-btn{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:none;border:none;cursor:pointer;text-decoration:none;padding:.25rem .5rem;border-radius:6px;transition:color .2s,background-color .2s}.form-action-btn:hover{color:var(--text-primary);background-color:#f1f5f9}.back-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:var(--text-secondary);text-decoration:none;margin-bottom:1.5rem}.back-link:hover{color:var(--text-primary)}.form-editor-layout{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:flex-start}.editor-main-content{display:flex;flex-direction:column;gap:1.5rem}.editor-pages-sidebar{position:sticky;top:2.5rem}.page-item{padding:.75rem 1rem;border-radius:8px;cursor:pointer;border:1px solid transparent;transition:background-color .2s,border-color .2s;margin-bottom:.5rem;font-weight:500;display:flex;justify-content:space-between;align-items:center}.page-item:hover{background-color:#f1f5f9}.page-item.active{background-color:#eef2ff;color:var(--accent-color);border-color:var(--accent-color)}.page-item input{font-weight:500;border:none;background:transparent;padding:0;width:100%;outline:none}.add-page-btn{width:100%;margin-top:1rem}.form-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.form-editor-header h1{font-size:1.8rem;font-weight:700}.form-details-card{margin-bottom:2rem}.form-title-input,.form-description-input{width:100%;border:none;background:transparent;padding:.5rem 0}.form-title-input:focus,.form-description-input:focus{outline:none}.form-title-input{font-size:2rem;font-weight:700;margin-bottom:.5rem}.form-description-input{font-size:1rem;color:var(--text-secondary);resize:none;font-family:inherit}.questions-list{display:flex;flex-direction:column;gap:1.5rem}.question-card{padding:1.5rem}.question-header{display:flex;gap:1rem;margin-bottom:1rem}.question-text-input{flex-grow:1;font-size:1.1rem;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:8px}.question-text-input:focus{border-color:var(--accent-color);outline:none}.question-description-input{width:100%;font-family:inherit;font-size:.9rem;color:var(--text-secondary);padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:8px;resize:vertical;margin-bottom:1.5rem}.question-type-select{font-size:1rem;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--input-background)}.options-editor{display:flex;flex-direction:column;gap:.75rem;padding-left:1rem;border-left:2px solid var(--border-color)}.option-item{display:flex;align-items:center;gap:.75rem}.option-input{flex-grow:1;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px}.delete-option-btn{background:none;border:none;cursor:pointer;font-size:1.5rem;color:var(--text-secondary);line-height:1}.delete-option-btn:hover{color:var(--danger-color)}.add-option-btn{background:none;border:none;cursor:pointer;color:var(--accent-color);font-weight:500;align-self:flex-start;padding:.25rem}.add-option-btn:hover{text-decoration:underline}.question-footer{margin-top:1.5rem;text-align:right}.delete-question-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:6px;transition:background-color .2s,color .2s}.delete-question-btn:hover{background-color:#fee2e2;color:var(--danger-color)}.form-controls-card{margin-top:2rem}.form-toggle-control{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--border-color)}.form-toggle-control:last-child{border-bottom:none}.form-toggle-control label{font-weight:500}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--accent-color)}input:checked+.slider:before{transform:translate(20px)}.delete-form-section{margin-top:1.5rem}.submissions-list{display:flex;flex-direction:column;gap:1.5rem}.submission-card{padding:1.5rem}.submission-date{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.answers-list{display:flex;flex-direction:column;gap:1rem}.answer-item dt{font-weight:600;margin-bottom:.25rem}.answer-item dd{color:var(--text-secondary);padding-left:1rem;border-left:2px solid var(--border-color);word-break:break-word}.public-form-container{width:100%;max-width:700px}.public-form-card{padding:2.5rem}.public-form-header{text-align:center;margin-bottom:2rem;border-bottom:1px solid var(--border-color);padding-bottom:2rem}.public-form-header h1{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.public-form-header p{color:var(--text-secondary);font-size:1rem}.public-form{display:flex;flex-direction:column;gap:2rem}.public-form .form-group{gap:.75rem}.public-form .form-label{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.public-form .question-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem}.option-group{display:flex;align-items:center;gap:.75rem}.option-group input[type=radio],.option-group input[type=checkbox]{width:18px;height:18px}.option-group label{font-size:1rem}.public-form-nav{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.public-form-nav .btn{font-size:1rem;padding:.75rem 1.5rem}.public-form-progress{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.form-stopped-message,.form-login-message{text-align:center;padding:2rem}.form-stopped-message h2,.form-login-message h2{font-size:1.25rem;margin-bottom:.5rem}.form-stopped-message p,.form-login-message p{color:var(--text-secondary)}.form-login-message a{color:var(--accent-color);font-weight:500}.shortcuts-table{width:100%;border-collapse:collapse;margin-top:1.5rem}.shortcuts-table th,.shortcuts-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}.shortcuts-table th{font-weight:600;font-size:.9rem;color:var(--text-secondary)}.shortcuts-table code{background-color:var(--input-background);border:1px solid var(--border-color);padding:2px 6px;border-radius:6px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.9em;color:var(--text-primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-icon-spinning{animation:spin 1.5s linear infinite}.emmiery-page-container .content-card{padding:0;height:calc(100vh - 220px);display:flex;flex-direction:column}.emmiery-messages-area{flex-grow:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.emmiery-message-wrapper{display:flex;gap:1rem;max-width:85%}.emmiery-message-wrapper.user{align-self:flex-end;flex-direction:row-reverse}.emmiery-message-wrapper.assistant{align-self:flex-start}.emmiery-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;background-color:var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--accent-color)}.emmiery-message-content{padding:.75rem 1.25rem;border-radius:18px;line-height:1.6}.emmiery-message-wrapper.user .emmiery-message-content{background-color:var(--accent-color);color:#fff;border-bottom-right-radius:4px}.emmiery-message-wrapper.assistant .emmiery-message-content{background-color:var(--input-background);color:var(--text-primary);border-bottom-left-radius:4px}.emmiery-message-content p:last-child{margin-bottom:0}.emmiery-input-form{display:flex;align-items:flex-start;padding:1rem;border-top:1px solid var(--border-color);background-color:var(--card-background);flex-shrink:0}.emmiery-input{flex-grow:1;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;resize:none;font-family:inherit;font-size:1rem;line-height:1.5;max-height:150px;overflow-y:auto}.emmiery-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #3b82f633}.emmiery-send-btn{flex-shrink:0;width:48px;height:48px;margin-left:.75rem;border:none;border-radius:8px;background-color:var(--accent-color);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.emmiery-send-btn:hover:not(:disabled){background-color:var(--accent-color-hover)}.emmiery-send-btn:disabled{background-color:#93c5fd;cursor:not-allowed}@keyframes sparkle-orbit{0%{transform:rotate(0) translate(8px) scale(1);opacity:.7}50%{transform:rotate(180deg) translate(8px) scale(1.5);opacity:1}to{transform:rotate(360deg) translate(8px) scale(1);opacity:.7}}.emmiery-avatar svg{overflow:visible}.emmiery-avatar .sparkle-main{transform-origin:12px 12px}.emmiery-avatar .sparkle-s1,.emmiery-avatar .sparkle-s2,.emmiery-avatar .sparkle-s3,.emmiery-avatar .sparkle-s4{animation-name:sparkle-orbit;animation-timing-function:linear;animation-iteration-count:infinite;transform-origin:12px 12px}.emmiery-avatar .sparkle-s1{animation-duration:4s}.emmiery-avatar .sparkle-s2{animation-duration:3s;animation-delay:-1s;animation-direction:reverse}.emmiery-avatar .sparkle-s3{animation-duration:5s;animation-delay:-2s}.emmiery-avatar .sparkle-s4{animation-duration:3.5s;animation-delay:-3s;animation-direction:reverse}@keyframes dots-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.loading-dots span{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--text-secondary);animation:dots-bounce 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes emmiery-popup-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.emmiery-popup{position:fixed;bottom:2rem;right:2rem;width:500px;max-width:90vw;height:650px;max-height:80vh;background-color:var(--card-background);border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;z-index:1000;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color);animation:emmiery-popup-in .3s ease-out}.emmiery-chat-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.emmiery-chat-header .header-title{display:flex;align-items:center;gap:.75rem}.emmiery-chat-header .header-title h1{font-size:1.5rem;margin:0}.emmiery-chat-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.emmiery-popup-close-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.emmiery-popup-close-btn:hover{background-color:#f1f5f9;color:var(--text-primary)}.emmiery-popup .emmiery-chat-container,.emmiery-page-container .emmiery-chat-container{height:100%;margin-top:0;border-radius:0;padding:0;border:none;box-shadow:none;display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.emmiery-builder-container{display:flex;flex-direction:column;gap:1.5rem}.emmiery-builder-container .form-input{background-color:var(--input-background)}.emmiery-builder-container .emmiery-input{width:100%;max-height:250px}.emmiery-result-container{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.emmiery-result-header{display:flex;justify-content:space-between;align-items:center}.emmiery-result-header h4{font-size:1.25rem;font-weight:600}.emmiery-result-header .result-actions{display:flex;gap:.5rem}.emmiery-thinking-container{margin-top:1.5rem;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border:1px dashed var(--border-color);border-radius:8px;background-color:var(--input-background)}.emmiery-thinking-container p{font-weight:500;color:var(--text-secondary)}.emmiery-preview-container{padding:1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--input-background);max-height:400px;overflow-y:auto}.emmiery-todo-preview-list{list-style:none;padding:0}.emmiery-todo-preview-item{display:flex;align-items:center;gap:.75rem;font-size:1rem;padding:.5rem 0}.emmiery-form-preview h4{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.emmiery-form-preview-question{margin-bottom:1.5rem}.emmiery-form-preview-question p{font-weight:500;margin-bottom:.75rem}.emmiery-form-preview-question ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.coming-soon-badge,.early-release-badge,.beta-badge,.alpha-badge{font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:10px;margin-left:.5rem;vertical-align:middle;text-transform:capitalize}.alpha-badge{color:#fff;background-color:var(--danger-color);transition:transform .2s ease-out,box-shadow .2s ease-out}.beta-badge{color:#854d0e;background-color:#fde047;border:1px solid #facc15}.early-release-badge{color:#1e40af;background-color:#dbeafe;border:1px solid #bfdbfe}.coming-soon-badge{color:#334155;background-color:#e2e8f0;border:1px solid #cbd5e1}.coming-soon-badge-wrapper,.early-release-badge-wrapper,.alpha-badge-wrapper,.beta-badge-wrapper{position:relative;display:inline-flex;vertical-align:middle}.alpha-badge-wrapper:hover .alpha-badge{transform:scale(1.1);box-shadow:0 0 8px #ef4444b3}.beta-badge-wrapper:hover .beta-badge{transform:scale(1.1);box-shadow:0 0 8px #facc15b3}.early-release-badge-wrapper:hover .early-release-badge{transform:scale(1.1);box-shadow:0 0 8px #60a5fab3}.coming-soon-tooltip,.early-release-tooltip,.alpha-tooltip,.beta-tooltip{position:absolute;bottom:125%;left:0;transform:none;background-color:var(--text-primary);color:var(--card-background);padding:.5rem .75rem;border-radius:6px;font-size:.8rem;font-weight:500;white-space:normal;width:220px;z-index:10;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;box-shadow:0 2px 8px #00000026}.coming-soon-tooltip:after,.early-release-tooltip:after,.alpha-tooltip:after,.beta-tooltip:after{content:"";position:absolute;top:100%;left:20px;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--text-primary) transparent transparent transparent}.coming-soon-badge-wrapper:hover .coming-soon-tooltip,.early-release-badge-wrapper:hover .early-release-tooltip,.alpha-badge-wrapper:hover .alpha-tooltip,.beta-badge-wrapper:hover .beta-tooltip{opacity:1;visibility:visible}.docs-layout{position:relative}.docs-page-sidebar{width:250px;flex-shrink:0;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background-color:#fcfdff;transition:width .3s ease,margin-left .3s ease}.docs-page-sidebar .notes-actions{flex-shrink:0}.docs-page-list-container{flex-grow:1;overflow-y:auto;padding:.5rem}.docs-page-item{padding:.75rem;border-radius:8px;cursor:pointer;border:1px solid transparent;transition:background-color .2s;margin-bottom:.5rem}.docs-page-item:hover{background-color:#f1f5f9}.docs-page-item.active{background-color:#eef2ff;border-color:#c7d2fe}.docs-page-item-number{font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.docs-page-item-preview{font-size:.8rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.docs-comments-sidebar{position:absolute;right:0;top:0;bottom:0;width:320px;background-color:var(--card-background);border-left:1px solid var(--border-color);z-index:10;display:flex;flex-direction:column;box-shadow:-5px 0 15px -5px #0000000d;transition:transform .3s ease-in-out}.docs-comments-sidebar.hidden{transform:translate(100%)}.comments-header{padding:1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.comments-header h3{font-size:1.1rem;font-weight:600}.comments-list{flex-grow:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.comment-item{background-color:#f9fafb;border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem}.comment-item-user{font-size:.8rem;font-weight:600;margin-bottom:.25rem}.comment-item-text{font-size:.9rem;line-height:1.5;word-break:break-word}.comment-add-form{padding:1rem;border-top:1px solid var(--border-color)}.comment-textarea{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:6px;font-family:inherit;font-size:.9rem;resize:vertical;margin-bottom:.5rem}.comment-textarea:focus{outline:none;border-color:var(--accent-color)}.snapshot-list{list-style:none;padding:0;max-height:400px;overflow-y:auto}.snapshot-item{padding:1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.snapshot-item:last-child{border-bottom:none}.snapshot-item:hover{background-color:#f9fafb}.snapshot-date{font-weight:500}.share-modal-content{max-width:500px}.share-link-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--input-background);font-size:1rem;margin-top:.5rem}.public-doc-viewer{max-width:800px;margin:2rem auto;padding:2rem;background-color:var(--card-background);border:1px solid var(--border-color);border-radius:12px}.public-doc-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:1rem;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.public-doc-info h1{font-size:1.8rem;font-weight:700;margin-bottom:.25rem}.public-doc-actions{display:flex;gap:.75rem;flex-shrink:0;margin-left:1rem}.public-doc-actions .btn{padding:.5rem 1rem;font-size:.875rem}.doc-meta{font-size:.9rem;color:var(--text-secondary)}.workspace-container.fullscreen-mode .sidebar-container,.workspace-container.fullscreen-mode .sidebar-resizer,.workspace-container.fullscreen-mode .mobile-menu-btn{display:none}.workspace-container.fullscreen-mode .main-content{padding:0;height:100vh;max-height:100vh;background-color:var(--background-color)}.workspace-container.fullscreen-mode .docs-module,.workspace-container.fullscreen-mode .docs-layout{height:100%;border-radius:0;border:none;box-shadow:none;background-color:transparent}.workspace-container.fullscreen-mode .docs-sidebar,.workspace-container.fullscreen-mode .docs-page-sidebar,.workspace-container.fullscreen-mode .page-header,.workspace-container.fullscreen-mode .docs-statusbar{display:none}.workspace-container.fullscreen-mode .docs-editor-wrapper{position:relative;height:100%}.workspace-container.fullscreen-mode .fullscreen-hover-trigger{position:absolute;top:0;left:0;right:0;height:20px;z-index:11}.workspace-container.fullscreen-mode .fullscreen-hover-trigger:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:40px;height:5px;background-color:var(--border-color);border-radius:0 0 10px 10px;transition:all .2s ease-in-out;cursor:pointer}.workspace-container.fullscreen-mode .fullscreen-hover-trigger:hover:after{background-color:var(--accent-color);height:6px;bottom:-6px}.workspace-container.fullscreen-mode .fullscreen-controls-container{position:absolute;top:0;left:0;right:0;z-index:10;opacity:0;transform:translateY(-100%);transition:transform .3s ease-out,opacity .3s ease-out;pointer-events:none}.workspace-container.fullscreen-mode .fullscreen-hover-trigger:hover+.fullscreen-controls-container,.workspace-container.fullscreen-mode .fullscreen-controls-container:hover{opacity:1;transform:translateY(0);pointer-events:auto}.workspace-container.fullscreen-mode .fullscreen-controls-container .docs-editor-header,.workspace-container.fullscreen-mode .fullscreen-controls-container .docs-toolbar{background-color:var(--card-background);box-shadow:0 2px 8px #0000001a}.workspace-container.fullscreen-mode .fullscreen-controls-container .docs-editor-header{border-radius:0 0 8px 8px}.workspace-container.fullscreen-mode .docs-editor-main{height:100%;background:var(--card-background)}.workspace-container.fullscreen-mode .docs-content-textarea,.workspace-container.fullscreen-mode .docs-preview-pane{padding-top:1rem;font-size:1.1rem}.exit-fullscreen-btn{position:fixed;top:1rem;right:1rem;z-index:10000}.public-doc-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color)}.public-doc-pagination .btn{padding:.5rem 1rem}.md-export-page-list{list-style:none;max-height:300px;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px;padding:.5rem;margin:1rem 0}.md-export-page-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:6px}.md-export-page-item:hover{background-color:#f9fafb}.md-export-page-item input{width:18px;height:18px}.diff-modal-content .modal-content{max-width:700px}.diff-preview{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin-top:1rem;max-height:400px;overflow-y:auto;line-height:1.6;white-space:pre-wrap;word-break:break-word}.diff-preview ins{background-color:#dcfce7;color:#166534;text-decoration:none}.diff-preview del{background-color:#fee2e2;color:#991b1b;text-decoration:line-through}.chat-layout{display:flex;height:calc(100vh - 200px);border-radius:12px;background-color:var(--card-background);overflow:hidden}.chat-sidebar{width:280px;flex-shrink:0;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background-color:#fcfdff}.chat-sidebar-header{padding:1rem;border-bottom:1px solid var(--border-color)}.chat-sidebar-header .form-input{background-color:var(--card-background)}.channel-list{list-style:none;overflow-y:auto;flex-grow:1;padding:.5rem}.channel-item{padding:.75rem 1rem;cursor:pointer;border-radius:8px;transition:background-color .2s;font-weight:500}.channel-item:hover{background-color:#f1f5f9}.channel-item.active{background-color:var(--accent-color);color:#fff}.friend-list-section{margin-bottom:1.5rem}.friend-list-section .channel-list-header{padding:0 .5rem .5rem}.pending-friend-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-radius:6px}.pending-friend-item:hover{background-color:#f1f5f9}.btn-icon{background:none;border:none;cursor:pointer;padding:.4rem;border-radius:50%;margin-left:.5rem}.btn-icon.accept:hover{background-color:#dcfce7;color:var(--success-color)}.btn-icon.decline:hover{background-color:#fee2e2;color:var(--danger-color)}.friend-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--border-color);display:flex;align-items:center;justify-content:center}.friend-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.chat-main{flex-grow:1;display:flex;flex-direction:column}.chat-main-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.chat-main-header h2{font-size:1.25rem;font-weight:600}.message-area{flex-grow:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:.25rem}.message-wrapper{display:flex;gap:.75rem;max-width:85%}.message-avatar{width:32px;height:32px;flex-shrink:0}.message-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.message-body{display:flex;flex-direction:column}.message-sender-info{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.25rem}.message-sender-name{font-weight:600}.message-timestamp{font-size:.75rem;color:var(--text-secondary)}.message-content{padding:.75rem 1rem;border-radius:12px;background-color:var(--input-background);border:1px solid var(--border-color);word-break:break-word;max-width:fit-content}.message-content p:last-child{margin-bottom:0}.message-input-form{display:flex;padding:1rem;border-top:1px solid var(--border-color);background-color:#fcfdff;align-items:center}.message-input{flex-grow:1;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;resize:none;font-family:inherit;font-size:1rem;line-height:1.5;max-height:120px;overflow-y:auto}.message-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #3b82f633}.message-send-btn{flex-shrink:0;width:48px;height:48px;margin-left:.75rem;border:none;border-radius:8px;background-color:var(--accent-color);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.message-send-btn:hover:not(:disabled){background-color:var(--accent-color-hover)}.message-send-btn:disabled{background-color:#93c5fd;cursor:not-allowed}.message-file-attachment{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--card-background);width:100%;max-width:400px}.message-file-attachment svg{flex-shrink:0;color:var(--text-secondary)}.message-file-attachment .file-info{flex-grow:1;overflow:hidden}.message-file-attachment .file-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.message-file-attachment .btn{padding:.5rem 1rem;font-size:.875rem;flex-shrink:0}.chat-sidebar-skeleton .skeleton-text{height:38px;margin-bottom:.5rem}.message-area-skeleton{padding:1.5rem}.skeleton-message{display:flex;gap:.75rem;max-width:60%;margin-bottom:1rem}.skeleton-message.sent{align-self:flex-end;flex-direction:row-reverse}.skeleton-message .skeleton-text{height:40px;border-radius:18px}.profile-card{max-width:1000px}.profile-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.avatar-container{position:relative;width:100px;height:100px;flex-shrink:0}.profile-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--card-background);box-shadow:0 2px 4px #0000001a;background-color:var(--border-color);display:flex;align-items:center;justify-content:center}.avatar-upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;cursor:pointer}.avatar-container:hover .avatar-upload-overlay{opacity:1}.profile-info{flex-grow:1}.profile-info h2{font-size:1.5rem;font-weight:600;margin:0;word-break:break-all}.profile-info p{color:var(--text-secondary)}.profile-grid{display:grid;grid-template-columns:2fr 1fr;gap:2.5rem}.profile-main-content,.profile-sidebar-content{display:flex;flex-direction:column;gap:1.5rem}.profile-form .form-group{margin-bottom:0}.bio-textarea{width:100%;min-height:120px;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--input-background);font-size:1rem;font-family:inherit;resize:vertical}.social-links-section{display:flex;flex-direction:column;gap:.75rem}.social-link-input-group{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.social-link-input-group:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 2px #3b82f633}.social-link-input-group .social-icon-wrapper{padding:.6rem;background-color:var(--input-background);display:flex;align-items:center;justify-content:center;border-right:1px solid var(--border-color)}.social-link-input-group img{width:20px;height:20px}.social-link-input-group input{flex-grow:1;border:none;padding:.75rem 1rem;background:transparent;font-size:.95rem}.social-link-input-group input:focus{outline:none}.status-selector{display:flex;align-items:center;gap:.75rem}.status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.status-dot.status-online{background-color:var(--success-color)}.status-dot.status-away{background-color:#f59e0b}.status-dot.status-busy{background-color:var(--danger-color)}.status-dot.status-offline{background-color:#94a3b8}.linked-accounts-section{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.linked-account-badge{width:36px;height:36px;padding:6px;border:1px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:#f9fafb}.linked-account-badge svg,.linked-account-badge img{width:24px;height:24px}.profile-actions{grid-column:1 / -1;text-align:right;margin-top:2rem;border-top:1px solid var(--border-color);padding-top:2rem}.verification-info{font-size:.875rem;color:var(--text-secondary);background-color:var(--input-background);padding:1rem;border-radius:8px;margin-top:1rem;border:1px solid var(--border-color);word-break:break-all}.verification-info code{background-color:var(--border-color);padding:2px 6px;border-radius:4px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.public-profile-viewer{max-width:800px;margin:2rem auto}.public-profile-viewer .profile-header{border:none;padding:0;margin:0}.public-profile-viewer .social-links-section{flex-direction:row;flex-wrap:wrap}.public-profile-viewer .social-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;padding:.5rem;border-radius:6px}.public-profile-viewer .social-link:hover{color:var(--text-primary);background-color:var(--input-background)}.public-profile-viewer .social-link img{width:24px;height:24px;object-fit:contain}.domain-input-group{display:flex;align-items:stretch;gap:.5rem}.domain-status{font-size:.8rem;font-weight:600;padding:0 .5rem;border-radius:4px;display:inline-flex;align-items:center;margin-left:.5rem}.domain-status.verified{background-color:#dcfce7;color:#166534}.domain-status.pending{background-color:#fef9c3;color:#854d0e}.domain-status.failed{background-color:#fee2e2;color:#991b1b}.public-profile-link-container{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.share-link-group{display:flex;gap:.5rem;align-items:center}.share-link-group input{flex-grow:1;background-color:var(--input-background)}.share-link-group button{padding:.75rem 1rem;font-size:.875rem;border-radius:8px;border:1px solid var(--border-color);background-color:var(--card-background);cursor:pointer}.avatar-cropper-modal .modal-content{max-width:500px;padding-bottom:1rem}.cropper-container{position:relative;width:100%;height:300px;background:#f1f5f9;border-radius:8px;overflow:hidden}.cropper-controls{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.zoom-slider{width:100%}.teams-layout-wrapper{background-color:var(--card-background);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #0000000d;height:calc(100vh - 200px);overflow:hidden}.teams-layout{display:flex;height:100%}.teams-sidebar{width:72px;flex-shrink:0;background-color:#f1f5f9;padding:1rem 0;display:flex;flex-direction:column;align-items:center;gap:.75rem;border-right:1px solid var(--border-color)}.team-list{list-style:none;width:100%;display:flex;flex-direction:column;align-items:center;gap:.75rem}.team-icon-btn{width:48px;height:48px;border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;background-color:var(--card-background);border:2px solid transparent;cursor:pointer;transition:all .2s ease;overflow:hidden;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.team-icon-btn:hover{border-radius:16px}.team-icon-btn.active{border-radius:16px;border-color:var(--accent-color)}.team-icon-btn img{width:100%;height:100%;object-fit:cover}.add-team-btn{background-color:#e2e8f0;color:var(--text-secondary)}.add-team-btn:hover{background-color:var(--accent-color);color:#fff}.channels-panel{width:260px;flex-shrink:0;background-color:#f8fafc;border-right:1px solid var(--border-color);display:flex;flex-direction:column}.channels-panel-header{padding:1.25rem 1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.channels-panel-header h3{font-size:1.1rem;font-weight:600}.settings-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:50%}.settings-btn:hover{background-color:var(--border-color)}.channels-panel-actions{padding:1rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.channel-list-nav{padding:1rem;flex-grow:1;overflow-y:auto}.channel-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;color:var(--text-secondary);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;padding:0 .75rem}.add-channel-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.add-channel-btn:hover{background-color:var(--border-color)}.channel-list-nav .channel-list{list-style:none;padding:0}.channel-list-nav .channel-list a{display:block;padding:.5rem .75rem;border-radius:6px;text-decoration:none;color:var(--text-secondary);font-weight:500;transition:background-color .2s,color .2s}.channel-list-nav .channel-list a:hover{background-color:#eef2ff;color:var(--text-primary)}.channel-list-nav .channel-list a.active{background-color:var(--accent-color);color:#fff}.channel-hashtag{margin-right:.5rem;color:#94a3b8}.channel-list-nav .channel-list a.active .channel-hashtag{color:#a5b4fc}.chat-main-view{flex-grow:1;display:flex;flex-direction:column;background-color:var(--card-background)}.chat-main-view.empty{align-items:center;justify-content:center}.chat-main-view .chat-main-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.chat-main-view .chat-main-header h2{font-size:1.25rem;font-weight:600}.chat-main-view .chat-main-header p{font-size:.9rem;color:var(--text-secondary);margin-top:.25rem}.team-settings-modal{max-width:600px;padding:0}.settings-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color)}.settings-header h3{margin:0}.settings-layout{display:flex}.settings-tabs{width:180px;flex-shrink:0;padding:1.5rem 1rem;border-right:1px solid var(--border-color)}.settings-tabs .tab-btn{width:100%;justify-content:flex-start;border-radius:6px;border-bottom:none}.settings-tabs .tab-btn.active{background-color:var(--accent-color);color:#fff}.settings-content{padding:1.5rem 2rem;flex-grow:1}.settings-content h4{font-size:1.1rem;font-weight:600;margin-bottom:1rem}.settings-content .form-group{margin-bottom:1rem}.member-list{list-style:none;margin-top:1rem;max-height:200px;overflow-y:auto}.member-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.member-item img{width:32px;height:32px;border-radius:50%;object-fit:cover}.owner-badge{font-size:.75rem;font-weight:600;color:var(--accent-color);background-color:#eef2ff;padding:2px 6px;border-radius:4px;margin-left:.5rem}.invite-form{display:flex;gap:.5rem;margin-bottom:1rem}.danger-zone{border:2px solid var(--danger-color);border-radius:8px;padding:1rem}.danger-zone p{margin-bottom:1rem;color:var(--text-primary)}.project-view{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.kanban-board{display:flex;gap:1rem;padding:1.5rem;flex-grow:1;overflow-x:auto}.kanban-column{flex:1;min-width:280px;background-color:#f1f5f9;border-radius:8px;padding:1rem;display:flex;flex-direction:column}.kanban-column-title{font-size:1rem;font-weight:600;padding-bottom:1rem;border-bottom:2px solid var(--border-color);margin-bottom:1rem}.kanban-tasks{display:flex;flex-direction:column;gap:.75rem;flex-grow:1;min-height:50px}.task-card{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:6px;padding:1rem;cursor:grab;box-shadow:0 1px 3px #0000000d}.add-task-form input{width:100%;padding:.75rem;border:none;border-radius:6px;background-color:transparent}.add-task-form input:focus{outline:none;background-color:var(--card-background);box-shadow:0 0 0 2px var(--accent-color)}.mobile-menu-btn{display:none;position:fixed;top:1.5rem;left:1.5rem;z-index:1100;background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:.5rem;cursor:pointer;box-shadow:0 4px 6px #0000001a}.mobile-menu-btn svg{width:24px;height:24px;stroke:var(--text-primary)}.mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998}@media (max-width: 992px){.profile-grid{grid-template-columns:1fr}}@media (max-width: 768px){.workspace-container{flex-direction:column}.sidebar-resizer{display:none}.sidebar-container{position:fixed;top:0;left:0;height:100%;width:280px!important;z-index:999;transform:translate(-100%);transition:transform .3s ease-in-out;border-right:1px solid var(--border-color)}.sidebar-container.open{transform:translate(0);box-shadow:5px 0 15px #0000001a}.main-content{width:100%;padding:5rem 1.5rem 1.5rem}.mobile-menu-btn,.mobile-overlay.open{display:block}.welcome-grid{grid-template-columns:1fr}.welcome-illustration{display:none}.todo-form{flex-direction:column;align-items:stretch}.docs-layout{flex-direction:column;height:auto}.docs-page-sidebar{width:100%;position:static;border-right:none;border-bottom:1px solid var(--border-color)}}