@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-Thin-DdUiS1cj.woff2)format("woff2");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-ExtraLight-DNfybfsL.woff2)format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-Light-Byrs-DlH.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-Regular-CtGL0YI-.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-Medium-D86t5Axy.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-SemiBold-26ZP1ILp.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-Bold-_OhAJEdh.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-ExtraBold-DCjt2qDm.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-Black-DA1YqYMq.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#4caf50;--accent-bg:#4caf501a;--accent-border:#4caf5080;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--bg-primary:var(--bg);--bg-secondary:var(--bg);--bg-card:#f9f9f9;--bg-input:#f0f0f0;--bg-hover:#e8e8e8;--bg-navbar:#f8f8f8;--text-primary:var(--text-h);--text-secondary:var(--text);--border-color:var(--border);--border-focus:var(--accent);--shadow-card:var(--shadow);--accent-hover:#43a047;--accent-dark:#388e3c;--error-bg:#fde8e8;--error-text:#c62828;--error-border:#ff6b6b66;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}[data-theme=light]{--text:#6b6375;--text-h:#08060d;--bg:#f2f2f2;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#4caf50;--accent-bg:#4caf501a;--accent-border:#4caf5080;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--bg-primary:#f2f2f2;--bg-secondary:#e8e8e8;--bg-card:#fff;--bg-input:#e8e8e8;--bg-hover:#e0e0e0;--bg-navbar:#f2f2f2;--text-primary:#08060d;--text-secondary:#6b6375;--border-color:#e5e4e7;--border-focus:#4caf50;--shadow-card:#0000001a 0 10px 30px -3px, #0000000d 0 4px 6px -2px;--accent-hover:#43a047;--accent-dark:#388e3c;--error-bg:#fde8e8;--error-text:#c62828;--error-border:#ff6b6b66}[data-theme=dark]{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#4caf50;--accent-bg:#4caf5026;--accent-border:#4caf5080;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--bg-primary:#16171d;--bg-secondary:#1f2028;--bg-card:#1f2028;--bg-input:#2a2c38;--bg-hover:#2e303a;--bg-navbar:#1a1b23;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--border-color:#2e303a;--border-focus:#4caf50;--shadow-card:#00000080 0 10px 30px -3px, #0000004d 0 4px 6px -2px;--accent-hover:#66bb6a;--accent-dark:#388e3c;--error-bg:#2c1a1a;--error-text:#ff6b6b;--error-border:#ff6b6b33}[data-theme=dark] #social .button-icon{filter:invert()brightness(2)}body{justify-content:center;min-height:100vh;margin:0;padding:0;display:flex;overflow-x:hidden;direction:rtl!important;font-family:Vazirmatn,sans-serif!important}#root{box-sizing:border-box;border-inline:1px solid var(--border);text-align:center;flex-direction:column;width:100%;max-width:1400px;min-height:100svh;padding-left:1rem;padding-right:1rem;display:flex}#root>*{box-sizing:border-box;max-width:100%}h1,h2{color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.login-mobile-page{--accent:#0d8ca2;--accent-hover:#0a7386;--accent-light:#e6f4f7;--bg-primary:#f0f4f8;--bg-card:#fff;--bg-input:#f8fafc;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#d1d5db;--border-focus:#0d8ca2;--shadow-card:0 8px 30px #0000000f;--error-bg:#fee2e2;--error-text:#b91c1c;--error-border:#fecaca}[data-theme=dark] .login-mobile-page{--bg-primary:#121212;--bg-card:#1e1e1e;--bg-input:#2d2d2d;--text-primary:#fff;--text-secondary:#d1d5db;--border-color:#4b5563;--border-focus:#0d8ca2;--shadow-card:0 8px 30px #0006;--error-bg:#3b1f1f;--error-text:#fca5a5;--error-border:#7f1d1d;--accent-light:#1a2e33;--accent:#4db8d8;--accent-hover:#3a9bb8}.login-mobile-page{background:linear-gradient(#eef4fb 0%,#dce9f8 100%);min-height:100vh;padding:32px 24px 40px;font-family:inherit;position:relative;overflow:hidden}.login-mobile-page__blob{pointer-events:none;background:radial-gradient(circle at 30% 30%,#fff,#0000 70%);border-radius:50%;position:absolute}.login-mobile-page__blob--top{opacity:.7;width:260px;height:260px;top:-90px;left:-90px}.login-mobile-page__blob--bottom{opacity:.6;width:320px;height:320px;bottom:-120px;right:-100px}.login-mobile-page__content{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:380px;margin:0 auto;display:flex;position:relative}.mobile-logo{color:#fff;background:linear-gradient(135deg,#1f5fd6 0%,#12b3c4 100%);border-radius:28px;justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:20px;font-size:44px;display:flex;position:relative;box-shadow:0 10px 24px #128cb447}.mobile-welcome-title{color:var(--text-primary);text-align:center;margin:0 0 6px;font-family:inherit;font-size:22px;font-weight:700}.mobile-welcome-subtitle{color:var(--text-secondary);text-align:center;margin:0 0 24px;font-family:inherit;font-size:14.5px}.mobile-tab-card{background:var(--bg-card);width:100%;box-shadow:var(--shadow-card);border-radius:18px;justify-content:space-between;align-items:stretch;margin-bottom:16px;padding:12px 20px;display:flex}.mobile-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px 4px;font-family:inherit;font-size:14px;font-weight:600;display:flex;position:relative}.mobile-tab__icon{flex-shrink:0;font-size:18px}.mobile-tab.active{color:var(--accent)}.mobile-tab-divider{background:var(--border-color);opacity:.6;align-self:center;width:1px;height:26px}.mobile-form-card{background:var(--bg-card);width:93%;box-shadow:var(--shadow-card);border-radius:20px;margin-bottom:24px;padding:24px 20px}.mobile-role-title{flex-direction:column;align-items:flex-start;width:100%;margin:0 0 22px;display:inline-flex}.mobile-role-title span{color:var(--text-primary);font-family:inherit;font-size:19px;font-weight:700}.mobile-phone-hint{color:var(--text-secondary);text-align:right;margin-top:4px;font-family:inherit;font-size:12px;line-height:1.5}.mobile-input-wrapper{position:relative}.mobile-input-wrapper input{border:1.5px solid var(--border-color);background:var(--bg-input);width:100%;color:var(--text-primary);text-align:left;box-sizing:border-box;direction:ltr;border-radius:14px;padding:13px 44px 13px 14px;font-family:inherit;font-size:15px;transition:border-color .25s,box-shadow .25s}.mobile-input-wrapper input::placeholder{color:var(--text-secondary);opacity:.7}.mobile-input-wrapper input:focus{border-color:var(--border-focus);background:var(--bg-card);outline:none;box-shadow:0 0 0 4px #0d8ca226}.mobile-input-wrapper input:disabled{opacity:.6;cursor:not-allowed}.mobile-help-link{width:100%;color:var(--accent);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;margin-top:16px;padding:0;font-family:inherit;font-size:14px;font-weight:600;display:flex}.mobile-help-link:hover{color:var(--accent-hover)}.mobile-features{justify-content:space-between;width:100%;margin-bottom:24px;display:flex}.mobile-feature{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.mobile-feature__icon{background:var(--accent-light);width:44px;height:44px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.mobile-feature__label{color:var(--text-secondary);text-align:center;font-family:inherit;font-size:12.5px;font-weight:600}.mobile-legal-footer{color:var(--text-secondary);text-align:center;margin:0;font-family:inherit;font-size:13px;line-height:1.9}.mobile-legal-link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;font-weight:700;text-decoration:underline}.login-page{--accent:#0d8ca2;--accent-hover:#0a7386;--accent-light:#e6f4f7;--bg-primary:#f0f4f8;--bg-card:#fff;--bg-input:#f8fafc;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#d1d5db;--border-focus:#0d8ca2;--shadow-card:0 8px 30px #0000000f;--error-bg:#fee2e2;--error-text:#b91c1c;--error-border:#fecaca}[data-theme=dark] .login-page{--bg-primary:#121212;--bg-card:#1e1e1e;--bg-input:#2d2d2d;--text-primary:#fff;--text-secondary:#d1d5db;--border-color:#4b5563;--border-focus:#0d8ca2;--shadow-card:0 8px 30px #0006;--error-bg:#3b1f1f;--error-text:#fca5a5;--error-border:#7f1d1d;--accent-light:#1a2e33;--accent:#4db8d8;--accent-hover:#3a9bb8}.login-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:inherit;display:flex}.login-wrapper{background:var(--bg-card);border-radius:24px;flex-direction:row;width:100%;max-width:960px;display:flex}.login-welcome{text-align:center;color:#1e293b;background:linear-gradient(#dce8f7 0%,#bccde6 100%);border-radius:0 50px 0 0;flex-direction:column;flex:45%;justify-content:space-between;align-items:center;padding:40px 36px 30px;font-family:inherit;display:flex;position:relative;overflow:hidden}.login-welcome:before{content:"";opacity:.95;z-index:1;background:url(/images/LISBack.png) 50%/contain no-repeat;position:absolute;inset:0}.login-welcome:after{content:"";z-index:2;background:#d3e2f61a;position:absolute;inset:0}.login-welcome>*{z-index:3;position:relative}[data-theme=dark] .login-welcome{color:#fff;background:linear-gradient(#516172 0%,#506070 100%)}[data-theme=dark] .login-welcome:before{opacity:.5}[data-theme=dark] .login-welcome:after{background:#51617280}.login-welcome .welcome-top{flex-direction:column;align-items:center;width:100%;display:flex}.welcome-icon{color:var(--accent);margin-bottom:16px;font-size:56px}.welcome-title{color:var(--text-primary);margin:0 0 8px;font-family:inherit;font-size:26px;font-weight:700;line-height:1.4}.welcome-desc{opacity:.85;color:var(--text-primary);margin:0 0 16px;font-family:inherit;font-size:15px;line-height:1.6}.features{flex-direction:row-reverse;justify-content:center;gap:0;width:100%;margin-top:0;padding-top:12px;display:flex}.feature-item{flex-direction:column;flex:1;align-items:center;padding:8px;display:flex;position:relative}.feature-item:not(:last-child):after{content:"";background:#00000014;width:1px;height:80%;position:absolute;top:10%;right:0}[data-theme=dark] .feature-item:not(:last-child):after{background:#ffffff26}.feature-icon{color:var(--accent);flex-shrink:0;margin-bottom:4px;font-size:28px}.feature-item h4{color:var(--accent);margin:0 0 2px;font-family:inherit;font-size:14px;font-weight:700}.feature-item p{opacity:.8;color:var(--text-secondary);margin:0;font-family:inherit;font-size:12px;line-height:1.4}.login-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;flex:55%;margin-left:20px;padding:40px 32px;font-family:inherit}.login-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex;position:relative}.login-title{color:var(--text-primary);text-align:center;flex:1;margin:0;font-family:inherit;font-size:28px;font-weight:700}.login-header .theme-toggle{flex-shrink:0;margin-right:auto}.login-subtitle{color:var(--text-secondary);text-align:center;margin:0 0 28px;font-family:inherit;font-size:15px}.user-type-group{border:2px solid var(--border-color);background:var(--bg-input);border-radius:12px;margin-bottom:28px;display:flex;overflow:hidden}.user-card{cursor:pointer;color:var(--text-primary);background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;min-height:80px;padding:14px 8px;font-family:inherit;transition:background .3s,box-shadow .3s;display:flex;position:relative}.user-card:first-child,.user-card:last-child{border-left:none}.user-card .card-row{justify-content:center;align-items:center;gap:10px;width:100%;display:flex;position:relative}.user-card .card-icon{color:#94a3b8;flex-shrink:0;font-size:24px;transition:color .3s}.user-card .card-icon.active{color:var(--accent)}.user-card .card-title{font-family:inherit;font-size:16px;font-weight:700;line-height:1.3;transition:color .3s}.user-card.active .card-title{color:var(--accent)}.user-card .card-desc{color:var(--text-secondary);text-align:center;font-family:inherit;font-size:12px;line-height:1.3}.user-card:not(.active):not(:disabled):hover{background:var(--bg-input);box-shadow:inset 0 0 0 2px var(--accent);z-index:1}.user-card.active{background:var(--accent-light);box-shadow:inset 0 0 0 2px var(--accent);z-index:1}[data-theme=dark] .user-card.active{background:var(--accent-light);color:#e5e7eb}[data-theme=dark] .user-card.active .card-desc{color:#9ca3af}.user-card.active:hover{background:var(--accent-light);box-shadow:inset 0 0 0 2px var(--accent)}.user-card:disabled{opacity:.5;cursor:not-allowed}.login-role-title{color:var(--accent);text-align:right;align-items:center;gap:8px;margin:0 0 20px;font-family:inherit;font-size:18px;font-weight:600;display:flex}.login-role-title .role-icon{color:var(--accent);align-items:center;font-size:22px;display:inline-flex}.login-form{flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-primary);text-align:right;font-family:inherit;font-size:14px;font-weight:600}.form-group input{border:1.5px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);direction:ltr;border-radius:12px;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .25s}.form-group input:focus{border-color:var(--border-focus);background:var(--bg-card);outline:none;box-shadow:0 0 0 4px #0d8ca226}.phone-hint{color:var(--text-secondary);text-align:right;margin-top:4px;font-family:inherit;font-size:12px}.remember-me{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin:4px 0;font-family:inherit;font-size:14px;display:inline-flex}.remember-me input{appearance:none;background:var(--bg-card);border:2px solid var(--border-color);cursor:pointer;border-radius:5px;flex-shrink:0;width:18px;height:18px;transition:all .2s;position:relative}.remember-me input:checked{background:var(--accent);border-color:var(--accent)}.remember-me input:checked:after{content:"";border:2.5px solid #fff;border-width:0 2.5px 2.5px 0;width:6px;height:10px;position:absolute;top:0;left:3px;transform:rotate(45deg)}.login-button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:14px;margin-top:4px;padding:14px;font-family:inherit;font-size:17px;font-weight:700;transition:all .25s}.login-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #0d8ca24d}.login-button:disabled{opacity:.6;cursor:not-allowed}.mobile-tab-card{border:2px solid var(--border-color);background:var(--bg-input);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:28px;padding:4px;display:flex;position:relative;overflow:hidden}.mobile-tab{cursor:pointer;color:var(--text-primary);text-align:center;background:0 0;border:none;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;min-height:70px;padding:12px 8px;font-family:inherit;transition:all .3s;display:flex;position:relative}.mobile-tab:first-child,.mobile-tab:last-child{border-left:none}.mobile-tab .mobile-tab__icon{color:#94a3b8;flex-shrink:0;font-size:24px;transition:color .3s}.mobile-tab.active .mobile-tab__icon{color:var(--accent)}.mobile-tab .mobile-tab__label{margin:0;font-family:inherit;font-size:15px;font-weight:700;line-height:1.3;transition:color .3s}.mobile-tab.active .mobile-tab__label{color:var(--accent)}.mobile-tab:not(.active):not(:disabled):hover{background:var(--bg-card);box-shadow:inset 0 0 0 2px var(--accent);z-index:1}.mobile-tab.active{background:var(--accent-light);box-shadow:inset 0 0 0 2px var(--accent);z-index:1}[data-theme=dark] .mobile-tab.active{background:var(--accent-light);color:#e5e7eb}[data-theme=dark] .mobile-tab.active .mobile-tab__label{color:#e5e7eb}.mobile-tab.active:hover{background:var(--accent-light);box-shadow:inset 0 0 0 2px var(--accent)}.mobile-tab:disabled{opacity:.5;cursor:not-allowed}.mobile-tab-divider{background:var(--border-color);width:1px;height:40px;margin:0 4px}.mobile-login-form{flex-direction:column;gap:20px;display:flex}.mobile-form-group{flex-direction:column;gap:8px;display:flex}.mobile-form-group label{color:var(--text-primary);text-align:right;font-family:inherit;font-size:15px;font-weight:600}.mobile-input-wrapper{border:1.5px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);direction:ltr;border-radius:12px;align-items:center;font-family:inherit;transition:all .25s;display:flex}.mobile-input-wrapper:hover{border-color:var(--border-focus)}.mobile-input-wrapper input{color:var(--text-primary);direction:ltr;background:0 0;border:none;flex:1;padding:14px 16px;font-family:inherit;font-size:15px;transition:all .25s}.mobile-input-wrapper input:focus{background:var(--bg-card);outline:none;box-shadow:0 0 0 4px #0d8ca226}.mobile-login-button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;margin-top:4px;padding:16px;font-family:inherit;font-size:17px;font-weight:700;transition:all .25s;display:flex}.mobile-login-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #0d8ca24d}.mobile-login-button:disabled{opacity:.6;cursor:not-allowed}.mobile-login-button__icon{font-size:18px;transform:rotate(180deg)}@media (width<=768px){.login-wrapper{flex-direction:column;max-width:480px}.login-welcome{text-align:center;padding:32px 24px}.welcome-title{font-size:22px}.login-card{padding:28px 20px}.login-title{font-size:24px}.login-header{flex-direction:column;gap:10px}.login-header .theme-toggle{margin-right:0}.user-type-group{flex-direction:row}.user-card{min-height:70px;padding:12px 6px}.user-card .card-title{font-size:14px}.user-card .card-desc{font-size:10px}.user-card .card-icon{font-size:22px}.login-role-title{text-align:right;font-size:16px}.features{flex-flow:wrap}.feature-item{flex:1 0 33.33%;padding:8px 4px}.feature-item:not(:last-child):after{display:none}.feature-item:not(:last-child){border-left:1px solid #00000014}[data-theme=dark] .feature-item:not(:last-child){border-left:1px solid #ffffff14}}@media (width<=480px){.login-welcome{padding:24px 16px}.welcome-title{font-size:18px}.welcome-desc{font-size:14px}.login-card{padding:20px 14px}.login-title{font-size:20px}.user-type-group{border-radius:12px;flex-direction:column}.user-card{border-left:none;border-bottom:1px solid var(--border-color);min-height:64px;padding:12px;border-radius:10px!important}.user-card:last-child{border-bottom:none}.user-card .card-row{gap:8px}.user-card .card-title{font-size:14px}.user-card .card-desc{text-align:center;font-size:10px}.user-card .card-icon{font-size:22px}.login-role-title{text-align:right;font-size:16px}.login-button{padding:12px;font-size:15px}.features{border-top:none;flex-direction:column;gap:12px;padding-top:16px}.feature-item{flex-direction:row;gap:12px;padding:6px 0;border-left:none!important}.feature-item:not(:last-child):after{display:none}.feature-item:not(:last-child){border-bottom:1px solid #0000000f}[data-theme=dark] .feature-item:not(:last-child){border-bottom:1px solid #ffffff0f}.feature-icon{margin-bottom:0;font-size:24px}.feature-item h4{text-align:right;font-size:14px}.feature-item p{text-align:right;font-size:12px}}.login-page{background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:inherit;display:flex}.login-wrapper{background:var(--bg-card);background:var(--bg-primary);border-radius:24px;flex-direction:row;width:100%;max-width:960px;padding:20px;display:flex;overflow:hidden}.login-footer{flex-direction:row-reverse;justify-content:center;align-items:center;gap:24px;width:100%;max-width:960px;margin-top:20px;display:flex}.footer-item{color:var(--text-secondary);align-items:center;gap:8px;font-family:inherit;font-size:14px;display:flex}.footer-icon{color:var(--accent);font-size:20px}.footer-text{color:var(--text-secondary);font-size:14px}.footer-divider{background:var(--border-color);width:1px;height:24px}@media (width<=480px){.login-footer{flex-direction:column;gap:12px;margin-top:16px;padding-top:12px}.footer-divider{display:none}}.verify-container{--accent:#0d8ca2;--accent-hover:#0a7386;--accent-light:#e6f4f7;--bg-primary:#f0f4f8;--bg-card:#fff;--bg-input:#f8fafc;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#d1d5db;--border-focus:#0d8ca2;--shadow-card:0 8px 30px #0000000f;--error-bg:#fee2e2;--error-text:#b91c1c;--error-border:#fecaca}[data-theme=dark] .verify-container{--bg-primary:#121212;--bg-card:#1e1e1e;--bg-input:#2d2d2d;--text-primary:#fff;--text-secondary:#d1d5db;--border-color:#4b5563;--border-focus:#0d8ca2;--shadow-card:0 8px 30px #0006;--error-bg:#3b1f1f;--error-text:#fca5a5;--error-border:#7f1d1d;--accent-light:#1a2e33;--accent:#4db8d8;--accent-hover:#3a9bb8}.verify-container{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:inherit;display:flex}.verify-card{background:var(--bg-card);box-shadow:var(--shadow-card);border:1px solid var(--border-color);border-radius:24px;width:100%;max-width:400px;padding:2.5rem;font-family:inherit}.verify-title{color:var(--accent);text-align:center;margin-bottom:.5rem;font-family:inherit;font-size:28px;font-weight:700}.verify-subtitle{color:var(--text-secondary);text-align:center;margin-top:0;margin-bottom:2rem;font-family:inherit;font-size:15px}.verify-form{flex-direction:column;gap:1.5rem;display:flex}.verify-form .form-group{flex-direction:column;gap:6px;display:flex}.verify-form .form-group label{color:var(--text-primary);text-align:right;font-family:inherit;font-size:14px;font-weight:600}.verify-form .form-group input{border:1.5px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);direction:ltr;border-radius:12px;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .25s}.verify-form .form-group input:focus{border-color:var(--border-focus);background:var(--bg-card);outline:none;box-shadow:0 0 0 4px #0d8ca226}.error-message{background:var(--error-bg);color:var(--error-text);text-align:center;border:1px solid var(--error-border);border-radius:10px;padding:10px;font-family:inherit;font-size:14px}.verify-button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:14px;margin-top:4px;padding:14px;font-family:inherit;font-size:17px;font-weight:700;transition:all .25s}.verify-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #0d8ca24d}.verify-button:disabled{opacity:.6;cursor:not-allowed}@media (width<=480px){.verify-card{padding:1.5rem}.verify-title{font-size:24px}.verify-subtitle{font-size:14px}.verify-button{padding:12px;font-size:15px}}.home-container{--accent:#0d8ca2;--accent-hover:#0a7386;--accent-light:#e6f4f7;--bg-primary:#f0f4f8;--bg-card:#fff;--bg-input:#f8fafc;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#d1d5db;--border-focus:#0d8ca2;--shadow-card:0 8px 30px #0000000f;--error-bg:#fee2e2;--error-text:#b91c1c;--error-border:#fecaca}[data-theme=dark] .home-container{--bg-primary:#121212;--bg-card:#1e1e1e;--bg-input:#2d2d2d;--text-primary:#fff;--text-secondary:#d1d5db;--border-color:#4b5563;--border-focus:#0d8ca2;--shadow-card:0 8px 30px #0006;--error-bg:#3b1f1f;--error-text:#fca5a5;--error-border:#7f1d1d;--accent-light:#1a2e33;--accent:#4db8d8;--accent-hover:#3a9bb8}.home-container{box-sizing:border-box;background:var(--bg-primary);flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100vh;padding:2rem;font-family:inherit;display:flex}.home-title{color:var(--accent);margin-bottom:3rem;font-family:inherit;font-size:2.2rem;font-weight:700}.menu-grid{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.menu-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;cursor:pointer;width:200px;box-shadow:var(--shadow-card);border-radius:24px;padding:2.5rem 3rem;font-family:inherit;transition:transform .25s,box-shadow .3s,border-color .2s}.menu-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 10px 30px #0d8ca233}.menu-icon{color:var(--accent);margin-bottom:1rem;font-size:3rem}.menu-label{color:var(--text-primary);font-family:inherit;font-size:1.2rem;font-weight:500}@media (width<=768px){.home-container{padding:1.5rem}.home-title{margin-bottom:2rem;font-size:1.8rem}.menu-grid{gap:1.5rem}.menu-card{width:160px;padding:2rem 1.5rem}.menu-icon{font-size:2.5rem}.menu-label{font-size:1rem}}@media (width<=480px){.home-container{padding:1rem}.home-title{margin-bottom:1.5rem;font-size:1.5rem}.menu-grid{gap:1rem}.menu-card{width:140px;padding:1.5rem 1rem}.menu-icon{font-size:2rem}.menu-label{font-size:.9rem}}.profile-container{--accent:#0d8ca2;--accent-hover:#0a7386;--accent-light:#e6f4f7;--bg-primary:#f0f4f8;--bg-card:#fff;--bg-input:#f8fafc;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#d1d5db;--border-focus:#0d8ca2;--shadow-card:0 8px 30px #0000000f;--error-bg:#fee2e2;--error-text:#b91c1c;--error-border:#fecaca}[data-theme=dark] .profile-container{--bg-primary:#121212;--bg-card:#1e1e1e;--bg-input:#2d2d2d;--text-primary:#fff;--text-secondary:#d1d5db;--border-color:#4b5563;--border-focus:#0d8ca2;--shadow-card:0 8px 30px #0006;--error-bg:#3b1f1f;--error-text:#fca5a5;--error-border:#7f1d1d;--accent-light:#1a2e33;--accent:#4db8d8;--accent-hover:#3a9bb8}.profile-container{background:var(--bg-primary);justify-content:center;align-items:flex-start;min-height:calc(100vh - 80px);padding:2rem 1rem;font-family:inherit;display:flex}.profile-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-card);border-radius:24px;width:100%;max-width:600px;padding:2.5rem;font-family:inherit}.profile-header{flex-direction:column;align-items:center;margin-bottom:2.5rem;display:flex}.profile-avatar-large{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1rem;font-size:2rem;font-weight:700;display:flex;box-shadow:0 0 30px #0d8ca233}.profile-name{color:var(--text-primary);margin:0;font-family:inherit;font-size:1.6rem;font-weight:700}.profile-info{flex-direction:column;gap:1rem;display:flex}.info-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.8rem 0;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-secondary);font-family:inherit;font-size:.95rem;font-weight:500}.info-value{color:var(--text-primary);text-align:left;direction:ltr;font-family:inherit;font-size:1rem;font-weight:500}.profile-loading,.profile-error{color:var(--text-primary);text-align:center;padding:2rem 0;font-family:inherit;font-size:1.1rem}.profile-error{color:var(--error-text)}@media (width<=768px){.profile-container{padding:1.5rem .75rem}.profile-card{padding:1.5rem}.profile-avatar-large{width:70px;height:70px;font-size:1.8rem}.profile-name{font-size:1.3rem}.info-row{flex-direction:column;align-items:flex-start;gap:.25rem;padding:.6rem 0}.info-label{font-size:.85rem}.info-value{text-align:right;width:100%;font-size:.9rem}}@media (width<=480px){.profile-container{padding:1rem .5rem}.profile-card{border-radius:20px;padding:1rem}.profile-header{margin-bottom:1.5rem}.profile-avatar-large{width:60px;height:60px;font-size:1.5rem}.profile-name{font-size:1.1rem}.info-label{font-size:.8rem}.info-value{font-size:.85rem}}.orders-container{--accent:#0d8ca2;--accent-hover:#0a7386;--accent-light:#e6f4f7;--bg-primary:#f0f4f8;--bg-card:#fff;--bg-input:#f8fafc;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#d1d5db;--border-focus:#0d8ca2;--shadow-card:0 8px 30px #0000000f;--error-bg:#fee2e2;--error-text:#b91c1c;--error-border:#fecaca}[data-theme=dark] .orders-container{--bg-primary:#121212;--bg-card:#1e1e1e;--bg-input:#2d2d2d;--text-primary:#fff;--text-secondary:#d1d5db;--border-color:#4b5563;--border-focus:#0d8ca2;--shadow-card:0 8px 30px #0006;--error-bg:#3b1f1f;--error-text:#fca5a5;--error-border:#7f1d1d;--accent-light:#1a2e33;--accent:#4db8d8;--accent-hover:#3a9bb8}.orders-container{background:var(--bg-primary);box-sizing:border-box;flex-direction:column;padding:0 1.5rem 2rem;font-family:inherit;display:flex;overflow:hidden}.orders-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.orders-title{color:var(--text-primary);margin:0;font-family:inherit;font-size:1.8rem;font-weight:700}.orders-count{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:30px;padding:.3rem 1rem;font-family:inherit;font-size:.95rem}.orders-loading,.orders-error,.orders-empty{color:var(--text-primary);text-align:center;padding:3rem 0;font-family:inherit;font-size:1.1rem}.orders-error{color:var(--error-text)}.orders-table-wrapper{border:1px solid var(--border-color);background:var(--bg-card);width:100%;box-shadow:var(--shadow-card);border-radius:16px;flex:0 auto;align-self:flex-start;min-height:0;overflow:auto}.orders-table{border-collapse:collapse;text-align:right;width:100%;min-width:950px;font-family:inherit}.orders-table-organization{min-width:1050px}.orders-table thead{background:var(--bg-input);border-bottom:2px solid var(--border-color)}.orders-table th{color:var(--text-primary);text-align:right;white-space:nowrap;letter-spacing:.3px;padding:1rem;font-family:inherit;font-size:.85rem;font-weight:600}.orders-table td{color:var(--text-primary);border-bottom:1px solid var(--border-color);vertical-align:middle;padding:.8rem 1rem;font-family:inherit;font-size:.9rem}.orders-table tbody tr{transition:background .15s}.orders-table tbody tr:hover{background:var(--bg-input)}.orders-table tbody tr:last-child td{border-bottom:none}.order-id{color:var(--accent);font-family:inherit;font-size:.9rem;font-weight:600}.patient-button{color:var(--text-primary);cursor:pointer;text-align:right;background:0 0;border:none;flex-direction:row-reverse;align-items:center;gap:.4rem;padding:0;font-family:inherit;font-size:.9rem;display:inline-flex}.patient-button:hover{color:var(--accent-hover)}.patient-icon{color:var(--text-secondary);font-size:.8rem;display:none}.patient-modal-backdrop{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.patient-modal{background:var(--bg-card);border:1px solid var(--border-color);width:100%;max-width:420px;box-shadow:var(--shadow-card);border-radius:16px;overflow:hidden}.patient-modal-header{border-bottom:1px solid var(--border-color);background:var(--bg-input);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.patient-modal-header h3{color:var(--text-primary);margin:0;font-family:inherit;font-size:1.1rem;font-weight:700}.patient-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.6rem;line-height:1}.patient-modal-close:hover{color:var(--text-primary)}.patient-modal-body{flex-direction:column;gap:.75rem;padding:1rem 1.25rem;display:flex}.patient-detail-row{color:var(--text-primary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.75rem;display:flex}.patient-detail-row:last-child{border-bottom:none;padding-bottom:0}.patient-detail-row span{color:var(--text-secondary);font-family:inherit;font-size:.85rem}.patient-detail-row strong{color:var(--text-primary);text-align:left;font-family:inherit;font-size:.9rem;font-weight:600}.status-badge{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color);border-radius:30px;padding:.2rem .9rem;font-family:inherit;font-size:.75rem;font-weight:600;display:inline-block}.status-open{color:#f57f17;background:#fff9c4;border-color:#ffeb3b}[data-theme=dark] .status-open{color:#ffd54f;background:#3e3a1b;border-color:#f9a825}.status-finalized{color:#2e7d32;background:#e8f5e9;border-color:#a5d6a7}[data-theme=dark] .status-finalized{color:#81c784;background:#1b3a1b;border-color:#2e7d32}.status-suspended{color:#5a5a5a;background:#fff3e0;border-color:#ffcc80}[data-theme=dark] .status-suspended{color:#ffb74d;background:#3a2a1b;border-color:#e65100}.status-canceled{color:#e81c1c;background:#fff3e0;border-color:#ffcc80}[data-theme=dark] .status-canceled{color:#ffb74d;background:#3a2a1b;border-color:#e65100}.status-unknown{background:var(--bg-input);color:var(--text-secondary);border-color:var(--border-color)}.status-badge .status-icon{vertical-align:middle;font-size:1rem;line-height:1;display:inline-block}.status-open .status-icon{color:#c8b71e}.status-finalized .status-icon{color:#569652}.status-canceled .status-icon{color:#ed4747}.status-suspended .status-icon{color:#5a5a5a}.status-badge.status-icon-only{box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;min-width:0;padding:0;display:inline-flex}.status-badge.status-icon-only .status-icon{font-size:1.15rem;line-height:1}.view-button{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:.3rem;padding:.35rem 1rem;font-family:inherit;font-size:.8rem;font-weight:500;transition:background .2s,transform .1s,box-shadow .2s;display:inline-flex}.view-button:hover{background:var(--accent-hover);transform:scale(1.03);box-shadow:0 4px 12px #0d8ca24d}.view-button:active{transform:scale(.97)}.view-icon{font-size:.8rem}.physician-icon{color:var(--text-secondary);vertical-align:middle;margin-left:.5rem}.spinner{animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.view-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.numeric-cell{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";direction:ltr}@media (width>=769px) and (width<=1000px){.orders-table{table-layout:fixed;width:100%;min-width:auto}.orders-table th:first-child,.orders-table td:first-child{width:14%}.orders-table th:nth-child(2),.orders-table td:nth-child(2){width:18%}.orders-table th:nth-child(3),.orders-table td:nth-child(3){width:14%}.orders-table th:nth-child(4),.orders-table td:nth-child(4){width:32%}.orders-table th:nth-child(5),.orders-table td:nth-child(5){width:22%}.orders-table-organization th:first-child,.orders-table-organization td:first-child{width:12%}.orders-table-organization th:nth-child(2),.orders-table-organization td:nth-child(2){width:15%}.orders-table-organization th:nth-child(3),.orders-table-organization td:nth-child(3){width:22%}.orders-table-organization th:nth-child(4),.orders-table-organization td:nth-child(4){width:16%}.orders-table-organization th:nth-child(5),.orders-table-organization td:nth-child(5){width:15%}.orders-table-organization th:nth-child(6),.orders-table-organization td:nth-child(6){width:20%}.orders-table th,.orders-table td{padding:.5rem .4rem;font-size:.75rem}.order-id,.patient-button{font-size:.75rem}.status-badge{padding:.1rem .5rem;font-size:.65rem}.view-button{gap:.2rem;padding:.2rem .6rem;font-size:.7rem}.view-button .view-icon,.view-button .spinner{font-size:.7rem}.numeric-cell{font-size:.75rem}}@media (width<=768px){.orders-container{padding:1rem .75rem;overflow:hidden}.orders-header{flex-shrink:0;margin-bottom:1rem}.orders-title{font-size:1.3rem}.orders-table-wrapper{border:1px solid var(--border-color);min-height:0;box-shadow:none;background:0 0;border-radius:10px;flex:0 auto;padding:.5rem 0;overflow:visible auto}.orders-table{width:100%;min-width:auto;display:block}.orders-table thead{display:none}.orders-table tbody{width:100%;display:block}.orders-table tr{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-card);direction:ltr;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:.8rem;padding:1rem;transition:background .15s;display:grid}.orders-table tr:hover{background:var(--bg-card)}.orders-table td{border-bottom:1px solid var(--border-color);white-space:normal;word-break:break-word;padding:.3rem 0;font-size:.9rem;display:block}.orders-table td:first-child{text-align:right;grid-area:1/2}.orders-table td:first-child:before{content:"درخواست ";margin-left:.35rem;font-weight:600;display:inline}.orders-table td:nth-child(2){text-align:left;grid-area:1/1}.orders-table td:nth-child(3){text-align:right;border-bottom:none;flex-direction:row-reverse;grid-area:2/2;justify-content:flex-end;justify-self:end;align-items:center;gap:.35rem;width:auto;max-width:max-content;display:inline-flex}.orders-table td:nth-child(3) .physician-icon{margin-left:0;margin-right:0}.orders-table td:nth-child(4){text-align:left;border-bottom:none;grid-area:2/1}.orders-table td:nth-child(5){text-align:left;border-bottom:none;grid-area:3/1/auto/-1;padding-top:.6rem}.orders-table-organization td:nth-child(3){border-bottom:1px solid var(--border-color);text-align:right;grid-area:2/1/auto/-1;justify-self:stretch;width:100%;max-width:none;padding-bottom:.6rem;display:block}.orders-table-organization td:nth-child(3):before{content:"";color:var(--text-secondary);margin-left:.35rem;font-weight:600;display:inline}.orders-table-organization td:nth-child(4){text-align:right;border-bottom:none;flex-direction:row-reverse;grid-area:3/2;justify-content:flex-end;justify-self:end;align-items:center;gap:.35rem;width:auto;max-width:max-content;display:inline-flex}.orders-table-organization td:nth-child(4) .physician-icon{margin-left:0;margin-right:0}.orders-table-organization td:nth-child(5){text-align:left;border-bottom:none;grid-area:3/1;padding-top:.3rem}.orders-table-organization td:nth-child(6){text-align:left;border-bottom:none;grid-area:4/1/auto/-1;padding-top:.6rem}.order-id,.patient-button{font-size:.9rem}.status-badge{padding:.2rem .8rem;font-size:.75rem}.view-button{gap:.3rem;min-width:auto;padding:.3rem 1rem;font-size:.8rem}.view-button .view-button-text{display:inline}.view-button .view-icon,.view-button .spinner{font-size:.8rem}.numeric-cell{font-size:.9rem}}@media (width<=480px){.orders-container{padding:.8rem .5rem}.orders-title{font-size:1.1rem}.orders-table-wrapper{padding:.3rem 0}.orders-table tr{margin-bottom:.6rem;padding:.8rem}.orders-table td{padding:.3rem 0;font-size:.85rem}.orders-table td:before{font-size:.75rem}.order-id,.patient-button{font-size:.85rem}.patient-modal{max-width:100%}.patient-detail-row{flex-direction:column;align-items:flex-start;gap:.35rem}.patient-detail-row strong{text-align:right}.status-badge{padding:.15rem .6rem;font-size:.7rem}.view-button{padding:.25rem .8rem;font-size:.75rem}.view-button .view-icon,.view-button .spinner{font-size:.75rem}.numeric-cell{font-size:.85rem}}.orders-load-more{flex-shrink:0;justify-content:center;margin-top:1.5rem;display:flex}.load-more-button{background:var(--bg-card);border:1.5px solid var(--border-color);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-card);border-radius:30px;align-items:center;gap:.6rem;padding:.7rem 2rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.load-more-button:hover:not(:disabled){border-color:var(--accent);background:var(--accent-light);transform:translateY(-2px);box-shadow:0 8px 20px #0d8ca226}.load-more-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.load-more-button .spinner{animation:.8s linear infinite spin}@media (width<=768px){.load-more-button{padding:.6rem 1.5rem;font-size:.85rem}}@media (width<=480px){.orders-load-more{margin-top:1rem}.load-more-button{gap:.4rem;padding:.5rem 1.2rem;font-size:.8rem}}.theme-toggle-btn{cursor:pointer;color:var(--text-primary,#e0e0e0);background:var(--bg-card,#1a1a1a);border:1px solid var(--border-color,#2a2a2a);width:40px;height:40px;box-shadow:var(--shadow-card,none);border-radius:50%;justify-content:center;align-items:center;padding:.4rem;font-size:1.5rem;transition:background .2s,transform .2s;display:flex}.theme-toggle-btn:hover{background:var(--bg-hover,#2a2a2a);transform:scale(1.05)}.navbar{background:var(--bg-navbar);border-bottom:1px solid var(--border-color);z-index:1000;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:.8rem 2rem;transition:background .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar-left{flex:1;align-items:center;display:flex}.home-button{cursor:pointer;color:var(--accent);border-radius:20px;align-items:center;gap:.4rem;padding:.3rem .8rem;font-family:inherit;font-size:.95rem;transition:background .2s;display:flex}.home-button:hover{background:var(--bg-hover)}.home-icon{color:var(--accent);font-size:1.3rem}.navbar-center{flex:1;justify-content:center;display:flex}.navbar-brand{color:var(--accent);cursor:default;font-family:inherit;font-size:1.4rem;font-weight:700}.navbar-right{flex:1;justify-content:flex-end;align-items:center;gap:1rem;display:flex}.theme-toggle{cursor:pointer;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;padding:.3rem;font-size:1.4rem;transition:background .2s;display:flex}.theme-toggle:hover{background:var(--bg-hover)}.theme-icon{font-size:1.4rem}.navbar-user{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:30px;align-items:center;gap:.6rem;padding:.4rem 1rem;transition:background .2s;display:flex;position:relative}.navbar-user:hover{background:var(--bg-hover)}.user-icon{color:var(--accent);flex-shrink:0;font-size:2rem}.user-name{color:var(--text-primary);font-family:inherit;font-size:.95rem;font-weight:500}.dropdown-arrow{color:var(--text-secondary);margin-left:.2rem;font-size:.7rem;transition:transform .2s}.dropdown-menu{background:var(--bg-card);border:1px solid var(--border-color);min-width:160px;box-shadow:var(--shadow-card);border-radius:12px;flex-direction:column;padding:.5rem 0;display:flex;position:absolute;top:52px;right:0}.dropdown-item{color:var(--text-primary);cursor:pointer;text-align:right;padding:.7rem 1.2rem;font-family:inherit;font-size:.95rem;transition:background .2s}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-item.logout{color:var(--error-text)}.dropdown-item.logout:hover{background:var(--error-bg)}.dropdown-divider{background:var(--border-color);height:1px;margin:.3rem 0}@media (width<=768px){.navbar{flex-wrap:nowrap;padding:.5rem .8rem}.navbar-left{flex:none}.home-button{gap:0;padding:.2rem .4rem;font-size:0}.home-button span{display:none}.home-icon{font-size:1.2rem}.navbar-center{flex:auto;justify-content:center}.navbar-brand{white-space:nowrap;font-size:1.1rem}.navbar-right{flex:none;gap:.4rem}.theme-toggle{padding:.2rem;font-size:1.2rem}.theme-icon{font-size:1.2rem}.navbar-user{gap:.3rem;padding:.2rem .5rem}.user-icon{font-size:1.6rem}.user-name{display:none}.dropdown-arrow{margin-left:0;font-size:.6rem}.dropdown-menu{min-width:140px;max-width:90vw;top:44px;left:0;right:auto}.dropdown-item{padding:.5rem 1rem;font-size:.85rem}}@media (width<=480px){.navbar{padding:.4rem .5rem}.home-icon{font-size:1rem}.navbar-brand{font-size:.95rem}.theme-toggle,.theme-icon{font-size:1rem}.user-icon{font-size:1.4rem}.navbar-user{gap:.2rem;padding:.1rem .3rem}.dropdown-arrow{font-size:.5rem}.dropdown-menu{min-width:120px;max-width:90vw;top:40px;left:0;right:auto}.dropdown-item{padding:.4rem .8rem;font-size:.8rem}}.footer{background:var(--bg-navbar);border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);margin-top:auto;padding:1rem 2rem;font-family:inherit;font-size:.9rem;transition:background .3s,border-color .3s,color .3s}.main-layout{--accent:#0d8ca2;--accent-hover:#0a7386;--accent-light:#e6f4f7;--bg-primary:#f0f4f8;--bg-card:#fff;--bg-input:#f8fafc;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#d1d5db;--border-focus:#0d8ca2;--shadow-card:0 8px 30px #0000000f;--error-bg:#fee2e2;--error-text:#b91c1c;--error-border:#fecaca;background:var(--bg-primary);width:100%;min-height:100vh;color:var(--text-primary);flex-direction:column;flex:1;font-family:inherit;transition:background .3s,color .3s;display:flex;overflow-x:hidden}[data-theme=dark] .main-layout{--bg-primary:#121212;--bg-card:#1e1e1e;--bg-input:#2d2d2d;--text-primary:#fff;--text-secondary:#d1d5db;--border-color:#4b5563;--border-focus:#0d8ca2;--shadow-card:0 8px 30px #0006;--error-bg:#3b1f1f;--error-text:#fca5a5;--error-border:#7f1d1d;--accent-light:#1a2e33;--accent:#4db8d8;--accent-hover:#3a9bb8}.main-content{box-sizing:border-box;background:var(--bg-primary);flex-direction:column;flex:1;width:100%;padding:5.5rem 2rem 2rem;transition:background .3s;display:flex;overflow-x:hidden}@media (width<=768px){.main-content{padding:4.5rem 1.5rem 1.5rem}}@media (width<=480px){.main-content{padding:4rem 1rem 1rem}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}