@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined";:root{--ink-950: #07070E;--ink-900: #0B0B14;--ink-850: #10101B;--ink-800: #16161F;--ink-700: #1E1E2B;--ink-600: #2A2A3A;--prism-emerald: #3DE38B;--prism-cyan: #4CC9F0;--prism-violet: #9D7BFF;--prism-rose: #FF6FB5;--prism-amber: #FFC24B;--paper-50: #FBFBFD;--paper-100: #F4F4F8;--paper-200: #E9E9F0;--paper-300: #D8D8E4;--dur-instant: .12s;--dur-fast: .2s;--dur-base: .32s;--dur-slow: .56s;--dur-ambient: 12s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--font-display: "Sora", "Inter", sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-brand: "Orbitron", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}:root,[data-theme=dark]{--color-primary: var(--prism-emerald);--color-primary-light: rgba(61, 227, 139, .16);--color-success: var(--prism-emerald);--color-warning: var(--prism-amber);--color-danger: #FF5D6C;--color-danger-rgb: 255, 93, 108;--color-bg-base: var(--ink-950);--color-bg-secondary: var(--ink-900);--color-bg-elevated: var(--ink-850);--color-bg-input: rgba(255, 255, 255, .04);--color-bg-header: rgba(11, 11, 20, .72);--color-bg-card: rgba(16, 16, 27, .66);--color-bg-dropdown: rgba(11, 11, 20, .94);--color-bg-hover: rgba(255, 255, 255, .06);--color-text-primary: #F5F6FA;--color-text-secondary: rgba(245, 246, 250, .68);--color-text-tertiary: rgba(245, 246, 250, .44);--color-border: rgba(255, 255, 255, .12);--color-border-light: rgba(255, 255, 255, .08);--color-shadow: rgba(0, 0, 0, .5);--color-btn-primary-text: #04150C;--color-bg-overlay: linear-gradient(to bottom, rgba(7, 7, 14, .86), transparent);--gradient-title: linear-gradient(102deg, #FFFFFF 0%, var(--prism-cyan) 46%, var(--prism-violet) 100%);--gradient-brand: linear-gradient(120deg, var(--prism-emerald), var(--prism-cyan));--gradient-spectrum: linear-gradient(96deg, var(--prism-emerald) 0%, var(--prism-cyan) 34%, var(--prism-violet) 68%, var(--prism-rose) 100%);--sheen-top: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0) 42%);--elev-1: 0 1px 2px rgba(0, 0, 0, .4);--elev-2: 0 4px 16px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .04);--elev-3: 0 12px 40px rgba(0, 0, 0, .55), 0 0 40px -12px rgba(77, 201, 240, .18);--elev-4: 0 28px 80px rgba(0, 0, 0, .65), 0 0 72px -20px rgba(157, 123, 255, .24);--glow-primary: 0 0 0 1px rgba(61, 227, 139, .32), 0 8px 28px -6px rgba(61, 227, 139, .42);color-scheme:dark}[data-theme=light]{--color-primary: #12A45E;--color-primary-light: rgba(18, 164, 94, .12);--color-success: #12A45E;--color-warning: #B26A00;--color-danger: #D93544;--color-danger-rgb: 217, 53, 68;--color-bg-base: var(--paper-50);--color-bg-secondary: #FFFFFF;--color-bg-elevated: #FFFFFF;--color-bg-input: var(--paper-100);--color-bg-header: rgba(251, 251, 253, .78);--color-bg-card: #FFFFFF;--color-bg-dropdown: rgba(255, 255, 255, .96);--color-bg-hover: rgba(12, 12, 26, .04);--color-text-primary: #0D0D18;--color-text-secondary: #45465A;--color-text-tertiary: #6E6F85;--color-border: var(--paper-300);--color-border-light: var(--paper-200);--color-shadow: rgba(20, 20, 43, .1);--color-btn-primary-text: #FFFFFF;--color-bg-overlay: linear-gradient(to bottom, rgba(251, 251, 253, .9), transparent);--gradient-title: linear-gradient(102deg, #0D0D18 0%, #0E7C9B 48%, #6B3FD4 100%);--gradient-brand: linear-gradient(120deg, #12A45E, #0E7C9B);--gradient-spectrum: linear-gradient(96deg, #12A45E 0%, #0E7C9B 34%, #6B3FD4 68%, #C13C82 100%);--sheen-top: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, 0) 42%);--elev-1: 0 1px 2px rgba(20, 20, 43, .06);--elev-2: 0 4px 14px rgba(20, 20, 43, .08);--elev-3: 0 12px 32px rgba(20, 20, 43, .12);--elev-4: 0 28px 64px rgba(20, 20, 43, .16);--glow-primary: 0 0 0 1px rgba(18, 164, 94, .28), 0 8px 24px -6px rgba(18, 164, 94, .35);color-scheme:light}:root,[data-theme=dark],[data-theme=light]{--color-bg-light: var(--color-bg-base);--color-bg-dark: var(--color-bg-base);--color-bg-dark-secondary: var(--color-bg-secondary);--color-bg-dark-tertiary: var(--color-bg-elevated);--color-text-dark-primary: var(--color-text-primary);--color-text-dark-secondary: var(--color-text-secondary);--color-border-dark: var(--color-border)}@media(prefers-reduced-motion:reduce){:root{--dur-instant: 0ms;--dur-fast: 0ms;--dur-base: 0ms;--dur-slow: 0ms;--dur-ambient: 0ms}}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;width:100%}body{font-family:var(--font-display);background-color:var(--color-bg-base);color:var(--color-text-primary);transition:background-color .2s,color .2s}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}a{text-decoration:none;color:inherit}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseFade{0%,to{opacity:1}50%{opacity:.6}}@keyframes scaleBounce{0%{transform:scale(.95)}50%{transform:scale(1.02)}to{transform:scale(1)}}.animate-fade-in{animation:fadeInDown .6s cubic-bezier(.16,1,.3,1) forwards}.global-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.2);border-radius:50%;border-top-color:var(--color-primary);animation:spin 1s infinite linear}.notification-badge{position:absolute;top:-6px;right:-10px;background-color:#ef4444;color:#fff;font-size:.7rem;font-weight:700;padding:1px 5px;border-radius:var(--radius-pill);border:2px solid var(--color-bg-base);display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;z-index:2;box-shadow:0 2px 4px #0003;line-height:1}.avatar-wrapper{position:relative;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-user-select:none;user-select:none;transition:all var(--dur-fast) var(--ease-out)}.avatar-with-border{border:1px solid var(--color-border-light)}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gradient-brand);color:#000;font-weight:800;font-family:var(--font-display);text-shadow:0 1px 2px rgba(255,255,255,.2)}.avatar-sm{width:32px;height:32px;font-size:.9rem}.avatar-md{width:38px;height:38px;font-size:1.1rem}.avatar-lg{width:50px;height:50px;font-size:1.4rem}.avatar-xl{width:120px;height:120px;font-size:3rem;border-width:4px;box-shadow:0 10px 30px #0000004d}.avatar-wrapper:hover{transform:scale(1.05)}.avatar-img{display:block}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;pointer-events:auto;animation:modalFadeIn .3s ease-out}.modal-content{width:90%;max-width:500px;background:var(--color-bg-card);border-radius:28px;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px #0006;display:flex;flex-direction:column;overflow:hidden;position:relative;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}.modal-content.modal-document{max-width:1100px}.modal-header{padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05)}:root[data-theme=light] .modal-header{border-bottom-color:#0000000d}.modal-title{margin:0;font-size:1rem;font-weight:700;color:var(--color-text-primary);letter-spacing:.05em}.modal-close-btn{background:#ffffff0d;border:none;color:var(--color-text-secondary);cursor:pointer;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all var(--dur-fast) var(--ease-out)}.modal-close-btn:hover{background:#ffffff1a;color:var(--color-text-primary);transform:rotate(90deg)}.modal-body{padding:0;display:flex;flex-direction:column}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.orbitron{font-family:var(--font-display)}@media(max-width:480px){.modal-overlay{align-items:flex-end;padding-bottom:env(safe-area-inset-bottom,0px)}.modal-content{width:100%;max-width:100%;border-radius:24px 24px 0 0;max-height:92vh;overflow-y:auto}.modal-content.modal-document{max-height:95vh;border-radius:24px 24px 0 0}@keyframes modalSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:1.25rem 1.5rem;position:sticky;top:0;background:var(--color-bg-card);z-index:1}}@media(max-width:360px){.modal-header{padding:1rem 1.25rem}.modal-content{border-radius:20px 20px 0 0}}.app-header{position:sticky;top:1rem;z-index:1000;background:transparent;width:100%;padding:0;transition:all var(--dur-fast) var(--ease-out);pointer-events:none}.header-content{pointer-events:auto;width:82%;max-width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2.5rem;height:72px;background-color:var(--color-bg-header);backdrop-filter:blur(50px) saturate(210%);-webkit-backdrop-filter:blur(50px) saturate(210%);border:1px solid var(--color-border-light);border-radius:var(--radius-pill);box-shadow:0 20px 40px var(--color-shadow),inset 0 1px 1px var(--color-border-light)}.logo-group{display:flex;align-items:center;padding-left:.5rem}.logo{font-family:var(--font-display);font-size:1.5rem;font-weight:950;color:var(--color-text-primary);letter-spacing:-.5px;text-decoration:none;transition:all var(--dur-fast) var(--ease-out);display:flex;align-items:center;gap:12px}.header-logo-img{width:32px;height:32px;object-fit:contain}.logo:hover{opacity:.8}.search-container{position:relative;flex:1;max-width:450px;margin:0 2rem;display:flex;align-items:center;background-color:var(--color-bg-input);border-radius:var(--radius-pill);padding:2px 2px 2px 0;border:1px solid var(--color-border-light);transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.search-container:hover{border-color:var(--color-border)}.search-container:focus-within{border-color:var(--color-primary);background-color:var(--color-bg-elevated);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,transparent)}.search-input{flex:1;padding:.8rem 1.5rem;border:none;background:transparent;color:var(--color-text-primary);outline:none;font-size:.95rem;font-weight:500}.search-input::placeholder{color:var(--color-text-tertiary)}.search-input::-webkit-search-cancel-button,.search-input::-webkit-search-decoration,.search-input::-webkit-search-results-button,.search-input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.search-input{appearance:none;-webkit-appearance:none}.search-button{width:34px;height:34px;flex:none;border-radius:50%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-tertiary);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.search-button:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.search-container.dolu .search-button{background:var(--color-primary);color:var(--color-btn-primary-text)}.search-container.dolu .search-button:hover{filter:brightness(1.06)}.search-temizle{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex:none;margin-right:.25rem;padding:0;border:none;border-radius:50%;background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.search-temizle:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.search-kisayol{flex:none;margin-right:.5rem;padding:.15rem .4rem;border:1px solid var(--color-border-light);border-radius:6px;background:var(--color-bg-hover);color:var(--color-text-tertiary);font-family:var(--font-body);font-size:.6875rem;font-weight:600;line-height:1.4;letter-spacing:.02em;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:opacity var(--dur-fast) var(--ease-out)}.search-container:focus-within .search-kisayol{opacity:0;pointer-events:none}@media(max-width:900px){.search-kisayol{display:none}}@media(prefers-reduced-motion:reduce){.search-container,.search-button,.search-temizle,.search-kisayol{transition:none}}.search-icon-svg{width:20px;height:20px}[data-theme=dark] .search-container{background-color:var(--color-bg-elevated);border-color:var(--color-border)}.header-actions{display:flex;align-items:center;gap:1.2rem}.profile-btn{background:transparent;border:none;cursor:pointer;padding:0;border-radius:50%;transition:all var(--dur-base) var(--ease-out);position:relative;display:flex;align-items:center;justify-content:center}.profile-btn:before{content:"";position:absolute;inset:-3px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),#2cb560);opacity:0;transition:opacity .4s ease;z-index:-1;filter:blur(8px)}.profile-btn:hover{transform:translateY(-2px) scale(1.05);border-color:var(--color-border);background:var(--color-bg-hover)}.profile-btn:hover:before{opacity:.4}.profile-wrapper{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 15px);right:-10px;width:300px;background-color:var(--color-bg-dropdown);backdrop-filter:blur(25px) saturate(160%);-webkit-backdrop-filter:blur(25px) saturate(160%);border:1px solid var(--color-border-light);border-radius:24px;box-shadow:0 25px 50px -12px var(--color-shadow),0 0 0 1px var(--color-border-light),inset 0 1px 1px var(--color-border-light);z-index:1000;overflow:hidden;transform-origin:top right;animation:dropdownShow .4s cubic-bezier(.2,.8,.2,1)}@keyframes dropdownShow{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-user-info{padding:1.75rem;background:linear-gradient(135deg,var(--color-primary-light) 0%,transparent 100%);border-bottom:1px solid var(--color-border-light)}.dropdown-username{font-family:var(--font-display);font-weight:800;color:var(--color-text-primary);font-size:1.2rem;margin-bottom:.25rem;letter-spacing:-.2px}.dropdown-fullname{font-size:.9rem;color:var(--color-text-secondary);font-weight:500}.dropdown-menu hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--color-border-light),transparent);margin:.5rem 0}.dropdown-item{font-family:var(--font-display);display:flex;align-items:center;gap:1.2rem;padding:1rem 1.75rem;color:var(--color-text-secondary);transition:all var(--dur-fast) var(--ease-out);width:100%;text-align:left;background:transparent;border:none;font-size:.95rem;cursor:pointer;font-weight:600;position:relative}.dropdown-item:after{content:"";position:absolute;left:1rem;right:1rem;top:0;bottom:0;background-color:var(--color-bg-hover);border-radius:14px;opacity:0;z-index:-1;transition:opacity .3s}.dropdown-item:hover{color:var(--color-text-primary);padding-left:2rem}.dropdown-item:hover:after{opacity:1}.dropdown-item .nav-icon{width:1.3rem;height:1.3rem;transition:all var(--dur-fast) var(--ease-out);color:var(--color-text-tertiary)}.dropdown-item:hover .nav-icon{color:var(--color-primary);transform:scale(1.1) rotate(-5deg)}.dropdown-item.danger{color:#ff6b6b;margin-top:.5rem;margin-bottom:.5rem}.dropdown-item.danger .nav-icon{color:#ff6b6b;opacity:.7}.dropdown-item.danger:hover{color:#ff4757;background-color:#ff47571a;border-radius:14px;width:calc(100% - 2rem);margin-left:1rem;padding-left:1.75rem}.dropdown-item.danger:hover:after{display:none}.dropdown-item.danger:hover .nav-icon{color:#ff4757;transform:scale(1.1) translate(3px)}@media(max-width:768px){.header-content{width:95%;padding:0 1rem}}.modal-sm{max-width:450px!important}.logout-confirm-modal{padding:.5rem .5rem 1.5rem;text-align:center}.logout-confirm-modal p{font-size:1.1rem;color:var(--color-text-primary);margin-bottom:2rem;line-height:1.5;opacity:.9}.logout-confirm-modal .modal-actions{display:flex;gap:1rem;justify-content:center}.logout-confirm-modal button{padding:.8rem 2rem;border-radius:14px;font-family:var(--font-display);font-weight:700;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);border:none;min-width:120px;font-size:.9rem;text-transform:none;letter-spacing:1px;pointer-events:auto}.logout-confirm-modal .btn-secondary{background:var(--color-bg-input);color:var(--color-text-secondary);border:1px solid var(--color-border-light)}.logout-confirm-modal .btn-secondary:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border)}.logout-confirm-modal .btn-danger{background:linear-gradient(135deg,#ff4757,#ff6b6b);color:#fff;box-shadow:0 8px 20px #ff47574d}.logout-confirm-modal .btn-danger:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 25px #ff475766;filter:brightness(1.1)}@media(max-width:1024px){.search-container{margin:0 1rem;max-width:300px}}@media(max-width:768px){.header-content{padding:0 1.25rem;height:64px}.search-container{display:flex!important;margin:0 1rem;max-width:280px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0;height:40px}.search-input{padding:0 1rem;font-size:.9rem}.search-button{background:transparent!important;box-shadow:none!important;width:40px;height:40px;color:var(--color-primary)}.search-button:hover{transform:scale(1.1);background:transparent}.nav-label-logo{display:none}}@media(max-width:500px){.header-content{padding:0 .75rem;gap:.4rem}.search-container{margin:0 .5rem;max-width:140px;height:36px}.search-input{font-size:.85rem;padding:0 .75rem;min-width:0}.search-button{width:36px;height:36px;min-width:36px;flex-shrink:0}.search-button .search-icon-svg{width:18px;height:18px}}@media(max-width:400px){.header-content{padding:0 .6rem;gap:.25rem}.search-container{max-width:36px;height:36px;margin:0 .25rem;transition:all var(--dur-fast) var(--ease-out);overflow:hidden;border:none;background:transparent;flex-shrink:0}.search-container.active{max-width:170px;background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:20px;padding-left:.5rem;overflow:visible}.search-container:not(.active) .search-input{display:none}.search-container.active .search-input{display:block;width:100%;padding:0 .5rem;font-size:.85rem;background:transparent;pointer-events:auto}.search-button{width:36px;height:36px;min-width:36px;border-radius:50%;background:var(--color-primary)!important;box-shadow:0 2px 8px var(--color-primary-light)!important;color:#000;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;pointer-events:auto}.search-container.active .search-button{background:transparent!important;box-shadow:none!important;color:var(--color-primary)}}@media(max-width:480px){.logout-confirm-modal .modal-actions{flex-direction:column}.logout-confirm-modal button{width:100%;min-width:unset}}.header-guest-actions{display:flex;align-items:center;gap:.5rem}.header-guest-btn{padding:.5rem 1rem;border-radius:12px;font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:none;text-decoration:none;white-space:nowrap;transition:all var(--dur-fast) var(--ease-out)}.header-guest-btn.secondary{color:var(--color-text-primary);border:1px solid var(--color-border-light)}.header-guest-btn.secondary:hover{background:var(--color-bg-hover);border-color:var(--color-text-tertiary)}.header-guest-btn.primary{background:linear-gradient(135deg,var(--prism-emerald),#27ae60);color:#fff;border:1px solid transparent;box-shadow:0 4px 14px #2ecc714d}.header-guest-btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2ecc7173}@media(max-width:480px){.header-guest-btn.secondary{display:none}.header-guest-btn{padding:.45rem .8rem;font-size:.68rem}}.app-header{background:var(--color-bg-header);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--color-border-light)}.nav-label-logo{font-family:var(--font-brand)}.dropdown-item.tema-anahtari{width:100%;text-align:left;cursor:pointer}.tema-anahtari .tema-kertik{margin-left:auto;flex:none;width:2rem;height:1.125rem;padding:2px;border-radius:999px;background:var(--color-border-light);transition:background-color var(--dur-base, .2s) var(--ease-out, ease);display:inline-flex;align-items:center}.tema-anahtari[aria-pressed=true] .tema-kertik{background:var(--color-primary)}.tema-anahtari .tema-topuz{width:.875rem;height:.875rem;border-radius:50%;background:#fff;transform:translate(0);transition:transform var(--dur-base, .2s) var(--ease-out, ease)}.tema-anahtari[aria-pressed=true] .tema-topuz{transform:translate(.875rem)}@media(prefers-reduced-motion:reduce){.tema-anahtari .tema-kertik,.tema-anahtari .tema-topuz{transition:none}}.auth-gate{padding:1.25rem 2rem 2rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem}.auth-gate-message{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6;margin:0;max-width:34ch}.auth-gate-actions{display:flex;gap:.75rem;width:100%}.auth-gate-btn{flex:1;padding:.85rem 1.25rem;border:none;border-radius:14px;cursor:pointer;font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:none;transition:all var(--dur-fast) var(--ease-out)}.auth-gate-btn:active{transform:scale(.97)}.auth-gate-btn.primary{background:linear-gradient(135deg,var(--prism-emerald),#27ae60);color:#fff;box-shadow:0 4px 18px #2ecc7159}.auth-gate-btn.primary:hover{box-shadow:0 6px 24px #2ecc7180;transform:translateY(-1px)}.auth-gate-btn.secondary{background:var(--color-bg-input);color:var(--color-text-primary);border:1px solid var(--color-border-light)}.auth-gate-btn.secondary:hover{background:var(--color-bg-hover);border-color:var(--color-text-tertiary)}.auth-gate-dismiss{background:none;border:none;padding:.25rem;cursor:pointer;font-size:.82rem;color:var(--color-text-tertiary);text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.auth-gate-dismiss:hover{color:var(--color-text-secondary)}@media(max-width:480px){.auth-gate{padding:1rem 1.5rem 1.5rem}.auth-gate-actions{flex-direction:column}}.sidebar-nav{--primary-rgb: 57, 224, 121;display:flex;flex-direction:column;height:100%;padding:1.5rem 0;position:relative;z-index:10}.sidebar-nav ul{list-style:none;padding:0;margin:0;flex:1;display:flex;flex-direction:column;gap:.5rem}.sidebar-nav li{margin:0 .75rem}.sidebar-nav a{display:flex;align-items:center;gap:1rem;padding:.85rem 1.25rem;font-size:1rem;color:var(--color-text-secondary);text-decoration:none;border-radius:16px;font-weight:500;position:relative;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out);background:transparent;overflow:hidden}.sidebar-nav a:hover{color:var(--color-primary);background-color:var(--color-bg-hover);transform:translate(4px)}.sidebar-nav a:hover .nav-icon{transform:scale(1.1);color:var(--color-primary)}.sidebar-nav a.active-link{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent);font-weight:700}.sidebar-nav a.active-link:before{content:"";position:absolute;left:0;top:25%;height:50%;width:3px;background-color:var(--color-primary);border-radius:0 4px 4px 0}.sidebar-nav a.active-link .nav-icon{color:var(--color-primary)}.nav-icon{width:24px;height:24px;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.nav-label{font-family:var(--font-display);letter-spacing:.5px;font-size:.9rem}.sidebar-version{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:1.25rem;margin:1rem .75rem 0;color:var(--color-text-secondary);font-size:.8rem;opacity:.8;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.sidebar-version:hover{background:#ffffff0d;opacity:1}.sidebar-version .material-symbols-outlined{font-size:1rem;color:var(--color-primary)}[data-theme=dark] .sidebar-nav a.active-link{background:linear-gradient(90deg,rgba(var(--primary-rgb),.15) 0%,transparent 100%)}.sidebar-dropdown-container{position:relative;margin:0 .75rem}.sidebar-dropdown-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;font-size:1rem;color:#fff;background:linear-gradient(135deg,var(--color-primary) 0%,var(--prism-emerald) 100%);border:none;border-radius:16px;font-weight:700;cursor:pointer;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);box-shadow:0 2px 8px var(--color-shadow);margin:.5rem 0;position:relative;overflow:hidden}.sidebar-dropdown-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--color-shadow)}.sidebar-dropdown-btn .share-btn-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.sidebar-dropdown-btn .share-btn-label{text-transform:none;font-weight:800;font-size:.85rem;letter-spacing:1px}.dropdown-active{background:linear-gradient(135deg,var(--prism-emerald) 0%,var(--color-primary) 100%)}.btn-content-wrapper{display:flex;align-items:center;gap:1rem}.chevron-icon{width:20px;height:20px;transition:transform .3s ease}.rotated{transform:rotate(90deg)}.sidebar-dropdown-menu{position:absolute;left:calc(100% + 10px);top:0;width:200px;background:var(--color-bg-dropdown);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--color-border-light);border-radius:16px;padding:.5rem;z-index:99999;box-shadow:0 10px 25px #0006;animation:sideSlide .3s cubic-bezier(.16,1,.3,1)}@keyframes sideSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.dropdown-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;color:var(--color-text-secondary);font-family:var(--font-display);font-size:.85rem;border-radius:10px;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.dropdown-item:hover{background:rgba(var(--primary-rgb),.1);color:var(--color-primary);padding-left:1.25rem}.dropdown-item .material-symbols-outlined{font-size:1.25rem}.dropdown-divider{height:1px;background:var(--border-color);margin:.4rem .5rem;opacity:.5}.glass-effect{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media(max-width:1024px)and (min-width:768px){.sidebar-nav a{padding:.85rem;gap:.5rem}.nav-label{font-size:.8rem}.sidebar-dropdown-menu{left:0;top:auto;bottom:calc(100% + 8px);width:220px}}@media(max-width:768px){.sidebar-dropdown-menu{left:0;top:auto;bottom:calc(100% + 8px);width:min(220px,calc(100vw - 2rem))}}.sidebar-guest-cta{margin:1rem .5rem;padding:1rem;border-radius:16px;border:1px solid var(--color-border-light);background:var(--color-bg-input);display:flex;flex-direction:column;gap:.5rem}.sidebar-guest-title{font-family:var(--font-display);font-size:.82rem;font-weight:700;color:var(--color-text-primary);letter-spacing:.03em}.sidebar-guest-text{font-size:.8rem;line-height:1.5;color:var(--color-text-secondary);margin:0}.sidebar-guest-btn{margin-top:.25rem;padding:.6rem 1rem;border-radius:12px;text-align:center;text-decoration:none;font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:none;background:linear-gradient(135deg,var(--prism-emerald),#27ae60);color:#fff;box-shadow:0 4px 14px #2ecc714d;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.sidebar-guest-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2ecc7173}@media(max-width:1024px){.sidebar-guest-cta{display:none}}.sidebar-nav a,.sidebar-dropdown-btn{border-radius:var(--radius-md);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.sidebar-nav .active-link{position:relative;background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-nav .active-link:before{content:"";position:absolute;left:0;top:50%;translate:0 -50%;width:3px;height:60%;border-radius:var(--radius-pill);background:var(--gradient-brand)}.sidebar-nav .nav-label{font-family:var(--font-display);font-weight:500}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;background-color:var(--color-bg-header);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-border);padding:.5rem 1rem;z-index:1000;display:none}.bottom-nav ul{display:flex;justify-content:space-between;align-items:center;list-style:none;margin:0;padding:0;width:100%}.bottom-nav li{flex:1;display:flex;justify-content:center}.bottom-nav a{display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);text-decoration:none;border-radius:50%;width:44px;height:44px;transition:all var(--dur-fast) var(--ease-out)}.bottom-nav a:hover,.bottom-nav a.active-link{color:var(--color-primary);background-color:#39e0791a}.bottom-nav-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;border:1px solid currentColor;display:flex;align-items:center;justify-content:center}.bottom-nav-avatar img{width:100%;height:100%;object-fit:cover}.bottom-nav-action-btn{background:transparent;border:none;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);padding:0}.share-btn{background:linear-gradient(135deg,var(--color-primary),var(--prism-emerald));color:#000;box-shadow:0 4px 12px #31572c4d;z-index:1001}.share-btn:active{transform:scale(.9)}.bottom-nav-share-options{padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.options-title{font-family:var(--font-display);font-size:1.25rem;text-align:center;color:#fff;margin:0;letter-spacing:.01em}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.option-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:#fff;padding:1.5rem 1rem;border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.option-btn .material-symbols-outlined{font-size:2rem;color:var(--color-primary)}.option-btn:hover{background:#31572c1a;border-color:var(--color-primary)}@media(max-width:768px){.bottom-nav{display:block;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px))}}@media(max-width:480px){.bottom-nav-share-options{padding:1.5rem 1rem;gap:1rem}.options-title{font-size:1rem}.option-btn{padding:1rem .75rem;border-radius:16px;gap:.5rem}.option-btn .material-symbols-outlined{font-size:1.5rem}.option-btn span:last-child{font-size:.8rem}}.layout-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg-base);color:var(--color-text-primary);width:100%}.layout-body{display:flex;flex:1;max-width:1700px;margin:0 auto;width:100%;gap:1.5rem;padding:0 1.5rem;transition:max-width .3s ease}.layout-body-wide{width:82.5%;max-width:100%;margin:3rem auto 0;padding:0;gap:2.5rem}.layout-body-wide .layout-content{padding:0}.layout-sidebar{width:250px;padding:1.5rem 0;border-right:none;background:transparent;display:none;position:sticky;top:7rem;align-self:flex-start;height:calc(100vh - 7rem);z-index:500}.layout-content{flex:1;padding:1.5rem;border-right:none;background:var(--color-bg-base)}.layout-widgets{width:280px;padding:1rem;display:none}@media(min-width:768px){.layout-sidebar{display:block}}@media(min-width:1024px){.layout-widgets{display:block}}@media(max-width:768px){.layout-content{padding:0;margin-bottom:80px}.layout-body{width:100%;padding:0 .75rem;gap:0}.layout-body-wide{width:100%;gap:1rem;margin-top:1rem;padding:0 .5rem}}@media(max-width:480px){.layout-body{padding:0 .5rem}.layout-content{margin-bottom:90px}}.spinner{border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top:3px solid var(--color-primary);animation:spin 1s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-md{width:32px;height:32px}.spinner-lg{width:48px;height:48px;border-width:4px}.spinner-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-bg-dark);display:flex;justify-content:center;align-items:center;z-index:2000}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;border-radius:14px;cursor:pointer;border:none;font-family:Inter,sans-serif;letter-spacing:.01em;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),opacity .2s;width:100%;position:relative;overflow:hidden}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);opacity:0;transition:opacity .3s}.btn:hover:not(:disabled):after{opacity:1}.btn-sm{padding:.45rem 1rem;font-size:.82rem;border-radius:10px}.btn-md{padding:.85rem 1.25rem;font-size:.95rem}.btn-lg{padding:1rem 1.5rem;font-size:1.05rem}.btn-primary{background:var(--gradient-brand);background-size:200% 200%;color:var(--color-btn-primary-text);font-weight:800;font-size:.95rem;letter-spacing:.03em;border-radius:14px;box-shadow:0 0 0 1px var(--color-primary-light),0 4px 20px var(--color-primary-light);transition:all var(--dur-fast) var(--ease-out)}.btn-primary:hover:not(:disabled){background-position:right center;box-shadow:0 0 0 1px var(--color-primary),0 8px 30px var(--color-primary-light),0 2px 8px #0003;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 0 0 1px var(--color-primary-light),0 2px 10px var(--color-primary-light)}.btn-secondary{background:var(--color-bg-input);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-light);color:var(--color-text-primary);transform:translateY(-1px)}.btn-outline{background:transparent;border:1.5px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:0 0 16px var(--color-primary-light);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#f55,#e03131);color:#fff;box-shadow:0 4px 15px #ff555540}.btn-danger:hover:not(:disabled){box-shadow:0 6px 20px #f556;transform:translateY(-1px)}.btn-google{background:#ffffffeb;color:#000;gap:.6rem;font-weight:700}.btn-google:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 4px 20px #ffffff26}.btn-apple{background:#ffffffeb;color:#000;gap:.6rem;font-weight:700}.btn-apple:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 4px 20px var(--color-shadow)}[data-theme=light] .btn-google,[data-theme=light] .btn-apple{background-color:#fff;border:1px solid #e2e8f0;color:#1e293b;box-shadow:0 1px 2px #0000000d,0 4px 6px -1px #00000012}[data-theme=light] .btn-google:hover:not(:disabled),[data-theme=light] .btn-apple:hover:not(:disabled){background-color:#f8fafc;border-color:#cbd5e1;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}[data-theme=light] .btn-google:active:not(:disabled),[data-theme=light] .btn-apple:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000000d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--maintenance-bg: #d97706;--maintenance-text: #ffffff;--maintenance-icon-color: #fff3e0;--maintenance-shadow: 0 2px 8px rgba(0, 0, 0, .25)}[data-theme=light]{--maintenance-bg: #f59e0b;--maintenance-text: #1a1a1a;--maintenance-icon-color: #451a03;--maintenance-shadow: 0 2px 6px rgba(0, 0, 0, .12)}[data-theme=dark]{--maintenance-bg: #b45309;--maintenance-text: #fef3c7;--maintenance-icon-color: #fde68a;--maintenance-shadow: 0 2px 8px rgba(0, 0, 0, .4)}.maintenance-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--maintenance-bg);color:var(--maintenance-text);box-shadow:var(--maintenance-shadow);padding:.5rem 1rem;position:sticky;top:0;z-index:9999;animation:bannerSlideDown .35s cubic-bezier(.16,1,.3,1) both;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.maintenance-banner__icon{font-size:1.2rem;color:var(--maintenance-icon-color);flex-shrink:0;animation:bannerIconPulse 2.5s ease-in-out infinite}.maintenance-banner__text{font-size:.875rem;font-weight:600;font-family:var(--font-display);text-align:center;line-height:1.4}@keyframes bannerSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes bannerIconPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.92)}}@media(max-width:480px){.maintenance-banner{padding:.4rem .75rem;gap:.375rem}.maintenance-banner__text{font-size:.78rem}.maintenance-banner__icon{font-size:1rem}}.toast-wrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) translateY(-50px);z-index:11000;transition:all var(--dur-base) var(--ease-out);pointer-events:none;opacity:0;width:fit-content;max-width:90vw}.toast-wrapper.visible{transform:translate(-50%,-50%);opacity:1;pointer-events:auto}.toast-container{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.25rem .75rem 1rem;border-radius:16px;box-shadow:0 20px 40px #0000004d;border:1px solid rgba(255,255,255,.1);min-width:320px}.toast-container.glass-effect{background:#0f0f0fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}:root[data-theme=light] .toast-container.glass-effect{background:#ffffffd9;box-shadow:0 20px 40px #0000001a;border-color:#0000000d}.toast-content{display:flex;align-items:center;gap:.75rem;flex:1}.toast-icon{font-size:1.5rem;flex-shrink:0}.toast-icon.success{color:var(--prism-emerald)}.toast-icon.error{color:#f55}.toast-icon.warning{color:#fc0}.toast-icon.info{color:var(--prism-cyan)}.toast-message{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.toast-close{background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;transition:all var(--dur-fast) var(--ease-out)}.toast-close:hover{background:#ffffff0d;color:var(--color-text-primary)}@media(max-width:480px){.toast-wrapper{top:50%;width:95vw}.toast-container{min-width:unset;width:100%}}