.connect-view_wrapper__pRlI8{padding-top:2rem;padding-bottom:4rem;color:var(--text-primary,#1c1f27)}.connect-view_header__52x9Y{margin-bottom:2rem}.connect-view_pageTitle__qMkqu{display:flex;align-items:center;gap:.6rem;font-size:1.75rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary,#1c1f27)}.connect-view_titleIcon__htlt_{color:var(--primary-color,#4f46e5)}.connect-view_subtitle__H9Frn{margin:0;color:var(--text-secondary,#5b6472);font-size:.95rem;max-width:46rem;line-height:1.6}.connect-view_card__Ru_Au{background:var(--component-bg,#ffffff);border:1px solid var(--border-color-light,rgba(0,0,0,.08));border-radius:.9rem;box-shadow:var(--shadow,0 2px 4px rgba(0,0,0,.04));padding:1.5rem;margin-bottom:1.5rem}.connect-view_cardTitle__iAvrz{font-size:1.1rem;font-weight:650;margin:0 0 .35rem;color:var(--text-primary,#1c1f27)}.connect-view_cardHint__5meHl{margin:0 0 1.25rem;color:var(--text-secondary,#5b6472);font-size:.875rem;line-height:1.55}.connect-view_capabilities__N6jJF{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));grid-gap:.75rem;gap:.75rem;margin:0;padding:0;list-style:none}.connect-view_capability__J4AsX{display:flex;gap:.65rem;align-items:flex-start;font-size:.875rem;line-height:1.5;color:var(--text-secondary,#5b6472)}.connect-view_capabilityIcon___yIAL{color:var(--primary-color,#4f46e5);margin-top:.2rem;flex-shrink:0}.connect-view_capabilityWrite__Qbu6p .connect-view_capabilityIcon___yIAL{color:var(--bs-warning,#d97706)}.connect-view_capabilityName__qcRX3{display:block;font-weight:600;color:var(--text-primary,#1c1f27)}.connect-view_formGrid__AgA7A{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));grid-gap:1.25rem;gap:1.25rem;margin-bottom:1.25rem}.connect-view_field__wKcYv{display:flex;flex-direction:column;gap:.4rem}.connect-view_label__yj0Mw{font-size:.8rem;font-weight:650;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary,#5b6472)}.connect-view_input__v_Puj,.connect-view_select__bs9nz{width:100%;padding:.55rem .75rem;border-radius:.5rem;border:1px solid var(--border-color,rgba(0,0,0,.15));background:var(--input-bg,#ffffff);color:var(--text-primary,#1c1f27);font-size:.9rem}.connect-view_input__v_Puj:focus,.connect-view_select__bs9nz:focus{outline:none;border-color:var(--primary-color,#4f46e5);box-shadow:0 0 0 3px rgba(79,70,229,.15)}.connect-view_checkList__NNWe0{display:flex;flex-direction:column;gap:.45rem;max-height:12rem;overflow-y:auto;padding-right:.25rem}.connect-view_check__PoAO4{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:var(--text-primary,#1c1f27);cursor:pointer}.connect-view_checkBox__7a9iv{margin-top:.2rem;flex-shrink:0;accent-color:var(--primary-color,#4f46e5)}.connect-view_checkText__uN4Ds{line-height:1.45}.connect-view_checkNote__Xt6HT{display:block;font-size:.78rem;color:var(--text-secondary,#5b6472)}.connect-view_actions___Yjve{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.connect-view_primaryButton__eZBAR{padding:.55rem 1.15rem;border-radius:.5rem;border:none;background:var(--primary-color,#4f46e5);color:#fff;font-weight:600;font-size:.9rem;cursor:pointer}.connect-view_primaryButton__eZBAR:hover:not(:disabled){filter:brightness(1.08)}.connect-view_primaryButton__eZBAR:disabled{opacity:.55;cursor:not-allowed}.connect-view_linkButton__gj8B4{background:none;border:none;padding:0;color:var(--primary-color,#4f46e5);font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:underline}.connect-view_dangerButton__w6dw6{padding:.35rem .75rem;border-radius:.4rem;border:1px solid var(--bs-danger,#dc2626);background:rgba(0,0,0,0);color:var(--bs-danger,#dc2626);font-size:.8rem;font-weight:600;cursor:pointer}.connect-view_dangerButton__w6dw6:hover:not(:disabled){background:rgba(220,38,38,.08)}.connect-view_dangerButton__w6dw6:disabled{opacity:.5;cursor:not-allowed}.connect-view_error__x27tS{margin-top:.85rem;padding:.6rem .85rem;border-radius:.5rem;background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.3);color:var(--bs-danger,#dc2626);font-size:.85rem}.connect-view_secretCard__sB0lF{border-color:var(--primary-color,#4f46e5);border-width:2px}.connect-view_secretWarning__TGpJL{display:flex;gap:.6rem;align-items:flex-start;padding:.7rem .9rem;border-radius:.55rem;background:rgba(217,119,6,.1);border:1px solid rgba(217,119,6,.3);color:var(--text-primary,#1c1f27);font-size:.86rem;line-height:1.5;margin-bottom:1.1rem}.connect-view_secretWarningIcon__E3ap1{color:#d97706;margin-top:.15rem;flex-shrink:0}.connect-view_stepTitle__ANTJj{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:650;margin:1.25rem 0 .45rem;color:var(--text-primary,#1c1f27)}.connect-view_stepNumber__cS4TL{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:50%;background:var(--primary-color,#4f46e5);color:#fff;font-size:.75rem;font-weight:700;flex-shrink:0}.connect-view_stepHint__xilY4{margin:0 0 .5rem 1.85rem;font-size:.84rem;color:var(--text-secondary,#5b6472);line-height:1.5}.connect-view_stepList__27SSd{margin:.35rem 0 0;padding-left:1.1rem}.connect-view_stepList__27SSd li+li{margin-top:.3rem}.connect-view_blockCaption__OUI_E{margin:.6rem 0 .3rem 1.85rem;font-size:.78rem;font-weight:650;color:var(--text-secondary,#5b6472);font-family:var(--bs-font-monospace,ui-monospace,SFMono-Regular,Menlo,monospace)}.connect-view_oauthNote__Mh305{display:flex;gap:.6rem;align-items:flex-start;margin:0 0 .85rem 1.85rem;padding:.7rem .9rem;border-radius:.6rem;border:1px solid rgba(79,70,229,.25);background:rgba(79,70,229,.08);color:var(--text-primary,#1c1f27);font-size:.84rem;line-height:1.5}.connect-view_oauthNoteIcon__O5E12{color:var(--primary-color,#4f46e5);margin-top:.15rem;flex-shrink:0}.connect-view_codeBlock__skjms{position:relative;margin:0 0 .35rem 1.85rem}.connect-view_code__vLvUt{display:block;padding:.75rem 3.25rem .75rem .9rem;border-radius:.55rem;background:var(--code-bg,#0f172a);color:#e2e8f0;font-family:var(--bs-font-monospace,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:.8rem;line-height:1.55;white-space:pre-wrap;word-break:break-all;overflow-x:auto;margin:0}.connect-view_copyButton__yB4Zx{position:absolute;top:.45rem;right:.45rem;padding:.25rem .55rem;border-radius:.35rem;border:1px solid rgba(226,232,240,.35);background:rgba(226,232,240,.12);color:#e2e8f0;font-size:.72rem;font-weight:600;cursor:pointer}.connect-view_copyButton__yB4Zx:hover{background:rgba(226,232,240,.25)}.connect-view_clientPicker__c2KGo{display:flex;flex-direction:column;gap:.4rem;margin:0 0 1rem 1.85rem}.connect-view_tabGroup__pnutL{display:flex;align-items:center;gap:.75rem}.connect-view_tabGroupLabel__C86th{flex:0 0 5.5rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary,#5b6472)}.connect-view_tabs__R4S53{display:flex;flex-wrap:wrap;gap:.25rem;padding:.25rem;border-radius:.6rem;background:var(--bg-secondary,rgba(0,0,0,.04))}@media(max-width:767px){.connect-view_clientPicker__c2KGo{margin-left:0}.connect-view_tabGroup__pnutL{flex-direction:column;align-items:flex-start;gap:.25rem}.connect-view_tabGroupLabel__C86th{flex:none}.connect-view_tabs__R4S53{width:100%}}.connect-view_tab__RJRRt{padding:.4rem .9rem;border-radius:.45rem;border:none;background:rgba(0,0,0,0);color:var(--text-secondary,#5b6472);font-size:.85rem;font-weight:600;cursor:pointer}.connect-view_tabActive__Ane5J{background:var(--component-bg,#ffffff);color:var(--text-primary,#1c1f27);box-shadow:var(--shadow,0 1px 3px rgba(0,0,0,.08))}.connect-view_tableWrapper__tfTTq{overflow-x:auto}.connect-view_table__lClPJ{width:100%;border-collapse:collapse;font-size:.86rem;min-width:44rem}.connect-view_table__lClPJ th{text-align:left;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary,#5b6472);padding:0 .75rem .6rem 0;border-bottom:1px solid var(--border-color-light,rgba(0,0,0,.08));white-space:nowrap}.connect-view_table__lClPJ td{padding:.7rem .75rem .7rem 0;border-bottom:1px solid var(--border-color-light,rgba(0,0,0,.06));color:var(--text-primary,#1c1f27);vertical-align:top}.connect-view_tokenName__Zb8kU{font-weight:600}.connect-view_tokenPrefix__yRksg{display:block;font-family:var(--bs-font-monospace,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:.76rem;color:var(--text-secondary,#5b6472)}.connect-view_pill__oYIeZ{display:inline-block;padding:.1rem .45rem;margin:0 .25rem .25rem 0;border-radius:.35rem;background:var(--bg-secondary,rgba(0,0,0,.05));color:var(--text-secondary,#5b6472);font-size:.72rem;font-weight:600;white-space:nowrap}.connect-view_pillWrite__pbOAi{background:rgba(217,119,6,.12);color:#b45309}.connect-view_statusActive__tCvWh{color:var(--bs-success,#16a34a);font-weight:650}.connect-view_statusRevoked__Hw4ec{font-weight:600}.connect-view_empty__gO30s,.connect-view_muted__2RF_Q,.connect-view_statusRevoked__Hw4ec{color:var(--text-secondary,#5b6472)}.connect-view_empty__gO30s{padding:1.5rem 0;text-align:center;font-size:.9rem}.componentWrapper{max-width:none;margin:2rem auto 0;padding:0 0 200px;display:grid;grid-template-columns:1fr;grid-auto-rows:auto;align-items:stretch;grid-gap:2%;gap:2%;transition:all .3s ease}@media(max-width:768px){.componentWrapper{padding-bottom:250px}}@media(max-width:480px){.componentWrapper{padding-bottom:300px}}@media(max-width:1470px){.componentWrapper{transform:scale(.9);transform-origin:top center;width:95%!important}}.componentWrapper>section:last-of-type{margin-bottom:140px}@media(max-width:767px){.componentWrapper>section:last-of-type{margin-bottom:0}}.componentWrapper.contained-mode{width:85%;margin-left:auto;margin-right:auto}.componentWrapper.contained-mode .cmpWithContext,.componentWrapper.contained-mode .component{height:max-content;max-width:100%;width:100%;box-sizing:border-box}@media(min-width:768px){.componentWrapper.contained-mode{grid-template-columns:repeat(2,1fr);gap:2%}.componentWrapper.contained-mode .cmpWithContext,.componentWrapper.contained-mode .component{min-width:0}}@media(max-width:1200px){.componentWrapper.contained-mode{width:95%;gap:1.5%}}@media(max-width:800px)and (min-width:600px){.componentWrapper.contained-mode{width:100%!important;transform:scale(1)!important;gap:1%!important;grid-template-columns:1fr!important;margin:1rem auto 0!important;padding:0 1rem 200px!important}}@media(max-width:800px){.componentWrapper.contained-mode{width:98%;gap:1%;grid-template-columns:1fr}}.componentWrapper.full-width-mode{width:100%!important;max-width:1800px;transform:scale(1);gap:1.5%;margin-left:auto;margin-right:auto}.componentWrapper.full-width-mode .cmpWithContext,.componentWrapper.full-width-mode .component{max-width:100%;width:100%;box-sizing:border-box;height:max-content}@media(min-width:1600px){.componentWrapper.full-width-mode{grid-template-columns:repeat(3,1fr);gap:1%}}@media(max-width:800px)and (min-width:600px){.componentWrapper.full-width-mode{width:100%!important;gap:1%!important;grid-template-columns:1fr!important;margin:1rem auto 0!important;padding:0 1rem 200px!important}}@media(min-width:801px)and (max-width:1599px){.componentWrapper.full-width-mode{grid-template-columns:repeat(2,1fr);gap:1.5%}}@media(max-width:767px){.componentWrapper.full-width-mode{grid-template-columns:1fr;gap:1%}.componentWrapper{width:100%!important;margin:.5rem 0 0!important;padding:0 .5rem 100px!important;gap:.5rem!important;grid-template-columns:1fr!important;transform:scale(1)!important}}@media(max-width:480px){.componentWrapper{margin:.25rem 0 0!important;padding:0 .375rem 100px!important;gap:.5rem!important}}@media(max-width:375px){.componentWrapper{margin:0!important;padding:0 .25rem 100px!important;gap:.375rem!important}}.componentWrapper>.full-width{grid-column:1/-1}.componentWrapper>*{min-width:0;max-width:100%}.cmpWithContext{position:relative;display:flex;flex-direction:column;margin-bottom:1rem;min-height:500px;height:auto}.cmpWithContext.fullscreen{grid-column:1/-1;z-index:5;min-height:600px}@media(max-width:800px)and (min-width:600px){.cmpWithContext{margin-bottom:1rem!important;min-height:350px!important;width:100%!important;max-width:none!important}}@media(max-width:800px){.cmpWithContext{margin-bottom:1rem}}@media(max-width:1200px){.cmpWithContext{min-height:450px}}@media(max-width:900px){.cmpWithContext{min-height:400px}}@media(max-width:767px){.cmpWithContext{margin-bottom:.25rem;min-height:350px}}@media(max-width:480px){.cmpWithContext{margin-bottom:.125rem;min-height:320px}}@media(max-width:375px){.cmpWithContext{margin-bottom:.0625rem;min-height:300px}}.component{position:relative;margin-bottom:1rem;min-height:500px;height:auto;display:flex;flex-direction:column}.component.fullscreen{grid-column:1/-1;z-index:5;min-height:600px}@media(max-width:800px)and (min-width:600px){.component{margin-bottom:1rem!important;min-height:350px!important;width:100%!important;max-width:none!important}}@media(max-width:800px){.component{margin-bottom:1rem}}@media(max-width:1200px){.component{min-height:450px}}@media(max-width:900px){.component{min-height:400px}}@media(max-width:767px){.component{margin-bottom:.25rem;min-height:350px}}@media(max-width:480px){.component{margin-bottom:.125rem;min-height:320px}}@media(max-width:375px){.component{margin-bottom:.0625rem;min-height:300px}}.reports-btn-wrap{margin-top:15px;text-align:center;margin-bottom:-15px}.app-header{justify-content:center;margin:0 auto;padding:1rem 2rem;z-index:10;position:relative;background-color:var(--header-bg,#ffffff);color:var(--text-primary,#212529);transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.app-header,.app-header .header-content{display:flex;align-items:center;width:100%}.app-header .header-content{justify-content:space-between;max-width:1200px;gap:2rem}@media(max-width:800px){.app-header .header-content{gap:1rem}.app-header{width:100%;padding:.75rem 1rem}}@media(max-width:767px){.app-header{padding:.25rem .5rem}.app-header .header-content{gap:.5rem}}@media(max-width:480px){.app-header{padding:.25rem}.app-header .header-content{gap:.25rem}}@media(max-width:375px){.app-header{padding:.125rem}.app-header .header-content{gap:.125rem}}.app-header .logo-container{display:flex;align-items:center;gap:.5rem}.app-header .logo-container .logo-text{font-size:1.25rem;font-weight:600;color:var(--primary-color,#2f6a66)}.app-header .user-container{display:flex;align-items:center}.app-header .user-container .user-icon{width:32px;height:32px;border-radius:50%;overflow:hidden}.cmp-top-btns{display:flex;gap:8px;padding-bottom:8px;flex-wrap:wrap;align-items:center}.cmp-top-btns .btn,.cmp-top-btns button{border-radius:99px!important;padding:6px 12px!important;display:flex!important;align-items:center!important;transition:all .2s ease!important;font-size:.8125rem!important;white-space:nowrap!important;min-width:0!important;color:var(--palette-greyscale-text-body)!important;height:36px!important;min-height:36px!important}.cmp-top-btns .btn:hover,.cmp-top-btns button:hover{color:var(--palette-greyscale-text-body)!important}.cmp-top-btns .btn:focus,.cmp-top-btns .btn:hover,.cmp-top-btns button:focus,.cmp-top-btns button:hover{background-color:var(--palette-success-surface-default)!important;border-color:var(--palette-success-surface-default)!important}.cmp-top-btns .btn:focus,.cmp-top-btns button:focus{box-shadow:none!important}.cmp-top-btns .btn img,.cmp-top-btns button img{margin-right:5px;flex-shrink:0}@media(max-width:1024px){.cmp-top-btns{gap:6px}.cmp-top-btns .btn,.cmp-top-btns button{padding:5px 10px!important;font-size:.75rem!important}}@media(max-width:800px)and (min-width:600px){.cmp-top-btns{gap:6px!important;flex-wrap:wrap!important}.cmp-top-btns .btn,.cmp-top-btns button{padding:6px 10px!important;font-size:.75rem!important;white-space:nowrap!important;min-width:-moz-fit-content!important;min-width:fit-content!important}.cmp-top-btns .btn span,.cmp-top-btns button span{max-width:none!important}}@media(max-width:800px){.cmp-top-btns{gap:4px}.cmp-top-btns .btn,.cmp-top-btns button{padding:4px 8px!important;font-size:.6875rem!important}.cmp-top-btns .btn span,.cmp-top-btns button span{max-width:60px}}@media(max-width:600px){.cmp-top-btns{gap:4px;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end}.cmp-top-btns .btn,.cmp-top-btns button{padding:4px 6px!important;font-size:.625rem!important;width:auto!important;justify-content:center!important}.cmp-top-btns .btn img,.cmp-top-btns button img{margin-right:3px;width:12px;height:12px}}@media(max-width:480px){.cmp-top-btns .btn,.cmp-top-btns button{padding:4px!important}.cmp-top-btns .btn span,.cmp-top-btns button span{display:none}.cmp-top-btns .btn img,.cmp-top-btns button img{margin-right:0}}.setup-page-container{min-height:100vh;background-color:var(--bg-primary,#f8f9fa);color:var(--text-primary,#212529);transition:background-color .3s ease,color .3s ease}.setup-page-container .app-header+*{margin-top:2rem}@media(max-width:800px){.setup-page-container .app-header+*{margin-top:1.5rem}}@media(max-width:600px){.setup-page-container .app-header+*{margin-top:1rem}}.chart-container,.table-container{background:var(--component-bg,white);border-radius:8px;box-shadow:var(--shadow,0 2px 4px rgba(0,0,0,.1));padding:1rem;margin-bottom:1rem;flex:1 1;display:flex;flex-direction:column;color:var(--text-primary,#212529);border:1px solid var(--border-color-light,transparent);transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media(max-width:800px){.chart-container,.table-container{padding:.75rem;margin-bottom:1rem}}@media(max-width:767px){.chart-container,.table-container{padding:.25rem;margin-bottom:.25rem;border-radius:4px}}@media(max-width:480px){.chart-container,.table-container{padding:.125rem;margin-bottom:.125rem;border-radius:2px}}@media(max-width:375px){.chart-container,.table-container{padding:.0625rem;margin-bottom:.0625rem;border-radius:1px}}.componentWrapper.full-width-mode .cmpWithContext,.componentWrapper.full-width-mode .component{margin-bottom:1.5rem}@media(min-width:1600px){.componentWrapper.full-width-mode .cmpWithContext,.componentWrapper.full-width-mode .component{margin-bottom:2rem}}.componentWrapper.full-width-mode .chart-container{min-height:400px}@media(min-width:1600px){.componentWrapper.full-width-mode .chart-container{min-height:450px}}.componentWrapper.full-width-mode .table-container{overflow-x:auto}@media(min-width:1400px){.componentWrapper.full-width-mode{font-size:1.05rem}}@media(min-width:1600px){.componentWrapper.full-width-mode{font-size:1.1rem}}.componentWrapper .cmpWithContext:has([class*=performance-conversions]),.componentWrapper .cmpWithContext:has([class*=performance-visitors]),.componentWrapper .component:has([class*=performance-conversions]),.componentWrapper .component:has([class*=performance-visitors]){min-height:500px}@media(max-width:1200px){.componentWrapper .cmpWithContext:has([class*=performance-conversions]),.componentWrapper .cmpWithContext:has([class*=performance-visitors]),.componentWrapper .component:has([class*=performance-conversions]),.componentWrapper .component:has([class*=performance-visitors]){min-height:450px}}@media(max-width:900px){.componentWrapper .cmpWithContext:has([class*=performance-conversions]),.componentWrapper .cmpWithContext:has([class*=performance-visitors]),.componentWrapper .component:has([class*=performance-conversions]),.componentWrapper .component:has([class*=performance-visitors]){min-height:400px}}@media(max-width:767px){.componentWrapper .cmpWithContext:has([class*=performance-conversions]),.componentWrapper .cmpWithContext:has([class*=performance-visitors]),.componentWrapper .component:has([class*=performance-conversions]),.componentWrapper .component:has([class*=performance-visitors]){min-height:350px}}@media(max-width:480px){.componentWrapper .cmpWithContext:has([class*=performance-conversions]),.componentWrapper .cmpWithContext:has([class*=performance-visitors]),.componentWrapper .component:has([class*=performance-conversions]),.componentWrapper .component:has([class*=performance-visitors]){min-height:320px}}@media(max-width:375px){.componentWrapper .cmpWithContext:has([class*=performance-conversions]),.componentWrapper .cmpWithContext:has([class*=performance-visitors]),.componentWrapper .component:has([class*=performance-conversions]),.componentWrapper .component:has([class*=performance-visitors]){min-height:300px}}.componentWrapper *{transition:font-size .3s ease,padding .3s ease,margin .3s ease,min-height .3s ease}@media(max-width:767px){body{margin:0!important;padding:0!important}.container,.container-fluid{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}main{padding:0!important;margin:0!important}}.setup_fullHeight__r7JIp{height:auto!important;min-height:auto!important}.error-page-content,.loading-page-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:400px;padding:2rem;gap:2rem;background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}@media(max-width:768px){.error-page-content,.loading-page-content{padding:1.5rem;gap:1.5rem;min-height:350px}}@media(max-width:480px){.error-page-content,.loading-page-content{padding:1rem;gap:1rem;min-height:300px}}.error-code-display{position:relative}.error-code-display .error-code{font-size:8rem;font-weight:900;color:var(--primary-color);opacity:.15;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;text-shadow:0 0 30px rgba(47,106,102,.3)}@media(max-width:768px){.error-code-display .error-code{font-size:6rem}}@media(max-width:480px){.error-code-display .error-code{font-size:4rem}}.error-status{display:flex;flex-direction:column;align-items:center;gap:1rem}.error-icon-wrapper{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--bg-tertiary);border-radius:50%;border:3px solid var(--border-color-light);box-shadow:var(--shadow-large);transition:all .3s ease;position:relative;overflow:hidden}.error-icon-wrapper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:transform .6s ease}.error-icon-wrapper:hover:before{transform:rotate(45deg) translate(100%,100%)}.error-icon-wrapper .error-icon{opacity:.9;color:var(--text-secondary);transition:all .3s ease}.error-icon-wrapper:hover .error-icon{transform:scale(1.1);color:var(--primary-color)}@media(max-width:768px){.error-icon-wrapper{width:64px;height:64px}}.error-badge .badge{font-size:.75rem;padding:.5rem 1rem;border-radius:20px;box-shadow:var(--shadow);transition:all .3s ease}.error-info{max-width:500px}.error-info .error-title{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;line-height:1.3;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@media(max-width:768px){.error-info .error-title{font-size:1.75rem}}@media(max-width:480px){.error-info .error-title{font-size:1.5rem}}.error-info .error-description{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:0;opacity:.9}@media(max-width:480px){.error-info .error-description{font-size:.9rem}}.error-actions{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:400px}.error-actions .btn-lg{padding:.75rem 2rem;font-weight:500;border-radius:12px;min-width:200px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border:none;color:#fff;box-shadow:var(--shadow-large);transition:all .3s ease;position:relative;overflow:hidden}.error-actions .btn-lg:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.error-actions .btn-lg:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(47,106,102,.3)}.error-actions .btn-lg:hover:before{left:100%}.error-actions .btn-lg:active{transform:translateY(0)}@media(max-width:480px){.error-actions .btn-lg{min-width:180px;padding:.625rem 1.5rem}}.error-actions .secondary-actions{display:flex;gap:.75rem}.error-actions .secondary-actions .btn{border-radius:8px;transition:all .3s ease;background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.error-actions .secondary-actions .btn:hover{transform:translateY(-1px);box-shadow:var(--shadow);background-color:var(--bg-secondary)}@media(max-width:480px){.error-actions .secondary-actions{flex-direction:column;width:100%}.error-actions .secondary-actions .btn{width:100%}}.error-suggestions{border-top:1px solid var(--border-color-light);padding-top:1.5rem;max-width:400px;position:relative}.error-suggestions:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:50px;height:1px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent)}.error-suggestions .suggestions-title{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;font-weight:500;opacity:.8}.error-suggestions .suggestion-links{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.error-suggestions .suggestion-links .suggestion-link{font-size:.875rem;padding:.25rem .75rem;text-decoration:none;color:var(--text-secondary);border-radius:16px;background:var(--bg-tertiary);transition:all .3s ease;border:1px solid var(--border-color-light)}.error-suggestions .suggestion-links .suggestion-link:hover{text-decoration:none;background:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow)}.error-technical{width:100%;max-width:600px;margin-top:1rem}.error-technical .error-details{background:var(--bg-tertiary);border:1px solid var(--border-color-light);border-radius:12px;padding:1rem;text-align:left;box-shadow:var(--shadow);transition:all .3s ease}.error-technical .error-details:hover{box-shadow:var(--shadow-large)}.error-technical .error-details summary{cursor:pointer;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;transition:color .3s ease}.error-technical .error-details summary:hover{color:var(--primary-color)}.error-technical .error-details summary::marker{color:var(--text-secondary)}.error-technical .error-details .error-stack{background:var(--bg-primary);color:var(--text-primary);padding:1rem;border-radius:8px;font-size:.8rem;line-height:1.4;overflow-x:auto;margin-top:.5rem;border:1px solid var(--border-color-light);font-family:Monaco,Menlo,Ubuntu Mono,monospace}.error-technical .error-details .error-stack pre{margin:0;white-space:pre-wrap;word-break:break-word;color:var(--text-primary)}.error-technical .error-details .error-stack strong{color:var(--primary-color);font-weight:600}.loading-page-content .loading-animation{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loading-page-content .loading-animation .loading-spinner-wrapper{display:flex;align-items:center;justify-content:center;width:120px;height:120px;background:var(--bg-tertiary);border-radius:50%;border:3px solid var(--border-color-light);box-shadow:var(--shadow-large);position:relative;overflow:hidden}.loading-page-content .loading-animation .loading-spinner-wrapper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,var(--primary-color),transparent);animation:rotate 2s linear infinite}.loading-page-content .loading-animation .loading-spinner-wrapper .loading-spinner{opacity:.9;color:var(--primary-color);z-index:1}.loading-page-content .loading-animation .loading-dots{display:flex;gap:.5rem}.loading-page-content .loading-animation .loading-dots .dot{width:8px;height:8px;background:var(--primary-color);border-radius:50%;animation:loading-bounce 1.4s ease-in-out infinite both;box-shadow:0 0 10px rgba(47,106,102,.5)}.loading-page-content .loading-animation .loading-dots .dot:first-child{animation-delay:-.32s}.loading-page-content .loading-animation .loading-dots .dot:nth-child(2){animation-delay:-.16s}.loading-page-content .loading-animation .loading-dots .dot:nth-child(3){animation-delay:0s}.loading-page-content .loading-info{max-width:400px}.loading-page-content .loading-info .loading-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@media(max-width:480px){.loading-page-content .loading-info .loading-title{font-size:1.25rem}}.loading-page-content .loading-info .loading-description{font-size:1rem;color:var(--text-secondary);margin-bottom:0;opacity:.9}@media(max-width:480px){.loading-page-content .loading-info .loading-description{font-size:.9rem}}.loading-page-content .loading-progress{width:100%;max-width:300px}.loading-page-content .loading-progress .progress{background-color:var(--bg-tertiary);border-radius:10px;overflow:hidden}.loading-page-content .loading-progress .progress .progress-bar{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transition:width .3s ease}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:spin 2s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-slide-in-up{animation:slideInUp .6s ease-out}.btn{transition:all .3s ease;position:relative;overflow:hidden}.btn:not(.btn-lg):hover{transform:translateY(-1px);box-shadow:var(--shadow)}.btn:active{transform:translateY(0)}@media(prefers-color-scheme:dark){.error-page-content,.loading-page-content{background:var(--bg-primary);color:var(--text-primary)}.btn-outline-primary,.btn-outline-secondary{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.btn-outline-primary:hover,.btn-outline-secondary:hover{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}}[data-theme=dark] .error-page-content,[data-theme=dark] .loading-page-content{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .btn-outline-primary,[data-theme=dark] .btn-outline-secondary{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .btn-outline-primary:hover,[data-theme=dark] .btn-outline-secondary:hover{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}@media(max-width:576px){.error-page-content,.loading-page-content{padding:1rem;gap:1.5rem}.error-code-display .error-code{font-size:4rem}.error-icon-wrapper{width:64px;height:64px}.loading-animation .loading-spinner-wrapper{width:80px;height:80px}}