@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&display=swap";:root{--color-black: #0a0a0a;--color-white: #ffffff;--color-dark: #1a1a1a;--color-darker: #121212;--color-neutral-100: #2a2a2a;--color-neutral-300: #404040;--color-neutral-500: #8a8a8a;--color-neutral-700: #d1d1d1;--color-neutral-900: #f5f5f5;--color-purple: #8b5cf6;--color-purple-light: #a78bfa;--color-purple-dark: #7c3aed;--color-orange: #ff6b00;--color-orange-light: #ff8533;--color-orange-dark: #e55100;--gradient-metallic-purple: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 25%, #7c3aed 50%, #8b5cf6 75%, #a78bfa 100%);--gradient-metallic-orange: linear-gradient(135deg, #ff8533 0%, #ff6b00 25%, #e55100 50%, #ff6b00 75%, #ff8533 100%);--glow-purple: 0 0 20px rgba(139, 92, 246, .8), 0 0 40px rgba(139, 92, 246, .6), 0 0 60px rgba(139, 92, 246, .4);--glow-orange: 0 0 20px rgba(255, 107, 0, .8), 0 0 40px rgba(255, 107, 0, .6), 0 0 60px rgba(255, 107, 0, .4);--glow-text-purple: 0 0 10px rgba(139, 92, 246, .8), 0 0 20px rgba(139, 92, 246, .6);--glow-text-orange: 0 0 10px rgba(255, 107, 0, .8), 0 0 20px rgba(255, 107, 0, .6);--glow-intense-purple: 0 0 30px rgba(139, 92, 246, 1), 0 0 60px rgba(139, 92, 246, .8), 0 0 90px rgba(139, 92, 246, .6), 0 0 120px rgba(139, 92, 246, .4);--glow-intense-orange: 0 0 30px rgba(255, 107, 0, 1), 0 0 60px rgba(255, 107, 0, .8), 0 0 90px rgba(255, 107, 0, .6), 0 0 120px rgba(255, 107, 0, .4);--font-primary: "Manrope", sans-serif;--font-mono: ui-monospace, monospace;--transition-fast: .15s ease-out;--transition-normal: .2s ease-out}html:not(.dark-theme){--color-black: #ffffff;--color-white: #0a0a0a;--color-dark: #fafafa;--color-darker: #f5f5f5;--color-neutral-100: #e5e5e5;--color-neutral-300: #cccccc;--color-neutral-500: #666666;--color-neutral-700: #333333;--color-neutral-900: #0a0a0a;--glow-purple: 0 0 15px rgba(139, 92, 246, .6), 0 0 30px rgba(139, 92, 246, .4);--glow-orange: 0 0 15px rgba(255, 107, 0, .6), 0 0 30px rgba(255, 107, 0, .4);--glow-text-purple: 0 0 8px rgba(139, 92, 246, .6), 0 0 15px rgba(139, 92, 246, .4);--glow-text-orange: 0 0 8px rgba(255, 107, 0, .6), 0 0 15px rgba(255, 107, 0, .4)}organization-view,project-view{display:none}body.view-organization organization-view{display:block}body.view-project project-view{display:block}.main-layout{display:none}body.view-editor .main-layout{display:grid}.app-header{display:none}body.view-editor .app-header{display:flex}@font-face{font-family:Open Sans;src:url(/assets/OpenSans-Light-CA6MmX5Y.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(/assets/OpenSans-Medium-DZ-idlEA.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(/assets/OpenSans-Bold-nh4UhjrU.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Light-Cbfxly1I.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Medium-CpRznguy.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Bold-BSrD1I5P.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--c-bg: #ffffff;--c-bg-soft: #f8f9fa;--c-border: #e9ecef;--c-text-primary: #212529;--c-text-secondary: #6c757d;--c-brand-primary: #6c5ce7;--c-brand-primary-dark: #5f3dc4;--c-brand-secondary: #00b894;--c-white-text: #ffffff;--font-primary: "Montserrat", Arial, sans-serif;--font-secondary: "Open Sans", Arial, sans-serif;--c-bg: var(--color-black);--c-bg-soft: var(--color-dark);--c-border: var(--color-neutral-300);--c-text-primary: var(--color-neutral-900);--c-text-secondary: var(--color-neutral-700);--c-brand-primary: var(--color-purple);--c-brand-primary-dark: var(--color-purple-dark);--c-shadow: rgba(0, 0, 0, .1);--c-white-text: var(--color-white);--font-primary: "Manrope", sans-serif;--font-secondary: "Manrope", sans-serif;font-family:var(--font-primary);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light}html.dark-theme{--c-bg: var(--color-darker);--c-bg-soft: var(--color-dark);--c-border: var(--color-neutral-300);--c-text-primary: var(--color-neutral-900);--c-text-secondary: var(--color-neutral-700);--c-brand-primary: var(--color-purple);--c-brand-primary-dark: var(--color-purple-dark);--c-brand-secondary: #20c997;--c-shadow: rgba(0, 0, 0, .4);--c-white-text: var(--color-white);color-scheme:dark}html.dark-theme *,html.dark-theme *:before,html.dark-theme *:after{--c-bg: var(--color-darker);--c-bg-soft: var(--color-dark);--c-border: var(--color-neutral-300);--c-text-primary: var(--color-neutral-900);--c-text-secondary: var(--color-neutral-700);--c-brand-primary: var(--color-purple);--c-brand-primary-dark: var(--color-purple-dark);--c-brand-secondary: #20c997;--c-shadow: rgba(0, 0, 0, .4)}html.dark-theme comment-system,html.dark-theme timeline-markers,html.dark-theme video-player,html.dark-theme multimedia-review-component{--c-bg: var(--color-darker) !important;--c-bg-soft: var(--color-dark) !important;--c-border: var(--color-neutral-300) !important;--c-text-primary: var(--color-neutral-900) !important;--c-text-secondary: var(--color-neutral-700) !important;--c-brand-primary: var(--color-purple) !important;--c-brand-primary-dark: var(--color-purple-dark) !important;--c-brand-secondary: #20c997 !important;--c-shadow: rgba(0, 0, 0, .4) !important}body{font-family:var(--font-primary);margin:0;min-height:100vh;transition:background .3s ease}.app-container{color:var(--c-text-primary)}comment-system,timeline-markers,video-player,multimedia-review-component,actions-component,sidebar-component{--c-bg: var(--c-bg);--c-bg-soft: var(--c-bg-soft);--c-border: var(--c-border);--c-text-primary: var(--c-text-primary);--c-text-secondary: var(--c-text-secondary);--c-brand-primary: var(--c-brand-primary);--c-brand-primary-dark: var(--c-brand-primary-dark);--c-brand-secondary: var(--c-brand-secondary);--c-shadow: var(--c-shadow);--c-white-text: var(--c-white-text)}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);font-weight:500}button,.btn,.tab-btn{font-family:var(--font-primary);font-weight:500}.app-logo,.section-title,.sidebar-title{font-family:var(--font-secondary);font-weight:500}body{font-family:Manrope,sans-serif;margin:0;padding:0;background:var(--color-black);color:var(--color-white);min-height:100vh;transition:background .3s ease;overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.dark-theme body{background:var(--color-black)}html:not(.dark-theme) .app-header{background:var(--color-black);border-bottom-color:var(--color-neutral-300)}.project-selector{position:relative}.project-selector-button{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--color-white);font-size:14px;font-weight:500;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all var(--transition-fast);font-family:Manrope,sans-serif;outline:none}.project-selector-button:focus{outline:none}.project-selector-button:focus-visible{box-shadow:0 0 0 2px #8b5cf64d}.project-selector-button:hover{background:#ffffff0d}.project-selector-button[aria-expanded=true]{background:#ffffff14}html:not(.dark-theme) .project-selector-button[aria-expanded=true]{background:#0000000f;border-color:var(--color-purple);box-shadow:inset 2px 2px 4px #d4d3d8,inset -2px -2px 4px #fff;transform:translateY(0)}.project-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-icon{transition:transform var(--transition-fast);opacity:.6;color:var(--color-neutral-500)}.project-selector-button[aria-expanded=true] .dropdown-icon{transform:rotate(180deg)}.project-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-10px);background:#1a1d24f2;border:1px solid var(--color-neutral-800);border-radius:8px;padding:8px;min-width:280px;max-width:320px;box-shadow:0 10px 30px #00000080;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-selector-button[aria-expanded=true]+.project-dropdown,.project-dropdown.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.project-dropdown-header{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-neutral-500);padding:4px 8px;margin-bottom:4px}.project-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all var(--transition-fast);text-align:left;gap:2px}.project-item:hover{background:#ffffff0d}.project-item.active{background:#8b5cf626;position:relative}.project-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--color-purple);border-radius:0 2px 2px 0}.project-item-name{font-size:13px;font-weight:500;color:var(--color-white)}.project-item-date{font-size:11px;color:var(--color-neutral-500)}.project-dropdown-divider{height:1px;background:var(--color-neutral-800);margin:8px 0}.project-item.new-project{flex-direction:row;align-items:center;gap:8px;color:var(--color-purple)}.project-item.new-project:hover{background:#8b5cf61a}.project-item.new-project .project-item-name{color:inherit}.project-selector.show-dropdown .project-dropdown{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}html:not(.dark-theme) .project-selector-button{color:var(--color-neutral-900);border:1px solid var(--color-neutral-300);box-shadow:4px 4px 8px #d4d3d8,-4px -4px 8px #fff}html:not(.dark-theme) .project-name{color:var(--color-neutral-900)}html:not(.dark-theme) .project-selector-button:hover{background:#00000008;border-color:var(--color-neutral-400);box-shadow:6px 6px 12px #d4d3d8,-6px -6px 12px #fff;transform:translateY(-.5px)}html:not(.dark-theme) .project-dropdown{background:var(--color-white);border-color:var(--color-neutral-300);box-shadow:0 10px 25px #0000001a}html:not(.dark-theme) .project-item:hover{background:#0000000d}html:not(.dark-theme) .project-item.active{background:#8b5cf61a}html:not(.dark-theme) .project-item-name{color:var(--color-neutral-900)}html:not(.dark-theme) .project-dropdown-divider{background:var(--color-neutral-300)}html:not(.dark-theme) .header-btn{border-color:var(--color-neutral-500)}html:not(.dark-theme) .header-btn:hover{background:#8b5cf61a;border-color:var(--color-purple)}html:not(.dark-theme) .app-logo{color:var(--color-neutral-900)}.user-profile-container{position:relative;display:inline-flex;flex-direction:column;align-items:flex-end}.user-info{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#0003;border-radius:6px;border:1px solid rgba(255,255,255,.1);transition:all var(--transition-fast)}html:not(.dark-theme) .user-info{background:#0000000d;border-color:#0000001a}.user-icon{color:var(--color-purple);opacity:.8}.user-email{font-size:11px;color:#ffffffb3;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html:not(.dark-theme) .user-email{color:var(--color-neutral-700)}.user-profile-container .plan-badge{position:absolute;top:calc(100% - 1px);right:0;display:block}.plan-badge-content{display:block;position:relative;border-radius:0;padding:4px 8px 2px;font-family:Manrope,sans-serif;font-size:10px;font-weight:700;line-height:.5;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;transition:all .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 4px rgba(0,0,0,.6);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.plan-badge-content:hover{filter:brightness(1.1);transform:translateY(-1px)}.plan-badge:not(.creator) .plan-badge-content{clip-path:inset(0 0 0 0)}.plan-badge:not(.creator) .plan-badge-content:before{content:"";position:absolute;top:0;left:-10px;width:20px;height:100%;transition:left .5s ease-out;pointer-events:none;opacity:0;z-index:1}.plan-badge.pro .plan-badge-content:before{background:linear-gradient(90deg,transparent 0%,transparent 20%,rgba(243,244,246,.4) 50%,transparent 80%,transparent 100%)}.plan-badge.team .plan-badge-content:before{background:linear-gradient(90deg,transparent 0%,transparent 20%,rgba(167,139,250,.4) 50%,transparent 80%,transparent 100%)}.plan-badge.business .plan-badge-content:before{background:linear-gradient(90deg,transparent 0%,transparent 20%,rgba(156,163,175,.4) 50%,transparent 80%,transparent 100%)}.plan-badge.premium .plan-badge-content:before{background:linear-gradient(90deg,transparent 0%,transparent 20%,rgba(254,240,138,.4) 50%,transparent 80%,transparent 100%)}.plan-badge.enterprise .plan-badge-content:before{background:linear-gradient(90deg,transparent 0%,transparent 20%,rgba(243,244,246,.4) 50%,transparent 80%,transparent 100%)}.plan-badge:not(.creator):hover .plan-badge-content:before{opacity:1;left:75%}.plan-badge:not(.creator):hover .plan-badge-content{transform:translateY(-1px)}.plan-badge[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) scale(0);padding:6px 10px;background:#111827f2;color:#fff;font-size:11px;font-weight:500;text-transform:none;letter-spacing:normal;line-height:1.4;white-space:nowrap;border-radius:4px;pointer-events:none;z-index:999999;box-shadow:0 4px 12px #0000004d;text-shadow:none;opacity:0;transition:all .2s ease;transition-delay:0s}.plan-badge[data-tooltip]:hover:after{transform:translate(-50%) scale(1);opacity:1;transition-delay:.4s}@keyframes fadeInTooltip{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.user-profile-container .plan-badge.creator,.plan-badge.creator{background:linear-gradient(90deg,#ff9b57,#d45a10,#b84100,#d45a10,#ff9b57);color:#fff}.user-profile-container .plan-badge.pro,.plan-badge.pro{background:linear-gradient(90deg,#f3f4f6,#d1d5db,#9ca3af,#d1d5db,#f3f4f6);color:#000;text-shadow:0 1px 1px rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.3)}.plan-badge.team .plan-badge-content{background:linear-gradient(90deg,#a78bfa,#6d28d9,#4c1d95,#6d28d9,#a78bfa);color:#fff}.plan-badge.business .plan-badge-content{background:#000;color:#fff}.plan-badge.premium .plan-badge-content{background:linear-gradient(90deg,#fbbf24,#b45309,#92400e,#b45309,#fbbf24);color:#fff}.plan-badge.enterprise .plan-badge-content{background:linear-gradient(90deg,#9ca3af,#374151,#000,#374151,#9ca3af);color:#fff}.logout-btn{display:flex;align-items:center;gap:6px;padding:6px 10px!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff9!important;font-size:11px!important;font-weight:400!important;text-transform:none!important;letter-spacing:.5px;min-height:32px}.logout-btn:hover{background:#ffffff14!important;color:#fffc!important;border-color:#ffffff40!important;transform:none!important;box-shadow:none!important}.logout-btn:active{transform:scale(.98)!important}html:not(.dark-theme) .logout-btn{background:#00000008!important;border-color:#0000001a!important;color:var(--color-neutral-500)!important}html:not(.dark-theme) .logout-btn:hover{background:#0000000d!important;color:var(--color-neutral-700)!important;border-color:#00000026!important}.auth-section{display:flex;align-items:center;gap:8px}.auth-section.logged-in{display:none}.auth-section.logged-out{display:flex}html:not(.dark-theme) .tab-btn{color:var(--color-neutral-700)}html:not(.dark-theme) .tab-btn:hover{color:var(--color-neutral-900);background:#0000000d}html:not(.dark-theme) .tab-btn.active{color:var(--color-purple);border-bottom-color:var(--color-purple)}.app-container{color:var(--c-text-primary);min-height:100vh}.app-header{background:var(--color-darker);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:2px solid var(--color-purple);box-shadow:var(--glow-purple);color:var(--color-white);padding:8px 32px;display:flex;justify-content:space-between;align-items:center;position:relative;margin-bottom:24px;min-height:48px;transition:all var(--transition-fast);overflow:visible}.app-header.collapsed{min-height:0;max-height:0;padding:0 32px;margin-bottom:0;opacity:0;border-bottom:none}.app-header-left{display:flex;align-items:center;gap:20px}.app-header-center{flex:1;display:flex;justify-content:center;align-items:center;gap:10px}.app-header-right{display:flex;align-items:center;gap:12px}.project-name{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;padding:4px 10px;border-radius:4px;font-size:13px;outline:none;transition:all .3s ease;min-width:180px}.project-name:focus{background:#ffffff26;border-color:#fff6}.project-name::placeholder{color:#ffffff80}.app-logo{font-size:20px;font-weight:600;color:var(--color-white);text-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .3s ease;text-decoration:none;display:flex;align-items:center;gap:12px}.app-logo .logo-img{height:32px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform .3s ease}.app-logo:hover .logo-img{transform:scale(1.05)}.app-logo span{display:inline-block}.header-actions{display:flex;align-items:center;gap:8px}.header-btn{background:transparent;border:2px solid var(--color-neutral-300);color:var(--color-white);padding:6px 12px;border-radius:8px;font-size:14px;font-weight:500;cursor:none;transition:all .2s ease;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.header-btn:hover{background:#8b5cf61a;border-color:var(--color-purple);box-shadow:inset 0 0 10px #8b5cf64d}.header-btn.primary{background:var(--gradient-metallic-purple);color:var(--color-white);border:2px solid var(--color-purple);border-radius:50px;box-shadow:var(--glow-purple);font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-fast);position:relative;overflow:hidden}.header-btn.primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease-out}.header-btn.primary:hover{background:var(--gradient-metallic-orange);border-color:var(--color-orange);box-shadow:var(--glow-orange);transform:scale(1.02)}.header-btn.primary:hover:before{left:100%}.zen-mode-btn{background:var(--gradient-metallic-purple)!important;border:2px solid var(--color-purple)!important;color:#fff!important;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:8px!important;box-shadow:var(--glow-purple)!important;position:relative;overflow:hidden;transition:all var(--transition-fast)}.zen-mode-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease-out}.zen-mode-btn:hover{background:var(--gradient-metallic-purple)!important;border-color:var(--color-purple-dark)!important;box-shadow:var(--glow-intense-purple)!important;transform:translateY(-1px) scale(1.02)}.zen-mode-btn:hover:before{left:100%}.zen-mode-btn:active{transform:translateY(0) scale(.98)}.notifications-indicator{position:relative}.notifications-indicator:after{content:"";position:absolute;top:2px;right:2px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid rgba(255,255,255,.9)}.user-menu{position:relative}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--gradient-metallic-purple);border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.user-avatar:hover{border-color:#fff6;transform:scale(1.05)}#theme-toggle{width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}#theme-toggle:hover{background:#0006}html:not(.dark-theme) #theme-toggle{background:#0000000d;border:1px solid var(--color-neutral-300);color:var(--color-neutral-700)}html:not(.dark-theme) #theme-toggle:hover{background:#00000014;border-color:var(--color-neutral-400)}.main-layout{display:grid;grid-template-columns:280px 1fr;grid-template-rows:60px 1fr;height:calc(100vh - 60px);gap:0;transition:grid-template-columns .3s ease;padding:0}#sidebarComponent{grid-column:1;grid-row:1 / -1;background:var(--color-darker);border-right:1px solid var(--color-neutral-300);overflow-y:auto}.tab-navigation{grid-column:2;grid-row:1;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center}.tab-content{grid-column:2;grid-row:2;display:none;background:var(--color-darker);overflow-y:auto;padding:20px}.tab-content.active{display:block}.main-layout.sidebar-collapsed{grid-template-columns:0px 1fr}.zen-mode-active #sidebarComponent{display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;min-width:0!important;max-width:0!important;overflow:hidden!important;border:none!important;margin:0!important;padding:0!important}.zen-mode-active .app-container{width:100vw!important;max-width:none!important;padding:0!important;margin:0!important}.zen-mode-active .main-layout{grid-template-columns:1fr!important;grid-template-rows:1fr!important;padding:0!important;margin:0!important;width:100vw!important;position:fixed!important;top:0!important;left:0!important;height:100vh!important}.zen-mode-active .app-header,.zen-mode-active .tab-navigation{display:none!important}.zen-mode-active .tab-content{grid-column:1!important;grid-row:1!important;width:100vw!important;height:calc(100vh - 80px)!important;position:fixed!important;top:60px!important;left:0!important;padding:20px!important;margin:0!important;box-sizing:border-box!important}.sidebar-toggle{position:fixed;left:16px;top:50%;transform:translateY(-50%);z-index:1000;width:48px;height:48px;background:var(--gradient-metallic-purple);border:none;border-radius:12px;color:#fff;font-size:20px;cursor:pointer;box-shadow:0 4px 16px #6c5ce74d;transition:all .3s ease;opacity:0;visibility:hidden;transform:translateY(-50%) translate(-60px)}.sidebar-toggle.visible{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.header-toggle{position:fixed;top:16px;left:16px;z-index:1000;width:48px;height:48px;background:var(--gradient-metallic-purple);border:none;border-radius:12px;color:#fff;font-size:20px;cursor:pointer;box-shadow:0 4px 16px #6c5ce74d;transition:all .3s ease;opacity:0;visibility:hidden;transform:translateY(-60px)}.header-toggle.visible{opacity:1;visibility:visible;transform:translateY(0)}.header-toggle:hover{background:linear-gradient(135deg,#5f3dc4,#8176ff);transform:translateY(0) scale(1.1);box-shadow:0 6px 20px #5b21b680}.header-notification{position:fixed;right:20px;z-index:10000;font-family:inherit;font-size:14px;max-width:300px;transition:top .3s ease-out,transform .3s ease-out;will-change:top,transform}.app-header svg,.project-selector svg,.header-btn svg,.auth-section svg,.project-dropdown svg,.org-item svg,.project-item svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:inline-block;flex-shrink:0}svg{color:inherit}.dropdown-icon{width:16px;height:16px;stroke:currentColor;fill:none;opacity:.7}.user-icon{width:16px;height:16px;stroke:var(--color-purple)!important;fill:none}.logout-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;opacity:.8}.project-item.new-project svg,.org-item.new-org svg{width:16px;height:16px;stroke:currentColor;fill:none}.project-item,.org-item{color:var(--color-white)}html:not(.dark-theme) svg{stroke:var(--color-neutral-700)}html:not(.dark-theme) .app-header svg{stroke:var(--color-neutral-700)}html:not(.dark-theme) .dropdown-icon{stroke:var(--color-neutral-500)}html:not(.dark-theme) .user-icon{stroke:var(--color-purple)!important}html:not(.dark-theme) .project-item{color:var(--color-neutral-900)}html:not(.dark-theme) .org-item{color:var(--color-neutral-900)}html:not(.dark-theme) .project-item.new-project{color:var(--color-purple)}html:not(.dark-theme) .project-item.new-project svg{stroke:var(--color-purple)}html:not(.dark-theme) .org-item.new-org{color:var(--color-orange)}html:not(.dark-theme) .org-item.new-org svg{stroke:var(--color-orange)}@media(max-width:768px){.main-layout{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;height:calc(100vh - 80px);gap:16px;padding:0 8px 8px}.main-layout.sidebar-collapsed{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar-toggle{left:8px;width:44px;height:44px;font-size:18px}.header-toggle{top:8px;left:8px;width:44px;height:44px;font-size:18px}.app-header{padding:6px 16px;margin-bottom:16px;flex-direction:column;gap:8px;min-height:40px}.app-header-left,.app-header-right{width:100%;justify-content:center}.project-name{min-width:120px;font-size:12px}.header-btn{font-size:10px;padding:4px 8px}}.tab-navigation-toggle{position:fixed;top:16px;right:16px;z-index:1000;width:48px;height:48px;background:var(--gradient-metallic-purple);border:none;border-radius:12px;color:#fff;font-size:20px;cursor:pointer;box-shadow:0 4px 16px #6c5ce74d;transition:all .3s ease;opacity:0;visibility:hidden;transform:translate(60px)}.tab-navigation-toggle.visible{opacity:1;visibility:visible;transform:translate(0)}.tab-navigation-toggle:hover{background:linear-gradient(135deg,#5f3dc4,#8176ff);transform:translate(0) scale(1.1);box-shadow:0 6px 20px #6c5ce766}.zen-mode-restore{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:1000;background:var(--c-brand-primary);border:1px solid var(--c-brand-primary);color:var(--c-white-text);padding:4px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;box-shadow:0 2px 8px #6c5ce733;transition:all .3s ease;opacity:0;visibility:hidden;transform:translate(-50%) translateY(-60px)}.zen-mode-restore.visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.zen-mode-restore:hover{background:var(--c-brand-primary-dark);border-color:var(--c-brand-primary-dark);transform:translate(-50%) translateY(0) scale(1.02);box-shadow:0 3px 12px #6c5ce74d}.tab-navigation{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;display:flex;padding:0 32px;margin:0;box-shadow:0 4px 24px #0000001a;overflow-x:auto;scrollbar-width:none;min-height:60px;border-radius:12px 12px 0 0;transition:all .3s ease;position:relative}.tab-navigation.collapsed{transform:translate(100%);opacity:0;pointer-events:none}.tab-navigation::-webkit-scrollbar{display:none}.tab-btn{background:none;border:none;padding:15px 16px;cursor:pointer;font-size:12px;font-weight:500;color:#ffffffb3;border-bottom:3px solid transparent;transition:all .3s ease;white-space:nowrap;flex-shrink:0;min-width:fit-content}.tab-btn:hover{color:#ffffffe6;background:#ffffff1a}.tab-btn.active{color:#fff;border-bottom-color:#fff;font-weight:600}.tab-btn:focus{outline:none;box-shadow:inset 0 0 0 2px #6c5ce74d;border-radius:4px}.tab-content{display:none;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;overflow:hidden;border-radius:0 0 12px 12px;min-height:0}.tab-content.active{display:block;height:100%;min-height:0}#projectTab{overflow-y:auto!important;max-height:calc(100vh - 140px)!important}html:not(.dark-theme) #projectTab{background:#f0eff4!important}#projectTab::-webkit-scrollbar{width:6px}#projectTab::-webkit-scrollbar-track{background:var(--c-bg-soft)}#projectTab::-webkit-scrollbar-thumb{background:var(--c-brand-primary);border-radius:3px;opacity:.7}#projectTab::-webkit-scrollbar-thumb:hover{background:var(--c-brand-primary-dark);opacity:1}.demo-controls{background:#fff3cde6;border:1px solid #ffeaa7;border-radius:6px;padding:15px;margin:20px;font-size:14px;clear:both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.demo-controls h4{margin:0 0 10px;color:#856404}.demo-btn{background:#ffc107;color:#212529;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;margin-right:8px;margin-bottom:5px;font-size:12px;transition:all .2s ease}.demo-btn:hover{background:#e0a800;transform:translateY(-1px)}@media(max-width:768px){.tab-navigation-toggle{top:8px;right:8px;width:44px;height:44px;font-size:18px}.tab-btn{font-size:10px;padding:10px 12px}.tab-navigation{padding:0 10px}}html.dark-theme .app-header{background:#25283133;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}html.dark-theme .app-logo{color:#f1f5f9;text-shadow:0 2px 6px rgba(0,0,0,.4)}html.dark-theme .project-name{background:#25283166;border-color:#ffffff1a;color:#f1f5f9e6}html.dark-theme .project-name:focus{background:#25283199;border-color:#fff3}html.dark-theme .project-name::placeholder{color:#f1f5f980}html.dark-theme .header-btn{background:#25283166;border-color:#ffffff1a;color:#f1f5f9e6}html.dark-theme .header-btn:hover{background:#25283199;border-color:#fff3}html.dark-theme .sidebar-toggle{background:var(--gradient-metallic-purple);box-shadow:0 4px 16px #5b21b666}html.dark-theme .sidebar-toggle:hover{background:linear-gradient(135deg,#4c1d95,#6d28d9);box-shadow:0 6px 20px #5b21b680}html.dark-theme .tab-navigation{background:#25283166;box-shadow:0 4px 24px #0000004d}html.dark-theme .tab-btn:hover{background:#8b5cf61a}html.dark-theme .tab-btn:focus{box-shadow:inset 0 0 0 2px #8b5cf666}html.dark-theme .tab-content{background:#252831f2;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003}html.dark-theme .demo-controls{background:#252831e6;border:1px solid #3c414e;color:var(--c-text-primary)}html.dark-theme .demo-controls h4{color:var(--c-brand-primary)}html.dark-theme .demo-btn{background:var(--c-brand-primary);color:var(--c-white-text)}html.dark-theme .demo-btn:hover{background:var(--c-brand-primary-dark)}html.dark-theme .tab-navigation-toggle{background:var(--gradient-metallic-purple);box-shadow:0 4px 16px #5b21b666}html.dark-theme .tab-navigation-toggle:hover{background:linear-gradient(135deg,#4c1d95,#6d28d9);box-shadow:0 6px 20px #5b21b680}html.dark-theme .header-toggle{background:var(--gradient-metallic-purple);box-shadow:0 4px 16px #5b21b666}html.dark-theme .header-toggle:hover{background:linear-gradient(135deg,#4c1d95,#6d28d9);box-shadow:0 6px 20px #5b21b680}html.dark-theme .zen-mode-restore{background:var(--c-brand-primary);border-color:var(--c-brand-primary)}html.dark-theme .zen-mode-restore:hover{background:var(--c-brand-primary-dark);border-color:var(--c-brand-primary-dark)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header-notification:hover{transform:translate(-5px);box-shadow:0 6px 20px #0000004d!important}.header-notification:nth-child(n+2){animation-delay:.1s}.header-notification:nth-child(n+3){animation-delay:.2s}.header-notification:nth-child(n+4){animation-delay:.3s}.header-notification:nth-child(n+5){animation-delay:.4s}.transition-all{transition:all .3s ease}.transition-fast{transition:all .2s ease}.transition-slow{transition:all .5s ease}.hover-scale:hover{transform:scale(1.05)}.hover-lift:hover{transform:translateY(-2px)}.hover-glow:hover{box-shadow:0 0 20px #6c5ce766}