@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary:#d4d6b9;--color-primary-hover:#e4e6c9;--color-primary-glow:#d4d6b98c;--color-secondary:#d1caa1;--color-secondary-glow:#d1caa18c;--color-success:#34d399;--color-danger:#f87171;--color-warning:#fbbf24;--bg-root:#32213a;--bg-surface:#383b53;--bg-surface-elevated:#66717e;--bg-glass:#383b53a6;--bg-glass-light:#66717e73;--border-subtle:#ffffff14;--border-strong:#ffffff2e;--border-glow:#d4d6b94d;--text-primary:#f9fafb;--text-secondary:#d4d6b9;--text-tertiary:#9ca3af;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 8px 24px #00000080;--shadow-lg:0 16px 48px #0009;--shadow-glow:0 0 32px var(--color-primary-glow);--shadow-glass:inset 0 1px 0 #ffffff1f;--gradient-primary:linear-gradient(135deg, #d4d6b9 0%, #d1caa1 100%);--gradient-text:linear-gradient(to right, #d4d6b9, #d1caa1);--btn-primary-text:#1a1a1a}[data-theme=light]{--color-primary:#c2410c;--color-primary-hover:#9a3412;--color-primary-glow:#c2410c4d;--color-secondary:#ea580c;--color-secondary-glow:#ea580c40;--color-success:#16a34a;--color-danger:#dc2626;--color-warning:#d97706;--bg-root:#fdf8f0;--bg-surface:#fffef9;--bg-surface-elevated:#f5edd8;--bg-glass:#fffef9d9;--bg-glass-light:#f5edd8b3;--border-subtle:#c2410c1f;--border-strong:#c2410c40;--border-glow:#c2410c33;--text-primary:#1c0a00;--text-secondary:#6b3a2a;--text-tertiary:#b07050;--shadow-sm:0 2px 4px #c2410c14;--shadow-md:0 8px 24px #c2410c1f;--shadow-lg:0 16px 48px #c2410c29;--shadow-glow:0 0 32px var(--color-primary-glow);--shadow-glass:inset 0 1px 0 #ffffffb3;--gradient-primary:linear-gradient(135deg, #c2410c 0%, #ea580c 100%);--gradient-text:linear-gradient(to right, #c2410c, #ea580c);--btn-primary-text:#fff}[data-theme=darker]{--bg-root:#0a0d18;--bg-surface:#101424;--bg-surface-elevated:#181d30;--bg-glass:#101424bf}[data-theme=midnight]{--bg-root:#03050e;--bg-surface:#060a18;--bg-surface-elevated:#0d1220;--bg-glass:#060a18cc}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-root);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}:root body{background-image:radial-gradient(circle at 100% 0,#d4d6b91a,#0000 40%),radial-gradient(circle at 0 100%,#d1caa112,#0000 40%);background-attachment:fixed}[data-theme=light] body{background-image:radial-gradient(circle at 100% 0,#ea580c0f,#0000 45%),radial-gradient(circle at 0 100%,#fdba7414,#0000 45%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,sans-serif}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-hover);text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:2px}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes float-chip{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.app-layout__page>*{animation:.35s cubic-bezier(.16,1,.3,1) both fade-in}::selection{background:var(--color-primary-glow);color:var(--text-primary)}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md), var(--shadow-glass);border-radius:16px}[data-theme=light] .app-navbar{border-bottom-color:var(--border-subtle)!important;background:#fdf8f0e0!important}[data-theme=light] .sidebar{border-right-color:var(--border-subtle)!important;background:#fffef9eb!important}[data-theme=light] .public-nav{border-bottom-color:var(--border-subtle)!important;background:#fdf8f0e6!important}[data-theme=light] .app-navbar__dropdown{background:var(--bg-surface-elevated)!important;box-shadow:var(--shadow-lg)!important}[data-theme=light] .sidebar__nav-item:hover{color:var(--color-primary)!important;background:#c2410c0f!important}[data-theme=light] .sidebar__nav-item.is-active{color:var(--color-primary)!important;background:#c2410c1a!important}[data-theme=light] .app-navbar__menu-item:hover{background:#c2410c0d!important}[data-theme=light] .app-navbar__notif-item:hover,[data-theme=light] .notif-drawer__item:hover{background:#c2410c0a!important}[data-theme=light] .app-navbar__icon-btn:hover{color:var(--color-primary)!important;background:#c2410c0f!important;border-color:#c2410c40!important}[data-theme=light] .app-navbar__search-open{box-shadow:0 0 0 3px #c2410c1f!important}[data-theme=light] .stat-card:hover{border-color:#c2410c33!important}[data-theme=light] .chat-composer__chip:hover:not(:disabled){color:var(--color-primary)!important;background:#c2410c14!important;border-color:#c2410c66!important}[data-theme=light] .auth-card{box-shadow:0 12px 40px #c2410c1f,0 0 0 1px #c2410c14!important}[data-theme=light] .report-card:hover,[data-theme=light] .gallery-card:hover{border-color:#c2410c47!important;box-shadow:0 8px 24px #c2410c1f!important}[data-theme=light] .advisor-insight-card:hover{border-color:#c2410c40!important}[data-theme=light] .pricing-card--featured{box-shadow:0 20px 50px #c2410c33, var(--shadow-glow)!important}[data-theme=light] .hero__cta-primary{box-shadow:var(--shadow-md), 0 0 16px #c2410c4d!important;color:#fff!important}[data-theme=light] .hero__cta-secondary{border-color:var(--border-strong)!important;color:var(--text-primary)!important;background:#fdf8f0e6!important}[data-theme=light] .sim-card:hover{border-color:#c2410c38!important}[data-theme=light] .live-insight{border-color:#c2410c59!important;box-shadow:0 4px 20px #c2410c1f,0 0 0 1px #c2410c1a!important}.pdf-only{display:none!important}.pdf-capturing .pdf-only{display:flex!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 32px);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--border-subtle);background:var(--bg-surface-elevated);box-shadow:var(--shadow-lg);color:var(--text-primary);white-space:nowrap;pointer-events:all;border-radius:11px;align-items:center;gap:10px;min-width:260px;max-width:420px;padding:11px 16px 11px 14px;font-size:13.5px;font-weight:600;animation:.28s cubic-bezier(.16,1,.3,1) both toast-enter;display:flex}@keyframes toast-enter{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.toast--leaving{animation:.26s ease-in forwards toast-leave}@keyframes toast-leave{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(8px)scale(.95)}}.toast--success{border-color:color-mix(in srgb, var(--color-success) 35%, transparent);background:color-mix(in srgb, var(--color-success) 8%, var(--bg-surface-elevated))}.toast--success .toast__icon{color:var(--color-success)}.toast--error{border-color:color-mix(in srgb, var(--color-danger) 35%, transparent);background:color-mix(in srgb, var(--color-danger) 8%, var(--bg-surface-elevated))}.toast--error .toast__icon{color:var(--color-danger)}.toast--warning{border-color:color-mix(in srgb, var(--color-warning) 35%, transparent);background:color-mix(in srgb, var(--color-warning) 8%, var(--bg-surface-elevated))}.toast--warning .toast__icon{color:var(--color-warning)}.toast--info{border-color:color-mix(in srgb, var(--color-primary) 30%, transparent);background:color-mix(in srgb, var(--color-primary) 7%, var(--bg-surface-elevated))}.toast--info .toast__icon{color:var(--color-primary)}.toast__icon{flex-shrink:0;align-items:center;display:flex}.toast__message{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.toast__close{width:22px;height:22px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s;display:flex}.toast__close:hover{background:color-mix(in srgb, var(--text-primary) 8%, transparent);color:var(--text-primary)}@media (width<=500px){.toast-container{max-width:calc(100vw - 24px);bottom:16px}.toast{min-width:unset;white-space:normal}}@media (prefers-reduced-motion:reduce){.toast,.toast--leaving{animation:none}}.sidebar{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--border-subtle);box-sizing:border-box;flex-direction:column;width:230px;min-width:230px;height:100vh;padding:20px 14px 16px;display:flex;overflow-y:auto}.sidebar__brand{align-items:center;gap:10px;padding:0 6px 24px;display:flex}.sidebar__brand-icon{background:var(--color-primary);width:30px;height:30px;color:var(--btn-primary-text);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #38bdf859}.sidebar__brand-name{color:var(--text-primary);letter-spacing:-.01em;font-size:14.5px;font-weight:700;line-height:1.2;display:block}.sidebar__brand-tagline{color:var(--text-tertiary);font-size:10px;line-height:1.3;display:block}.sidebar__section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin:0 0 5px 10px;font-size:9.5px;font-weight:700}.sidebar__nav{flex-direction:column;gap:2px;margin-bottom:4px;display:flex}.sidebar__nav-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;padding:9px 10px;font-family:inherit;font-size:13.5px;font-weight:500;transition:background-color .15s,color .15s;display:flex;position:relative}.sidebar__nav-item:hover{color:var(--text-primary);background:#80808014}.sidebar__nav-item.is-active{background:color-mix(in srgb, var(--color-primary) 14%, transparent);color:var(--color-primary);box-shadow:inset 0 1px 0 #ffffff1a, var(--shadow-sm);font-weight:600}.sidebar__nav-item.is-active:before{content:"";background:var(--color-primary);border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar__nav-item--external{justify-content:flex-start}.sidebar__external-icon{opacity:.35;margin-left:auto}.sidebar__divider{background:var(--border-subtle);height:1px;margin:8px 0}.sidebar__cta{background:var(--gradient-primary);color:var(--btn-primary-text);cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;margin-top:8px;padding:11px 16px;font-family:inherit;font-size:13.5px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.sidebar__cta:hover{background:var(--color-primary-hover);box-shadow:0 4px 14px var(--color-primary-glow)}.sidebar__user{border-top:1px solid var(--border-subtle);align-items:center;gap:10px;margin-top:auto;padding:12px 8px 0;display:flex}.sidebar__user-avatar{background:linear-gradient(135deg, var(--color-primary), #10b981);width:30px;height:30px;color:var(--btn-primary-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.sidebar__user-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sidebar__user-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.sidebar__user-role{background:color-mix(in srgb, var(--color-primary) 12%, transparent);color:var(--color-primary);border-radius:10px;width:fit-content;padding:1px 7px;font-size:9.5px;font-weight:700;display:inline-block}.sidebar__user-role--admin{color:var(--color-danger);background:#ef44441a}.sidebar__logout-btn{width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.sidebar__logout-btn:hover{color:var(--color-danger);background:#ef44441a}.sidebar__nav-item:focus-visible,.sidebar__cta:focus-visible,.sidebar__logout-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.sidebar__nav-item,.sidebar__cta{transition:none}}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:2px}.sidebar__brand-text{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar__close-btn{border:1px solid var(--border-subtle);background:var(--bg-surface);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.sidebar__close-btn:hover{background:color-mix(in srgb, var(--color-danger) 10%, transparent);color:var(--color-danger);border-color:color-mix(in srgb, var(--color-danger) 30%, transparent)}.sidebar--drawer{z-index:200;background:var(--bg-surface-elevated);border-right:1px solid var(--border-subtle);width:270px;height:100vh;box-shadow:none;transition:transform .28s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar--drawer.sidebar--drawer-open{transform:translate(0);box-shadow:4px 0 40px #00000059}@media (prefers-reduced-motion:reduce){.sidebar--drawer{transition:none}}.app-navbar{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);z-index:50;flex-shrink:0;align-items:center;gap:16px;height:60px;padding:0 28px;transition:all .3s;display:flex;position:sticky;top:0;box-shadow:0 4px 32px -12px #00000026}.app-navbar__left{flex:1;min-width:0}.app-navbar__page-title{display:none}.app-navbar__desktop-nav{align-items:center;gap:8px;margin-left:20px;display:flex}.app-navbar__nav-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 14px;font-size:13.5px;font-weight:500;transition:color .3s,transform .2s;position:relative}.app-navbar__nav-item:after{content:"";background-color:var(--color-primary);opacity:0;border-radius:2px;width:60%;height:2px;transition:transform .3s cubic-bezier(.25,.8,.25,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0)}.app-navbar__nav-item:hover{color:var(--text-primary)}.app-navbar__nav-item:hover:after{opacity:.5;transform:translate(-50%)scaleX(1)}.app-navbar__nav-item.is-active{color:var(--color-primary);font-weight:600}.app-navbar__nav-item.is-active:after{opacity:1;transform:translate(-50%)scaleX(1)}.app-navbar__brand-mobile{color:var(--color-primary);justify-content:center;align-items:center;margin-left:8px;display:none}.app-navbar__center{flex:none;position:relative}.app-navbar__search-btn{background:color-mix(in srgb, var(--bg-surface) 70%, transparent);border:1px solid var(--border-subtle);color:var(--text-tertiary);cursor:pointer;white-space:nowrap;border-radius:24px;align-items:center;gap:8px;min-width:240px;padding:8px 18px;font-family:inherit;font-size:13.5px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:inset 0 2px 4px #00000008}.app-navbar__search-btn:hover{background:var(--bg-surface);border-color:var(--color-primary);box-shadow:0 6px 16px color-mix(in srgb, var(--color-primary) 12%, transparent);color:var(--text-secondary);transform:translateY(-1px)}.app-navbar__kbd{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-tertiary);border-radius:4px;margin-left:auto;padding:2px 5px;font-family:inherit;font-size:10px}.app-navbar__search-open{background:var(--bg-surface);border:1px solid var(--color-primary);min-width:320px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 15%, transparent);border-radius:9px;align-items:center;gap:10px;padding:7px 14px;display:flex}.app-navbar__search-icon{color:var(--color-primary);flex-shrink:0}.app-navbar__search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13.5px}.app-navbar__search-input::placeholder{color:var(--text-tertiary)}.app-navbar__search-clear{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:3px;transition:color .15s;display:flex}.app-navbar__search-clear:hover{color:var(--text-primary)}.app-navbar__kbd-esc{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-tertiary);cursor:pointer;white-space:nowrap;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:10px}.app-navbar__search-open.has-results{border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0}.spinning{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-navbar__search-dropdown{background:var(--bg-surface-elevated);border:1px solid var(--color-primary);box-shadow:var(--shadow-lg), 0 0 0 1px var(--border-glow);z-index:300;border-top:none;border-bottom-right-radius:14px;border-bottom-left-radius:14px;max-height:480px;animation:.16s cubic-bezier(.16,1,.3,1) both dropdown-in;position:absolute;top:100%;left:0;right:0;overflow:hidden auto}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.app-navbar__search-group{padding:6px 0 2px}.app-navbar__search-group+.app-navbar__search-group{border-top:1px solid var(--border-subtle);margin-top:4px;padding-top:8px}.app-navbar__search-group-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-tertiary);margin:0;padding:4px 16px 6px;font-size:10px;font-weight:700}.app-navbar__search-result{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 16px;font-family:inherit;transition:background-color .1s;display:flex}.app-navbar__search-result:hover,.app-navbar__search-result.is-active{background:color-mix(in srgb, var(--color-primary) 8%, transparent)}.app-navbar__search-result-icon{background:color-mix(in srgb, var(--color-primary) 10%, transparent);width:28px;height:28px;color:var(--color-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-navbar__search-result-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.app-navbar__search-result-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.app-navbar__search-result-sub{color:var(--text-tertiary);font-size:11px}.app-navbar__search-result-arrow{color:var(--text-tertiary);opacity:0;flex-shrink:0;transition:opacity .15s}.app-navbar__search-result:hover .app-navbar__search-result-arrow,.app-navbar__search-result.is-active .app-navbar__search-result-arrow{opacity:1;color:var(--color-primary)}.app-navbar__search-highlight{background:color-mix(in srgb, var(--color-primary) 20%, transparent);color:var(--color-primary);border-radius:2px;padding:0 1px;font-style:normal;font-weight:700}.app-navbar__search-state{color:var(--text-secondary);align-items:center;gap:10px;padding:18px 16px;font-size:13px;display:flex}.app-navbar__search-all{border:none;border-top:1px solid var(--border-subtle);cursor:pointer;width:100%;color:var(--color-primary);text-align:left;background:0 0;align-items:center;gap:8px;padding:11px 16px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background-color .15s;display:flex}.app-navbar__search-all:hover{background:color-mix(in srgb, var(--color-primary) 6%, transparent)}.app-navbar__search-all strong{font-weight:700}.app-navbar__search-all svg:last-child{margin-left:auto}.app-navbar__right{flex-shrink:0;align-items:center;gap:10px;display:flex}.app-navbar__new-btn{background:var(--gradient-primary);color:var(--btn-primary-text);cursor:pointer;box-shadow:var(--shadow-sm);white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.app-navbar__new-btn:hover{box-shadow:var(--shadow-md), 0 0 12px var(--color-primary-glow);transform:translateY(-1px)}.app-navbar__icon-btn{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--bg-surface) 70%, transparent);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.app-navbar__icon-btn:hover{background:var(--bg-surface);color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 4px 12px color-mix(in srgb, var(--color-primary) 15%, transparent);transform:translateY(-1px)}.app-navbar__badge{background:var(--color-danger);min-width:17px;height:17px;color:var(--btn-primary-text);border:2px solid var(--bg-root);border-radius:10px;justify-content:center;align-items:center;padding:0 4px;font-size:9.5px;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.app-navbar__profile-wrap,.app-navbar__notif-wrap{position:relative}.app-navbar__profile-btn{background:color-mix(in srgb, var(--bg-surface) 70%, transparent);border:1px solid var(--border-subtle);cursor:pointer;border-radius:20px;align-items:center;gap:10px;padding:6px 12px 6px 6px;font-family:inherit;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.app-navbar__profile-btn:hover{background:var(--bg-surface);border-color:var(--color-primary);box-shadow:0 4px 12px color-mix(in srgb, var(--color-primary) 15%, transparent);transform:translateY(-1px)}.app-navbar__avatar{background:linear-gradient(135deg, var(--color-primary), #10b981);width:28px;height:28px;color:var(--btn-primary-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.app-navbar__avatar--lg{width:40px;height:40px;font-size:15px}.app-navbar__profile-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:13.5px;font-weight:600;overflow:hidden}.app-navbar__chevron{color:var(--text-tertiary);transition:transform .2s}.app-navbar__chevron.is-open{transform:rotate(180deg)}.app-navbar__dropdown{background:var(--bg-surface-elevated);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg), 0 0 0 1px var(--border-glow);z-index:200;border-radius:14px;min-width:220px;animation:.18s cubic-bezier(.16,1,.3,1) both dropdown-in;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.app-navbar__dropdown-head{justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.app-navbar__dropdown-title{color:var(--text-primary);letter-spacing:.02em;font-size:12.5px;font-weight:700}.app-navbar__dropdown-divider{background:var(--border-subtle);height:1px;margin:4px 0}.app-navbar__mark-all{color:var(--color-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-family:inherit;font-size:11.5px;font-weight:600;display:flex}.app-navbar__mark-all:hover{text-decoration:underline}.app-navbar__dropdown--notif{min-width:320px;max-width:360px}.app-navbar__notif-list{max-height:320px;padding:4px 0 8px;overflow-y:auto}.app-navbar__notif-item{cursor:pointer;align-items:flex-start;gap:12px;padding:10px 16px;transition:background-color .15s;display:flex}.app-navbar__notif-item:hover{background:color-mix(in srgb, var(--color-primary) 5%, transparent)}.app-navbar__notif-dot{background:var(--border-subtle);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px;transition:background .15s}.app-navbar__notif-item.is-unread .app-navbar__notif-dot{background:var(--color-primary)}.notif-type--success.is-unread .app-navbar__notif-dot{background:var(--color-success)}.notif-type--warning.is-unread .app-navbar__notif-dot{background:var(--color-warning)}.app-navbar__notif-body{flex:1;min-width:0}.app-navbar__notif-title{color:var(--text-primary);margin:0 0 2px;font-size:13px;font-weight:700}.app-navbar__notif-text{color:var(--text-secondary);margin:0 0 4px;font-size:12px;line-height:1.4}.app-navbar__notif-time{color:var(--text-tertiary);font-size:10.5px}.app-navbar__dropdown--profile{min-width:240px}.app-navbar__profile-info{align-items:center;gap:12px;padding:14px 16px;display:flex}.app-navbar__profile-full{color:var(--text-primary);margin:0 0 2px;font-size:14px;font-weight:700}.app-navbar__profile-email{color:var(--text-secondary);margin:0 0 6px;font-size:12px}.app-navbar__role-badge{letter-spacing:.02em;border-radius:20px;align-items:center;gap:4px;margin-right:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.app-navbar__role-badge--premium{background:color-mix(in srgb, var(--color-primary) 15%, transparent);color:var(--color-primary);border:1px solid color-mix(in srgb, var(--color-primary) 30%, transparent)}.app-navbar__role-badge--admin{background:color-mix(in srgb, var(--color-danger) 12%, transparent);color:var(--color-danger);border:1px solid color-mix(in srgb, var(--color-danger) 25%, transparent)}.app-navbar__menu-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;font-family:inherit;font-size:13.5px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.app-navbar__menu-item:hover{background:color-mix(in srgb, var(--color-primary) 6%, transparent);color:var(--text-primary)}.app-navbar__menu-item--danger{color:var(--color-danger)}.app-navbar__menu-item--danger:hover{color:var(--color-danger);background:#ef444414}.app-navbar__icon-btn:focus-visible,.app-navbar__profile-btn:focus-visible,.app-navbar__new-btn:focus-visible,.app-navbar__search-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.app-navbar__signin-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px 14px;font-size:13.5px;font-weight:500;transition:color .15s}.app-navbar__signin-btn:hover{color:var(--text-primary)}.app-navbar__hamburger{border:1px solid var(--border-subtle);background:var(--bg-surface);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,color .15s,border-color .15s;display:none}.app-navbar__hamburger:hover{background:color-mix(in srgb, var(--color-primary) 8%, transparent);color:var(--color-primary);border-color:color-mix(in srgb, var(--color-primary) 30%, transparent)}@media (width<=768px){.app-navbar{gap:8px;padding:0 14px}.app-navbar__hamburger,.app-navbar__brand-mobile{display:flex}.app-navbar__desktop-nav{display:none}.app-navbar__page-title{font-size:15px;display:block}.app-navbar__new-btn span{display:none}.app-navbar__new-btn{border-radius:9px;padding:8px 10px}.app-navbar__profile-name,.app-navbar__search-btn span{display:none}.app-navbar__search-btn{min-width:unset;padding:7px 10px}.app-navbar__kbd{display:none}.app-navbar__search-open{min-width:200px}}.app-layout{background:var(--bg-root);height:100vh;display:flex;position:relative;overflow:hidden}.app-layout__content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.app-layout__page{flex:1;overflow:hidden auto}.app-layout__page::-webkit-scrollbar{width:6px}.app-layout__page::-webkit-scrollbar-track{background:0 0}.app-layout__page::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.app-layout__page::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.app-layout__sidebar--mobile{display:none}.app-layout__backdrop{background:color-mix(in srgb, var(--bg-root) 60%, transparent);-webkit-backdrop-filter:blur(3px);z-index:199;animation:.2s both backdrop-fade-in;display:none;position:fixed;inset:0}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}@media (width<=768px){.app-layout__sidebar--desktop{display:none}.app-layout__sidebar--mobile{display:flex}.app-layout__backdrop{display:block}}