:root{--font-serif: "Cormorant Garamond", Georgia, serif;--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--ivory: #F5F3EE;--pearl: #FAFAF9;--white: #FFFFFF;--sand: #E7E5E4;--warm-gray: #9A948A;--charcoal: #2D2926;--espresso: #1A1714;--accent: #C4A484;--accent-hover: #B8977A;--accent-muted: rgba(196, 164, 132, .08);--accent-border: rgba(196, 164, 132, .25);--sage: #8AAF8A;--sage-bg: rgba(138, 175, 138, .08);--soft-blue: #7B9EB8;--soft-blue-bg: rgba(123, 158, 184, .08);--alert-red: #C17B7B;--alert-bg: rgba(193, 123, 123, .06);--amber: #C4A464;--amber-bg: rgba(196, 164, 100, .08);--purple: #B4A0C4;--purple-bg: rgba(180, 160, 196, .08);--stone-50: #FAFAF9;--stone-100: #F5F5F4;--stone-200: #E7E5E4;--stone-300: #D6D3D1;--stone-400: #A8A29E;--stone-500: #78716C;--stone-600: #57534E;--stone-700: #44403C;--stone-800: #292524;--stone-900: #1C1917;--bg-glass: rgba(255, 255, 255, .6);--bg-glass-strong: rgba(255, 255, 255, .7);--border-glass: rgba(231, 229, 228, .6);--transition-fast: .15s ease;--transition-normal: .25s ease;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px}[data-theme=dark]{--ivory: #2D2926;--pearl: #352F2B;--white: #3A3430;--sand: #4A433D;--warm-gray: #A89E90;--charcoal: #C4B8A0;--espresso: #D6CCBC;--accent: #C4AA82;--accent-hover: #D1BA96;--accent-muted: rgba(196, 170, 130, .12);--accent-border: rgba(196, 170, 130, .25);--sage: #8CC98C;--sage-bg: rgba(140, 201, 140, .08);--soft-blue: #8BB4CC;--soft-blue-bg: rgba(139, 180, 204, .08);--alert-red: #E8A09A;--alert-bg: rgba(232, 160, 154, .08);--amber: #D4B474;--amber-bg: rgba(212, 180, 116, .08);--purple: #C4B0D4;--purple-bg: rgba(196, 176, 212, .08);--stone-50: #2D2926;--stone-100: #352F2B;--stone-200: #4A433D;--stone-300: #5C564E;--stone-400: #6B6259;--stone-500: #8A7E6E;--stone-600: #A89E90;--stone-700: #C4B8A0;--stone-800: #D6CCBC;--stone-900: #E8DFD0;--bg-glass: rgba(45, 41, 38, .8);--bg-glass-strong: rgba(45, 41, 38, .92);--border-glass: rgba(196, 184, 160, .12)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--espresso);background-image:radial-gradient(circle at 50% 0%,rgba(196,170,130,.08),transparent 50%);color:var(--white);padding:20px}.login-card{background:#2d292699;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(196,170,130,.15);border-radius:20px;padding:48px;width:100%;max-width:440px;text-align:center;box-shadow:0 24px 48px #0003}.login-header-group{margin-bottom:32px}.login-eyebrow{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.login-title{font-family:var(--font-serif);font-size:2.5rem;font-weight:300;color:var(--espresso)}[data-theme=dark] .login-title,.login-title{color:var(--white)!important}.login-subtitle{color:var(--warm-gray);font-size:1rem;margin-bottom:32px}.login-form{display:flex;flex-direction:column;gap:16px}.login-field input{width:100%;background:#0003;border:1px solid rgba(196,170,130,.2);border-radius:12px;padding:14px 16px;color:var(--white);font-family:var(--font-sans);font-size:1rem;outline:none;transition:all .2s ease}.login-field input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.login-button{background:var(--accent);color:var(--espresso);border:none;border-radius:12px;padding:14px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.login-button:hover{background:var(--accent-hover);transform:translateY(-1px)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-error{color:var(--alert-red);font-size:.85rem;margin-top:16px;padding:12px;background:var(--alert-bg);border-radius:8px}.login-footer{margin-top:32px;font-size:.75rem;color:var(--stone-500)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--ivory);color:var(--charcoal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-glass);position:fixed;top:0;left:0;right:0;z-index:100;height:48px}.editor-toolbar-left{display:flex;align-items:center;gap:12px}.editor-back-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--warm-gray);transition:all var(--transition-fast)}.editor-back-btn:hover{background:var(--accent-muted);color:var(--charcoal)}.editor-doc-title{font-size:.9rem;font-weight:500;color:var(--charcoal);border:none;background:none;outline:none;padding:4px 8px;border-radius:var(--radius-sm)}.editor-doc-title:focus{background:var(--pearl);box-shadow:0 0 0 2px var(--accent-muted)}.app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-body{display:flex;flex:1;overflow:hidden}.app-main{flex:1;overflow-y:auto;padding:40px;background-color:var(--ivory)}.app-header{padding:12px 24px;background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-glass);z-index:100;flex-shrink:0}.header-content{display:flex;justify-content:space-between;align-items:center}.header-left,.header-center,.header-right{display:flex;align-items:center;gap:16px}.header-center{flex:1;justify-content:center;max-width:600px;margin:0 40px}.header-logo{display:flex;align-items:center;gap:12px;cursor:pointer}.logo-circle{width:32px;height:32px;border-radius:var(--radius-md);background:var(--purple);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-family:var(--font-sans)}.brand-title{font-family:var(--font-sans);font-size:1.25rem;font-weight:600;color:var(--charcoal);margin:0}.badge-self-hosted{font-size:.75rem;font-weight:500;background:#7cb97c26;color:var(--sage);padding:4px 8px;border-radius:var(--radius-full)}.global-search{display:flex;align-items:center;width:100%;background:var(--stone-100);border-radius:var(--radius-md);padding:8px 16px;gap:12px;transition:all var(--transition-fast)}[data-theme=dark] .global-search{background:#c4b8a014}.global-search:focus-within{background:var(--pearl);box-shadow:0 0 0 2px var(--accent-muted)}.global-search input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-sans);font-size:.95rem;color:var(--charcoal)}.global-search input::placeholder{color:var(--warm-gray)}.search-icon{color:var(--warm-gray)}.icon-btn{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border-glass);background:transparent;color:var(--warm-gray);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.icon-btn:hover,.icon-btn.active{background:var(--stone-100);color:var(--charcoal)}[data-theme=dark] .icon-btn:hover,[data-theme=dark] .icon-btn.active{background:var(--accent-muted);color:var(--accent)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--purple);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:.9rem}.subtle-btn{background:none;border:none;color:var(--warm-gray);font-family:var(--font-sans);font-size:.9rem;cursor:pointer}.subtle-btn:hover{color:var(--charcoal)}.theme-toggle-switch{width:72px;height:36px;border:none;border-radius:999px;background:transparent;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.theme-toggle-track{width:72px;height:36px;border-radius:999px;position:relative;overflow:hidden;background:#62c1fa;transition:background .4s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 3px #0000001a}[data-theme=dark] .theme-toggle-track{background:#182236;box-shadow:inset 0 1px 4px #0006}.theme-toggle-scene{position:absolute;inset:0;z-index:1}.theme-toggle-cloud{position:absolute;background:#fff;border-radius:12px;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .4s ease}.theme-toggle-cloud:before,.theme-toggle-cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.theme-toggle-cloud--back{right:22px;top:8px;width:16px;height:8px;background:#fff9;transform:translate(0)}.theme-toggle-cloud--back:before{width:8px;height:8px;top:-4px;left:2px}.theme-toggle-cloud--back:after{width:10px;height:10px;top:-5px;right:2px}.theme-toggle-cloud--front{right:8px;top:15px;width:22px;height:10px;transform:translate(0)}.theme-toggle-cloud--front:before{width:10px;height:10px;top:-4px;left:2px}.theme-toggle-cloud--front:after{width:14px;height:14px;top:-6px;right:2px}[data-theme=dark] .theme-toggle-cloud{transform:translateY(20px);opacity:0}.theme-toggle-stars{position:absolute;left:6px;top:6px;width:24px;height:24px;opacity:0;transform:translateY(-20px);transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .4s ease}[data-theme=dark] .theme-toggle-stars{opacity:1;transform:translateY(0)}.theme-toggle-thumb{position:absolute;top:4px;left:4px;width:28px;height:28px;border-radius:50%;transform:translate(0);transition:transform .5s cubic-bezier(.34,1.56,.64,1);z-index:3;display:flex;align-items:center;justify-content:center}[data-theme=dark] .theme-toggle-thumb{transform:translate(36px)}.theme-toggle-icon{position:absolute;inset:-4px;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease,transform .5s cubic-bezier(.4,0,.2,1)}.theme-toggle-icon--sun{opacity:1;transform:rotate(0) scale(1)}[data-theme=dark] .theme-toggle-icon--sun{opacity:0;transform:rotate(-90deg) scale(.5)}.theme-toggle-icon--moon{opacity:0;transform:rotate(90deg) scale(.5)}[data-theme=dark] .theme-toggle-icon--moon{opacity:1;transform:rotate(0) scale(1)}.moon-glow{position:absolute;inset:-4px;border-radius:50%;background:radial-gradient(circle,rgba(120,200,255,.5) 0%,transparent 60%);z-index:-1}@media(prefers-reduced-motion:reduce){.theme-toggle-track,.theme-toggle-thumb,.theme-toggle-cloud,.theme-toggle-stars,.theme-toggle-icon{transition:none!important}}.app-sidebar{width:260px;background:var(--pearl);border-right:1px solid var(--border-glass);display:flex;flex-direction:column;padding:24px 16px;flex-shrink:0}[data-theme=dark] .app-sidebar{background:var(--ivory)}.sidebar-action{margin-bottom:32px}.primary-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--charcoal);color:var(--ivory);border:none;border-radius:var(--radius-md);padding:12px;font-family:var(--font-sans);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}[data-theme=dark] .primary-btn{background:var(--accent);color:var(--espresso)}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav-item{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-radius:var(--radius-md);color:var(--warm-gray);text-decoration:none;font-weight:500;font-size:.95rem;transition:all var(--transition-fast)}.nav-item-left{display:flex;align-items:center;gap:12px}.nav-item:hover{background:var(--stone-50);color:var(--charcoal)}.nav-item.active{background:var(--soft-blue-bg);color:var(--soft-blue)}[data-theme=dark] .nav-item:hover{background:#ffffff05;color:var(--white)}[data-theme=dark] .nav-item.active{background:#8bb4cc26;color:var(--soft-blue)}.nav-count{font-size:.8rem;background:var(--stone-100);padding:2px 8px;border-radius:var(--radius-full)}[data-theme=dark] .nav-count{background:#ffffff0d}.sidebar-storage{margin-top:auto;background:var(--stone-50);padding:16px;border-radius:var(--radius-lg);border:1px solid var(--border-glass)}[data-theme=dark] .sidebar-storage{background:#ffffff05}.storage-heading{font-size:.9rem;font-weight:600;color:var(--charcoal);margin-bottom:12px}.storage-progress-bar{height:6px;background:var(--stone-200);border-radius:var(--radius-full);margin-bottom:8px;overflow:hidden}[data-theme=dark] .storage-progress-bar{background:#ffffff1a}.storage-progress-fill{height:100%;background:var(--charcoal);border-radius:var(--radius-full)}[data-theme=dark] .storage-progress-fill{background:var(--accent)}.storage-text{font-size:.8rem;color:var(--warm-gray);margin:0}.home-dashboard{max-width:1000px;margin:0 auto}.dashboard-section{margin-bottom:48px}.section-header{margin-bottom:24px}.section-header.space-between{display:flex;justify-content:space-between;align-items:center}.section-header h2{font-family:var(--font-sans);font-size:1.5rem;font-weight:600;color:var(--charcoal);margin:0}.section-header h3{font-family:var(--font-sans);font-size:1.1rem;font-weight:600;color:var(--charcoal);display:flex;align-items:center;margin:0}.view-toggles{display:flex;gap:8px}.activity-card{background:var(--pearl);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:16px 24px}[data-theme=dark] .activity-card{background:var(--pearl)}.activity-item{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--border-glass)}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-item:first-child{padding-top:0}.avatar-small{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:#fff}.avatar-small.blue{background:#3b82f6}.avatar-small.red{background:#ec4899}.activity-item p{margin:0;font-size:.95rem;color:var(--charcoal)}.activity-item strong{font-weight:500}.activity-item .time{color:var(--soft-blue);font-size:.85rem;margin-left:8px}.doc-list-container{background:transparent}.doc-list-header{display:flex;align-items:center;padding:0 16px 12px;font-size:.75rem;font-weight:600;letter-spacing:.05em;color:var(--warm-gray);border-bottom:1px solid var(--border-glass)}.doc-list-row{display:flex;align-items:center;padding:16px;border-bottom:1px solid var(--border-glass);cursor:pointer;transition:all var(--transition-fast)}.doc-list-row:hover{background:var(--pearl)}[data-theme=dark] .doc-list-row:hover{background:#ffffff05}.doc-col-name{flex:2;display:flex;align-items:center;gap:16px}.doc-col-version,.doc-col-modified,.doc-col-size{flex:1;color:var(--warm-gray);font-size:.9rem}.doc-col-users{flex:.5;display:flex;align-items:center;gap:6px;color:var(--warm-gray);font-size:.9rem;justify-content:flex-end}.doc-star{color:var(--stone-300);cursor:pointer;display:flex;align-items:center}.doc-star.starred{color:#f59e0b}.doc-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.doc-icon--word{background:#3b82f61a;color:#3b82f6}.doc-icon--sheet{background:#10b9811a;color:#10b981}.doc-icon--slide{background:#f59e0b1a;color:#f59e0b}.doc-title-group{display:flex;flex-direction:column;gap:4px}.doc-title{font-weight:500;color:var(--charcoal);font-size:.95rem}.doc-live-indicator{font-size:.75rem;color:#10b981;display:flex;align-items:center;gap:4px}.live-dot{width:6px;height:6px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.app-launcher-btn{background:transparent;border:none;color:var(--warm-gray);cursor:pointer;padding:8px;border-radius:var(--radius-sm)}.app-launcher-btn:hover{background:var(--stone-100);color:var(--charcoal)}[data-theme=dark] .app-launcher-btn:hover{background:var(--accent-muted);color:var(--accent)}.app-launcher{position:relative}.app-launcher-popover{position:absolute;top:100%;right:0;margin-top:8px;width:296px;background:var(--pearl);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:0 10px 25px #0000001a;padding:16px;z-index:200}[data-theme=dark] .app-launcher-popover{background:#2d2926f2;box-shadow:0 10px 25px #00000080}.app-launcher-header{font-size:.7rem;font-weight:600;letter-spacing:.1em;color:var(--warm-gray);margin-bottom:12px;padding:0 8px}.app-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.app-tile{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 4px;border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.app-tile:hover:not(.coming-soon){background:var(--stone-100)}[data-theme=dark] .app-tile:hover:not(.coming-soon){background:#ffffff0d}.app-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:8px}.bg-color-0{background:#c4aa821a;color:#c4a484}.bg-color-1{background:#7cb97c14;color:#7cb97c}.bg-color-2{background:#a8b5c414;color:#a8b5c4}.bg-color-3{background:#c4a46414;color:#c4a464}.bg-color-4{background:#6cb4b814;color:#6cb4b8}.bg-color-5{background:#b4a0c414;color:#b4a0c4}.app-name{font-size:.8rem;font-weight:500;color:var(--charcoal);margin-bottom:2px}.app-subtitle{font-size:.65rem;color:var(--warm-gray);line-height:1.2}.coming-soon{opacity:.5;pointer-events:none}.app-launcher-tile--active{background:var(--stone-50);position:relative}[data-theme=dark] .app-launcher-tile--active{background:#ffffff05}.app-launcher-tile--active:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--accent);border-radius:var(--radius-full)}