*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-snap-type:y mandatory}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#2c2c2c;color:#fff;direction:ltr;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#2c2c2c}.App,.landing-page{min-height:100vh;width:100%}.landing-page{background:linear-gradient(135deg,#1a1a1a,#2c2c2c 50%,#1a1a1a);box-sizing:border-box;color:#fff;font-family:Inter,sans-serif;height:100vh;overflow-x:hidden;overflow-y:scroll;scroll-snap-type:y mandatory}.landing-nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border-bottom:none;left:0;padding:12px 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.landing-nav-with-bg{background:#141414e6}.landing-nav-with-bg,.landing-nav.mobile-menu-open{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #ffffff1a}.landing-nav.mobile-menu-open{background:#141414f2;box-shadow:0 4px 20px #0000004d}@media (max-width:900px){.landing-nav.mobile-menu-open{background:#141414fa}}.nav-container{justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 40px}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{gap:12px}.logo-circle{align-items:center;animation:logoGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#e63946,#c1121f);border-radius:50%;box-shadow:0 0 20px #e6394666;display:flex;height:45px;justify-content:center;position:relative;width:45px}@keyframes logoGlow{0%,to{box-shadow:0 0 20px #e6394666}50%{box-shadow:0 0 30px #e6394699,0 0 40px #e639464d}}.logo-ncp{color:#fff;font-size:14px;text-shadow:0 1px 3px #0000004d}.logo-ncp,.nav-logo .logo-text{font-weight:700;letter-spacing:.5px}.nav-logo .logo-text{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(90deg,#e63946,#ff6b6b 25%,#e63946 50%,#c1121f 75%,#e63946);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;font-size:22px;text-shadow:none}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.nav-links{align-items:center;gap:8px}.desktop-nav,.nav-links{display:flex}.nav-link{background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.nav-link:hover{background:#ffffff1a;color:#fff}.nav-dropdown{position:relative}.nav-link-with-arrow{align-items:center;display:flex}.dropdown-menu{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#000000e6;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 8px 24px #0006;left:0;margin-top:8px;min-width:180px;padding:8px 0;position:absolute;top:100%;z-index:1001}.dropdown-item{background:none;border:none;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:400;padding:10px 20px;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:hover{background:#ffffff1a}.mobile-menu-toggle{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:none;justify-content:center;padding:8px;transition:all .3s ease;z-index:1002}.mobile-menu-toggle:hover{background:#ffffff1a}.mobile-menu-toggle:focus{outline:none}.mobile-menu{-webkit-overflow-scrolling:touch;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#141414fa;border-top:1px solid #ffffff1a;box-shadow:0 8px 32px #00000080;left:0;max-height:calc(100vh - 70px);overflow:hidden;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1001}.mobile-menu-content{display:flex;flex-direction:column;padding:20px 0}.mobile-nav-link{align-items:center;background:none;border:none;border-bottom:1px solid #ffffff0d;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:16px;font-weight:500;justify-content:space-between;letter-spacing:.5px;padding:16px 24px;text-align:left;text-transform:uppercase;transition:all .3s ease}.mobile-nav-link:hover{background:#ffffff0d;color:#e63946;padding-left:28px}.mobile-nav-link:last-child{border-bottom:none}.mobile-nav-link-with-arrow{align-items:center;display:flex;justify-content:space-between}.mobile-nav-dropdown{display:flex;flex-direction:column}.mobile-dropdown-menu{background:#0000004d;overflow:hidden}.mobile-dropdown-item{background:none;border:none;border-bottom:1px solid #ffffff08;color:#fffc;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;padding:12px 24px 12px 40px;text-align:left;text-transform:none;transition:all .2s ease;width:100%}.mobile-dropdown-item:hover{background:#e639461a;color:#e63946;padding-left:44px}.mobile-dropdown-item:last-child{border-bottom:none}.hero-section{align-items:center;display:flex;height:100vh;justify-content:center;min-height:100vh;overflow:hidden;padding:120px 24px 80px;position:relative;scroll-snap-align:start;scroll-snap-stop:always}.hero-background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.hero-bg-gif,.hero-bg-video{height:100%;object-fit:cover;object-position:center;transform:scale(1.1);transition:filter .8s ease-in-out;width:100%}.hero-video-clean{filter:blur(0) brightness(1) saturate(1)}.hero-video-blurred{filter:blur(0) brightness(.4) saturate(1)}.hero-bg-video{left:0;min-height:100%;min-width:100%;position:absolute;top:0}.hero-background-overlay{background:linear-gradient(135deg,#1a1a1ab3,#2c2c2c99 50%,#1a1a1ab3);height:100%;left:0;position:absolute;top:0;transition:opacity .8s ease-in-out;width:100%;z-index:1}.hero-overlay-hidden{opacity:0}.hero-overlay-visible{opacity:1}.hero-container{justify-content:center;margin:0 auto;max-width:1200px;min-height:400px;position:relative;text-align:center;width:100%;z-index:2}.hero-container,.hero-content{align-items:center;display:flex}.hero-content{flex-direction:column;gap:24px}.hero-logo{margin-bottom:8px}.hero-logo-text{-webkit-text-fill-color:#0000;animation:gradientShift 4s ease-in-out infinite;background:linear-gradient(90deg,#e63946,#ff6b6b 20%,#e63946 40%,#c1121f 60%,#e63946 80%,#ff6b6b);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;filter:drop-shadow(0 4px 20px rgba(230,57,70,.4));font-size:48px;font-weight:700;letter-spacing:-1px}.hero-title{color:#fff;font-size:42px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0 auto;max-width:900px;text-shadow:0 2px 12px #0009}.hero-subtitle{color:#fff;font-size:20px;font-weight:400;line-height:1.6;margin:0 auto;max-width:700px;text-shadow:0 2px 8px #00000080}.hero-cta{margin-top:32px}.cta-button{align-items:center;background:linear-gradient(135deg,#e63946,#c1121f);border:none;border-radius:12px;box-shadow:0 8px 24px #e6394666;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:18px;font-weight:600;gap:12px;padding:16px 32px;transition:all .3s ease}.cta-button:hover{box-shadow:0 12px 32px #e6394680}.cta-button:active{box-shadow:0 4px 16px #e6394666}.ccl-test-section{align-items:center;background:#14141499;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;max-width:100%;min-height:100vh;overflow-x:hidden;padding:120px 24px 0;position:relative;scroll-snap-align:start;scroll-snap-stop:always;width:100%}@media (max-width:768px){.ccl-test-section{min-height:auto;padding:80px 16px 0}}@media (max-width:480px){.ccl-test-section{min-height:auto;padding:60px 12px 0}}.ccl-test-container{margin:0 auto;max-width:1000px;width:100%}.ccl-test-content{text-align:center}.ccl-test-title{color:#fff;font-size:36px;font-weight:700;letter-spacing:1px;margin-bottom:24px;text-transform:uppercase}.ccl-test-divider{background:linear-gradient(90deg,#0000,#e63946 50%,#0000);height:3px;margin:0 auto 40px;transform-origin:center;width:100px}.ccl-test-description{color:#ccc;font-size:17px;line-height:1.8;margin:0 auto;max-width:900px;text-align:justify;text-align-last:center}.material-section{align-items:flex-start;background:#1a1a1a80;display:flex;justify-content:center;min-height:100vh;overflow-y:auto;padding:80px 24px;position:relative;scroll-snap-align:start;scroll-snap-stop:always}.material-section:before{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.material-container{margin:0 auto;max-width:1400px;padding:40px 0;width:100%}.material-content{text-align:center}.material-title{color:#fff;font-size:36px;font-weight:700;letter-spacing:2px;margin-bottom:24px;text-transform:uppercase}.material-divider{background:linear-gradient(90deg,#0000,#e63946 50%,#0000);height:3px;margin:0 auto 40px;transform-origin:center;width:100px}.material-description{color:#ccc;font-size:17px;line-height:1.8;margin:0 auto 60px;max-width:1200px;text-align:justify;text-align-last:center}.material-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-left:auto;margin-right:auto;margin-top:60px;max-width:1400px;padding:0 80px}.material-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;height:100%;min-height:100%;overflow:hidden;padding:32px 24px;position:relative}.material-card:before{background:linear-gradient(90deg,#0000,currentColor 50%,#0000);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.material-card:hover:before{opacity:1}.card-1{color:#6c757d}.card-1:hover{background:#6c757d1a;border-color:#6c757d4d}.card-2{color:#9d4edd}.card-2:hover{background:#9d4edd1a;border-color:#9d4edd4d}.card-3{color:#00d4ff}.card-3:hover{background:#00d4ff1a;border-color:#00d4ff4d}.card-4{color:#ff6b35}.card-4:hover{background:#ff6b351a;border-color:#ff6b354d}.card-title{color:#fff;font-size:16px;font-weight:700;letter-spacing:1px;line-height:1.4;margin-bottom:20px;text-transform:uppercase}.card-subtitle{color:#ffffffb3;font-size:13px;font-style:italic;margin-bottom:20px}.card-items{display:flex;flex:1 1;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0}.card-items li{align-items:flex-start;color:#ccc;display:flex;font-size:14px;gap:12px;line-height:1.6}.card-items li svg{color:currentColor;flex-shrink:0;margin-top:2px;opacity:.8}.card-items li span{flex:1 1}.footer-section{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-top:1px solid #ffffff1a;box-sizing:border-box;margin-top:60px;max-width:100%;overflow-x:hidden;padding:50px 0 30px;position:relative;scroll-snap-align:none;scroll-snap-stop:normal;width:100%}.footer-section:before{background:linear-gradient(90deg,#0000,#e63946 50%,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.footer-container{margin:0 auto;max-width:1400px;overflow-x:hidden;padding:0 80px}.footer-container,.footer-content{box-sizing:border-box;max-width:100%;width:100%}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.footer-column{word-wrap:break-word;box-sizing:border-box;display:flex;flex-direction:column;min-width:0;overflow-wrap:break-word;width:100%}.footer-logo{align-items:center;display:flex;gap:12px;margin-bottom:20px}.footer-logo .logo-circle{align-items:center;background:linear-gradient(135deg,#e63946,#c1121f);border-radius:50%;box-shadow:0 4px 12px #e639464d;color:#fff;display:flex;font-size:18px;font-weight:700;height:50px;justify-content:center;width:50px}.footer-logo-text{color:#fff;font-size:24px;font-weight:700;letter-spacing:1px}.footer-description{color:#ccc;font-size:14px;line-height:1.6;margin:0}.footer-description,.footer-title{word-wrap:break-word;max-width:100%;overflow-wrap:break-word}.footer-title{color:#fff;font-size:18px;font-weight:700;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}.footer-links{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.footer-links li a{color:#ccc;display:inline-block;font-size:14px;text-decoration:none;transition:all .3s ease}.footer-links li a:hover{color:#e63946;transform:translateX(5px)}.footer-contact{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0}.footer-contact li{align-items:flex-start;color:#ccc;display:flex;font-size:14px;gap:12px}.footer-contact li,.footer-contact li span{word-wrap:break-word;min-width:0;overflow-wrap:break-word}.footer-contact li svg{color:#e63946;flex-shrink:0;margin-top:2px;opacity:.8}.footer-social{display:flex;gap:16px;margin-bottom:30px}.footer-social-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;display:flex;height:45px;justify-content:center;text-decoration:none;transition:all .3s ease;width:45px}.footer-social-link:hover{background:#fff3;border-color:#fff6;box-shadow:0 4px 12px #0000004d;transform:translateY(-3px)}.footer-social-link:first-child:hover{border-color:#e4405f;color:#e4405f}.footer-social-link:last-child:hover{border-color:#08c;color:#08c}.footer-copyright{color:#ffffff80;font-size:12px;margin:0;text-align:left}@media (max-width:1024px){.nav-container{padding:0 24px}.material-cards{gap:20px;grid-template-columns:repeat(2,1fr);padding:0 40px}.footer-content{gap:30px;grid-template-columns:repeat(2,1fr);max-width:100%;width:100%}.footer-container{max-width:100%;padding:0 40px;width:100%}.footer-column{min-width:0;width:100%}}@media (max-width:900px){.desktop-nav{display:none}.mobile-menu-toggle{display:flex}.footer-container{max-width:100%;padding:0 30px;width:100%}.footer-content{gap:25px;max-width:100%;width:100%}.footer-column{min-width:0;width:100%}}@media (max-width:768px){.landing-page{scroll-snap-type:y mandatory}.nav-container{padding:0 16px}.nav-logo{gap:8px}.logo-circle{font-size:14px;height:40px;width:40px}.nav-logo .logo-text{font-size:18px}.desktop-nav{display:none}.mobile-menu-toggle{display:flex}.hero-section{padding:100px 16px 60px}.hero-logo-text{font-size:32px}.hero-title{font-size:24px;letter-spacing:0}.cta-button,.hero-subtitle{font-size:14px}.cta-button{padding:12px 24px}.ccl-test-section{padding:80px 16px 0}.ccl-test-title{font-size:24px}.ccl-test-description{font-size:14px;padding:0 16px;text-align:left;text-align-last:left}.material-section{padding:60px 16px}.material-title{font-size:24px}.material-cards{gap:16px;grid-template-columns:repeat(2,1fr);margin-top:40px;padding:0 20px}.material-card{padding:20px 16px}.card-title{font-size:13px;margin-bottom:16px}.card-items{gap:12px}.card-items li{font-size:12px;gap:8px}.card-items li svg{height:16px;width:16px}.footer-section{overflow-x:hidden;padding:45px 0 25px}.footer-container,.footer-section{box-sizing:border-box;max-width:100%;width:100%}.footer-container{padding:0 30px}.footer-content{box-sizing:border-box;gap:24px;grid-template-columns:repeat(2,1fr)!important;max-width:100%;width:100%}.footer-column{max-width:100%;min-width:0;width:100%}.footer-column:first-child{align-items:flex-start;text-align:left}.footer-logo{justify-content:flex-start;margin-bottom:12px}.footer-description{margin-left:0;margin-right:0;max-width:100%;text-align:left}.footer-title{font-size:15px;margin-bottom:16px;padding-bottom:12px;position:relative;text-align:left}.footer-title:after{background:linear-gradient(90deg,#e63946,#0000);bottom:0;content:"";height:2px;left:0;position:absolute;transform:none;width:50px}.footer-links{align-items:flex-start;gap:10px}.footer-links li{text-align:left}.footer-links li a{display:block}.footer-links li a:hover{transform:translateX(5px)}.footer-contact{align-items:flex-start;gap:12px}.footer-contact li{justify-content:flex-start}.footer-contact li span{font-size:13px}.footer-social{justify-content:flex-start;margin-bottom:24px}.footer-copyright{text-align:left}.nav-indicator{gap:8px;left:10px}.indicator-dot{height:30px;width:8px}.indicator-dot.active{width:10px}.social-media-icons{gap:12px;right:10px}.social-icon{height:40px;width:40px}}@media (max-width:480px){.landing-nav{padding:10px 0}.landing-nav-with-bg{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#141414f2}.nav-container{flex-wrap:nowrap;padding:0 16px}.nav-logo{flex-shrink:0;gap:8px}.logo-circle{font-size:13px;height:38px;width:38px}.nav-logo .logo-text{font-size:14px;letter-spacing:.3px}.desktop-nav{display:none}.mobile-menu-toggle{display:flex}.dropdown-menu{min-width:140px;padding:6px 0}.dropdown-item{font-size:12px;padding:8px 16px}.hero-section{padding:80px 12px 40px}.hero-logo-text{font-size:28px}.hero-title{font-size:20px;line-height:1.3}.hero-subtitle{font-size:13px;line-height:1.5}.cta-button{font-size:13px;gap:8px;padding:10px 20px}.ccl-test-section{padding:60px 12px 0}.ccl-test-container{padding:0 12px}.ccl-test-title{font-size:20px}.ccl-test-description{font-size:13px;line-height:1.6;padding:0}.material-section{padding:50px 12px}.material-container{padding:20px 0}.material-title{font-size:20px;margin-bottom:16px}.material-divider{margin-bottom:30px}.material-cards{gap:16px;grid-template-columns:1fr;margin-top:30px;padding:0 12px}.material-card{padding:18px 14px}.card-title{font-size:12px;margin-bottom:14px}.card-items{gap:10px}.card-items li{font-size:11px;gap:6px}.card-items li svg{height:14px;width:14px}.footer-section{margin-top:30px;overflow-x:hidden;padding:35px 0 20px}.footer-container,.footer-section{box-sizing:border-box;max-width:100%;width:100%}.footer-container{padding:0 20px}.footer-content{box-sizing:border-box;gap:20px;margin-bottom:28px;max-width:100%;width:100%}.footer-column{max-width:100%;min-width:0;width:100%}.footer-column:first-child{align-items:flex-start;margin-bottom:0;text-align:left}.footer-logo{align-items:center;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-bottom:12px}.footer-logo .logo-circle{font-size:14px;height:40px;width:40px}.footer-logo-text{font-size:16px;letter-spacing:.8px}.footer-description{color:#ffffffb3;font-size:11px;line-height:1.5;margin-left:0;margin-right:0;margin-top:0;max-width:100%;text-align:left}.footer-title{font-size:13px;letter-spacing:.8px;margin-bottom:12px;padding-bottom:8px;position:relative;text-align:left}.footer-title:after{background:linear-gradient(90deg,#e63946,#0000);bottom:0;content:"";height:2px;left:0;position:absolute;transform:none;width:35px}.footer-links{align-items:flex-start;gap:8px}.footer-links li{text-align:left}.footer-links li a{color:#fffc;display:block;font-size:11px;padding:4px 0;transition:all .2s ease}.footer-links li a:hover{color:#e63946;transform:translateX(3px)}.footer-contact{align-items:flex-start;gap:8px}.footer-contact li{color:#fffc;font-size:11px;gap:8px;justify-content:flex-start}.footer-contact li svg{color:#e63946;flex-shrink:0;height:14px;width:14px}.footer-contact li span{word-wrap:break-word;font-size:10px;min-width:0;overflow-wrap:break-word}.footer-social{gap:12px;justify-content:flex-start;margin-bottom:16px}.footer-social-link{height:38px;width:38px}.footer-social-link svg{height:18px;width:18px}.footer-copyright{border-top:1px solid #ffffff1a;color:#ffffff80;font-size:10px;margin-top:20px;padding-top:16px;text-align:left}.nav-indicator,.social-media-icons{display:none}.ccl-test-section,.hero-section,.material-section{padding-left:16px;padding-right:16px}.ccl-test-container,.material-cards{padding:0 16px}}.nav-indicator{align-items:center;display:flex;flex-direction:column;gap:12px;left:30px;position:fixed;top:50%;transform:translateY(-50%);z-index:999}.indicator-dot{background:#ffffff4d;border:none;border-radius:6px;cursor:pointer;height:40px;padding:0;position:relative;transition:all .3s ease;width:12px}.indicator-dot:hover{background:#ffffff80;transform:scaleX(1.2)}.indicator-dot.active{box-shadow:0 0 12px #e6394699;width:14px}.indicator-dot.active,.indicator-dot.active:hover{background:linear-gradient(135deg,#e63946,#c1121f)}.indicator-dot.active:hover{box-shadow:0 0 16px #e63946cc}.social-media-icons{align-items:center;display:flex;flex-direction:column;gap:20px;position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:999}.social-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;display:flex;height:50px;justify-content:center;text-decoration:none;transition:all .3s ease;width:50px}.social-icon:hover{background:#fff3;border-color:#fff6;box-shadow:0 4px 12px #0000004d}.social-icon:first-child:hover{color:#e4405f}.social-icon:last-child:hover{color:#08c}@media (max-width:768px){.nav-indicator{gap:8px;left:12px}.indicator-dot{height:32px;width:8px}.indicator-dot.active{width:10px}.social-media-icons{gap:12px;right:12px}.social-icon{height:42px;width:42px}}@media (max-width:600px){.nav-indicator,.social-media-icons{display:none}}@media (max-width:640px){.footer-section{margin-top:24px;padding:32px 0 22px}.footer-container{padding:0 16px}.footer-container,.footer-content{box-sizing:border-box;max-width:100%}.footer-content{gap:28px;grid-template-columns:1fr!important;margin-bottom:28px;width:100%}.footer-column{min-width:0;width:100%}.footer-column,.footer-column:first-child{align-items:center;text-align:center}.footer-logo{justify-content:center}.footer-description{margin-left:auto;margin-right:auto;max-width:28rem;text-align:center}.footer-title{text-align:center}.footer-title:after{left:50%;transform:translateX(-50%)}.footer-links{align-items:center}.footer-links li{text-align:center}.footer-links li a:hover{transform:none}.footer-contact{align-items:center}.footer-contact li,.footer-social{justify-content:center}.footer-copyright{text-align:center}}.login-container{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2c2c2c);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.bg-decoration{border-radius:50%;filter:blur(60px);pointer-events:none;position:absolute}.bg-1{background:radial-gradient(circle,#e639464d 0,#0000 70%);height:400px;left:-100px;top:-100px;width:400px}.bg-2{background:radial-gradient(circle,#e6394633 0,#0000 70%);bottom:-150px;height:500px;right:-150px;width:500px}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2c2c2cf2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0006;max-width:440px;padding:48px 40px;position:relative;width:100%;z-index:1}.login-logo{margin-bottom:32px;text-align:center}.login-title{color:#fff;font-size:28px;font-weight:600;margin-bottom:8px;text-align:center}.login-subtitle{color:#999;font-size:14px;line-height:1.5;margin-bottom:32px;text-align:center}.login-form{display:flex;flex-direction:column;gap:24px}.form-label{font-size:13px;margin-bottom:4px}.form-input{background-color:#ffffff0d;outline:none}.form-input:focus{background-color:#ffffff14}.error-message{background-color:#e639461a;border:1px solid #e639464d;color:#ff6b6b;padding:12px 16px;text-align:center}.login-button{align-items:center;background:linear-gradient(135deg,#e63946,#c1121f);border:none;border-radius:8px;box-shadow:0 4px 12px #e639464d;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:14px 24px;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 6px 16px #e6394666}.login-button:active:not(:disabled){box-shadow:0 2px 8px #e639464d}.login-button:disabled{cursor:not-allowed;opacity:.7}.loading-spinner{display:inline-block;font-size:18px}.login-footer{margin-top:32px;text-align:center}.footer-text,.link-button{font-size:13px}.link-button{font-family:Inter,sans-serif}@media (max-width:480px){.login-card{padding:32px 24px}.login-title{font-size:24px}.logo-text{font-size:28px}}.signup-container{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2c2c2c);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.signup-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:0}.gradient-orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.3;position:absolute}.orb-1{animation-delay:0s;background:radial-gradient(circle,#e63946 0,#0000 70%);height:400px;left:-200px;top:-200px;width:400px}.orb-2{animation-delay:5s;background:radial-gradient(circle,#c1121f 0,#0000 70%);bottom:-150px;height:300px;right:-150px;width:300px}.orb-3{animation-delay:10s;background:radial-gradient(circle,#e6394680 0,#0000 70%);height:250px;left:50%;top:50%;transform:translate(-50%,-50%);width:250px}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.signup-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2c2c2cf2;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 60px #00000080;max-width:520px;padding:48px;position:relative;width:100%;z-index:1}.signup-logo{margin-bottom:32px;text-align:center}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e63946);-webkit-background-clip:text;background-clip:text;font-size:32px}.signup-title{color:#fff;font-size:32px;font-weight:700;margin-bottom:8px;text-align:center}.signup-subtitle{color:#ccc;font-size:16px;margin-bottom:32px;text-align:center}.signup-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px}.form-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-family:Inter,sans-serif;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.form-input:focus{background:#ffffff14;border-color:#e63946;box-shadow:0 0 0 3px #e639461a;outline:none}.form-input::placeholder{color:#666}.form-input.error{background:#e639461a;border-color:#e63946}.error-message{font-size:13px;margin-top:-4px}.submit-error{background:#e639461a;border:1px solid #e639464d;border-radius:8px;margin-top:8px;padding:12px;text-align:center}.signup-button{background:linear-gradient(135deg,#e63946,#c1121f);border:none;border-radius:8px;box-shadow:0 4px 12px #e639464d;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:600;margin-top:8px;padding:16px;transition:all .3s ease;width:100%}.signup-button:hover:not(:disabled){box-shadow:0 6px 20px #e6394666;transform:translateY(-1px)}.signup-button:disabled{cursor:not-allowed;opacity:.6}.signup-footer{margin-top:24px;text-align:center}.footer-text{color:#ccc;font-size:14px}.link-button{background:none;border:none;color:#e63946;cursor:pointer;font-size:14px;font-weight:600;padding:0;text-decoration:underline;transition:color .3s ease}.link-button:hover{color:#c1121f}@media (max-width:768px){.signup-card{padding:32px 24px}.form-row{grid-template-columns:1fr}.signup-title{font-size:28px}}.sidebar{background:linear-gradient(180deg,#1a1a1a,#2c2c2c);border-right:1px solid #ffffff14;box-shadow:4px 0 24px #0000004d;display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:100}.sidebar.collapsed{width:80px}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0003;border-radius:4px}.sidebar::-webkit-scrollbar-thumb{background:#e639464d;background-clip:padding-box;border:2px solid #0000;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.sidebar::-webkit-scrollbar-thumb:hover{background:#e6394680;background-clip:padding-box}.sidebar::-webkit-scrollbar-thumb:active{background:#e63946b3;background-clip:padding-box}.sidebar{scrollbar-color:#e639464d #0003;scrollbar-width:thin}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px 20px;position:relative}.sidebar.collapsed .sidebar-header{justify-content:center;padding:24px 16px}.sidebar-toggle{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:20px;transition:all .2s ease;width:32px;z-index:10}.sidebar.collapsed .sidebar-toggle{margin:0 auto;position:relative;right:0;top:0}.sidebar-toggle:hover{background:#e6394633;border-color:#e639464d;color:#e63946}.sidebar-logo{cursor:pointer;transition:all .3s ease}.logo-text{color:#fff;display:block;font-size:24px;font-weight:700;letter-spacing:-.5px;margin-bottom:4px}.logo-subtitle{color:#e63946;font-size:12px;font-weight:500;letter-spacing:1px;text-transform:uppercase}.sidebar-nav{flex:1 1;overflow-y:auto;padding:16px 0}.menu-item-wrapper{margin-bottom:4px}.menu-item{align-items:center;border-left:3px solid #0000;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:space-between;margin:2px 8px;padding:14px 20px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.menu-item:hover{background-color:#e639461a}.menu-item.active{background:linear-gradient(90deg,#e6394626,#e639460d);border-left-color:#e63946;box-shadow:0 2px 8px #e639461a}.menu-item-content{flex:1 1;gap:12px}.menu-icon,.menu-item-content{align-items:center;display:flex}.menu-icon{color:#999;font-size:18px;height:24px;justify-content:center;transition:color .2s ease;width:24px}.menu-item.active .menu-icon,.menu-item:hover .menu-icon{color:#e63946}.menu-title{font-size:14px;font-weight:500}.menu-arrow{align-items:center;color:#999;display:flex;font-size:14px;justify-content:center;transition:transform .2s ease,color .2s ease}.menu-item:hover .menu-arrow{color:#e63946}.submenu{background-color:#0003;overflow:hidden}.submenu-content{padding:8px 0}.menu-item-wrapper.level-1 .menu-item{font-size:13px;padding-left:48px}.menu-item-wrapper.level-1 .menu-item.active{background-color:#e6394633}.menu-item-wrapper.level-2 .menu-item{font-size:13px;padding-left:72px}.menu-item-wrapper.level-2 .menu-item.active{background-color:#e6394640}.sidebar-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding:20px}.footer-info{text-align:center}.footer-text{color:#999;font-size:12px;margin-bottom:4px}.footer-copyright{color:#666;font-size:11px}.collapsed-menu{display:flex;flex-direction:column;gap:8px;padding:16px 8px}.collapsed-menu-item{align-items:center;border-radius:8px;color:#999;cursor:pointer;display:flex;height:48px;justify-content:center;margin:0 auto;transition:all .2s ease;width:48px}.collapsed-menu-item:hover{background-color:#e639461a;color:#e63946}.sidebar.collapsed .sidebar-logo{justify-content:center}.sidebar.collapsed .logo-subtitle,.sidebar.collapsed .logo-text{display:none}@media (max-width:768px){.sidebar{box-shadow:4px 0 24px #00000080;height:100vh;left:-100%;position:fixed;top:0;transition:left .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}.sidebar.mobile-open{left:0}.sidebar.collapsed{left:-100%;width:280px}.sidebar.collapsed.mobile-open{left:0}.dashboard-main,.dashboard.sidebar-collapsed .dashboard-main{margin-left:0!important}.sidebar-toggle{display:block}}@media (max-width:480px){.sidebar{width:100%}.sidebar-header{padding:20px 16px}.menu-item{margin:2px 4px;padding:12px 16px}.menu-item-wrapper.level-1 .menu-item{padding-left:40px}.menu-item-wrapper.level-2 .menu-item{padding-left:60px}.collapsed-menu-item{height:44px;width:44px}}.profile-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}.profile-modal-panel{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.profile-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.profile-modal-header h2{color:#fffffff2;font-size:18px;font-weight:600;margin:0}.profile-modal-close{background:#0000;border:none;border-radius:6px;color:#fff9;cursor:pointer;line-height:0;padding:8px;transition:background .2s ease,color .2s ease}.profile-modal-close:hover{background:#ffffff1a;color:#fffffff2}.profile-modal-body{padding:24px}.profile-modal-banner{background:#e639461f;border:1px solid #e6394659;border-radius:8px;color:#ffc8c8f2;font-size:13px;line-height:1.45;margin-bottom:20px;padding:12px 14px}.profile-modal-field{margin-bottom:18px}.profile-modal-field label{color:#ffffffbf;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.profile-modal-field input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;box-sizing:border-box;color:#ffffffeb;font-family:inherit;font-size:14px;outline:none;padding:10px 14px;width:100%}.profile-modal-field input:focus{border-color:#e6394680}.profile-modal-field input.profile-modal-readonly,.profile-modal-field input:disabled{background:#0003;cursor:default;opacity:.85}.profile-modal-section-title{border-top:1px solid #ffffff14;color:#ffffff8c;font-size:11px;font-weight:600;letter-spacing:.06em;margin:24px 0 12px;padding-top:8px;text-transform:uppercase}.profile-modal-error{background:#b4282833;border:1px solid #dc505059;border-radius:8px;color:#ffb4b4}.profile-modal-error,.profile-modal-success{font-size:13px;margin-bottom:14px;padding:10px 12px}.profile-modal-success{background:#28784633;border:1px solid #50b46459;border-radius:8px;color:#b8f0c8}.profile-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px;padding-top:8px}.profile-modal-btn{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:10px 18px;transition:background .2s ease,opacity .2s ease}.profile-modal-btn:disabled{cursor:not-allowed;opacity:.55}.profile-modal-btn-secondary{background:#ffffff14;border:1px solid #ffffff1f;color:#ffffffd9}.profile-modal-btn-secondary:hover:not(:disabled){background:#ffffff1f}.profile-modal-btn-primary{background:#e63946;color:#fff}.profile-modal-btn-primary:hover:not(:disabled){background:#d62f3c}.profile-modal-loading{color:#ffffff80;font-size:14px;padding:32px 16px;text-align:center}.dashboard-header{background-color:#2c2c2c;transition:width .3s cubic-bezier(.4,0,.2,1);width:100%}.dashboard-header-top-bar{background-color:#2c2c2c;padding:16px 24px}.dashboard-header-top{align-items:center;display:flex;justify-content:space-between;max-width:100%}.dashboard-header-left{align-items:center;display:flex;gap:12px}.mobile-menu-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fff;cursor:pointer;display:none;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.mobile-menu-button:hover{background:#e6394633;border-color:#e639464d;color:#e63946}.dashboard-logo{align-items:center;display:flex}.dashboard-logo-text{color:#fff;font-size:20px;font-weight:600;letter-spacing:-.5px}.dashboard-header-right{gap:16px}.dashboard-header-right,.subscription-badge,.subscription-badge-container{align-items:center;display:flex}.subscription-badge{border-radius:6px;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.subscription-badge.active{background:#28a74526;border:1px solid #28a7454d;color:#28a745}.subscription-badge.warning{background:#ffc10726;border:1px solid #ffc1074d;color:#ffc107}.subscription-badge.expired{background:#dc354526;border:1px solid #dc35454d;color:#dc3545}.subscription-badge span{align-items:center;display:flex;gap:4px}.dashboard-user-section{position:relative}.dashboard-user-info{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;flex-direction:row;gap:8px;padding:4px 8px;transition:background-color .2s ease}.dashboard-user-info:hover{background-color:#ffffff0d}.dashboard-user-info-content{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.dashboard-user-name{align-self:flex-start}.dashboard-user-name,.dashboard-user-org{color:#fff;font-size:13px;line-height:1.2}.dashboard-user-org{align-self:flex-end}.dashboard-dropdown-arrow{color:#fff;font-size:14px;font-weight:500;margin-left:4px}.dashboard-header-divider-line{background-color:#e63946;height:2px;width:100%}.dashboard-user-dropdown{animation:slideDown .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#2c2c2cf2,#282828f2);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 24px #0006;min-width:200px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.dashboard-dropdown-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.dashboard-dropdown-item:hover{background:#ffffff1a}.dashboard-dropdown-item.logout-item{border-top:1px solid #ffffff1a;color:#e63946;margin-top:4px;padding-top:12px}.dashboard-dropdown-item.logout-item:hover{background:#e639461a;color:#c1121f}@media (max-width:768px){.dashboard-header-top-bar{padding:12px 16px}.dashboard-header-top{align-items:center;flex-direction:row;gap:12px}.mobile-menu-button{display:flex}.dashboard-header-left{flex:1 1}.dashboard-logo-text{font-size:18px}.dashboard-header-right{flex-shrink:0;gap:8px}.subscription-badge{font-size:11px;padding:4px 8px}.subscription-badge span{font-size:11px}.dashboard-user-info{padding:4px 6px}.dashboard-user-info-content{gap:0}.dashboard-user-name{font-size:11px}.dashboard-user-name,.dashboard-user-org{line-height:1.3;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-user-org{font-size:10px}.dashboard-dropdown-arrow{font-size:12px;margin-left:2px}.dashboard-user-dropdown{min-width:160px;right:0}.dashboard-dropdown-item{font-size:13px;padding:10px 12px}}@media (max-width:480px){.dashboard-header-top-bar{padding:10px 12px}.dashboard-logo-text{font-size:16px}.dashboard-user-name{font-size:10px;max-width:100px}.dashboard-user-org{font-size:9px;max-width:100px}.dashboard-user-dropdown{min-width:140px}.dashboard-dropdown-item{font-size:12px;padding:8px 10px}}.tutorial-overlay{height:100%;left:0;pointer-events:all;position:fixed;top:0;width:100%;z-index:9999}.tutorial-blur-svg{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.tutorial-highlight{border:3px solid #e63946;border-radius:8px;box-shadow:0 0 0 9999px #00000080;pointer-events:none;position:absolute;transition:all .3s ease;z-index:10000}.tutorial-tooltip{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:12px;box-shadow:0 8px 32px #00000080;max-width:400px;min-width:320px;padding:0;position:absolute;z-index:10001}.tutorial-tooltip-header{align-items:center;border-bottom:1px solid #3a3a3a;display:flex;justify-content:space-between;padding:1rem 1.25rem}.tutorial-progress{align-items:baseline;color:#888;display:flex;font-size:.875rem;gap:.25rem}.tutorial-step-number{color:#e63946;font-size:1.125rem;font-weight:600}.tutorial-step-total{color:#666}.tutorial-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#888;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease}.tutorial-close-btn:hover{background:#2a2a2a;color:#fff}.tutorial-tooltip-content{padding:1.25rem}.tutorial-title{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.tutorial-description{color:#ccc;font-size:.9375rem;line-height:1.6;margin:0}.tutorial-tooltip-footer{align-items:center;border-top:1px solid #3a3a3a;display:flex;gap:.75rem;justify-content:space-between;padding:1rem 1.25rem}.tutorial-nav-buttons{display:flex;gap:.5rem;margin-left:auto}.tutorial-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .2s ease}.tutorial-btn-primary{background:#e63946;color:#fff}.tutorial-btn-primary:hover{background:#d32f3e}.tutorial-btn-secondary{background:#2a2a2a;border:1px solid #3a3a3a;color:#fff}.tutorial-btn-secondary:hover{background:#333;border-color:#444}.tutorial-btn-skip{background:#0000;color:#888;padding:.625rem .75rem}.tutorial-btn-skip:hover{background:#2a2a2a;color:#fff}.tutorial-waiting-message{background:#e639461a;border-radius:6px;color:#e63946;font-size:.875rem;font-weight:500;margin-top:.5rem;padding:.5rem .75rem;text-align:center}.tutorial-mobile-root{align-items:flex-end;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:0;pointer-events:auto;position:fixed;z-index:10050}.tutorial-mobile-backdrop{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0000008c;inset:0;position:absolute}.tutorial-mobile-sheet{background:linear-gradient(180deg,#1e1e1e,#141414);border:1px solid #ffffff14;border-bottom:none;border-radius:1.25rem 1.25rem 0 0;box-shadow:0 -8px 40px #00000073,0 0 0 1px #e639461f;display:flex;flex-direction:column;max-height:min(88vh,720px);max-width:100%;overflow:hidden;padding-bottom:max(1rem,env(safe-area-inset-bottom,0px));padding-left:max(1rem,env(safe-area-inset-left,0px));padding-right:max(1rem,env(safe-area-inset-right,0px));position:relative;width:100%}.tutorial-mobile-sheet-handle{background:#ffffff38;border-radius:999px;flex-shrink:0;height:.25rem;margin:.65rem auto .35rem;width:2.5rem}.tutorial-mobile-top{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:.35rem 0 .5rem}.tutorial-mobile-eyebrow{color:#e63946;font-size:.6875rem;font-weight:600;letter-spacing:.12em;opacity:.95;text-transform:uppercase}.tutorial-mobile-icon-close{align-items:center;background:#ffffff0f;border:none;border-radius:.75rem;color:#aaa;cursor:pointer;display:flex;justify-content:center;margin:-.35rem -.35rem 0 0;min-height:44px;min-width:44px;padding:0;touch-action:manipulation;transition:background .2s ease,color .2s ease}.tutorial-mobile-icon-close:active{background:#ffffff1f;color:#fff}.tutorial-mobile-progress-track{background:#ffffff14;border-radius:999px;flex-shrink:0;height:4px;margin-bottom:.65rem;overflow:hidden}.tutorial-mobile-progress-fill{background:linear-gradient(90deg,#c42d38,#e63946 50%,#ff5c6c);border-radius:inherit;height:100%;transition:width .35s ease}.tutorial-mobile-meta{color:#888;flex-shrink:0;font-size:.8125rem;margin-bottom:.75rem}.tutorial-mobile-meta strong{color:#ccc;font-weight:600}.tutorial-mobile-body{-webkit-overflow-scrolling:touch;flex:1 1;margin-bottom:.5rem;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:.15rem}.tutorial-mobile-title{color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0 0 .65rem}.tutorial-mobile-description{color:#c4c4c4;font-size:.9375rem;line-height:1.55;margin:0;overflow-wrap:anywhere;word-break:break-word}.tutorial-mobile-actions{display:flex;flex-direction:column;flex-shrink:0;gap:.75rem;padding-top:.25rem}.tutorial-mobile-btn-skip{align-self:center;background:#0000;border:none;color:#888;cursor:pointer;font-size:.875rem;font-weight:500;min-height:44px;padding:.5rem .75rem;touch-action:manipulation}.tutorial-mobile-btn-skip:active{color:#ccc}.tutorial-mobile-nav-row{align-items:stretch;display:flex;gap:.625rem}.tutorial-mobile-nav-spacer{flex:1 1;min-width:0}.tutorial-mobile-btn{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:inline-flex;flex:1 1;font-size:.9375rem;font-weight:600;gap:.4rem;justify-content:center;min-height:48px;padding:0 1.1rem;touch-action:manipulation;transition:transform .15s ease,opacity .15s ease}.tutorial-mobile-btn:active{transform:scale(.98)}.tutorial-mobile-btn.primary{background:linear-gradient(180deg,#e84552,#e63946 45%,#c42d38);box-shadow:0 4px 14px #e6394659;color:#fff}.tutorial-mobile-btn.secondary{background:#ffffff14;border:1px solid #ffffff1f;color:#eee;flex:0 1 auto;min-width:5.5rem}@media (prefers-reduced-motion:reduce){.tutorial-mobile-sheet{transition:none!important}.tutorial-mobile-btn,.tutorial-mobile-progress-fill{transition:none}}.dashboard{background-color:#1a1a1a;display:flex;min-height:100vh}.dashboard-main{display:flex;flex:1 1;flex-direction:column;margin-left:280px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.dashboard.sidebar-collapsed .dashboard-main{margin-left:80px}.dashboard-content{background:linear-gradient(135deg,#1a1a1a,#2c2c2c);flex:1 1;min-height:calc(100vh - 70px);padding:0}.dashboard-content-inner{padding:32px}.dashboard-welcome{align-items:flex-start;margin-bottom:32px;padding-top:16px}.dashboard-welcome>div{flex:1 1}.dashboard-welcome .create-btn{flex-shrink:0;margin-top:0}.dashboard-title{color:#fff;font-size:32px;font-weight:700;margin-bottom:8px}.dashboard-subtitle{color:#999;font-size:16px}.dashboard-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:40px}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 4px 16px #0003;cursor:pointer;gap:20px;padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{box-shadow:0 4px 20px #e6394633}.stat-icon{background:#ffffff0d;border-radius:12px;height:56px;transition:all .3s ease;width:56px}.stat-card:hover .stat-icon{background:#ffffff1a;transform:scale(1.1)}.stat-value{color:#fff;font-size:28px;font-weight:700;margin-bottom:4px}.stat-label{font-size:14px;margin-bottom:4px}.stat-change{font-size:12px;font-weight:600;margin-top:4px}.stat-label{font-size:13px}.section-title{margin-bottom:40px}.quick-actions .section-title{margin-bottom:20px}.quick-actions{margin-bottom:40px}.recent-activity .section-title{margin-bottom:20px}.actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#2c2c2ce6,#282828e6);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 4px 16px #0003;cursor:pointer;padding:32px 24px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-card:hover{border-color:#e639464d;box-shadow:0 4px 20px #e6394633}.action-icon{align-items:center;border-radius:12px;display:flex;height:64px;justify-content:center;margin:0 auto 16px;transition:all .3s ease;width:64px}.action-card:hover .action-icon{transform:scale(1.1) rotate(5deg)}.action-title{color:#fff;font-size:15px;font-weight:500}.recent-activity{margin-bottom:40px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#2c2c2ce6,#282828e6);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 2px 8px #00000026;gap:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.activity-icon,.activity-item{align-items:center;display:flex}.activity-icon{background:#e639461a;border-radius:10px;color:#e63946;height:48px;justify-content:center;transition:all .3s ease;width:48px}.activity-item:hover .activity-icon{background:#e6394633;transform:scale(1.1)}.activity-info{flex:1 1}.activity-type{color:#e63946;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.activity-name{color:#fff;font-size:14px;font-weight:500}.activity-date{color:#999;font-size:12px}.user-profile-section{margin-bottom:40px}.profile-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#2c2c2ce6,#282828e6);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 4px 16px #0003;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-card:hover{border-color:#e639464d;box-shadow:0 4px 20px #e6394633}.profile-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:24px;margin-bottom:24px;padding-bottom:24px}.profile-avatar{align-items:center;background:#e6394633;border:2px solid #e639464d;border-radius:16px;color:#e63946;display:flex;height:80px;justify-content:center;width:80px}.profile-info{flex:1 1}.profile-name{color:#fff;font-size:24px;font-weight:700;margin-bottom:8px}.profile-email{align-items:center;color:#ccc;display:flex;font-size:15px;gap:8px;margin-bottom:4px}.profile-org{color:#e63946;font-size:14px;font-weight:500;margin-top:4px}.profile-actions{display:flex;gap:12px}.profile-edit-btn,.profile-logout-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-family:Inter,sans-serif;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease}.profile-edit-btn{background:#ffffff1a;border:1px solid #fff3;color:#fff}.profile-edit-btn:hover{background:#ffffff26;border-color:#ffffff4d}.profile-logout-btn{background:linear-gradient(135deg,#e63946,#c1121f);box-shadow:0 2px 8px #e639464d;color:#fff}.profile-logout-btn:hover{box-shadow:0 4px 12px #e6394666}@media (max-width:1024px){.dashboard-content-inner{padding:24px}.dashboard-stats{gap:16px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:20px}.actions-grid{gap:12px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-main{margin-left:0!important;width:100%}.dashboard-content-inner{padding:16px}.dashboard-welcome{margin:20px 0;padding-top:8px}.dashboard-title{font-size:24px;margin-bottom:6px}.dashboard-subtitle{font-size:14px}.dashboard-stats{gap:12px;grid-template-columns:1fr;margin-bottom:24px}.stat-card{gap:16px;padding:16px}.stat-icon{height:48px;width:48px}.stat-value{font-size:24px}.stat-label{font-size:12px}.stat-change{font-size:11px}.section-title{font-size:18px;margin-bottom:16px}.quick-actions{margin-bottom:24px}.actions-grid{gap:12px;grid-template-columns:1fr}.action-card{padding:24px 20px}.action-icon{height:56px;margin-bottom:12px;width:56px}.action-title{font-size:14px}.recent-activity{margin-bottom:24px}.activity-item{flex-wrap:wrap;gap:12px;padding:16px}.activity-icon{height:40px;width:40px}.activity-info{flex:1 1;min-width:0}.activity-type{font-size:11px}.activity-name{font-size:13px}.activity-date{font-size:11px;margin-top:8px;width:100%}.profile-card{padding:20px}.profile-header{align-items:flex-start;flex-direction:column;gap:16px;padding-bottom:16px}.profile-avatar{height:64px;width:64px}.profile-name{font-size:20px}.profile-email{font-size:14px}.profile-org{font-size:13px}.profile-actions{flex-direction:column;width:100%}.profile-edit-btn,.profile-logout-btn{width:100%}}@media (max-width:480px){.dashboard-content-inner{padding:12px}.dashboard-welcome{margin:16px 0}.dashboard-title{font-size:20px}.dashboard-subtitle{font-size:13px}.dashboard-stats{gap:10px;margin-bottom:20px}.stat-card{align-items:flex-start;flex-direction:column;gap:12px;padding:14px}.stat-icon{height:44px;width:44px}.stat-value{font-size:22px}.stat-label{font-size:11px}.section-title{font-size:16px;margin-bottom:12px}.action-card{padding:20px 16px}.action-icon{height:48px;width:48px}.action-title{font-size:13px}.activity-item{padding:12px}.activity-icon{height:36px;width:36px}.activity-type{font-size:10px}.activity-name{font-size:12px}.profile-card{padding:16px}.profile-name{font-size:18px}.profile-email{font-size:13px}}.audio-content-editor-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.audio-content-editor-modal{background:#1a1a1a;border:1px solid #333;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:560px;overflow:hidden;width:90%}.audio-content-editor-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:1rem 1.25rem}.audio-content-editor-header h3{color:#fff;font-size:1.1rem;margin:0}.audio-content-editor-close{background:none;border:none;color:#888;cursor:pointer;padding:.25rem}.audio-content-editor-close:hover{color:#fff}.audio-content-editor-body{overflow-y:auto;padding:1.25rem}.audio-content-editor-loading{align-items:center;color:#888;display:flex;gap:.5rem}.audio-content-editor-error{background:#ef444433;border-radius:8px;color:#ef4444;cursor:pointer;margin-bottom:1rem;padding:.75rem}.audio-content-editor-group{margin-bottom:1.5rem}.audio-content-editor-group:last-child{margin-bottom:0}.audio-content-editor-group label{color:#aaa;display:block;font-size:.9rem;margin-bottom:.5rem}.audio-content-editor-group textarea{background:#0f0f0f;border:1px solid #333;border-radius:6px;color:#fff;font-size:.95rem;margin-bottom:.75rem;padding:.6rem .75rem;resize:vertical;width:100%}.audio-content-editor-langs{display:flex;gap:.75rem;margin-bottom:.75rem}.audio-content-editor-langs select{background:#0f0f0f;border:1px solid #333;border-radius:6px;color:#fff;flex:1 1;font-size:.9rem;padding:.5rem .75rem}.audio-content-editor-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;margin-bottom:.5rem;margin-right:.5rem;padding:.5rem 1rem}.audio-content-editor-btn:disabled{cursor:not-allowed;opacity:.6}.audio-content-editor-btn-secondary{background:#ffffff1a;color:#fff}.audio-content-editor-btn-secondary:hover:not(:disabled){background:#ffffff26}.audio-content-editor-btn-generate{background:#e63946;color:#fff}.audio-content-editor-btn-generate:hover:not(:disabled){background:#d62839}.audio-content-editor-btn-save{background:#22c55e;color:#fff}.audio-content-editor-btn-save:hover:not(:disabled){background:#16a34a}.audio-content-editor-translations{margin:1rem 0}.audio-content-editor-trans-item{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.audio-content-editor-trans-num{color:#888;min-width:1.5rem}.audio-content-editor-trans-item input{background:#0f0f0f;border:1px solid #333;border-radius:6px;color:#fff;flex:1 1;font-size:.9rem;padding:.5rem .75rem}.upload-btn{align-items:center;background:#e63946;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-left:auto;padding:.75rem 1.5rem;transition:all .3s ease}.upload-btn:hover{background:#d62839}.material-management .dashboard-welcome{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.material-tabs{-webkit-overflow-scrolling:touch;border-bottom:2px solid #333;display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto}.tab-button{align-items:center;color:#888;display:flex;gap:.5rem}.tab-button:hover{background:#ffffff0d;color:#fff}.segments-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-top:1rem}.segment-card{background:#1a1a1a;border:1px solid #333}.segment-card-header{margin-bottom:1rem}.segment-name{font-size:1.2rem}.segment-meta{color:#888;font-size:.85rem}.segment-category,.segment-number{background:#e639461a;border-radius:4px;color:#e63946;padding:.25rem .5rem}.segment-status{border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.segment-status.active{background:#28a74533;color:#4ade80}.segment-status.inactive{background:#ffc10733;color:#ffc107}.segment-description{margin-bottom:1rem}.segment-audios{background:#0f0f0f;border-radius:8px;margin:1.5rem 0;padding:1rem}.segment-audios-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.segment-audios-header h4{color:#fff;font-size:1rem;margin:0}.add-audio-btn{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.add-audio-btn:hover{background:#222;border-color:#e63946}.segment-audios-list{display:flex;flex-direction:column;gap:.5rem}.segment-audio-item{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:6px;display:flex;gap:.75rem;padding:.75rem}.audio-order{color:#e63946;font-weight:600;min-width:24px}.audio-name{flex:1 1;font-size:.9rem}.audio-actions{display:flex;gap:.5rem}.action-btn-small{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.25rem .5rem;transition:all .2s ease}.action-btn-small:hover{background:#222}.action-btn-small.delete-btn:hover{background:#e6394633;border-color:#e63946}.no-audios{color:#888;font-size:.9rem;padding:1rem;text-align:center}.segment-actions{border-top:1px solid #333;display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.audio-selection-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.audio-selection-item{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.audio-selection-item:hover:not(.disabled){background:#222;border-color:#e63946}.audio-selection-item.disabled{cursor:not-allowed;opacity:.5}.audio-selection-info{align-items:center;display:flex;flex:1 1;gap:1rem}.audio-selection-name{color:#fff;font-weight:500;margin-bottom:.25rem}.audio-selection-meta{color:#888;font-size:.85rem}.already-added{color:#28a745;font-size:.85rem;font-weight:500}.selected-files-list{background:#0f0f0f;border:1px solid #333;border-radius:8px;margin-top:1rem;padding:1rem}.selected-file-item{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.selected-file-item:last-child{margin-bottom:0}.selected-file-info{align-items:center;display:flex;flex:1 1;gap:.75rem}.selected-file-name{color:#fff;font-size:.9rem;font-weight:500;margin-bottom:.25rem}.selected-file-size{color:#888;font-size:.85rem}.remove-file-btn{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.remove-file-btn:hover:not(:disabled){background:#e6394633;border-color:#e63946}.remove-file-btn:disabled{cursor:not-allowed;opacity:.5}.add-existing-btn{background:#e63946;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.add-existing-btn:hover:not(:disabled){background:#d62839}.add-existing-btn:disabled{cursor:not-allowed;opacity:.5}.edit-content-btn{background:#e6394633;border:1px solid #e6394680;border-radius:6px;color:#e63946;cursor:pointer;font-size:.85rem;margin-right:.5rem;padding:.35rem .75rem}.edit-content-btn:hover{background:#e639464d;color:#fff}.segments-list-container{display:flex;gap:2rem;height:calc(100vh - 400px);margin-top:2rem;min-height:500px}.segments-sidebar{background:#1a1a1a;border:1px solid #333;border-radius:12px;box-sizing:border-box;flex-shrink:0;max-width:320px;min-width:320px;overflow-x:hidden;overflow-y:auto;padding:1rem;width:320px}.segments-sidebar h3{margin:0 0 1rem;padding:0}.segments-sidebar::-webkit-scrollbar{width:6px}.segments-sidebar::-webkit-scrollbar-track{background:#0003;border-radius:4px}.segments-sidebar::-webkit-scrollbar-thumb{background:#e639464d;background-clip:padding-box;border:2px solid #0000;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.segments-sidebar::-webkit-scrollbar-thumb:hover{background:#e6394680;background-clip:padding-box}.segments-sidebar::-webkit-scrollbar-thumb:active{background:#e63946b3;background-clip:padding-box}.segments-sidebar{scrollbar-color:#e639464d #0003;scrollbar-width:thin}.segments-list{display:flex;flex-direction:column;gap:.5rem;padding:0}.segment-item,.segments-list{box-sizing:border-box;margin:0;width:100%}.segment-item{background:#0f0f0f;border:1px solid #333;border-radius:8px;cursor:pointer;overflow:hidden;padding:.75rem;transition:all .2s ease}.segment-item:hover{background:#222;border-color:#444}.segment-item.selected{background:#e639461a;border-color:#e63946}.segment-item-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;padding:0;width:100%}.segment-item-header,.segment-item-title{box-sizing:border-box;margin:0;min-width:0;overflow:hidden}.segment-item-title{color:#fff;flex:1 1;font-size:.95rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.segment-item-count{box-sizing:border-box;color:#888;flex:0 0 auto;flex-shrink:0;font-size:.8rem;white-space:nowrap}.segment-item-category{background:#e639461a;border-radius:4px;color:#e63946;display:inline-block;font-size:.75rem;margin-top:.5rem;padding:.25rem .5rem}.empty-segments{padding:2rem;text-align:center}.segment-materials-content{background:#1a1a1a;border:1px solid #333;border-radius:12px;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:2rem}.segment-materials-content::-webkit-scrollbar{width:6px}.segment-materials-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.segment-materials-content::-webkit-scrollbar-thumb{background:#e639464d;background-clip:padding-box;border:2px solid #0000;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.segment-materials-content::-webkit-scrollbar-thumb:hover{background:#e6394680;background-clip:padding-box}.segment-materials-content::-webkit-scrollbar-thumb:active{background:#e63946b3;background-clip:padding-box}.segment-materials-content{scrollbar-color:#e639464d #0003;scrollbar-width:thin}.empty-selection{align-items:center;color:#888;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center}.empty-selection p{font-size:1.1rem;margin:0}.segment-header{align-items:center;border-bottom:1px solid #333;margin-bottom:2rem;padding-bottom:1rem}.segment-header h2{color:#fff;font-size:1.5rem;margin:0}.segment-materials-count{color:#888;font-size:.9rem}.materials-grid{grid-gap:1rem!important;display:grid!important;gap:1rem!important;grid-template-columns:repeat(5,1fr)!important}@media (max-width:1600px){.materials-grid{grid-template-columns:repeat(4,1fr)!important}}@media (max-width:1200px){.materials-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:768px){.materials-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:480px){.materials-grid{grid-template-columns:1fr!important}}.material-card{background:#0f0f0f;border:1px solid #333;border-radius:8px;display:flex;flex-direction:column;min-height:140px;padding:.75rem;transition:all .3s ease}.material-card:hover{background:#151515;border-color:#e63946}.material-card-header{flex:1 1;gap:.5rem;margin-bottom:.75rem}.material-icon{color:#e63946;flex-shrink:0;margin-top:.125rem}.material-info{min-width:0}.material-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.85rem;line-height:1.3;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis}.material-meta{flex-direction:column;font-size:.75rem;gap:.25rem}.material-meta>span:first-child{color:#aaa}.material-category{background:#e639461a;border-radius:4px;color:#e63946;display:inline-block;font-size:.7rem;margin-top:.25rem;padding:.2rem .4rem;width:-webkit-fit-content;width:fit-content}.material-actions{align-items:center;border-top:1px solid #333;justify-content:space-between;margin-top:auto;padding-top:.75rem}.play-btn{background:#e63946;border:none;border-radius:6px;color:#fff;height:36px;min-width:36px;padding:.5rem}.play-btn:hover{background:#d62839;transform:scale(1.05)}.material-status{border-radius:4px;font-size:.7rem;font-weight:500;padding:.35rem .5rem;white-space:nowrap}.search-box{background:#0f0f0f;border:1px solid #333;max-width:400px;width:100%}.upload-btn-small{background:#e63946;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:1rem;padding:.5rem 1rem}.alert{animation:slideDown .3s ease;border-radius:8px;cursor:pointer;margin-bottom:1.5rem;padding:1rem}.alert-error{background:#e6394633;border:1px solid #e63946;color:#ff6b7a}.alert-success{background:#28a74533;border:1px solid #28a745;color:#4ade80}.material-filters{background:#1a1a1a;border:1px solid #333;border-radius:12px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.5rem}.filter-group{flex:1 1;min-width:200px}.filter-icon{color:#888}.filter-input,.filter-select{background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#fff;flex:1 1;font-size:.9rem;padding:.75rem}.filter-input:focus,.filter-select:focus{border-color:#e63946;outline:none}.refresh-btn{background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#fff;padding:.75rem}.refresh-btn:hover{background:#222}.empty-state,.loading-container{align-items:center;color:#888;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.material-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.material-info{flex:1 1}.material-name{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .5rem;word-break:break-word}.material-meta{color:#888;display:flex;font-size:.85rem;gap:1rem}.material-status{border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.material-status.active{background:#28a74533;color:#4ade80}.material-status.inactive{background:#ffc10733;color:#ffc107}.material-details{background:#0f0f0f;border-radius:8px;margin-bottom:1rem;padding:1rem}.detail-item{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem}.detail-item:last-child{margin-bottom:0}.detail-label{color:#888}.detail-value{color:#fff;font-weight:500}.material-actions{display:flex;gap:.5rem;justify-content:flex-end}.action-btn{background:#1a1a1a;border:1px solid #333;color:#fff;padding:.5rem}.action-btn:hover{background:#222;border-color:#444}.play-btn:hover{background:#28a74533;border-color:#28a745}.edit-btn:hover{background:#17a2b833;border-color:#17a2b8}.delete-btn:hover{background:#e6394633;border-color:#e63946}.save-btn:hover{background:#28a74533;border-color:#28a745}.cancel-btn:hover{background:#6c757d33;border-color:#6c757d}.edit-form{background:#0f0f0f;border:1px solid #333;border-radius:8px;margin-top:1rem;padding:1rem}.edit-form-group{margin-bottom:1rem}.edit-form-group:last-child{margin-bottom:0}.edit-form-group label{color:#888;display:block;font-size:.9rem;margin-bottom:.5rem}.edit-form-group input[type=number],.edit-form-group input[type=text]{background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#fff;font-size:.9rem;padding:.5rem;width:100%}.edit-form-group input:focus{border-color:#e63946;outline:none}.edit-form-group input[type=checkbox]{margin-right:.5rem}.file-info{background:#1a1a1a;border-radius:6px;color:#fff;gap:.5rem}.file-size{color:#888}.modal-overlay{background:#000c;padding:2rem}.modal-content{background:#1a1a1a;border:1px solid #333;border-radius:12px;width:100%}.modal-header{border-bottom:1px solid #333;padding:1.5rem}.modal-header h2{color:#fff;font-size:1.5rem}.modal-close{background:none;color:#888;padding:.5rem}.modal-close:hover{background:#222;color:#fff}.modal-close:disabled{cursor:not-allowed;opacity:.5}.modal-body{padding:1.5rem}.upload-form-group{margin-bottom:1.5rem}.upload-form-group:last-child{margin-bottom:0}.upload-form-group label{color:#fff;display:block;font-weight:500;margin-bottom:.5rem}.upload-form-group input[type=file]{background:#0f0f0f;border:1px dashed #333;border-radius:6px;color:#fff;cursor:pointer;padding:.75rem;width:100%}.upload-form-group input[type=file]:hover{border-color:#e63946}.upload-form-group input[type=number],.upload-form-group input[type=text]{background:#0f0f0f;border:1px solid #333;border-radius:6px;color:#fff;font-size:1rem;padding:.75rem;width:100%}.upload-form-group input:focus{border-color:#e63946;outline:none}.upload-form-group input:disabled{cursor:not-allowed;opacity:.5}.modal-footer{border-top:1px solid #333;padding:1.5rem}.btn-primary,.btn-secondary{align-items:center;border-radius:6px;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem}.btn-secondary{background:#1a1a1a;border:1px solid #333}.btn-secondary:hover:not(:disabled){background:#222}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.segments-list-container{flex-direction:column;height:auto;min-height:auto}.segments-sidebar{margin-bottom:1rem;max-height:300px;width:100%}.segment-materials-content{max-height:none;width:100%}.materials-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:768px){.material-filters{flex-direction:column;gap:.75rem}.filter-group{width:100%}.search-box{max-width:100%;width:100%}.dashboard-welcome{flex-direction:column;gap:1rem}.upload-btn{justify-content:center;width:100%}.material-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.material-tabs::-webkit-scrollbar{display:none}.tab-button{flex-shrink:0;font-size:.9rem;padding:.75rem 1rem}.segments-list-container{flex-direction:column;gap:1rem;height:auto;min-height:auto}.segments-sidebar{max-height:250px;padding:1rem;width:100%}.segments-sidebar h3{font-size:1rem;margin-bottom:.75rem}.segment-item{padding:.75rem}.segment-item-title{font-size:.9rem}.segment-item-count{flex-shrink:0;font-size:.75rem;white-space:nowrap}.segment-materials-content{max-height:none;padding:1rem;width:100%}.segment-header{align-items:flex-start;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem}.segment-header h2{font-size:1.2rem;line-height:1.3}.segment-materials-count{font-size:.85rem}.materials-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)!important}.material-card{min-height:120px;padding:.625rem}.material-name{-webkit-line-clamp:2;font-size:.8rem}.material-meta{font-size:.7rem}.material-category{font-size:.65rem;padding:.15rem .35rem}.play-btn{height:32px;min-width:32px;padding:.4rem}.material-status{font-size:.65rem;padding:.3rem .5rem}}.podcasts-grid{margin-top:1rem}.podcast-card{position:relative}.podcast-thumbnail img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.podcast-thumbnail-placeholder{background:#1a1a1a}.podcast-overlay{background:#00000080}.podcast-play-btn{align-items:center;background:#e63946e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:64px;justify-content:center;transition:all .3s ease;width:64px}.podcast-play-btn:hover{background:#e63946;transform:scale(1.1)}.podcast-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.podcast-duration,.podcast-size,.podcast-views{align-items:center;display:flex;gap:.25rem}.podcast-actions{border-top:1px solid #3a3a3a;display:flex;gap:.5rem;justify-content:flex-end;padding:.75rem 1rem}@media (max-width:480px){.dashboard-content-inner{padding:1rem}.dashboard-welcome{margin-bottom:1.5rem}.dashboard-title{font-size:1.25rem}.dashboard-subtitle{font-size:.85rem}.material-tabs{gap:.25rem}.tab-button{font-size:.85rem;gap:.375rem;padding:.625rem .75rem}.tab-button svg{height:16px;width:16px}.segments-sidebar{max-height:200px;padding:.75rem}.segments-sidebar h3{font-size:.9rem;margin-bottom:.5rem}.segment-item{padding:.625rem}.segment-item-header{align-items:flex-start;flex-direction:column;gap:.25rem}.segment-item-title{font-size:.85rem}.segment-item-count{flex-shrink:0;font-size:.7rem;white-space:nowrap}.segment-item-category{font-size:.65rem;margin-top:.375rem}.segment-materials-content{padding:.75rem}.segment-header h2{font-size:1.1rem}.segment-materials-count{font-size:.8rem}.materials-grid{gap:.625rem;grid-template-columns:1fr!important}.material-card{min-height:auto;padding:.75rem}.material-card-header{gap:.5rem;margin-bottom:.625rem}.material-icon{margin-top:0}.material-name{-webkit-line-clamp:2;font-size:.85rem}.material-meta{font-size:.7rem;gap:.5rem}.material-actions{gap:.5rem;padding-top:.625rem}.play-btn{height:36px;min-width:36px}.empty-selection{padding:2rem 1rem}.empty-selection svg{height:40px;width:40px}.empty-selection p{font-size:.95rem}.empty-segments{padding:1.5rem 1rem}.empty-segments p{font-size:.85rem}}@media (max-width:360px){.dashboard-content-inner{padding:.75rem}.material-tabs{gap:.25rem}.tab-button{font-size:.8rem;padding:.5rem .625rem}.material-card,.segment-materials-content,.segments-sidebar{padding:.625rem}.material-name{font-size:.8rem}}.categories-section,.dialogues-section,.topics-section{margin-top:2rem}.section-title{border-bottom:2px solid #333;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.75rem}.categories-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:3rem}.category-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:1.5rem;transition:all .3s ease}.category-card:hover{border-color:#e63946;box-shadow:0 4px 12px #0003;transform:translateY(-3px)}.category-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.category-name{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.category-dialogues-count,.category-topics-count{background:#e6394633;border-radius:6px;color:#e63946;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.category-description{color:#aaa;font-size:.9rem;line-height:1.5;margin:0 0 1rem}.category-meta{align-items:center;border-top:1px solid #333;display:flex;gap:1rem;margin-bottom:1rem;padding-top:1rem}.category-status{border-radius:6px;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.category-status.active{background:#28a74533;color:#28a745}.category-status.inactive{background:#6c757d33;color:#6c757d}.category-actions{display:flex;gap:.5rem}.empty-state-small{color:#888;font-size:.95rem;padding:2rem;text-align:center}.filter-select{background:#0f0f0f;border:1px solid #333;border-radius:6px;color:#fff;padding:.75rem;transition:all .3s ease;width:100%}.filter-select:hover{border-color:#4a4a4a}.filter-select:focus{outline:none}.filter-select option{background:#1a1a1a;color:#fff}.filter-item{display:flex;flex-direction:column;gap:.5rem}.filter-item label{color:#fff;font-size:.9rem;font-weight:500}.mm-chime-card{background:linear-gradient(135deg,#e6394617,#141414f2);border:1px solid #e6394640;border-radius:12px;margin-bottom:1.25rem;padding:1.1rem 1.35rem}.mm-materials-intro{align-items:flex-start;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:space-between;margin-bottom:1.25rem;padding:1.25rem 1.4rem}.mm-materials-intro-text{flex:1 1 320px;max-width:720px}.mm-materials-intro-title{color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:.02em;margin:0 0 .5rem}.mm-materials-intro-body{color:#b8b8b8;font-size:.9rem;line-height:1.6;margin:0}.mm-materials-intro-body strong{color:#e8e8e8;font-weight:600}.mm-materials-cta{align-items:center;background:#e63946;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:.5rem;padding:.65rem 1.1rem;transition:background .2s ease,transform .15s ease;white-space:nowrap}.mm-materials-cta:hover{background:#d62839;transform:translateY(-1px)}.mm-stat-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:1.25rem}.mm-stat-card{background:#00000059;border:1px solid #333;border-radius:10px;padding:.85rem 1rem;text-align:center}.mm-stat-card-wide{grid-column:span 2}@media (max-width:520px){.mm-stat-card-wide{grid-column:span 1}}.mm-stat-value{color:#fff;display:block;font-size:1.35rem;font-weight:700;line-height:1.2}.mm-stat-label{color:#888;display:block;font-size:.72rem;letter-spacing:.06em;margin-top:.25rem;text-transform:uppercase}.mm-materials-toolbar{align-items:center;background:#ffffff08;border:1px solid #2a2a2a;border-radius:10px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;padding:.85rem 1rem}.mm-toolbar-search{flex:1 1 240px;margin:0;min-width:200px}.mm-view-toggle{background:#0f0f0f;border:1px solid #333;border-radius:8px;display:inline-flex;gap:2px;padding:3px}.mm-view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#999;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.82rem;font-weight:600;gap:.4rem;padding:.45rem .85rem;transition:color .15s ease,background .15s ease}.mm-view-toggle-btn:hover{color:#ccc}.mm-view-toggle-btn-active{background:#e6394633;color:#fff}.mm-all-files-wrap{margin-top:.25rem}.mm-all-files-banner{align-items:center;background:#ffffff0a;border:1px solid #2c2c2c;border-radius:8px;color:#aaa;display:flex;font-size:.88rem;gap:.5rem;margin-bottom:1rem;padding:.55rem .85rem}.mm-materials-grid-wide{width:100%}.mm-material-card{padding-top:.35rem;position:relative}.mm-segment-pill{background:#c9a2271f;border:1px solid #c9a22759;border-radius:6px;color:#c9a227;display:inline-block;font-size:.68rem;font-weight:600;letter-spacing:.04em;margin:0 0 .5rem;max-width:100%;overflow:hidden;padding:.2rem .55rem;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.mm-empty-library{background:#0003;border:1px dashed #333;border-radius:12px;color:#888;padding:3rem 1.5rem;text-align:center}.mm-empty-library p{color:#bbb;font-size:1rem;margin:.75rem 0 0}.mm-empty-hint{color:#777!important;font-size:.88rem!important;margin-left:auto!important;margin-right:auto!important;max-width:420px}.mm-empty-selection-sub{color:#777!important;font-size:.85rem!important;margin-left:auto;margin-right:auto;margin-top:.75rem!important;max-width:360px}.mm-segments-sidebar-title{color:#fff;font-size:1.05rem;font-weight:700;margin:0 0 .35rem;padding:0}.mm-segments-sidebar-hint{color:#666;font-size:.78rem;line-height:1.45;margin:0 0 1rem}.podcast-player-container{max-width:100%;padding:2rem;width:100%}.back-button{border:1px solid #3a3a3a;font-size:.9rem;transition:all .3s ease}.back-button:hover{background:#2a2a2a;border-color:#e63946;color:#e63946}.video-wrapper{border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.video-container,.video-wrapper{background:#000;position:relative;width:100%}.video-container{padding-top:56.25%}.video-player{height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.buffering-indicator{color:#fff;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.buffering-indicator .spinner{animation:spin 1s linear infinite}.video-controls{background:linear-gradient(0deg,#000000e6 0,#0009 60%,#0000);bottom:0;left:0;padding:1.5rem 1.25rem;position:absolute;right:0;z-index:10}.video-controls.hidden{pointer-events:none}.progress-bar-container{cursor:pointer;height:6px;margin-bottom:1.5rem;position:relative;width:100%}.progress-bar{background:#ffffff40;border-radius:3px;height:100%;overflow:visible;position:relative;width:100%}.progress-filled{background:#e63946;border-radius:3px;height:100%;transition:width .1s linear}.progress-handle{background:#e63946;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 6px #0006;height:16px;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:16px}.progress-bar-container:hover .progress-handle{opacity:1}.controls-bar{flex-wrap:nowrap;gap:2rem;justify-content:space-between;width:100%}.controls-bar,.controls-left{align-items:center;display:flex}.controls-left{flex:1 1;gap:.5rem;min-width:0}.controls-right{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.control-btn{background:#0000;border:none;border-radius:6px;flex-shrink:0}.play-pause-btn{background:#ffffff1f;border:1.5px solid #ffffff40;border-radius:50%;flex-shrink:0;height:50px;margin-right:0;padding:0;width:50px}.play-pause-btn:hover{background:#e6394640;border-color:#e63946;color:#e63946;transform:scale(1.08)}.time-display{margin-left:0;margin-right:.25rem}.volume-control-wrapper{margin-left:.25rem;position:relative}.volume-btn-circle,.volume-control-wrapper{align-items:center;display:flex;flex-shrink:0;justify-content:center}.volume-btn-circle{background:#ffffff1f;border:1.5px solid #ffffff40;border-radius:50%;height:50px;margin-right:0;padding:0;transition:all .2s ease;width:50px}.volume-btn-circle:hover{background:#e6394640;border-color:#e63946;color:#e63946;transform:scale(1.08)}.volume-slider-popup{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;border-radius:4px;bottom:56px;box-shadow:0 4px 12px #0006;left:50%;margin-left:-50px;padding:.5rem .75rem;pointer-events:auto;position:absolute;width:100px;z-index:100}.volume-slider-popup:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #000000e6;bottom:-6px;content:"";height:0;left:50%;margin-left:-6px;position:absolute;width:0}.volume-slider-container{align-items:center;display:flex;flex-direction:column;gap:.5rem}.volume-slider-wrapper{align-items:center;display:flex;justify-content:center;width:100%}.volume-slider-horizontal{-webkit-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;cursor:pointer;height:4px;outline:none;position:relative;transition:background .2s ease;width:80px}.volume-slider-horizontal:hover{background:#fff6}.volume-slider-horizontal::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#e63946;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:12px;-webkit-transition:all .2s ease;transition:all .2s ease;width:12px}.volume-slider-horizontal::-webkit-slider-thumb:hover{box-shadow:0 2px 6px #e6394680;transform:scale(1.2)}.volume-slider-horizontal::-webkit-slider-thumb:active{transform:scale(1.1)}.volume-slider-horizontal::-moz-range-thumb{background:#e63946;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:12px;-moz-transition:all .2s ease;transition:all .2s ease;width:12px}.volume-slider-horizontal::-moz-range-thumb:hover{box-shadow:0 2px 6px #e6394680;transform:scale(1.2)}.volume-slider-horizontal::-moz-range-thumb:active{transform:scale(1.1)}.volume-value-display{font-feature-settings:"tnum";color:#fff;font-size:.7rem;font-variant-numeric:tabular-nums;font-weight:500;min-width:30px;padding:.125rem 0;text-align:center}.fullscreen-btn{border-radius:6px;flex-shrink:0;height:38px;min-width:38px;padding:0;width:38px}.fullscreen-btn:hover{background:#ffffff1f;color:#e63946}.volume-slider{background:#ffffff40;border-radius:3px;flex-shrink:0;height:5px;transition:background .2s ease;width:120px}.volume-slider:hover{background:#ffffff59}.volume-slider::-webkit-slider-thumb{border:2px solid #fff;box-shadow:0 2px 4px #0000004d;height:14px;-webkit-transition:transform .2s ease;transition:transform .2s ease;width:14px}.volume-slider::-webkit-slider-thumb:hover{box-shadow:0 2px 6px #e6394680;transform:scale(1.25)}.volume-slider::-moz-range-thumb{border:2px solid #fff;box-shadow:0 2px 4px #0000004d;height:14px;-moz-transition:transform .2s ease;transition:transform .2s ease;width:14px}.volume-slider::-moz-range-thumb:hover{box-shadow:0 2px 6px #e6394680;transform:scale(1.25)}.time-display{align-items:center;color:#fff;flex-shrink:0;font-size:.95rem;font-weight:500;gap:.375rem;min-width:90px;text-align:left;white-space:nowrap}.time-display span:first-child{color:#fff;font-weight:600}.time-display span:nth-child(2){margin:0 .125rem;opacity:.5}.time-display span:last-child{opacity:.7}.video-info{padding:1.5rem 0}.video-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.video-description{color:#aaa;font-size:1rem;line-height:1.6;margin:0 0 1rem}.video-meta{color:#888;display:flex;font-size:.9rem;gap:1.5rem}.video-date,.video-views{align-items:center;display:flex;gap:.25rem}.error-container,.loading-container{align-items:center;color:#888;display:flex;flex-direction:column;justify-content:center}.error-container p{color:#e63946;margin-bottom:1rem}.back-btn{align-items:center;background:#e63946;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.back-btn:hover{background:#c92a3a;transform:translateY(-2px)}@media (max-width:768px){.podcast-player-container{padding:1rem}.video-title{font-size:1.25rem}.video-description{font-size:.9rem}.controls-bar,.controls-left{gap:1rem}.play-pause-btn{height:44px;width:44px}.volume-control{gap:.625rem}.volume-slider{width:90px}.time-display{font-size:.85rem;min-width:75px}.fullscreen-btn,.volume-btn{height:34px;min-width:34px;width:34px}}@media (max-width:480px){.podcast-player-container{padding:.5rem}.video-title{font-size:1.1rem}.time-display{font-size:.8rem;min-width:65px}.volume-slider{width:70px}.play-pause-btn{height:40px;width:40px}}.lab-tab{padding:1rem 0}.lab-alert{border-radius:8px;cursor:pointer;margin-bottom:1rem;padding:.75rem 1rem}.lab-alert-error{background:#ef444433;border:1px solid #ef444466;color:#ef4444}.lab-alert-success{background:#22c55e33;border:1px solid #22c55e66;color:#22c55e}.lab-output-type,.lab-voice-select{margin-bottom:1.5rem}.lab-output-type label,.lab-voice-select label{color:#888;display:block;font-size:.9rem;margin-bottom:.5rem}.lab-radio-group{display:flex;gap:.5rem}.lab-radio-btn{background:#ffffff0d;border:1px solid #333;border-radius:6px;color:#ccc;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.lab-radio-btn:hover{background:#ffffff14;color:#fff}.lab-radio-btn.active{background:#e6394633;border-color:#e63946;color:#e63946}.lab-voice-select{align-items:center;display:flex;gap:.75rem}.lab-voice-select select{background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#fff;flex:1 1;font-size:.95rem;max-width:280px;padding:.5rem .75rem}.lab-refresh-btn{background:#ffffff0d;border:1px solid #333;border-radius:6px;color:#ccc;cursor:pointer;padding:.5rem}.lab-refresh-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.lab-dialogue-form,.lab-segment-form{background:#0003;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.lab-dialogue-form h3,.lab-segment-form h3{color:#fff;font-size:1.1rem;margin-bottom:1rem}.lab-form-group{margin-bottom:1rem}.lab-form-group label{color:#aaa;display:block;font-size:.9rem;margin-bottom:.35rem}.lab-form-group input,.lab-form-group textarea{background:#0f0f0f;border:1px solid #333;border-radius:6px;color:#fff;font-size:.95rem;padding:.6rem .75rem;width:100%}.lab-form-group input:focus,.lab-form-group textarea:focus{border-color:#e63946;outline:none}.lab-actions{margin-top:1rem}.lab-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s}.lab-btn:disabled{cursor:not-allowed;opacity:.5}.lab-btn-generate{background:#e63946;color:#fff}.lab-btn-generate:hover:not(:disabled){background:#d62839}.lab-btn-save{background:#22c55e;color:#fff}.lab-btn-save:hover:not(:disabled){background:#16a34a}.lab-btn-add{background:#ffffff1a;border:1px dashed #444;color:#fff;margin-bottom:1rem}.lab-btn-add:hover{background:#ffffff26}.lab-btn-sm{font-size:.85rem;padding:.4rem .8rem}.lab-preview-block{border-top:1px solid #333;margin-top:1.5rem;padding-top:1.5rem}.lab-preview-block h4{color:#fff;font-size:1rem;margin-bottom:.75rem}.lab-preview-block audio{margin-bottom:1rem;width:100%}.lab-preview-actions{align-items:center;display:flex;gap:.75rem}.lab-preview-actions input{background:#0f0f0f;border:1px solid #333;border-radius:6px;color:#fff;flex:1 1;padding:.5rem .75rem}.lab-dialogue-entries{display:flex;flex-direction:column;gap:1rem}.lab-dialogue-entry{background:#0000004d;border:1px solid #333;border-radius:8px;padding:1rem}.lab-entry-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.lab-entry-lang{color:#e63946;font-size:.75rem;font-weight:600;text-transform:uppercase}.lab-remove-btn{background:#0000;border:none;color:#888;cursor:pointer;padding:.25rem}.lab-remove-btn:hover{color:#ef4444}.lab-dialogue-entry textarea{background:#0f0f0f;border:1px solid #333;border-radius:6px;color:#fff;font-size:.9rem;margin-bottom:.75rem;padding:.5rem .75rem;resize:vertical;width:100%}.lab-entry-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.lab-entry-actions audio{height:32px;max-width:200px}.lab-dialogue-add-block{border-top:1px solid #333;margin-top:1.5rem;padding-top:1.5rem}.lab-dialogue-add-block h4{color:#fff;font-size:1rem;margin-bottom:.5rem}.lab-dialogue-hint{color:#888;font-size:.9rem;margin-bottom:1rem}.lab-form-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.lab-form-row .lab-form-group{flex:1 1;margin-bottom:0;min-width:160px}.lab-form-row select{background:#0f0f0f;border:1px solid #333;border-radius:6px;color:#fff;font-size:.95rem;padding:.6rem .75rem;width:100%}.lab-btn-full{justify-content:center;width:100%}.lab-items-section{border-top:1px solid #333;margin-top:2rem;padding-top:2rem}.lab-items-section h3{color:#fff;font-size:1.1rem;margin-bottom:.5rem}.lab-items-hint{color:#888;font-size:.9rem;margin-bottom:1rem}.lab-empty{color:#666;font-style:italic}.lab-items-list{display:flex;flex-wrap:wrap;gap:.5rem}.lab-item-card{align-items:center;background:#ffffff0d;border:1px solid #333;border-radius:6px;color:#ccc;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem .75rem}.lab-item-card .lab-item-edit-content{align-items:center;background:#e6394633;border:1px solid #e6394680;border-radius:4px;color:#e63946;cursor:pointer;display:flex;font-size:.8rem;gap:.25rem;margin-left:auto;padding:.25rem .5rem}.lab-item-card .lab-item-edit-content:hover{background:#e639464d;color:#fff}.spinner{animation:spin .8s linear infinite}.subscriptions-table{background:#ffffff0d;border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.subscriptions-table thead{background:#ffffff0d}.subscriptions-table th{border-bottom:1px solid #ffffff1a;color:#fffc;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.subscriptions-table td{border-bottom:1px solid #ffffff0d;border-top:1px solid #ffffff1a;color:#ffffffe6;font-size:.8rem;padding:.75rem 1rem}.subscriptions-table td div,.subscriptions-table td input,.subscriptions-table td span{font-size:.8rem}.subscriptions-table tbody tr{transition:background-color .2s ease}.subscriptions-table tbody tr:hover{background:#ffffff0d}.subscriptions-table tbody tr.editing{background:#e6394626}.days-remaining{color:#fffc;font-size:.8rem;font-weight:500}.days-remaining.warning{color:#ff6b6b;font-weight:600}.status-badge.active{background:#2ed57333;color:#2ed573}.status-badge.expired{background:#ff6b6b33;color:#ff6b6b}.notes-cell{font-size:.8rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-buttons{display:flex;gap:8px}.action-btn{align-items:center;background:#ffffff1a;color:#fffc;display:flex;justify-content:center;padding:8px}.action-btn:hover{background:#fff3;transform:translateY(-2px)}.action-btn.edit{color:#4dabf7}.action-btn.edit:hover{background:#4dabf733}.action-btn.delete{color:#ff6b6b}.action-btn.delete:hover{background:#ff6b6b33}.action-btn.save{color:#2ed573}.action-btn.save:hover{background:#2ed57333}.action-btn.cancel{color:#fff9}.action-btn:disabled{cursor:not-allowed;opacity:.5}.create-btn{align-items:center;background:#e63946;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.create-btn:hover{background:#d62839;box-shadow:0 4px 12px #e639464d;transform:translateY(-2px)}.filters-section{align-items:center;display:flex;gap:16px;margin-bottom:24px}.search-box{background:#ffffff0d;border:1px solid #ffffff1a;flex:1 1;gap:12px;padding:12px 16px}.search-box input{color:#ffffffe6;font-size:14px}.search-box input::placeholder{color:#ffffff80}.filter-group select{color:#ffffffe6;font-size:14px;outline:none;padding:12px 16px}.filter-group select,.refresh-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer}.refresh-btn{align-items:center;color:#fffc;display:flex;justify-content:center;padding:12px;transition:all .2s ease}.refresh-btn:hover{background:#ffffff1a;transform:rotate(180deg)}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.modal-content{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.form-group{margin-bottom:20px}.form-group label{font-size:14px;margin-bottom:8px}.form-group input,.form-group textarea{font-size:14px;padding:12px 16px}.user-search-wrapper{position:relative}.user-search-wrapper input{padding-right:40px}.search-loading{color:#fff9;right:12px;top:50%;transform:translateY(-50%)}.search-loading .spinner{animation:spin 1s linear infinite}.user-dropdown{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;box-shadow:0 4px 12px #0000004d;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.user-dropdown-item{border-bottom:1px solid #ffffff0d;cursor:pointer;padding:12px 16px;transition:background-color .2s ease}.user-dropdown-item:last-child{border-bottom:none}.user-dropdown-item:hover{background:#ffffff0d}.user-dropdown-item.no-results{color:#ffffff80;cursor:default}.user-dropdown-item.no-results:hover{background:#0000}.user-dropdown-email{color:#ffffffe6;font-size:14px;font-weight:500}.user-dropdown-name{color:#fff9;font-size:12px;margin-top:4px}.form-group input:focus,.form-group textarea:focus{background:#ffffff14}.modal-footer{gap:12px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:#d62839;box-shadow:0 4px 12px #e639464d;transform:translateY(-2px)}.btn-secondary{color:#fffc}.toggle-switch{display:inline-block;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#fff3;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:#2ed573}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.table-container{background:#ffffff0d;border-radius:12px;margin-top:24px;overflow:hidden}.empty-state,.loading{color:#fff9;padding:48px;text-align:center}.message{border-radius:8px;cursor:pointer;font-weight:500;margin-bottom:24px;padding:16px 20px}.message.error{background:#ff6b6b33;border:1px solid #ff6b6b4d;color:#ff6b6b}.message.success{background:#2ed57333;border:1px solid #2ed5734d;color:#2ed573}.public-access-page{margin:0 auto;max-width:1200px}.pa-header{border-bottom:1px solid #ffffff14;flex-wrap:wrap;gap:1.25rem;justify-content:space-between;margin-bottom:1.75rem;padding-bottom:1.5rem}.pa-header,.pa-header-text{align-items:flex-start;display:flex}.pa-header-text{flex:1 1;gap:1rem;min-width:0}.pa-header-icon{align-items:center;background:linear-gradient(135deg,#e6394640,#e6394614);border:1px solid #e6394659;border-radius:14px;color:#e63946;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.pa-refresh-btn{align-items:center;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.65rem 1.1rem;transition:border-color .2s,background .2s}.pa-refresh-btn:hover:not(:disabled){background:#323232;border-color:#e63946}.pa-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.pa-spin{animation:pa-spin .85s linear infinite}@keyframes pa-spin{to{transform:rotate(1turn)}}.pa-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.pa-stat-card{background:linear-gradient(180deg,#252525,#1e1e1e);border:1px solid #ffffff0f;border-radius:12px;display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.15rem}.pa-stat-label{color:#888;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pa-stat-value{color:#fff;font-size:1.35rem;font-weight:700}.pa-stat-muted{color:#666;font-size:.85rem;font-weight:500}.pa-message{align-items:center;border-radius:10px;display:flex;font-size:.9rem;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:.85rem 1rem}.pa-message-error{background:#e639461f;border:1px solid #e6394666;color:#fca5a5}.pa-message-success{background:#22c55e1a;border:1px solid #22c55e59;color:#86efac}.pa-dismiss{background:#0000;border:none;color:inherit;cursor:pointer;font-size:1.25rem;line-height:1;opacity:.8;padding:0 .25rem}.pa-dismiss:hover{opacity:1}.pa-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.pa-tab{align-items:center;background:#222;border:1px solid #3a3a3a;border-radius:10px;color:#aaa;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1rem;transition:all .2s ease}.pa-tab:hover{border-color:#555;color:#fff}.pa-tab-active{background:#e6394626;border-color:#e63946;color:#fff}.pa-tab-badge{align-items:center;background:#ffffff14;border-radius:8px;display:inline-flex;font-size:.75rem;font-weight:700;height:1.35rem;justify-content:center;min-width:1.35rem;padding:0 .35rem}.pa-tab-active .pa-tab-badge{background:#e6394659}.pa-toolbar{margin-bottom:1rem}.pa-search{align-items:center;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:10px;display:flex;gap:.75rem;max-width:420px;padding:.65rem 1rem}.pa-search svg{color:#666;flex-shrink:0}.pa-search input{background:#0000;border:none;color:#fff;flex:1 1;font-size:.95rem;outline:none}.pa-search input::placeholder{color:#666}.pa-panel{background:#1a1a1a;border:1px solid #ffffff0f;border-radius:14px;overflow:hidden}.pa-loading{align-items:center;color:#888;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3.5rem 2rem}.pa-table-wrap{overflow-x:auto}.pa-table{border-collapse:collapse;font-size:.9rem;width:100%}.pa-table thead{background:#00000059}.pa-table th{border-bottom:1px solid #ffffff0f;color:#888;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.85rem 1.1rem;text-align:left;text-transform:uppercase}.pa-table td{border-bottom:1px solid #ffffff0a;color:#ccc;padding:.9rem 1.1rem;vertical-align:middle}.pa-table tbody tr:hover{background:#ffffff05}.pa-cell-name{color:#fff;font-weight:600;max-width:280px}.pa-cell-meta{color:#888;font-size:.85rem}.pa-pill{background:#ffffff0f;color:#aaa;font-size:.75rem;margin-left:.5rem;padding:.15rem .45rem}.pa-badge,.pa-pill{border-radius:6px;display:inline-block}.pa-badge{font-size:.72rem;font-weight:700;letter-spacing:.03em;padding:.2rem .55rem;text-transform:uppercase}.pa-badge-on{background:#22c55e26;border:1px solid #22c55e4d;color:#86efac}.pa-badge-off{background:#6b728033;border:1px solid #6b728059;color:#9ca3af}.pa-empty{color:#666;padding:2.5rem 1rem!important;text-align:center}.pa-switch{cursor:pointer;display:inline-block;height:26px;position:relative;width:48px}.pa-switch input{height:0;opacity:0;width:0}.pa-switch-slider{background:#3a3a3a;border:1px solid #4a4a4a;border-radius:26px;inset:0;position:absolute;transition:background .2s}.pa-switch-slider:before{background:#fff;border-radius:50%;bottom:2px;box-shadow:0 1px 3px #0000004d;content:"";height:20px;left:3px;position:absolute;transition:transform .2s;width:20px}.pa-switch input:checked+.pa-switch-slider{background:#22c55e73;border-color:#22c55e99}.pa-switch input:checked+.pa-switch-slider:before{transform:translateX(22px)}.pa-switch input:disabled+.pa-switch-slider{cursor:not-allowed;opacity:.5}.pa-switch input:focus-visible+.pa-switch-slider{outline:2px solid #e63946;outline-offset:2px}@media (max-width:768px){.pa-header{flex-direction:column}.pa-refresh-btn{justify-content:center;width:100%}}.hp-admin{max-width:900px}.hp-admin-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.hp-admin-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.hp-admin-link-btn,.hp-admin-primary,.hp-admin-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;gap:.4rem;padding:.45rem .9rem;text-decoration:none}.hp-admin-link-btn{background:#ffffff14;border:1px solid #ffffff26;color:#fff}.hp-admin-secondary{background:#ffffff0f;border:1px solid #444;color:#ddd}.hp-admin-primary{background:#e63946;color:#fff}.hp-admin-primary:disabled,.hp-admin-secondary:disabled{cursor:not-allowed;opacity:.5}.hp-spin{animation:hp-spin .9s linear infinite}@keyframes hp-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hp-admin-alert{border-radius:8px;font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem}.hp-admin-alert-error{background:#e6394626;border:1px solid #e6394666;color:#ffb4b4}.hp-admin-alert-success{background:#2ea04326;border:1px solid #2ea04359;color:#b6f0c2}.hp-admin-loading{align-items:center;color:#aaa;display:flex;gap:.5rem;padding:2rem}.hp-admin-form{display:flex;flex-direction:column;gap:1.5rem}.hp-section{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:1.25rem 1.5rem}.hp-section h2{color:#fff;font-size:1.1rem;margin:0 0 1rem}.hp-section h3{color:#ccc;font-size:.95rem;margin:0 0 .75rem}.hp-card-block{border-top:1px solid #ffffff0f;margin-top:1.25rem;padding-top:1rem}.hp-label{color:#aaa;display:flex;flex-direction:column;font-size:.82rem;gap:.35rem;margin-bottom:.85rem}.hp-input,.hp-textarea{background:#0f0f0f;border:1px solid #333;border-radius:6px;color:#fff;font-family:inherit;font-size:.9rem;padding:.55rem .75rem;width:100%}.hp-textarea{min-height:4rem;resize:vertical}.booking-management{max-width:100%;padding:2rem;width:100%}.tabs-container{border-bottom:2px solid #ffffff1a;display:flex;gap:1rem;margin-bottom:2rem}.tab-button{background:#0000;border:none;border-bottom:2px solid #0000;color:#fff9;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:-2px;padding:.75rem 1.5rem;transition:all .3s ease}.tab-button:hover{color:#ffffffe6}.tab-button.active{border-bottom-color:#e63946;color:#e63946}.tab-content{width:100%}.dashboard-welcome{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:2rem}.dashboard-welcome h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.dashboard-welcome p{color:#fff9;font-size:.95rem;margin:0}.btn-primary:hover{transform:translateY(-2px)}.btn-primary:disabled{transform:none}.btn-icon{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:#fffc;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.btn-icon:hover{background:#fff3;color:#fff}.btn-icon.danger:hover{background:#dc354533;color:#dc3545}.empty-state p{margin-bottom:1rem}.service-inactive-badge{background:#6c757de6;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;padding:4px 8px;position:absolute;right:8px;top:8px}.service-info{padding:1rem}.service-info h3{font-size:1.1rem;margin:0 0 .5rem}.service-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0 0 1rem;overflow:hidden}.service-actions{display:flex;gap:.5rem}.requests-table-container{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:12px;overflow-x:auto}.requests-table{border-collapse:collapse;width:100%}.requests-table thead{background:#ffffff0d}.requests-table th{border-bottom:1px solid #ffffff1a;color:#fffc;font-size:.8rem;font-weight:600;padding:.75rem 1rem;text-align:left}.requests-table td{border-bottom:1px solid #ffffff0d;color:#ffffffe6;font-size:.8rem;padding:.75rem 1rem}.requests-table td div,.requests-table td input,.requests-table td span{font-size:.8rem}.requests-table tbody tr:hover{background:#ffffff0d}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-email{color:#ffffffe6;font-size:.8rem;font-weight:500}.user-name{color:#fff9;font-size:.75rem}.message-cell{font-size:.8rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{align-items:center;background:#ffffff0d;border:1px solid;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:.2rem .6rem}.booking-modal{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.form-group label{display:block}.form-group input,.form-group select,.form-group textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#ffffffe6;font-family:inherit;font-size:.95rem;outline:none;padding:.75rem;transition:all .2s ease;width:100%}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{background-color:#ffffff14;border-color:#fff3}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#ffffff14;border-color:#e63946;box-shadow:0 0 0 3px #e639461a}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px;cursor:pointer;padding-right:2.5rem}.form-group select option{background:#2a2a2a;color:#ffffffe6;padding:.5rem}.form-group select option:checked,.form-group select option:hover{background:#e63946;color:#fff}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.checkbox-label input[type=checkbox]{margin:0;width:auto}.file-info{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:.75rem;margin-top:.5rem;padding:.75rem}.file-name{color:#ffffffe6;font-size:.9rem;font-weight:500}.file-size{color:#fff9;font-size:.85rem}.request-details{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.detail-row{align-items:flex-start;border-bottom:1px solid #ffffff14;display:flex;gap:1rem;padding:1rem 0}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-row:first-child{padding-top:0}.detail-label{align-items:center;color:#fffc;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;min-width:150px}.detail-value{color:#fffffff2;flex:1 1;font-size:.95rem;line-height:1.6;word-break:break-word}.detail-value .status-badge{display:inline-flex}.requests-table-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.filter-group{align-items:center;display:flex;gap:.5rem;position:relative}.search-input{min-width:250px;position:relative}.filter-select{-webkit-appearance:none;appearance:none;background:#ffffff0d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffe6;cursor:pointer;font-size:.95rem;outline:none;padding:.75rem 2.5rem .75rem 1rem;transition:all .2s ease}.filter-select:hover{background-color:#ffffff14;border-color:#fff3}.filter-select:focus{background-color:#ffffff14;border-color:#e63946;box-shadow:0 0 0 3px #e639461a}.filter-select option{background:#2a2a2a;color:#ffffffe6;padding:.5rem}.filter-select option:checked,.filter-select option:hover{background:#e63946;color:#fff}.sort-order-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fffc;cursor:pointer;font-size:1rem;font-weight:600;min-width:50px;padding:.75rem 1rem;transition:all .2s ease}.sort-order-btn:hover{background:#ffffff1a;border-color:#e63946}.sort-order-btn.active{background:#e6394633;border-color:#e63946;color:#e63946}@media (max-width:768px){.booking-management{padding:1rem}.services-grid{grid-template-columns:1fr}.requests-table-container{overflow-x:scroll}.requests-table{min-width:800px}.dashboard-welcome{align-items:flex-start;flex-direction:column}.requests-table-filters{align-items:stretch;flex-direction:column}.filter-group{width:100%}.search-input{min-width:auto;width:100%}.filter-select{width:100%}}.user-management-container{margin:0;max-width:100%;padding:0;width:100%}.search-section{margin-bottom:2rem;margin-top:0;position:relative}.search-input-wrapper{align-items:center;display:flex;max-width:500px;position:relative}.search-icon{color:#ffffff80;left:.75rem;pointer-events:none;position:absolute;z-index:1}.search-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffe6;flex:1 1;font-family:Inter,sans-serif;font-size:.95rem;outline:none;padding:.75rem 1rem .75rem 2.5rem;transition:all .2s ease;width:100%}.search-input::placeholder{color:#ffffff80}.search-input:hover{background-color:#ffffff14;border-color:#fff3}.search-input:focus{background-color:#ffffff14;border-color:#e63946;box-shadow:0 0 0 3px #e639461a}.search-loading{color:#e63946;position:absolute;right:.75rem;z-index:1}.search-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2c2c2cfa;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 24px #0000004d;left:0;margin-top:.5rem;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.search-result-item{align-items:center;border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex;padding:1rem;transition:background-color .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:#e639461a}.result-icon{align-items:center;background:#e6394633;border-radius:50%;color:#e63946;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:1rem;width:40px}.result-info{flex:1 1;min-width:0}.result-email{color:#fff;font-size:15px;font-weight:500;margin-bottom:.25rem}.result-org{color:#999;font-size:13px}.user-details-section{margin-top:2rem}.error-container,.loading-container{color:#999;padding:4rem 2rem;text-align:center}.spinner-large{animation:spin 1s linear infinite;border:4px solid #e6394633;border-radius:50%;border-top-color:#e63946;height:48px;margin:0 auto 1rem;width:48px}.user-info-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#2c2c2ce6,#282828e6);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 4px 16px #0003;margin-bottom:1.5rem;padding:2rem}.user-header{align-items:flex-start;display:flex;gap:1.5rem;position:relative}.user-avatar{align-items:center;background:#e6394633;border:2px solid #e639464d;border-radius:16px;color:#e63946;display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px}.user-info{flex:1 1}.user-name{color:#fff;font-size:24px;font-weight:700;margin-bottom:.75rem}.user-email,.user-org{align-items:center;color:#ccc;display:flex;font-size:14px;gap:.5rem;margin-bottom:.5rem}.user-stats{display:flex;flex-wrap:wrap;gap:2rem;margin-top:1rem}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{color:#999;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#e63946;font-size:18px;font-weight:600}.close-user-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:0;top:0;transition:all .2s ease;width:36px}.close-user-btn:hover{background:#e6394633;border-color:#e63946;color:#e63946}.user-tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:.5rem;margin-bottom:1.5rem}.tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:#999;cursor:pointer;font-family:Inter,sans-serif;font-size:15px;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.tab-btn:hover{background:#ffffff0d;color:#fff}.tab-btn.active{border-bottom-color:#e63946;color:#e63946}.tab-content{min-height:400px}.overview-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:linear-gradient(135deg,#2c2c2ce6,#282828e6);border:1px solid #ffffff14;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.stat-card:hover{border-color:#e639464d;box-shadow:0 4px 12px #e6394633;transform:translateY(-2px)}.stat-icon{align-items:center;background:#e6394633;border-radius:10px;color:#e63946;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-info{flex:1 1}.stat-info .stat-value{color:#fff;font-size:24px;font-weight:700;margin-bottom:.25rem}.stat-info .stat-label{color:#999;font-size:13px}.recent-segments h3{color:#fff;font-size:20px;font-weight:600;margin-bottom:1rem}.segments-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.segment-card{background:linear-gradient(135deg,#2c2c2ce6,#282828e6);border:1px solid #ffffff14;padding:1.25rem}.segment-card.clickable{cursor:pointer}.segment-card:hover{border-color:#e639464d;box-shadow:0 4px 12px #e6394633;transform:translateY(-2px)}.segment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.segment-header h4{color:#fff;font-size:16px;font-weight:600;margin:0}.segment-badge{background:#e6394633;border-radius:6px;color:#e63946;font-size:12px;font-weight:500;padding:.25rem .75rem}.segment-description{color:#999;font-size:13px}.recordings-list{display:flex;flex-direction:column;gap:1rem}.recording-item{align-items:center;background:linear-gradient(135deg,#2c2c2ce6,#282828e6);border:1px solid #ffffff14;border-radius:12px;display:flex;justify-content:space-between;padding:1.25rem;transition:all .3s ease}.recording-item:hover{border-color:#e639464d}.recording-item.playing{background:#e639460d;border-color:#e63946}.recording-info{flex:1 1;min-width:0}.recording-name{color:#fff;font-size:15px;font-weight:500;margin-bottom:.5rem;word-break:break-word}.recording-meta{flex-wrap:wrap;font-size:13px;gap:.75rem}.recording-actions{gap:1rem;margin-left:1rem}.play-btn,.recording-actions{align-items:center;display:flex}.play-btn{background:#e6394633;border:1px solid #e639464d;border-radius:50%;color:#e63946;cursor:pointer;flex-shrink:0;height:44px;justify-content:center;transition:all .2s ease;width:44px}.play-btn:hover:not(:disabled){background:#e639464d;transform:scale(1.1)}.play-btn:disabled{cursor:not-allowed;opacity:.5}.audio-progress{align-items:center;display:flex;gap:.75rem;min-width:200px}.time-display{font-feature-settings:"tnum";color:#999;font-variant-numeric:tabular-nums;min-width:80px}.progress-slider{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;cursor:pointer;flex:1 1;height:4px;outline:none}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#e63946;border-radius:50%;cursor:pointer;height:12px;width:12px}.progress-slider::-moz-range-thumb{background:#e63946;border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.segment-search-section{margin-bottom:1.5rem}.segment-search-input-wrapper{align-items:center;background:#2c2c2ce6;border:1px solid #ffffff1a;border-radius:12px;display:flex;padding:.75rem 1rem;position:relative;transition:all .3s ease}.segment-search-input-wrapper:focus-within{border-color:#e63946;box-shadow:0 0 0 3px #e639461a}.segment-search-input-wrapper .search-icon{align-items:center;color:#999;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-right:1.5rem;width:20px}.segment-search-input{background:#0000;border:none;color:#fff;flex:1 1;font-family:Inter,sans-serif;font-size:15px;margin:0;min-width:0;outline:none;padding:0 0 0 .5rem}.segment-search-input::placeholder{color:#666}.clear-search-btn{align-items:center;background:#0000;border:none;color:#999;cursor:pointer;display:flex;justify-content:center;margin-left:.5rem;padding:.25rem;transition:color .2s ease}.clear-search-btn:hover{color:#fff}.segments-detailed-list{display:flex;flex-direction:column;gap:1.5rem}.segment-detail-card{background:linear-gradient(135deg,#2c2c2ce6,#282828e6);border:1px solid #ffffff14;border-radius:16px;padding:1.5rem;transition:all .3s ease}.segment-detail-card:hover{border-color:#e639464d;box-shadow:0 4px 12px #e6394633}.segment-detail-header{align-items:flex-start;border-bottom:1px solid #ffffff1a;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:0;padding-bottom:1rem;transition:all .2s ease}.segment-detail-header:hover{opacity:.9}.segment-detail-header.expanded{margin-bottom:1.5rem}.segment-header-left{align-items:flex-start;display:flex;flex:1 1;gap:1rem}.expand-toggle-btn{align-items:center;background:#0000;border:none;color:#e63946;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-top:.25rem;padding:.25rem;transition:transform .2s ease,color .2s ease}.expand-toggle-btn:hover{color:#ff4757;transform:scale(1.1)}.segment-detail-header h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 .5rem}.segment-stats{display:flex;flex-wrap:wrap;gap:.75rem}.stat-badge{background:#e6394633;border-radius:8px;color:#e63946;font-size:13px;font-weight:500;padding:.5rem 1rem}.segment-recordings{margin-top:1rem}.segment-recordings h4{color:#fff;font-size:16px;font-weight:600;margin-bottom:1rem}.segment-recording-item{background:#0003;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:1rem;padding:1.25rem}.recording-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.recording-order{color:#e63946;font-size:14px;font-weight:600}.recording-meta{align-items:center;color:#999;display:flex;font-size:12px;gap:.5rem}.recording-comparison{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.audio-comparison-item{background:#0003;border-radius:8px;padding:1rem;position:relative}.audio-label{color:#999;font-size:12px;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.audio-name{color:#fff;font-size:14px;font-weight:500;margin-bottom:.5rem;word-break:break-word}.audio-duration{font-feature-settings:"tnum";color:#999;font-size:12px;font-variant-numeric:tabular-nums}.no-recording{padding:1rem 0;text-align:center}.no-recording span{color:#666;font-size:13px;font-style:italic}.play-recording-btn{align-items:center;background:#e6394633;border:1px solid #e639464d;border-radius:50%;color:#e63946;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:36px}.play-recording-btn:hover:not(:disabled){background:#e639464d;transform:scale(1.1)}.play-recording-btn:disabled{cursor:not-allowed;opacity:.5}.volume-control-panel{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000e6;border:1px solid #ffffff1a;border-radius:12px;bottom:2rem;box-shadow:0 4px 16px #0006;display:flex;gap:.75rem;padding:1rem;position:fixed;right:2rem;z-index:1000}.volume-btn{align-items:center;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.volume-btn:hover{background:#e6394633;border-color:#e63946;color:#e63946}.volume-slider{-webkit-appearance:none;appearance:none;background:#fff3;height:4px;outline:none;width:100px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#e63946;border-radius:50%;cursor:pointer;height:12px;width:12px}.volume-slider::-moz-range-thumb{background:#e63946;border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.volume-value{font-feature-settings:"tnum";color:#fff;font-size:12px;font-variant-numeric:tabular-nums;min-width:35px}.empty-state{color:#999}@media (max-width:768px){.user-management-container{padding:1rem}.page-title{font-size:24px}.user-header{flex-direction:column}.recording-item,.user-stats{flex-direction:column;gap:1rem}.recording-item{align-items:flex-start}.recording-actions{margin-left:0;width:100%}.audio-progress{width:100%}.recording-comparison{grid-template-columns:1fr}.volume-control-panel{bottom:1rem;left:1rem;padding:.75rem;right:1rem}.user-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab-btn{padding:.75rem 1rem;white-space:nowrap}}.assessment-page{background-color:initial;box-sizing:border-box;color:#fff;font-family:Inter,sans-serif;min-height:calc(100vh - 70px);min-width:0;padding:32px;width:100%}.content-header{border-bottom:1px solid #ffffff1a;margin-bottom:32px;padding-bottom:16px}.segment-title{color:#fff;font-size:32px;font-weight:600;margin:0 0 8px;overflow-wrap:anywhere;word-break:break-word}.content-header-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem 1rem}.test-type{color:#e63946;font-size:18px;font-weight:500}.test-category{color:#888;font-size:.95rem}.assessment-progress-card{background:#2a2a2a;border:1px solid #ffffff0f;border-radius:8px;color:#fff;margin-top:2rem;min-width:0;padding:1rem}.assessment-progress-label{color:#888;font-size:.9rem;margin:0 0 .5rem}.assessment-progress-track{background:#3a3a3a;border-radius:4px;height:8px;overflow:hidden;width:100%}.assessment-progress-fill{background:#e63946;height:100%;transition:width .3s ease}.assessment-submit-btn{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:2rem;min-height:48px;padding:1rem 1.1rem;transition:background .2s ease,opacity .2s ease;width:100%}.assessment-submit-btn:hover:not(:disabled){background:#218838}.assessment-submit-btn.is-busy,.assessment-submit-btn:disabled{background:#666;cursor:not-allowed}.assessment-option-block{margin-bottom:.75rem}.assessment-option-block:last-child{margin-bottom:0}.assessment-option-label{align-items:center;color:#ccc;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.assessment-option-checkbox{accent-color:#e63946;flex-shrink:0;height:18px;width:18px}.assessment-option-hint{color:#777;font-size:.8rem;line-height:1.45;margin:.35rem 0 0}.content-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1.5fr;margin-bottom:32px}.left-column{display:flex;flex-direction:column;gap:24px;min-width:0}.assessment-caption{margin-bottom:1rem}.right-column{display:flex;flex-direction:column;gap:24px;min-width:0}.bottom-progress-bar{background-color:#ffffff1a;border-radius:2px;height:4px;margin-bottom:0;margin-top:32px;overflow:hidden;width:100%}.progress-bar-fill{background-color:#e63946;border-radius:2px;height:100%;transition:width .3s ease}.bottom-navigation{border-top:1px solid #ffffff1a;display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding:16px 0}.nav-btn{border:none;border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s ease}.previous-btn{background-color:initial;color:#999;cursor:not-allowed}.next-btn{background-color:#e63946;color:#fff}.next-btn:hover{background-color:#c1121f}@media (max-width:1024px){.content-grid{grid-template-columns:1fr}.assessment-page{padding:24px}.segment-title{font-size:24px}.test-type{font-size:16px}}@media (max-width:768px){.assessment-page{overflow-x:clip;padding:max(12px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}.content-header{margin-bottom:1.25rem;padding-bottom:12px}.content-header-meta{align-items:flex-start;flex-direction:column;gap:.35rem}.content-grid{gap:20px;margin-bottom:1.25rem}.left-column,.right-column{gap:1rem}.segment-title{font-size:clamp(1.125rem,4.5vw,1.35rem);line-height:1.25}.test-type{font-size:1rem}.assessment-progress-card{margin-top:1.25rem;padding:.85rem .95rem}.assessment-submit-btn{font-size:.95rem;margin-top:1.25rem;min-height:48px}.assessment-option-hint{font-size:.78rem}.bottom-progress-bar{margin-top:1.25rem}.bottom-navigation{align-items:stretch;flex-direction:column;gap:10px;margin-top:1.25rem;padding:12px 0 0}.nav-btn{align-items:center;display:inline-flex;font-size:15px;justify-content:center;min-height:48px;width:100%}.bottom-navigation .previous-btn{background:#ffffff0a;border:1px solid #ffffff1f;color:#ccc;cursor:pointer}.bottom-navigation .previous-btn:active{background:#ffffff14}.autoplay-intro-overlay{padding:max(.75rem,env(safe-area-inset-top,0px)) max(.75rem,env(safe-area-inset-right,0px)) max(.75rem,env(safe-area-inset-bottom,0px)) max(.75rem,env(safe-area-inset-left,0px))}.autoplay-intro-modal{max-height:min(90vh,640px);overflow-y:auto;padding:1.35rem 1.25rem 1.25rem}.autoplay-intro-title{font-size:1.15rem}}@media (max-width:480px){.assessment-page{padding:max(10px,env(safe-area-inset-top,0px)) max(10px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px))}.assessment-briefing-banner{font-size:.82rem;padding:.65rem .75rem}}.review-dialog-content::-webkit-scrollbar{width:6px}.review-dialog-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.review-dialog-content::-webkit-scrollbar-thumb{background:#e639464d;background-clip:padding-box;border:2px solid #0000;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.review-dialog-content::-webkit-scrollbar-thumb:hover{background:#e6394680;background-clip:padding-box}.review-dialog-content::-webkit-scrollbar-thumb:active{background:#e63946b3;background-clip:padding-box}.review-dialog-content{scrollbar-color:#e639464d #0003;scrollbar-width:thin}.assessment-briefing-banner{background:#4682b426;border:1px solid #6495ed66;border-radius:10px;color:#c5d4f0;font-size:.9rem;line-height:1.45;margin:0 0 1.25rem;padding:.75rem 1rem}.assessment-briefing-banner strong{color:#fff}.autoplay-intro-overlay{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#06060885;display:flex;inset:0;justify-content:center;padding:1.25rem;position:fixed;z-index:2100}.autoplay-intro-modal{background:linear-gradient(155deg,#222226f7,#16161afa);border:1px solid #ffffff17;border-radius:16px;box-shadow:0 4px 24px #00000059,0 32px 64px #00000073;max-width:520px;padding:1.75rem 1.85rem 1.6rem;width:100%}.autoplay-intro-title{color:#fff;font-size:1.35rem;font-weight:600;letter-spacing:-.02em;margin:0 0 1rem}.autoplay-intro-body{color:#c8c8d0;font-size:.94rem;line-height:1.55}.autoplay-intro-body p{margin:0 0 .85rem}.autoplay-intro-body p:last-of-type{margin-bottom:0}.autoplay-intro-checkbox{align-items:center;color:#b0b0b8;cursor:pointer;display:flex;font-size:.88rem;gap:.55rem;margin:1.25rem 0 1.1rem;-webkit-user-select:none;user-select:none}.autoplay-intro-checkbox input{accent-color:#e63946;cursor:pointer;height:17px;width:17px}.autoplay-intro-primary{background:#e63946;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.85rem 1rem;transition:background .2s ease,transform .15s ease;width:100%}.autoplay-intro-primary:hover{background:#ff4d5e}.autoplay-intro-primary:active{transform:scale(.99)}.review-clip-card{background:#2c2c2c99;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:1rem;padding:1rem;transition:border-color .2s ease,background .2s ease}.review-clip-card--reviewed{background:#28a74514;border-color:#28a7454d}.review-clip-header{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:.85rem}.review-clip-title{color:#fff;font-size:.95rem;font-weight:600}.review-clip-duration{color:#999;font-size:.85rem}.review-clip-check{align-items:center;color:#28a745;display:inline-flex}.review-clip-grid{grid-gap:1rem;display:grid;font-size:.9rem;gap:1rem;grid-template-columns:1fr 1fr}.review-col{background:#0000004d;border:1px solid #ffffff14;border-radius:8px;min-width:0;padding:.75rem .85rem}.review-col-heading{font-size:.8rem;font-weight:600;letter-spacing:.06em;margin-bottom:.55rem;text-transform:uppercase}.review-col-heading--system{color:#e63946}.review-col-heading--user{color:#22c55e}.review-system-audio{height:36px;margin-bottom:.5rem;vertical-align:middle;width:100%}.review-reveal-group{margin-top:.35rem}.review-reveal-toggle{align-items:center;background:none;border:none;color:#e63946;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8125rem;font-weight:600;gap:.25rem;margin:0;padding:.35rem 0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .15s ease}.review-reveal-toggle:hover{color:#ff6b7a}.review-reveal-toggle:focus-visible{border-radius:4px;outline:2px solid #e6394680;outline-offset:2px}.review-more-idea{color:#c9a227;margin-top:.45rem;-webkit-text-decoration-color:#c9a22799;text-decoration-color:#c9a22799}.review-more-idea:hover{color:#e0c04d}.review-collapsible-body{background:#00000047;border:1px solid #ffffff0f;border-radius:6px;color:#ccc;font-size:.875rem;line-height:1.5;margin-top:.55rem;max-height:220px;overflow-y:auto;padding:.65rem .75rem;white-space:pre-wrap;word-break:break-word}.review-empty-hint{color:#666;font-size:.8rem;font-style:italic;margin:.35rem 0 0}.review-user-playback{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.review-play-btn{align-items:center;background:#e6394626;border:1px solid #e63946;border-radius:50%;color:#e63946;cursor:pointer;display:inline-flex;flex-shrink:0;height:38px;justify-content:center;transition:background .15s ease;width:38px}.review-play-btn:hover{background:#e6394647}.review-blob-size{color:#888;font-size:.85rem}.review-caption-line{color:#aaa;font-size:.85rem}.review-caption-line strong{color:#bbb}.review-caption-text{color:#ddd}.review-caption-muted{color:#888;font-style:italic}.review-caption-note{color:#777;font-size:.8rem;line-height:1.4;margin:.4rem 0 0}.review-expected-block{border-top:1px solid #ffffff0f;margin-top:.65rem;padding-top:.55rem}.review-expected-label{color:#888;font-size:.72rem;font-weight:600;letter-spacing:.08em;margin-bottom:.35rem;text-transform:uppercase}.review-expected-step{color:#6a6a6a;font-size:.68rem;font-weight:500;letter-spacing:normal;text-transform:none}.review-expected-item{color:#aaa;font-size:.85rem;line-height:1.45;margin-top:.3rem}@media (max-width:600px){.review-clip-grid{grid-template-columns:1fr}}.instructions-panel{display:flex;flex-direction:column;gap:32px}.instruction-section{display:flex;flex-direction:column;gap:12px}.instruction-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.instruction-item{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.bullet{color:#fff;font-size:16px}.instruction-text{color:#ccc;font-size:14px}.action-btn{border:none;border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.start-btn{background-color:#e63946;color:#fff}.start-btn:hover{background-color:#c1121f}.finish-btn{background-color:#4a4a4a;border:1px solid #666;color:#fff}.finish-btn:hover{background-color:#555;border-color:#777}.repeat-btn{background-color:#4a4a4a;border:1px solid #666;color:#fff}.repeat-btn:hover{background-color:#555;border-color:#777}.repeat-btn:disabled{cursor:not-allowed;opacity:.5}.instruction-note{color:#999;font-size:13px;font-style:italic;margin-left:20px}@media (max-width:768px){.instructions-panel{gap:1.25rem}.instruction-section{gap:10px}.instruction-title{font-size:15px}.instruction-item{align-items:stretch;flex-direction:column;gap:10px}.instruction-item .bullet{display:none}.instruction-text{font-size:13px;line-height:1.45}.instruction-item .action-btn{align-items:center;display:inline-flex;justify-content:center;min-height:44px;width:100%}.instruction-note{font-size:12px;margin-left:0}}.audio-recorder-container{background:#2c2c2c;border-radius:8px;display:flex;flex-direction:column;gap:20px;padding:20px}.audio-section{display:flex;flex-direction:column;gap:12px}.audio-section-header{align-items:center;display:flex}.audio-section-label{color:#fff;font-size:14px;font-weight:500}.audio-waveform-wrapper{background:#333;border:1px solid #404040;border-radius:8px;min-height:120px;min-width:0;padding:16px;position:relative}.volume-control{align-items:center;display:flex;flex-direction:column;gap:8px;left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.volume-icon{color:#fff;margin-bottom:4px}.volume-slider{background:#404040;border-radius:2px;cursor:pointer;height:80px;position:relative;width:4px}.volume-handle{background:#e63946;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #e639464d;cursor:grab;height:14px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:14px}.volume-handle:active{cursor:grabbing}.playhead-line-vertical{background:#e63946;bottom:0;left:60px;position:absolute;top:0;width:2px;z-index:5}.waveform-container{height:100%;margin-left:70px;min-height:100px;min-width:0;position:relative}.waveform-visualization{-webkit-overflow-scrolling:touch;align-items:center;display:flex;gap:1px;height:100%;justify-content:flex-start;min-width:0;overflow-x:auto;padding:0 4px;position:relative;scrollbar-width:thin;z-index:2}.recording-waveform{align-items:center;background:#e639461a;border-radius:4px;min-height:100px}.recording-waveform .recording-bar.recording{animation:pulse .5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.waveform-bar{border-radius:1px;flex:1 1;min-height:10px;min-width:2px;transition:background-color .1s ease}.system-bar{background:#555}.system-bar.active{background:#fff}.recording-bar{background:#e639464d;transition:all .1s ease}.recording-bar.active{background:#e63946;box-shadow:0 0 4px #e6394680}.recording-segment-bg{background:#e6394626;border-radius:4px;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.playhead-line{bottom:0;pointer-events:none;top:0;width:2px;z-index:10}.playhead-circle,.playhead-line{background:#e63946;position:absolute;transform:translateX(-50%)}.playhead-circle{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:12px;left:50%;top:-6px;width:12px}.time-display{bottom:8px;color:#ccc;font-family:Monaco,Courier New,monospace;font-size:12px;left:0;padding:0 8px;position:absolute;right:0;z-index:3}.recorder-controls-bottom,.time-display{display:flex;justify-content:space-between}.recorder-controls-bottom{align-items:center;border-top:1px solid #404040;gap:16px;margin-top:8px;padding:16px 0}.attempts-display{align-items:center;color:#ccc;display:flex;font-size:14px;font-weight:500;gap:8px;white-space:nowrap}.attempts-display.attempts-warning{color:#f44;font-weight:600}.warning-icon{align-items:center;color:#f44;display:inline-flex;margin-left:4px}.playback-controls-center{flex:1 1;gap:8px}.control-btn,.playback-controls-center{align-items:center;display:flex;justify-content:center}.control-btn{background:#2c2c2c;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;height:40px;padding:0;transition:all .2s ease;width:40px}.control-btn:hover:not(:disabled){background:#404040;transform:scale(1.05)}.control-btn:disabled{cursor:not-allowed;opacity:.5}.skip-btn{border-color:#666;color:#666;height:32px;width:32px}.start-btn-recorder{background:#e63946;border:none;border-radius:8px;box-shadow:0 2px 8px #e639464d;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:600;padding:12px 32px;transition:all .3s ease;white-space:nowrap}.start-btn-recorder:hover:not(:disabled){background:#c1121f;box-shadow:0 4px 12px #e6394666;transform:translateY(-1px)}.start-btn-recorder:disabled{cursor:not-allowed;opacity:.6}.finish-attempt-btn{background:#e63946;border:none;border-radius:8px;box-shadow:0 2px 8px #e639464d;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.finish-attempt-btn:hover{background:#c1121f;box-shadow:0 4px 12px #e6394666;transform:translateY(-1px)}.recorder-post-system-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:flex-end}@media (max-width:768px){.audio-recorder-container{gap:14px;padding:14px}.audio-waveform-wrapper{min-height:100px;padding:12px}.volume-control{left:12px}.playhead-line-vertical{left:56px}.waveform-container{margin-left:64px}.control-btn{height:40px;min-height:40px;min-width:40px;width:40px}.recorder-controls-bottom{align-items:center;flex-wrap:wrap;gap:12px}.recorder-post-system-actions{justify-content:stretch;width:100%}.recorder-post-system-actions .start-btn-recorder{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;font-size:15px;min-width:0;padding:12px 10px;text-align:center;white-space:normal}}@media (max-width:640px){.recorder-controls-bottom{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:1fr}.attempts-display{justify-content:center;order:0;text-align:center}.playback-controls-center{flex-wrap:wrap;gap:10px;justify-content:center;order:1;width:100%}.recorder-post-system-actions{flex-direction:column;order:2}.recorder-post-system-actions .start-btn-recorder{flex:none;width:100%}.start-btn-recorder.recorder-cta-wide{order:3;width:100%}.finish-attempt-btn{align-items:center;display:inline-flex;justify-content:center;order:4;padding:12px 16px}.finish-attempt-btn,.start-btn-recorder{min-height:48px;white-space:normal;width:100%}.start-btn-recorder{text-align:center}}.realtime-caption{--caption-bg:#0f0f0ff2;--caption-border:#ffffff14;--caption-text:#e8e8e8;--caption-partial:#ffffffb3;--caption-label:#ffffff80;--caption-error:#ef4444;--caption-live:#22c55e;--caption-placeholder:#ffffff4d;background:var(--caption-bg);border:1px solid var(--caption-border);border-radius:12px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.95rem;line-height:1.6;max-height:160px;overflow-y:auto;padding:1rem 1.25rem;transition:border-color .2s ease,box-shadow .2s ease}.realtime-caption.active{border-color:#22c55e4d;box-shadow:0 0 0 1px #22c55e1a}.realtime-caption-header{align-items:center;border-bottom:1px solid var(--caption-border);display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem}.caption-actions{align-items:center;display:flex;gap:.5rem}.caption-action-btn{align-items:center;background:#ffffff0d;border:1px solid var(--caption-border);border-radius:6px;color:var(--caption-text);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:.35rem;padding:.35rem .6rem;transition:all .2s ease}.caption-action-btn:hover{background:#ffffff1a;border-color:#ffffff26}.copy-btn.copied,.copy-btn:focus{border-color:#22c55e66;color:var(--caption-live)}.retry-btn{border-color:#f59e0b4d;color:#f59e0b}.retry-btn:hover{background:#f59e0b1a;border-color:#f59e0b80}.caption-label{align-items:center;color:var(--caption-label);display:flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.08em;text-transform:uppercase}.live-dot{animation:pulse-dot 1.5s ease-in-out infinite;background:var(--caption-live);border-radius:50%;height:6px;width:6px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.realtime-caption-content{word-wrap:break-word;color:var(--caption-text);min-height:1.6em;white-space:pre-wrap}.caption-segment{color:var(--caption-text)}.caption-partial{color:var(--caption-partial)}.cursor-blink{animation:blink 1s step-end infinite;color:var(--caption-live);margin-left:2px}@keyframes blink{50%{opacity:0}}.caption-placeholder{color:var(--caption-placeholder);font-style:italic}.caption-error{color:var(--caption-error);font-size:.9rem}@media (max-width:768px){.realtime-caption{font-size:.85rem;line-height:1.5;max-height:min(38vh,220px);padding:.75rem .9rem}.realtime-caption-header{flex-wrap:wrap;row-gap:.5rem}.caption-label{font-size:.7rem}.caption-action-btn{font-size:.72rem;min-height:36px;padding:.4rem .65rem}}.segments-list-page{max-width:100%;padding:2rem;width:100%}.segment-card-locked{filter:grayscale(.15);opacity:.72}.segment-free-badge{background:#22c55e33;border:1px solid #22c55e59;border-radius:6px;color:#86efac;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.04em;margin-left:.5rem;padding:.15rem .5rem;text-transform:uppercase}.segment-lock-badge{align-items:center;background:#00000059;border:1px solid #f8717159;border-radius:6px;color:#fca5a5;display:inline-flex;margin-left:.5rem;padding:.2rem .45rem}.segments-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));width:100%}.segment-card{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s ease}.segment-card:hover{border-color:#e63946;box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.segment-card-header{align-items:flex-start;display:flex;gap:1rem}.segment-icon{align-items:center;background:linear-gradient(135deg,#e63946,#c92a3a);border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.segment-info{flex:1 1;min-width:0}.segment-name{word-wrap:break-word;color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.segment-number{background:#e639461a;border-radius:6px;color:#e63946;display:inline-block;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.segment-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#aaa;display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0;overflow:hidden}.segment-meta{align-items:center;border-top:1px solid #3a3a3a;display:flex;flex-wrap:wrap;gap:1rem;padding-top:.5rem}.segment-category{background:#17a2b81a;border-radius:6px;color:#17a2b8;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.segment-audio-count{color:#888;font-size:.85rem}.segment-play-btn{align-items:center;background:linear-gradient(135deg,#e63946,#c92a3a);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:auto;padding:.75rem 1rem;transition:all .3s ease}.segment-play-btn:hover{background:linear-gradient(135deg,#c92a3a,#a01e2a);box-shadow:0 4px 12px #e639464d;transform:translateY(-2px)}@media (min-width:1600px){.segments-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:1400px){.segments-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:1200px){.segments-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:992px){.segments-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.segments-list-page{padding:1.5rem}.page-title{font-size:1.5rem}.segments-grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}.segment-card{padding:1.25rem}}@media (max-width:480px){.segments-list-page{padding:1rem}.page-title{font-size:1.25rem}.segment-card-header{align-items:flex-start;flex-direction:column}.segment-icon{height:40px;width:40px}.segment-icon svg{height:20px;width:20px}}.segment-completed-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.2rem .5rem}.segment-completed .segment-play-btn,.segment-completed-badge{background:#28a7454d;color:#28a745}.dialogue-topics-list-page{max-width:100%;padding:2rem;width:100%}.filter-search-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.category-filter{gap:1rem}.category-filter,.filter-label{align-items:center;display:flex}.filter-label{color:#fff;font-size:.95rem;font-weight:500;gap:.5rem;min-width:150px}.filter-label svg{color:#e63946}.category-select{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.95rem;outline:none;padding:.75rem 1rem;transition:all .3s ease}.category-select:hover{border-color:#4a4a4a}.category-select:focus{border-color:#e63946;box-shadow:0 0 0 3px #e639461a}.category-select option{background:#2a2a2a;color:#fff}.subscription-info-banner{align-items:flex-start;background:#22c55e14;border:1px solid #22c55e59;border-radius:10px;color:#86efac;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.subscription-info-banner h3{color:#bbf7d0;font-size:1rem;font-weight:600;margin:0 0 .35rem}.subscription-info-banner p{font-size:.9rem;line-height:1.5;margin:0;opacity:.95}.topic-card-locked{filter:grayscale(.15);opacity:.72}.topic-free-badge{background:#22c55e33;border:1px solid #22c55e59;border-radius:6px;color:#86efac;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.04em;margin-left:.5rem;padding:.15rem .5rem;text-transform:uppercase}.topic-lock-badge{align-items:center;background:#00000059;border:1px solid #f8717159;border-radius:6px;color:#fca5a5;display:inline-flex;margin-left:.5rem;padding:.2rem .45rem}.error-message .retry-btn{align-items:center;background:#e6394633;border:1px solid #e63946;border-radius:6px;color:#e63946;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.error-message .retry-btn:hover{background:#e639464d}.empty-state p{font-size:1rem;margin:.5rem 0}.empty-state-hint{opacity:.7}.topics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.topic-card{background:linear-gradient(135deg,#2c2c2ce6,#282828e6);border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s ease}.topic-card:hover{border-color:#e6394680;box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.topic-card-header{align-items:flex-start;display:flex;gap:1rem}.topic-icon{align-items:center;background:#e6394633;border-radius:10px;color:#e63946;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.topic-info{flex:1 1;min-width:0}.topic-name{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .5rem;word-break:break-word}.topic-category{background:#e6394633;border-radius:6px;color:#e63946;display:inline-block;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.topic-description{color:#ccc;font-size:.9rem;line-height:1.5;margin:0;word-break:break-word}.topic-meta{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:1rem;padding-top:.5rem}.topic-audio-count{color:#888;font-size:.85rem}.topic-play-btn{align-items:center;background:linear-gradient(135deg,#e63946,#c1121f);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:auto;padding:.75rem 1rem;transition:all .3s ease}.topic-play-btn:hover{background:linear-gradient(135deg,#c1121f,#e63946);box-shadow:0 4px 12px #e6394666;transform:translateY(-2px)}@media (max-width:768px){.dialogue-topics-list-page{padding:1rem}.category-filter,.filter-search-container{flex-direction:column}.category-filter{align-items:stretch}.filter-label{min-width:auto}.topics-grid{gap:1rem;grid-template-columns:1fr}}.topic-completed-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.2rem .5rem}.topic-completed .topic-play-btn,.topic-completed-badge{background:#28a7454d;color:#28a745}.dialogue-topic-detail-page{margin:0 auto;max-width:800px;padding:2rem}.back-button{align-items:center;background:#0000;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;transition:all .2s ease}.back-button:hover{background:#ffffff0d;border-color:#ffffff4d}.topic-detail-card{background:#2a2a2acc;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.topic-detail-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.topic-detail-icon{align-items:center;background:#e6394633;border-radius:12px;color:#e63946;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.topic-detail-info{flex:1 1}.topic-detail-title{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .25rem}.topic-detail-category{color:#888;display:block;font-size:.9rem;margin-bottom:.5rem}.topic-detail-completed-badge{background:#28a7454d;border-radius:4px;color:#28a745;display:inline-block;font-size:.75rem;font-weight:600;padding:.2rem .5rem}.topic-detail-description{color:#ccc;font-size:.95rem;line-height:1.6;margin:0 0 1.5rem}.topic-materials-section{margin-bottom:2rem}.topic-materials-section h3{color:#fff;font-size:1.1rem;margin:0 0 1rem}.materials-list{background:#0003;border-radius:8px;list-style:none;margin:0;padding:1rem}.material-item{align-items:center;border-bottom:1px solid #ffffff0d;color:#ccc;display:flex;font-size:.95rem;gap:.75rem;padding:.5rem 0}.material-item:last-child{border-bottom:none}.material-order{color:#888;min-width:1.5rem}.material-name{flex:1 1;word-break:break-all}.start-practice-btn{align-items:center;background:linear-gradient(135deg,#e63946,#c1121f);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease;width:100%}.start-practice-btn:hover:not(:disabled){background:linear-gradient(135deg,#c1121f,#e63946);box-shadow:0 4px 12px #e6394666;transform:translateY(-2px)}.start-practice-btn:disabled{cursor:not-allowed;opacity:.5}.dialogue-topic-detail-error,.dialogue-topic-detail-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.dialogue-topic-detail-error .spinner,.dialogue-topic-detail-loading .spinner{animation:spin 1s linear infinite;margin-bottom:1rem}.dialogue-topic-detail-error{color:#ff6b6b}.dialogue-topic-detail-error p{margin:1rem 0}.dialogue-topic-detail-error .back-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:.5rem;margin-top:1rem;padding:.5rem 1rem}.dialogue-topic-detail-error .back-btn:hover{background:#ffffff26}.podcast-page{max-width:100%;padding:2rem;position:relative;width:100%}.page-title{text-align:left}.page-description{color:#888;text-align:left}.search-container{margin-bottom:2rem}.search-box{align-items:center;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#fff;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .3s ease}.search-box:focus-within{border-color:#e63946;box-shadow:0 0 0 3px #e639461a}.search-box svg{color:#888;flex-shrink:0}.search-box input{background:#0000;border:none;color:#fff;flex:1 1;font-size:.95rem;outline:none}.search-box input::placeholder{color:#666}.subscription-warning{align-items:flex-start;background:#ffc1071a;border:1px solid #ffc107;border-radius:8px;color:#ffc107;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.subscription-warning svg{flex-shrink:0;margin-top:2px}.subscription-warning h3{color:#ffc107;font-size:1rem;font-weight:600;margin:0 0 .5rem}.subscription-warning p{color:#ffc107;font-size:.9rem;margin:0;opacity:.9}.subscription-info-banner.podcast-info-banner{align-items:flex-start;background:#22c55e14;border:1px solid #22c55e59;border-radius:10px;color:#86efac;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.subscription-info-banner.podcast-info-banner h3{color:#bbf7d0;font-size:1rem;font-weight:600;margin:0 0 .35rem}.subscription-info-banner.podcast-info-banner p{font-size:.9rem;line-height:1.5;margin:0;opacity:.95}.podcast-card-locked{filter:grayscale(.12);opacity:.72}.podcast-card-locked:hover{border-color:#3a3a3a;box-shadow:none;transform:none}.podcast-free-badge{background:#22c55e33;border:1px solid #22c55e59;border-radius:6px;color:#86efac;display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.04em;padding:.15rem .5rem;text-transform:uppercase}.podcast-lock-badge{align-items:center;background:#00000059;border:1px solid #f8717159;border-radius:6px;color:#fca5a5;display:inline-flex;padding:.2rem .45rem}.error-message{background:#e639461a;border:1px solid #e63946;color:#e63946}.retry-btn{background:#e63946}.retry-btn:hover{transform:translateY(-2px)}.empty-state,.loading-container{color:#888}.empty-state-hint{color:#666;font-size:.9rem;margin-top:.5rem}.podcasts-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));width:100%}.podcast-card{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .3s ease}.podcast-card:hover{border-color:#e63946;box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.podcast-thumbnail{background:#1a1a1a;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.podcast-preview-video,.podcast-thumbnail img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.podcast-preview-video{background:#000}.podcast-thumbnail-placeholder{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);color:#666}.podcast-overlay,.podcast-thumbnail-placeholder{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.podcast-overlay{background:#0009;opacity:0;transition:opacity .3s ease;z-index:1}.podcast-card:hover .podcast-overlay{opacity:1}.podcast-thumbnail.preview-active .podcast-overlay{opacity:0!important;pointer-events:none}.podcast-play-icon{align-items:center;background:#e63946e6;border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;padding-left:8px;transition:all .3s ease;width:80px}.podcast-card:hover .podcast-play-icon{background:#e63946;transform:scale(1.1)}.podcast-duration-badge{background:#000c;border-radius:4px;bottom:8px;color:#fff;font-size:.75rem;font-weight:500;padding:4px 8px;position:absolute;right:8px;z-index:2}.podcast-progress-bar{background:#fff3;bottom:0;height:3px;left:0;position:absolute;width:100%;z-index:3}.podcast-progress-filled{background:#e63946;height:100%;transition:width .3s ease}.podcast-info{padding:1rem}.podcast-name{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:1rem;font-weight:600;gap:.5rem;line-height:1.4;margin:0 0 .5rem}.podcast-name-text{flex:1 1 auto;min-width:0}.podcast-description,.podcast-name-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.podcast-description{color:#aaa;font-size:.85rem;line-height:1.5;margin:0 0 .75rem}.podcast-meta{color:#888;display:flex;flex-wrap:wrap;font-size:.8rem;gap:1rem}.podcast-duration-meta,.podcast-views{align-items:center;display:flex;gap:.25rem}@media (min-width:1600px){.podcasts-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:1400px){.podcasts-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:1200px){.podcasts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:992px){.podcasts-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.podcast-page{padding:1.5rem}.page-title{font-size:1.5rem}.podcasts-grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}}@media (max-width:480px){.podcast-page{padding:1rem}.page-title{font-size:1.25rem}}.page-container{background-color:#1a1a1a;display:flex;min-height:100vh}.page-content{background:linear-gradient(135deg,#1a1a1a,#2c2c2c);flex:1 1;margin-left:280px;min-height:100vh;padding:32px}.page-title{font-size:32px;margin-bottom:12px}.page-description{color:#999;font-size:16px;margin-bottom:32px}.primary-button{background:linear-gradient(135deg,#e63946,#c1121f);border:none;border-radius:8px;box-shadow:0 4px 12px #e639464d;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s ease}.primary-button:hover{box-shadow:0 6px 16px #e6394666}.test-rules-sections{display:flex;flex-direction:column;gap:24px;margin-top:32px}.test-rules-section{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:24px;transition:all .3s ease}.test-rules-section:hover{background:#ffffff0d;border-color:#e639464d;box-shadow:0 4px 16px #0003}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.section-title{color:#fff;font-size:20px;font-weight:600;margin:0}.download-button{align-items:center;background:linear-gradient(135deg,#e63946,#c1121f);border:none;border-radius:8px;box-shadow:0 2px 8px #e639464d;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.download-button:hover{background:linear-gradient(135deg,#c1121f,#a1121f);box-shadow:0 4px 12px #e6394666;transform:translateY(-2px)}.download-button:active{transform:translateY(0)}.section-content{color:#ccc;font-size:15px;line-height:1.6}.section-content p{margin:0}@media (max-width:1024px){.page-content{margin-left:0;padding:24px}.section-header{align-items:flex-start;flex-direction:column}.download-button{justify-content:center;width:100%}}@media (max-width:768px){.test-rules-sections{gap:16px}.test-rules-section{padding:20px}.section-title{font-size:18px}}.mock-service-content{width:100%}.mock-empty,.mock-error,.mock-loading{align-items:center;color:#ccc;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.mock-loading .spinner{animation:mock-spin 1s linear infinite;color:#e63946;margin-bottom:1rem}@keyframes mock-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mock-error{color:#ff6b6b}.mock-error .retry-btn{background:#e6394633;border:1px solid #e63946;border-radius:8px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem}.mock-empty{color:#888}.mock-section{margin-top:2rem}.mock-section-title{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.mock-empty-text{color:#888;font-size:.95rem}.mock-topics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:.5rem}.mock-previous-table-wrap{margin-top:.5rem;overflow-x:auto}.mock-previous-table{background:#2a2a2a99;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.mock-previous-table td,.mock-previous-table th{color:#ddd;padding:.75rem 1rem;text-align:left}.mock-previous-table th{background:#0000004d;color:#fff;font-size:.9rem;font-weight:600}.mock-previous-table tr:hover{background:#ffffff0d}.mock-status{border-radius:4px;font-size:.85rem;padding:.25rem .5rem;text-transform:capitalize}.mock-status-graded{background:#28a7454d;color:#5dd879}.mock-status-pending{background:#ffc10733;color:#ffc107}.mock-view-result-btn{align-items:center;background:#e6394666;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.35rem;padding:.4rem .75rem}.mock-view-result-btn:hover{background:#e6394699}.mock-pending-label{color:#888;font-size:.85rem}.mock-topic-card{background:#2a2a2acc;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;transition:all .3s ease}.mock-topic-card:hover{border-color:#e639464d}.mock-topic-card-done{border-color:#5dd87959;opacity:.95}.mock-topic-card-done:hover{border-color:#5dd87973}.mock-topic-completed-badge{align-self:flex-start;background:#28a74533;border-radius:6px;color:#5dd879;display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:.2rem .55rem;text-transform:uppercase}.mock-topic-overall-score{color:#ffffffeb;font-size:.95rem;font-weight:600}.mock-previous-overall-cell,.mock-topic-overall-score{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mock-previous-overall-cell{color:#ffffffd9}.mock-topic-pending-inline{margin:auto 0 0}.mock-topic-btn-secondary{background:#ffffff1a;border:1px solid #fff3}.mock-topic-card-done .mock-topic-btn-secondary:hover{background:#e6394659;border-color:#e639468c}.mock-topic-icon{align-items:center;background:#e6394633;border-radius:10px;color:#e63946;display:flex;height:48px;justify-content:center;width:48px}.mock-topic-name{color:#fff;font-size:1.15rem;font-weight:600;margin:0}.mock-topic-category{color:#888;font-size:.85rem}.mock-topic-audios{color:#666;font-size:.8rem}.mock-topic-btn{align-items:center;background:linear-gradient(135deg,#e63946,#c1121f);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:auto;padding:.75rem 1rem;transition:all .2s ease}.mock-topic-card:hover .mock-topic-btn{background:linear-gradient(135deg,#c1121f,#e63946)}.mock-result-content{margin:0;max-width:880px;width:100%}.mock-result-back{align-items:center;background:none;border:none;color:#fffc;cursor:pointer;display:inline-flex;font-size:.95rem;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 0}.mock-result-back:hover{color:#fff}.mock-result-error,.mock-result-loading,.mock-result-pending{align-items:center;color:#ccc;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.mock-result-loading .spinner{animation:mock-result-spin 1s linear infinite;color:#e63946;margin-bottom:1rem}@keyframes mock-result-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mock-result-error{color:#ff6b6b}.mock-result-error button{background:#e6394633;border:1px solid #e63946;border-radius:8px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem}.mock-result-pending{color:#888}.mock-result-pending h1{color:#fff;margin-bottom:1rem}.mock-result-page-heading{border-bottom:1px solid #ffffff1a;margin:0 0 1.75rem;padding-bottom:1.25rem}.mock-result-page-heading-pending{border-bottom-color:#ffffff0f;margin-bottom:1rem}.mock-result-title{color:#fff;font-size:1.35rem;font-weight:700;letter-spacing:-.02em;line-height:1.25;margin:0 0 .85rem}.mock-result-dialogue-code-block{align-items:baseline;display:flex;flex-wrap:wrap;gap:.5rem .75rem}.mock-result-dialogue-code-label{color:#ffffff73;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mock-result-dialogue-code-value{font-feature-settings:"tnum";background:#e639461f;border:1px solid #e6394659;border-radius:8px;color:#fffffff2;font-size:1.25rem;font-variant-numeric:tabular-nums;font-weight:600;padding:.2rem .65rem}.mock-result-topic{color:#ffffffe6;font-size:1.1rem;margin-bottom:.25rem}.mock-result-category{color:#888;font-size:.9rem;margin-bottom:1.5rem}.mock-result-partial-warning{background:#f4a2611f;border:1px solid #f4a26159;border-radius:10px;color:#f4a261;font-size:.875rem;line-height:1.45;margin-bottom:1rem;padding:.75rem 1rem}.mock-result-overall{align-items:baseline;background:#e6394626;border:1px solid #e639464d;border-radius:12px;display:flex;gap:.5rem;margin-bottom:2rem;padding:1.25rem 1.5rem}.mock-result-overall-label{color:#ffffffe6;font-size:1rem}.mock-result-overall-value{color:#fff;font-size:1.75rem;font-weight:700}.mock-result-overall-max{color:#fff9;font-size:1rem}.mock-result-chart-section{margin-bottom:2rem}.mock-result-chart-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem 1rem;justify-content:space-between;margin-bottom:.5rem}.mock-result-chart-section-header h2{color:#fff;font-size:1.1rem;margin:0}.mock-result-download-chart-btn{align-items:center;background:#e6394640;border:1px solid #e639468c;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:background .2s ease,border-color .2s ease}.mock-result-download-chart-btn:hover:not(:disabled){background:#e6394666;border-color:#e63946}.mock-result-download-chart-btn:disabled{cursor:not-allowed;opacity:.55}.mock-result-bar-chart{display:flex;flex-direction:column;gap:.75rem}.mock-result-bar-row{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:180px 1fr 50px}.mock-result-bar-row label{color:#ffffffe6;font-size:.9rem}.mock-result-bar-track{background:#ffffff1a;border-radius:6px;height:12px;overflow:hidden}.mock-result-bar-fill{background:linear-gradient(90deg,#e63946,#c1121f);border-radius:6px;height:100%;transition:width .4s ease}.mock-result-bar-value{color:#fff;font-size:.9rem;font-weight:600;text-align:right}.mock-result-date{color:#888;font-size:.9rem}.mock-result-admin-feedback{background:#6495ed1f;border:1px solid #6495ed59;border-radius:12px;margin-bottom:1.25rem;padding:1rem 1.25rem}.mock-result-admin-feedback-title{color:#a8c4ff;font-size:1rem;font-weight:600;margin:0 0 .5rem}.mock-result-admin-feedback-body{color:#ffffffeb;font-size:.95rem;line-height:1.55;margin:0;white-space:pre-wrap}.mock-result-scale-help{color:#ffffffa6;font-size:.875rem;line-height:1.5;margin:0 0 1.25rem}.mock-result-chart-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.mock-result-download-chart-btn-secondary{background:#ffffff14;border-color:#ffffff38}.mock-result-download-chart-btn-secondary:hover:not(:disabled){background:#ffffff24;border-color:#ffffff59}.mock-result-by-recording{background:#0003;border:1px solid #ffffff1f;border-radius:12px;margin-bottom:2rem;overflow:hidden}.mock-result-recordings-toggle{align-items:center;background:#ffffff0f;border:none;border-bottom:1px solid #0000;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;gap:.65rem;margin:0;padding:1rem 1.15rem;text-align:left;transition:background .2s ease;width:100%}.mock-result-recordings-toggle:hover{background:#ffffff1a}.mock-result-recordings-toggle[aria-expanded=true]{border-bottom-color:#ffffff1a}.mock-result-recordings-chevron{color:#ffffffa6;flex-shrink:0;transition:transform .2s ease}.mock-result-recordings-toggle[aria-expanded=true] .mock-result-recordings-chevron{transform:rotate(90deg)}.mock-result-by-recording-panel{padding:1rem 1.15rem 1.15rem}.mock-result-by-recording-title{color:#fff;font-size:1.15rem;margin:0 0 .35rem}.mock-result-by-recording-intro{color:#ffffff8c;font-size:.85rem;line-height:1.45;margin:0 0 1.25rem}.mock-result-segment-audio-row{border-bottom:1px solid #ffffff14;margin-bottom:.85rem;padding-bottom:.85rem}.mock-result-segment-audio-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.mock-result-audio-shell{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(155deg,#2e2e2eeb,#1a1a1af5 55%,#161618fa);border:1px solid #e6394647;border-radius:12px;box-shadow:0 6px 24px #00000061,inset 0 1px 0 #ffffff0d;max-width:440px;padding:.85rem 1rem .95rem}.mock-result-audio-shell--idle{background:linear-gradient(155deg,#242426bf,#161618e0);border-color:#ffffff1f}.mock-result-audio-idle-hint{color:#ffffff6b;font-size:.78rem;line-height:1.45;margin:0}.mock-result-audio-shell--loading{border-color:#e6394633}.mock-result-audio-shell--error{background:linear-gradient(155deg,#372a2480,#1a1816eb);border-color:#f4a26173}.mock-result-audio-shell-head{align-items:center;display:flex;gap:.5rem;margin-bottom:.65rem}.mock-result-audio-shell-icon{align-items:center;background:linear-gradient(135deg,#e6394673,#c1121f59);border:1px solid #e6394680;border-radius:8px;box-shadow:0 2px 8px #e6394626;color:#fff;display:flex;height:28px;justify-content:center;width:28px}.mock-result-audio-shell-title{color:#ffffffe0;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mock-result-audio-el-wrap{background:#00000059;border:1px solid #ffffff14;border-radius:10px;padding:.35rem .45rem}.mock-result-audio-el{accent-color:#e63946;border-radius:8px;color-scheme:dark;display:block;height:42px;margin:0;vertical-align:middle;width:100%}.mock-result-audio-skeleton{animation:mock-result-audio-shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0f,#e639461f 45%,#ffffff0f 90%);background-size:200% 100%;border-radius:8px;height:42px}@keyframes mock-result-audio-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.mock-result-audio-loading-text{color:#ffffff73;font-size:.78rem;margin:.5rem 0 0}.mock-result-audio-err,.mock-result-audio-loading,.mock-result-recording-unavailable{color:#ffffff80;font-size:.85rem}.mock-result-audio-shell .mock-result-audio-err{color:#f4a261;font-size:.82rem;line-height:1.45;margin:0}.mock-result-debug-panel{background:#0000008c;border:1px dashed #f4a26199;border-radius:8px;color:#ffffc8f2;display:block;font-size:.7rem;line-height:1.35;margin:0;max-width:100%;overflow-x:auto;padding:.65rem .75rem;text-align:left;white-space:pre-wrap;word-break:break-word}.mock-result-segment-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1rem;padding:1rem 1.25rem}.mock-result-segment-heading{color:#fff;font-size:1rem;margin:0 0 .75rem}.mock-result-criterion-list{display:flex;flex-direction:column;gap:.65rem;list-style:none;margin:0;padding:0}.mock-result-criterion-item{grid-gap:.65rem .75rem;align-items:center;display:grid;font-size:.85rem;gap:.65rem .75rem;grid-template-columns:minmax(0,1fr) minmax(80px,120px) 2rem auto}.mock-result-criterion-label{color:#ffffffe0;line-height:1.35}.mock-result-criterion-bar-wrap{background:#ffffff1a;border-radius:4px;display:block;height:8px;overflow:hidden}.mock-result-criterion-bar{background:linear-gradient(90deg,#e63946,#c1121f);border-radius:4px;display:block;height:100%;min-width:2px}.mock-result-criterion-weak .mock-result-criterion-bar{background:linear-gradient(90deg,#c94a4a,#8b2020)}.mock-result-criterion-strong .mock-result-criterion-bar{background:linear-gradient(90deg,#2a9d5c,#1e7a47)}.mock-result-criterion-score{color:#fff;font-weight:700;text-align:right}.mock-result-criterion-hint{color:#f4a261;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}@media (max-width:640px){.mock-result-criterion-item{grid-template-columns:1fr 2.5rem;grid-template-rows:auto auto}.mock-result-criterion-bar-wrap,.mock-result-criterion-hint{grid-column:1/-1}.mock-result-bar-row{gap:.35rem;grid-template-columns:1fr}.mock-result-bar-row label{grid-row:1}.mock-result-bar-track{grid-row:2}.mock-result-bar-value{grid-row:3;text-align:left}}.mock-grading-user-line{margin-bottom:1.5rem}.mock-grading-empty,.mock-grading-error,.mock-grading-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:3rem}.mock-grading-loading .spinner{animation:spin 1s linear infinite;margin-bottom:1rem}.mock-grading-empty button,.mock-grading-error button{background:#e63946;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem}.mock-submissions-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.mock-submission-card{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;cursor:pointer;padding:1.25rem;transition:all .2s ease}.mock-submission-user{color:#fff;font-weight:600;margin-bottom:.25rem}.mock-submission-topic{color:#ffffffe6;font-size:.95rem;margin-bottom:.5rem}.mock-submission-meta{color:#fff9;font-size:.85rem;margin-bottom:1rem}.mock-submission-grade-btn{background:#e63946;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.4rem 1rem}.mock-grading-nav{margin-bottom:1.5rem}.mock-grading-nav button{align-items:center;background:#0000;border:1px solid #ffffff4d;border-radius:6px;color:#ffffffe6;cursor:pointer;display:inline-flex;gap:.5rem;padding:.5rem 1rem}.mock-grading-nav button:hover{background:#ffffff1a}.mock-overall-preview{background:#e6394633;border-radius:8px;color:#fff;margin-bottom:2rem;padding:.75rem 1rem}.mock-audio-grading-card{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:1.5rem;padding:1.5rem}.mock-audio-grading-card h3{color:#fff;font-size:1.1rem;margin-bottom:1rem}.mock-audio-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.mock-audio-col h4{color:#ffffffe6;font-size:.9rem;margin-bottom:.5rem}.mock-source-text,.mock-transcript{color:#fffc;font-size:.9rem;line-height:1.5;margin-bottom:.5rem;min-height:2.5em}.mock-play-btn{align-items:center;background:#e6394680;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;gap:.35rem;padding:.35rem .75rem}.mock-play-btn:hover{background:#e63946b3}.mock-expected-translations{margin-bottom:1rem;margin-top:1rem}.mock-expected-translations h4{color:#ffffffe6;font-size:.9rem;margin-bottom:.5rem}.mock-expected-translations ul{color:#fffc;font-size:.9rem;line-height:1.6;margin:0;padding-left:1.25rem}.mock-sliders{grid-gap:.75rem 1.5rem;display:grid;gap:.75rem 1.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:1rem}.mock-slider-row{align-items:center;display:flex;gap:.5rem}.mock-slider-row label{color:#ffffffe6;flex:0 0 140px;font-size:.85rem}.mock-slider-row input[type=range]{flex:1 1;min-width:80px}.mock-slider-row span{color:#fff;flex:0 0 1.5rem;font-size:.9rem;font-weight:600}.mock-grading-err-msg{color:#e63946;margin-bottom:1rem}.mock-admin-feedback-field{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;margin-top:2rem;padding:1.25rem}.mock-admin-feedback-field label{color:#fffffff2;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.mock-admin-feedback-textarea{background:#00000040;border:1px solid #ffffff26;border-radius:8px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:.9rem;line-height:1.5;min-height:120px;padding:.75rem 1rem;resize:vertical;width:100%}.mock-admin-feedback-textarea::placeholder{color:#ffffff59}.mock-admin-feedback-hint{color:#ffffff73;display:block;font-size:.75rem;margin-top:.35rem}.mock-submit-results-btn{background:#e63946;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.75rem 2rem}.mock-submit-results-btn:hover:not(:disabled){background:#d42d3a}.mock-submit-results-btn:disabled{cursor:not-allowed;opacity:.6}.mock-grading-tabs{display:flex;gap:.5rem;margin-bottom:1.25rem}.mock-grading-tab{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;color:#ffffffa6;cursor:pointer;font-size:.9rem;font-weight:600;padding:.45rem 1.1rem;transition:background .2s ease,border-color .2s ease,color .2s ease}.mock-grading-tab:hover{border-color:#e6394659;color:#fff}.mock-grading-tab-active{background:#e6394640;border-color:#e639468c;color:#fff}.mock-submission-overall{color:#5dd879f2;font-weight:600}.mock-overall-preview-final{background:#28a7451f;border-color:#5dd87959}.mock-sliders-readonly .mock-slider-row{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) auto}.mock-sliders-readonly .mock-slider-row label{margin:0}.mock-grade-readonly-val{align-items:center;background:#e6394633;border:1px solid #e6394666;border-radius:8px;color:#fff;display:inline-flex;font-size:1rem;font-weight:700;justify-content:center;min-width:2rem;padding:.2rem .5rem}.mock-readonly-feedback-block{background:#6495ed1a;border:1px solid #6495ed59;border-radius:10px;margin:1.5rem 0;padding:1rem 1.25rem}.mock-readonly-feedback-title{color:#a8c4ff;font-size:.95rem;font-weight:600;margin:0 0 .5rem}.mock-readonly-feedback-body{color:#ffffffeb;font-size:.95rem;line-height:1.55;margin:0;white-space:pre-wrap}.mock-graded-debug{background:#00000073;border:1px dashed #e6394673;border-radius:8px;color:#ccc;font-size:.72rem;line-height:1.35;margin-top:.5rem;max-height:280px;overflow:auto;padding:1rem;white-space:pre-wrap;word-break:break-word}.booking-page{max-width:100%;padding:2rem;width:100%}.page-header{margin-bottom:2rem}.page-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.page-description{color:#fff9;font-size:1rem}.error-message{background:#dc35451a;border:1px solid #dc3545;border-radius:8px;color:#dc3545;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.error-message,.retry-btn{align-items:center;display:flex}.retry-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.retry-btn:hover{background:#c92a3a}.loading-container{align-items:center;color:#fff9;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.loading-container .spinner{animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state{align-items:center;color:#fff9;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state svg{margin-bottom:1rem;opacity:.5}.services-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));width:100%}.service-card{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .3s ease}.service-card:hover{border-color:#e63946;box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.service-image{background:#1a1a1a;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.service-image img{object-fit:cover}.service-image img,.service-image-placeholder{height:100%;left:0;position:absolute;top:0;width:100%}.service-image-placeholder{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);color:#ffffff4d;display:flex;justify-content:center}.service-info{padding:1.5rem}.service-info h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.service-description{color:#ffffffb3;font-size:.95rem;line-height:1.6;margin:0 0 1.5rem}.btn-book{align-items:center;background:#e63946;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.btn-book:hover{background:#c92a3a;transform:translateY(-2px)}.request-sent-message{align-items:center;background:#28a7451a;border:1px solid #28a7454d;border-radius:8px;color:#28a745;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;width:100%}.request-sent-message svg{flex-shrink:0}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.booking-request-modal{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:#ffffffe6;font-size:20px;font-weight:600;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#fff9;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.modal-close:hover{background:#ffffff1a;color:#ffffffe6}.modal-body{padding:24px}.form-group{margin-bottom:1.5rem}.form-group label{align-items:center;color:#fffc;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:.5rem}.form-group input,.form-group textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#ffffffe6;font-family:inherit;font-size:.95rem;outline:none;padding:.75rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#e63946;box-shadow:0 0 0 3px #e639461a}.form-group textarea{min-height:100px;resize:vertical}.modal-footer{border-top:1px solid #ffffff1a;display:flex;gap:1rem;justify-content:flex-end;padding:24px}.btn-primary{align-items:center;background:#e63946;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary:hover{background:#c92a3a}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.btn-secondary:hover{background:#ffffff26}.success-modal{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:500px;padding:2rem;text-align:center;width:90%}.success-icon{color:#28a745;display:flex;justify-content:center;margin-bottom:1rem}.success-modal h2{color:#ffffffe6;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.success-modal p{color:#ffffffb3;font-size:1rem;line-height:1.6;margin:0 0 2rem}.success-modal .btn-primary{margin:0 auto}.spinner{animation:spin 1s linear infinite}@media (max-width:768px){.booking-page{padding:1rem}.services-grid{grid-template-columns:1fr}.booking-request-modal,.success-modal{padding:1.5rem;width:95%}}
/*# sourceMappingURL=main.3cbc2556.css.map*/