:root{--primary-50:#fff7ed;--primary-100:#ffedd5;--primary-200:#fed7aa;--primary-300:#fdba74;--primary-400:#fb923c;--primary-500:#d47e30;--primary-600:#b96a24;--primary-700:#9a5621;--primary-800:#7c4521;--primary-900:#653b1e;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--success-light:#d1fae5;--success:#10b981;--success-dark:#059669;--warning-light:#fef3c7;--warning:#f59e0b;--warning-dark:#d97706;--error-light:#fee2e2;--error:#ef4444;--error-dark:#dc2626;--info-light:#dbeafe;--info:#3b82f6;--info-dark:#2563eb;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-overlay:#0f172a80;--text-primary:#334155;--text-secondary:#64748b;--text-tertiary:#94a3b8;--text-disabled:#cbd5e1;--text-inverse:#fff;--border-light:#f1f5f9;--border-default:#e2e8f0;--border-medium:#cbd5e1;--border-dark:#94a3b8;--shadow-xs:0 1px 2px #0f172a0d;--shadow-sm:0 1px 3px #0f172a14,0 1px 2px #0f172a0f;--shadow-md:0 4px 6px #0f172a12,0 2px 4px #0f172a0f;--shadow-lg:0 10px 15px #0f172a1a,0 4px 6px #0f172a0d;--shadow-xl:0 20px 25px #0f172a1a,0 10px 10px #0f172a0a;--shadow-2xl:0 25px 50px #0f172a26;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--space-1:0.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:2.5rem;--space-6:3rem;--space-8:4rem;--space-10:5rem;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--transition-fast:150ms ease-in-out;--transition-base:250ms ease-in-out;--transition-slow:350ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px;--container-max:1200px;--container-wide-max:1600px;--container-narrow-max:720px;--container-padding:var(--space-2);--color-bg-page:var(--bg-secondary);--color-bg-card:var(--bg-primary);--color-accent:var(--primary-500);--color-accent-hover:var(--primary-600);--color-text-main:var(--text-primary);--color-text-light:var(--text-secondary);--color-border:var(--border-default);--color-input-bg:var(--bg-tertiary);--color-shadow:var(--shadow-sm)}[data-theme=dark]{--primary-50:#1e1410;--primary-100:#3d2820;--primary-200:#653b1e;--primary-300:#7c4521;--primary-400:#9a5621;--primary-500:#fb923c;--primary-600:#fdba74;--primary-700:#fed7aa;--primary-800:#ffedd5;--primary-900:#fff7ed;--gray-50:#0f172a;--gray-100:#1e293b;--gray-200:#334155;--gray-300:#475569;--gray-400:#64748b;--gray-500:#94a3b8;--gray-600:#cbd5e1;--gray-700:#e2e8f0;--gray-800:#f1f5f9;--gray-900:#f8fafc;--success-light:#064e3b;--success:#10b981;--success-dark:#6ee7b7;--warning-light:#78350f;--warning:#f59e0b;--warning-dark:#fbbf24;--error-light:#7f1d1d;--error:#ef4444;--error-dark:#fca5a5;--info-light:#1e3a8a;--info:#3b82f6;--info-dark:#93c5fd;--bg-primary:#1e293b;--bg-secondary:#0f172a;--bg-tertiary:#0a0f1a;--bg-overlay:#000000b3;--text-primary:#e2e8f0;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-disabled:#64748b;--text-inverse:#0f172a;--border-light:#1e293b;--border-default:#334155;--border-medium:#475569;--border-dark:#64748b;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006,0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006,0 2px 4px #0000004d;--shadow-lg:0 10px 15px #00000080,0 4px 6px #0000004d;--shadow-xl:0 20px 25px #00000080,0 10px 10px #0000004d;--shadow-2xl:0 25px 50px #0009;--color-bg-page:var(--bg-secondary);--color-bg-card:var(--bg-primary);--color-accent:var(--primary-500);--color-accent-hover:var(--primary-600);--color-text-main:var(--text-primary);--color-text-light:var(--text-secondary);--color-border:var(--border-default);--color-input-bg:var(--bg-secondary);--color-shadow:var(--shadow-sm)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--color-bg-page);color:#334155;color:var(--color-text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-sans);font-size:1rem;font-size:var(--text-base);line-height:1.5;line-height:var(--leading-normal);margin:0;transition:background-color .25s ease-in-out,color .25s ease-in-out;transition:background-color var(--transition-base),color var(--transition-base)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-family:var(--font-mono)}.text-xs{font-size:.75rem;font-size:var(--text-xs)}.text-sm{font-size:.875rem;font-size:var(--text-sm)}.text-base{font-size:1rem;font-size:var(--text-base)}.text-lg{font-size:1.125rem;font-size:var(--text-lg)}.text-xl{font-size:1.25rem;font-size:var(--text-xl)}.text-2xl{font-size:1.5rem;font-size:var(--text-2xl)}.text-3xl{font-size:1.875rem;font-size:var(--text-3xl)}.text-4xl{font-size:2.25rem;font-size:var(--text-4xl)}.font-light{font-weight:300;font-weight:var(--font-light)}.font-normal{font-weight:400;font-weight:var(--font-normal)}.font-medium{font-weight:500;font-weight:var(--font-medium)}.font-semibold{font-weight:600;font-weight:var(--font-semibold)}.font-bold{font-weight:700;font-weight:var(--font-bold)}.leading-tight{line-height:1.25;line-height:var(--leading-tight)}.leading-normal{line-height:1.5;line-height:var(--leading-normal)}.leading-relaxed{line-height:1.75;line-height:var(--leading-relaxed)}.text-primary{color:#334155;color:var(--text-primary)}.text-secondary{color:#64748b;color:var(--text-secondary)}.text-tertiary{color:#94a3b8;color:var(--text-tertiary)}.text-disabled{color:#cbd5e1;color:var(--text-disabled)}.text-inverse{color:#fff;color:var(--text-inverse)}.text-accent{color:#d47e30;color:var(--primary-500)}.text-success{color:#10b981;color:var(--success)}.text-warning{color:#f59e0b;color:var(--warning)}.text-error{color:#ef4444;color:var(--error)}.text-info{color:#3b82f6;color:var(--info)}.show-on-mobile{display:none!important}.hide-on-mobile{display:flex!important}@media (max-width:768px){.show-on-mobile{display:flex!important}.hide-on-mobile{display:none!important}}.show-on-mobile-block{display:none!important}@media (max-width:768px){.show-on-mobile-block{display:block!important}}.m-1{margin:.5rem;margin:var(--space-1)}.m-2{margin:1rem;margin:var(--space-2)}.m-3{margin:1.5rem;margin:var(--space-3)}.m-4{margin:2rem;margin:var(--space-4)}.m-5{margin:2.5rem;margin:var(--space-5)}.m-6{margin:3rem;margin:var(--space-6)}.mt-1{margin-top:.5rem;margin-top:var(--space-1)}.mt-2{margin-top:1rem;margin-top:var(--space-2)}.mt-3{margin-top:1.5rem;margin-top:var(--space-3)}.mt-4{margin-top:2rem;margin-top:var(--space-4)}.mb-1{margin-bottom:.5rem;margin-bottom:var(--space-1)}.mb-2{margin-bottom:1rem;margin-bottom:var(--space-2)}.mb-3{margin-bottom:1.5rem;margin-bottom:var(--space-3)}.mb-4{margin-bottom:2rem;margin-bottom:var(--space-4)}.ml-1{-webkit-margin-start:.5rem;-webkit-margin-start:var(--space-1);margin-inline-start:.5rem;margin-inline-start:var(--space-1)}.ml-2{-webkit-margin-start:1rem;-webkit-margin-start:var(--space-2);margin-inline-start:1rem;margin-inline-start:var(--space-2)}.ml-3{-webkit-margin-start:1.5rem;-webkit-margin-start:var(--space-3);margin-inline-start:1.5rem;margin-inline-start:var(--space-3)}.mr-1{-webkit-margin-end:.5rem;-webkit-margin-end:var(--space-1);margin-inline-end:.5rem;margin-inline-end:var(--space-1)}.mr-2{-webkit-margin-end:1rem;-webkit-margin-end:var(--space-2);margin-inline-end:1rem;margin-inline-end:var(--space-2)}.mr-3{-webkit-margin-end:1.5rem;-webkit-margin-end:var(--space-3);margin-inline-end:1.5rem;margin-inline-end:var(--space-3)}.p-1{padding:.5rem;padding:var(--space-1)}.p-2{padding:1rem;padding:var(--space-2)}.p-3{padding:1.5rem;padding:var(--space-3)}.p-4{padding:2rem;padding:var(--space-4)}.p-5{padding:2.5rem;padding:var(--space-5)}.p-6{padding:3rem;padding:var(--space-6)}.pt-1{padding-top:.5rem;padding-top:var(--space-1)}.pt-2{padding-top:1rem;padding-top:var(--space-2)}.pt-3{padding-top:1.5rem;padding-top:var(--space-3)}.pt-4{padding-top:2rem;padding-top:var(--space-4)}.pb-1{padding-bottom:.5rem;padding-bottom:var(--space-1)}.pb-2{padding-bottom:1rem;padding-bottom:var(--space-2)}.pb-3{padding-bottom:1.5rem;padding-bottom:var(--space-3)}.pb-4{padding-bottom:2rem;padding-bottom:var(--space-4)}.pl-1{-webkit-padding-start:.5rem;-webkit-padding-start:var(--space-1);padding-inline-start:.5rem;padding-inline-start:var(--space-1)}.pl-2{-webkit-padding-start:1rem;-webkit-padding-start:var(--space-2);padding-inline-start:1rem;padding-inline-start:var(--space-2)}.pl-3{-webkit-padding-start:1.5rem;-webkit-padding-start:var(--space-3);padding-inline-start:1.5rem;padding-inline-start:var(--space-3)}.pr-1{-webkit-padding-end:.5rem;-webkit-padding-end:var(--space-1);padding-inline-end:.5rem;padding-inline-end:var(--space-1)}.pr-2{-webkit-padding-end:1rem;-webkit-padding-end:var(--space-2);padding-inline-end:1rem;padding-inline-end:var(--space-2)}.pr-3{-webkit-padding-end:1.5rem;-webkit-padding-end:var(--space-3);padding-inline-end:1.5rem;padding-inline-end:var(--space-3)}.gap-1{gap:.5rem;gap:var(--space-1)}.gap-2{gap:1rem;gap:var(--space-2)}.gap-3{gap:1.5rem;gap:var(--space-3)}.gap-4{gap:2rem;gap:var(--space-4)}.transition-fast{transition:all .15s ease-in-out;transition:all var(--transition-fast)}.transition-base{transition:all .25s ease-in-out;transition:all var(--transition-base)}.transition-slow{transition:all .35s ease-in-out;transition:all var(--transition-slow)}.transition-colors{transition:background-color .25s ease-in-out,border-color .25s ease-in-out,color .25s ease-in-out;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.transition-transform{transition:transform .25s ease-in-out;transition:transform var(--transition-base)}.transition-opacity{transition:opacity .25s ease-in-out;transition:opacity var(--transition-base)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn .25s ease-in-out;animation:fadeIn var(--transition-base)}.animate-fadeOut{animation:fadeOut .25s ease-in-out;animation:fadeOut var(--transition-base)}.animate-slideInUp{animation:slideInUp .25s ease-in-out;animation:slideInUp var(--transition-base)}.animate-slideInDown{animation:slideInDown .25s ease-in-out;animation:slideInDown var(--transition-base)}.animate-scaleIn{animation:scaleIn .25s ease-in-out;animation:scaleIn var(--transition-base)}.animate-spin{animation:spin 1s linear infinite}.hover-lift{transition:transform .25s ease-in-out,box-shadow .25s ease-in-out;transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{box-shadow:0 10px 15px #0f172a1a,0 4px 6px #0f172a0d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hover-scale{transition:transform .25s ease-in-out;transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05)}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}*,:after,:before{box-sizing:border-box}canvas,img,svg,video{height:auto;max-width:100%}.admin-dashboard,.admin-users,.container,.footer-content,.navbar-container,.questionnaire-wrapper,.researcher-page,.schedule-container{box-sizing:border-box;max-width:100%;width:100%}.container{margin-inline:auto;max-width:1200px;max-width:var(--container-max,1200px);padding-inline:var(--space-2);padding-inline:var(--container-padding,var(--space-2))}.container-wide{max-width:1600px;max-width:var(--container-wide-max,1600px)}.container-narrow{max-width:720px;max-width:var(--container-narrow-max,720px)}@media (max-width:768px){:root{--text-4xl:1.875rem;--text-3xl:1.5rem;--text-2xl:1.25rem;--text-xl:1.125rem;--container-padding:var(--space-1)}body{font-size:var(--text-sm)}}@media (max-width:480px){:root{--text-4xl:1.625rem;--text-3xl:1.375rem;--space-4:1.5rem;--space-6:2rem}}@media (min-width:1536px){:root{--container-max:1400px;--container-wide-max:1800px}}.show-on-tablet{display:none!important}.hide-on-tablet{display:flex!important}@media (min-width:769px) and (max-width:1024px){.show-on-tablet{display:flex!important}.hide-on-tablet{display:none!important}}.show-on-desktop{display:none!important}@media (min-width:1025px){.show-on-desktop{display:flex!important}}@media (max-width:768px){.admin-menu-toggle,.admin-nav-item,.bottom-nav-item,.menu-toggle,.navbar-link,.page-btn,.primary-btn{min-height:44px}.bottom-nav-item{min-width:44px}}@media (max-height:500px) and (orientation:landscape){.modal{max-height:98vh}.chat-container{height:calc(100dvh - 56px);max-height:calc(100dvh - 56px)}}.toast-container{display:flex;flex-direction:column;gap:12px;inset-inline-end:20px;pointer-events:none;position:fixed;top:20px;z-index:10000}.toast-container>*{pointer-events:auto}.toast{align-items:center;animation:slideInRight .3s ease-out;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 16px #00000026;display:flex;gap:12px;max-width:400px;min-width:300px;padding:16px 20px;position:relative}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-icon{flex-shrink:0;font-size:1.2rem;font-weight:700}.toast-message{color:var(--color-text-main);flex:1 1;font-size:.95rem;line-height:1.4}.toast-close{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text-light);cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:24px;justify-content:center;padding:0;transition:background-color .2s,color .2s;width:24px}.toast-close:hover{background:var(--color-input-bg);color:var(--color-text-main)}.toast-success{-webkit-border-start:4px solid #10b981;border-inline-start:4px solid #10b981}.toast-success .toast-icon{color:#10b981}.toast-error{-webkit-border-start:4px solid #ef4444;border-inline-start:4px solid #ef4444}.toast-error .toast-icon{color:#ef4444}.toast-info{-webkit-border-start:4px solid var(--color-accent);border-inline-start:4px solid var(--color-accent)}.toast-info .toast-icon{color:var(--color-accent)}.toast-warning{-webkit-border-start:4px solid #f59e0b;border-inline-start:4px solid #f59e0b}.toast-warning .toast-icon{color:#f59e0b}.loading-spinner-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem}.loading-spinner{margin-bottom:1rem}.loading-spinner.small .spinner{border-width:2px;height:24px;width:24px}.loading-spinner.medium .spinner{border-width:3px;height:40px;width:40px}.loading-spinner.large .spinner{border-width:4px;height:60px;width:60px}.spinner{animation:spin 1s linear infinite;border:3px solid #825e341a;border-radius:50%;border-top:3px solid var(--color-accent)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-message{color:var(--color-text-light);font-size:14px;font-weight:600;margin:0}.error-boundary{align-items:center;background-color:var(--color-bg-page);display:flex;justify-content:center;min-height:100vh;padding:2rem}.error-boundary-content{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 6px 18px var(--color-shadow);max-width:600px;padding:2rem;text-align:center}.error-boundary-content h2{color:#e74c3c;margin-bottom:1rem}.error-boundary-content p{color:var(--color-text-main);margin-bottom:1.5rem}.error-boundary-button{background-color:var(--color-accent);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:.75rem 1.5rem;transition:background-color .3s}.error-boundary-button:hover{background-color:var(--color-accent-hover)}.error-details{background-color:var(--color-input-bg);border:1px solid var(--color-border);border-radius:4px;font-size:12px;margin-top:1.5rem;padding:1rem;text-align:start}.error-details summary{color:var(--color-text-main);cursor:pointer;font-weight:700;margin-bottom:.5rem}.error-details pre{word-wrap:break-word;color:#e74c3c;margin:.5rem 0;white-space:pre-wrap}.theme-toggle{background-color:initial;border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-secondary);height:40px;overflow:hidden;padding:0;position:relative;transition:all var(--transition-base);width:40px}.theme-toggle:hover{background-color:var(--bg-tertiary);border-color:var(--border-medium);color:var(--text-primary);transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)}.theme-toggle:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}[data-theme=dark] .theme-toggle:focus{box-shadow:0 0 0 3px var(--primary-200)}.theme-toggle-icon{height:20px;transition:transform var(--transition-base),opacity var(--transition-base);width:20px}.theme-toggle:hover .theme-toggle-icon{transform:rotate(20deg) scale(1.1)}@media (max-width:768px){.theme-toggle{height:36px;width:36px}.theme-toggle-icon{height:18px;width:18px}}.ui-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.ui-modal-panel{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;max-width:520px;padding:1.5rem;width:100%}.ui-modal-title{color:var(--color-text-main);margin:0 0 1rem}.language-toggle{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-main);cursor:pointer;display:inline-flex;gap:6px;height:40px;padding:0 10px;transition:all .2s ease}.language-toggle:hover{background:var(--color-input-bg);border-color:var(--color-accent)}.language-toggle-icon{font-size:14px}.language-toggle-label{font-size:12px;font-weight:700;letter-spacing:.5px}.language-selector-description{color:var(--color-text-light);font-size:.95rem;margin:0 0 12px}.language-selector-list{display:flex;flex-direction:column;gap:8px}.language-selector-item{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-main);cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;text-align:start;width:100%}.language-selector-item:hover{background:var(--color-input-bg);border-color:var(--color-accent)}.language-selector-item.active{background:#d47e3026;border-color:var(--color-accent)}.language-selector-meta{color:var(--color-text-light);font-size:.85rem}.language-selector-reset{background:#0000;border:1px dashed var(--color-border);border-radius:8px;color:var(--color-text-main);cursor:pointer;margin-top:12px;padding:10px 12px;width:100%}.language-selector-reset:hover{border-color:var(--color-accent);color:var(--color-accent)}.language-selector-refresh{background:#0000;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-main);cursor:pointer;margin-top:8px;padding:10px 12px;width:100%}.language-selector-refresh:hover{border-color:var(--color-accent);color:var(--color-accent)}.language-selector-loading{align-items:center;color:var(--color-text-light);display:flex;font-size:.95rem;gap:10px;justify-content:center;padding:24px 0}.language-selector-spinner{animation:language-selector-spin .7s linear infinite;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-accent);display:inline-block;flex-shrink:0;height:18px;width:18px}@keyframes language-selector-spin{to{transform:rotate(1turn)}}.notification-bell{position:relative}.notification-bell-btn{background:#0000;border:none;cursor:pointer;font-size:1.1rem;position:relative}.notification-badge{background:var(--color-accent);border-radius:999px;color:#fff;font-size:.65rem;padding:2px 5px;position:absolute;right:-6px;top:-4px}.notification-panel{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 8px 24px var(--color-shadow);max-height:320px;overflow:auto;position:absolute;right:0;top:120%;width:280px;z-index:100}.notification-panel-header{border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:.5rem .75rem}.notification-panel ul{list-style:none;margin:0;padding:0}.notification-panel li{border-bottom:1px solid var(--color-border);padding:.5rem .75rem}.notification-panel li.unread{background:var(--color-input-bg)}.notification-empty{color:var(--color-text-light)}.navbar{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);box-shadow:0 4px 12px var(--color-shadow);color:var(--color-text-main);overflow:visible;padding:14px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;overflow:visible;position:relative}.navbar-brand{color:var(--color-accent);font-size:1.3rem;font-weight:700;letter-spacing:.6px;text-decoration:none;transition:color .3s ease}.navbar-brand:hover{color:var(--color-accent-hover)}.navbar-menu{align-items:center;display:flex;gap:24px}.navbar-link{color:var(--color-text-main);font-size:.98rem;font-weight:600;position:relative;text-decoration:none;transition:color .3s ease;z-index:1}.navbar-link:hover{color:var(--color-accent)}.navbar-link:after{background:var(--color-accent);bottom:-6px;content:"";height:2px;inset-inline-start:0;pointer-events:none;position:absolute;transition:width .3s ease;width:0;z-index:1}.navbar-link:hover:after{width:100%}.navbar-link.active{color:var(--color-accent);font-weight:700}.navbar-link.active:after{width:100%}.navbar-link-with-badge{align-items:center;display:inline-flex;gap:6px}.navbar-unread-badge{background:#ef4444;border-radius:999px;color:#fff;font-size:.65rem;font-weight:700;height:18px;line-height:18px;min-width:18px;padding:0 5px;text-align:center}.menu-toggle{color:var(--color-text-main);cursor:pointer;display:none;font-size:1.6rem}@media (max-width:768px){.navbar{padding:10px 16px}.navbar-brand{font-size:1.1rem;max-width:calc(100vw - 120px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-menu{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 12px var(--color-shadow);display:none;flex-direction:column;gap:16px;inset-inline-end:20px;padding:20px;position:absolute;top:60px}.navbar-menu.open{display:flex}.menu-toggle{display:block}.navbar-link.desktop-only{display:none}}@media (min-width:769px) and (max-width:1024px){.navbar-menu{gap:16px}.navbar-link{font-size:.9rem}.navbar-container{padding-inline:8px}}.navbar-button{background:#0000;border:1px solid var(--color-accent);border-radius:6px;color:var(--color-accent);cursor:pointer;font-size:.98rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.navbar-button:hover{background:var(--color-accent);box-shadow:0 4px 10px #d47e3033;color:#fff;transform:translateY(-2px)}.theme-toggle{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:8px;transition:transform .3s ease}.theme-toggle:hover{background-color:var(--color-input-bg);transform:rotate(15deg) scale(1.1)}.profile-menu-container{-webkit-margin-start:0;display:inline-flex;isolation:isolate;margin-inline-start:0;z-index:10000}.profile-icon-btn,.profile-menu-container{align-items:center;justify-content:center;position:relative}.profile-icon-btn{background:#0000;border:2px solid var(--color-border);border-radius:50%;color:var(--color-text-main);cursor:pointer;display:flex;flex-shrink:0;height:40px;overflow:hidden;padding:0;transition:all .2s ease;width:40px}.profile-icon-btn:hover{background-color:var(--color-input-bg);border-color:var(--color-accent);transform:scale(1.05)}.profile-avatar-img{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.profile-avatar-placeholder-icon{align-items:center;background:var(--color-accent);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;text-transform:uppercase;width:100%}.profile-dropdown{animation:dropdownFadeIn .2s ease-out;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 24px #0000004d,0 0 0 1px #0000001a;display:flex;flex-direction:column;inset-inline-end:0;isolation:isolate;margin:0;max-width:320px;min-width:280px;overflow:hidden;padding:0;position:absolute;top:calc(100% + 8px);transform-origin:top inline-end;width:-webkit-max-content;width:max-content;z-index:10001}@media (max-width:768px){.profile-dropdown{inset-inline-end:0;inset-inline-start:auto;max-width:calc(100vw - 40px);min-width:260px;width:auto}}@media (max-width:480px){.profile-dropdown{inset-inline-end:-8px;max-width:calc(100vw - 40px);min-width:calc(100vw - 60px)}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-header{align-items:center;background:linear-gradient(135deg,#d47e301a,#0000);background:linear-gradient(135deg,var(--color-accent-light,#d47e301a) 0,#0000 100%);display:flex;gap:16px;padding:20px}.profile-dropdown-avatar-container{flex-shrink:0;position:relative}.profile-dropdown-avatar{background:var(--color-bg-light);border:3px solid var(--color-accent);border-radius:50%;height:64px;object-fit:cover;width:64px}.profile-dropdown-avatar-placeholder{border:3px solid var(--color-accent);border-radius:50%;font-size:24px;font-weight:700;height:64px;width:64px}.profile-dropdown-avatar-placeholder,.profile-picture-upload-btn{align-items:center;background:var(--color-accent);color:#fff;display:flex;justify-content:center}.profile-picture-upload-btn{border:2px solid var(--color-bg-card);border-radius:50%;bottom:0;cursor:pointer;font-size:12px;height:24px;inset-inline-end:0;padding:0;position:absolute;transition:all .2s ease;width:24px}.profile-picture-upload-btn:hover{background:var(--color-accent-hover);transform:scale(1.1)}.profile-picture-upload-btn:disabled{cursor:not-allowed;opacity:.6}.profile-dropdown-user-info{flex:1 1;min-width:0}.profile-dropdown-name{color:var(--color-text-main);font-size:1rem;font-weight:600;margin-bottom:4px}.profile-dropdown-email,.profile-dropdown-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown-email{color:var(--color-text-light);font-size:.875rem}.profile-dropdown-item{align-items:center;background:#0000;border:none;color:var(--color-text-main);cursor:pointer;display:flex;font-size:.95rem;gap:12px;padding:12px 20px;text-align:start;transition:all .2s ease;width:100%}.profile-dropdown-item svg{flex-shrink:0;opacity:.7}.profile-dropdown-item-label{flex:1 1;min-width:0;text-align:start}.profile-dropdown-unread-badge{background:#ef4444;border-radius:999px;color:#fff;flex-shrink:0;font-size:.65rem;font-weight:700;height:18px;line-height:18px;min-width:18px;padding:0 5px;text-align:center}.profile-dropdown-item:hover:not(.active){-webkit-padding-start:24px;background-color:var(--color-input-bg);color:var(--color-accent);padding-inline-start:24px}.profile-dropdown-item:hover:not(.active) svg{opacity:1;transform:scale(1.1)}.profile-dropdown-item.active{-webkit-padding-start:20px;-webkit-border-start:3px solid var(--color-accent);background-color:#d47e3026;border-inline-start:3px solid var(--color-accent);color:var(--color-accent);font-weight:700;padding-inline-start:20px}.profile-dropdown-item.active svg{color:var(--color-accent);opacity:1;transform:none}.profile-dropdown-item.active:hover{-webkit-padding-start:24px;background-color:#d47e3033;padding-inline-start:24px}.profile-dropdown-item-danger{color:#ef4444}.profile-dropdown-item-danger:hover{background-color:#ef44441a;color:#dc2626}.profile-dropdown-divider{background:var(--color-border);height:1px;margin:4px 0}.bottom-nav{background-color:var(--color-bg-card);border-top:1px solid var(--color-border);bottom:0;box-shadow:0 -2px 10px #0000000d;display:none;height:60px;inset-inline-start:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;width:100%;z-index:1000}.bottom-nav-container{align-items:center;display:flex;height:100%;justify-content:space-around;margin:0 auto;max-width:600px}.bottom-nav-item{align-items:center;color:var(--color-text-light);display:flex;flex:1 1;flex-direction:column;font-size:.75rem;font-weight:500;gap:4px;justify-content:center;padding:8px 0;text-decoration:none;transition:color .2s ease}.bottom-nav-item:active{background-color:initial}.bottom-nav-item.active{color:var(--color-accent);font-weight:600}.bottom-nav-icon{align-items:center;display:flex;font-size:1.4rem;justify-content:center;line-height:1;position:relative;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.bottom-nav-item.active .bottom-nav-icon{transform:translateY(-2px)}.bottom-nav-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:.6rem;inset-inline-end:25%;min-width:14px;padding:2px 4px;position:absolute;text-align:center;top:4px}@media (max-width:768px){.bottom-nav{display:block}}.session-expiration-warning{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 4px 12px #00000026;color:#fff;inset-inline-end:0;inset-inline-start:0;position:fixed;top:0;z-index:9999}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.warning-content{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:16px 24px}.warning-icon{flex-shrink:0;font-size:24px}.warning-message{flex:1 1;min-width:0}.warning-message strong{display:block;font-size:16px;font-weight:600;margin-bottom:4px}.warning-message p{font-size:14px;margin:0;opacity:.95}.warning-actions{display:flex;flex-shrink:0;gap:12px}.warning-actions button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.btn-extend{background:#fff;color:#f57c00}.btn-extend:hover:not(:disabled){background:#f5f5f5;box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.btn-extend:disabled{cursor:not-allowed;opacity:.7}.btn-dismiss{background:#fff3;border:1px solid #ffffff4d;color:#fff}.btn-dismiss:hover{background:#ffffff4d;transform:translateY(-1px)}@media (max-width:768px){.warning-content{align-items:flex-start;flex-direction:column;gap:12px;padding:12px 16px}.warning-actions{width:100%}.warning-actions button{flex:1 1}}[data-theme=dark] .session-expiration-warning{background:linear-gradient(135deg,#f57c00,#e65100)}[data-theme=dark] .btn-extend{background:#1e1e1e;color:#ff9800}[data-theme=dark] .btn-extend:hover:not(:disabled){background:#2a2a2a}.session-expiration-warning:focus-within{outline:2px solid #fff;outline-offset:-2px}.warning-actions button:focus{outline:2px solid #fff;outline-offset:2px}@media print{.session-expiration-warning{display:none}}.inactivity-warning-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#000000b3;bottom:0;display:flex;inset-inline-end:0;inset-inline-start:0;justify-content:center;position:fixed;top:0;z-index:10000}.inactivity-warning-modal{animation:slideUp .3s ease-out;background:#fff;background:var(--bg-primary,#fff);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:480px;padding:2rem;width:90%}[data-theme=dark] .inactivity-warning-modal{background:#1e1e1e;background:var(--bg-secondary,#1e1e1e);box-shadow:0 20px 60px #0009}.inactivity-warning-header{margin-bottom:1.5rem;text-align:center}.inactivity-warning-icon{animation:pulse 2s ease-in-out infinite;font-size:3rem;margin-bottom:1rem}.inactivity-warning-header h2{color:#212121;color:var(--text-primary,#212121);font-size:1.5rem;font-weight:600;margin:0}[data-theme=dark] .inactivity-warning-header h2{color:#fff;color:var(--text-primary,#fff)}.inactivity-warning-body{margin-bottom:2rem;text-align:center}.inactivity-warning-body p{color:#757575;color:var(--text-secondary,#757575);font-size:1rem;margin:.5rem 0}[data-theme=dark] .inactivity-warning-body p{color:#b0b0b0;color:var(--text-secondary,#b0b0b0)}.inactivity-warning-message{font-size:1.1rem!important;margin-top:1rem!important}.inactivity-warning-message strong{color:#f44336;color:var(--error,#f44336);font-size:1.3rem;font-weight:700}.inactivity-warning-actions{display:flex;flex-direction:column;gap:.75rem}.inactivity-warning-actions button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s ease}.btn-stay-logged-in{background:#2196f3;background:var(--primary-500,#2196f3);color:#fff}.btn-stay-logged-in:hover{background:#1e88e5;background:var(--primary-600,#1e88e5);box-shadow:0 4px 12px #2196f34d;transform:translateY(-1px)}.btn-stay-logged-in:active{transform:translateY(0)}.btn-logout-now{background:#0000;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);color:#757575;color:var(--text-secondary,#757575)}[data-theme=dark] .btn-logout-now{border-color:#3a3a3a;border-color:var(--border-color,#3a3a3a);color:#b0b0b0;color:var(--text-secondary,#b0b0b0)}.btn-logout-now:hover{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);color:#212121;color:var(--text-primary,#212121)}[data-theme=dark] .btn-logout-now:hover{background:#2a2a2a;background:var(--bg-tertiary,#2a2a2a);color:#fff;color:var(--text-primary,#fff)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.inactivity-warning-modal{max-width:95%;padding:1.5rem}.inactivity-warning-header h2{font-size:1.25rem}.inactivity-warning-icon{font-size:2.5rem}.inactivity-warning-body p{font-size:.9rem}.inactivity-warning-message{font-size:1rem!important}.inactivity-warning-message strong{font-size:1.1rem}.inactivity-warning-actions button{font-size:.9rem;padding:.75rem 1.25rem}}.app-footer{background:var(--color-bg-card);border-top:1px solid var(--color-border);color:var(--color-text-light);font-size:.9rem;margin-top:auto;padding:20px 0;text-align:center}.footer-content{align-items:center;display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:1200px}.footer-links{display:flex;gap:20px}.footer-links a{color:var(--color-text-main);padding:4px 0;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--color-accent)}@media (max-width:767px){.app-footer{font-size:.8rem;padding:12px 0}.footer-content{padding:0 16px}.footer-links{flex-direction:column;gap:8px}}@media (min-width:768px){.footer-content{flex-direction:row;justify-content:space-between;padding:0 20px}}.app-min-height{display:flex;flex-direction:column;min-height:100vh}.main-content{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow-x:hidden}.auth-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center;padding:20px}@media (max-width:768px){.app-min-height{padding-bottom:calc(60px + env(safe-area-inset-bottom, 0px))}.app-footer{font-size:.8rem;padding:12px 0}.footer-links{flex-wrap:wrap;gap:12px 16px;justify-content:center}}@media (min-width:769px) and (max-width:1024px){.auth-wrapper{padding:16px}}@media (min-width:1536px){.main-content>*{margin-inline:auto;max-width:1800px;width:100%}}
/*# sourceMappingURL=main.ff57b02e.css.map*/