body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eaeaea;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding-top:0}.container{padding:0 1rem}.error-message{margin:1rem 0}.success-message{background:#51cf66;border-radius:5px;color:#fff;margin:1rem 0}.btn{border:none;border-radius:5px;cursor:pointer;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5a6fd8;transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268;transform:translateY(-2px)}@media (max-width:768px){.container{padding:0 .5rem}.btn{padding:.5rem 1rem}}html{scroll-behavior:smooth}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #667eea;outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}.skeleton{background-color:#e9eef5;border-radius:8px;overflow:hidden;position:relative}.skeleton:after{animation:skeleton-shimmer 1.2s infinite;background:linear-gradient(90deg,#fff0,#fff9 50%,#fff0);content:"";inset:0;position:absolute;transform:translateX(-100%)}@keyframes skeleton-shimmer{to{transform:translateX(100%)}}.skeleton-title{border-radius:8px;height:28px}.skeleton-chip{border-radius:999px;height:20px}.skeleton-rect{border-radius:12px;height:140px}.skeleton-circle{border-radius:50%;height:40px;width:40px}.skeleton+.skeleton{margin-top:10px}@media (prefers-reduced-motion:reduce){.skeleton:after{animation:none}}.toast{background:#fff;border-radius:30px;box-shadow:0 4px 20px #00000026;font-family:inherit;max-width:500px;min-width:300px;opacity:0;padding:0;position:fixed;transform:translateY(-20px);transition:all .3s ease;transition:transform .3s ease,opacity .3s ease;z-index:9999}.toast.show{opacity:1;transform:translateY(0)}.toast.hide{opacity:0;transform:translateY(-20px)}.toast.top-right{right:20px;top:20px}.toast.top-left{left:20px;top:20px}.toast.bottom-right{bottom:20px;right:20px}.toast.bottom-left{bottom:20px;left:20px}.toast.top-center{left:50%;top:20px;transform:translateX(-50%)}.toast.bottom-center{bottom:20px;left:50%;transform:translateX(-50%)}.toast.success{color:#00ff3c}.toast.error{color:#ff0019}.toast.warning{color:#856404}.toast.info{color:#0c5460}.toast-content{gap:12px;padding:12px 16px}.toast-content,.toast-icon{align-items:center;display:flex}.toast-icon{flex-shrink:0;font-size:18px;font-weight:700;justify-content:center}.toast.success .toast-icon{color:#28a745}.toast.error .toast-icon{color:#dc3545}.toast.warning .toast-icon{color:#ffc107}.toast.info .toast-icon{color:#17a2b8}.toast-message{color:#313131;flex:1 1;font-size:16px;line-height:1.4}.toast-close{align-items:center;background:none;border:none;color:#0000;display:flex;font-size:20px;height:20px;justify-content:center;opacity:.7;padding:0;transition:opacity .2s ease;width:20px}.toast-close:hover{opacity:1}.toast+.toast{margin-top:10px}@media (max-width:480px){.toast{left:10px!important;max-width:calc(100vw - 20px);min-width:auto;right:10px!important}.toast.bottom-center,.toast.top-center{transform:none}}.auth-form{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:2rem;position:absolute;right:2rem;top:4rem;z-index:100}.auth-form h2,.auth-form input{margin-bottom:1rem}.auth-form input{display:block;width:100%}.auth-form button{margin-right:.5rem}.auth-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000059;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.auth-modal{animation:fadeInModal .2s;background:#fff;border-radius:25px;box-shadow:0 8px 32px #0000002e;margin:0;max-width:90vw;padding:2.5rem 2rem 2rem;position:relative;width:500px}@keyframes fadeInModal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.auth-modal-close{background:none;border:none;border-radius:25px;color:#888;cursor:pointer;font-size:2rem;height:2rem;position:absolute;right:1rem;top:1rem;transition:color .2s;transition:background .2s ease,color .2s ease;width:2rem;z-index:1}.auth-modal-close:hover{background:#d5d5d5a0;color:#dc3545}.auth-modal h2{color:#333;margin-bottom:1.5rem;text-align:center}.auth-modal form{display:flex;flex-direction:column;gap:1rem}.auth-check-row{align-items:center;color:#374151;display:inline-flex;font-size:.95rem;gap:10px;-webkit-user-select:none;user-select:none}.auth-check-row input[type=checkbox]{accent-color:#667eea;height:18px;width:18px}.auth-modal input{border:1px solid #ddd;border-radius:8px;font-size:1rem;margin-bottom:.5rem;padding:.7rem 1rem;transition:border-color .2s}.auth-modal input:focus{border-color:#667eea;outline:none}.auth-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:1rem 1.5rem;transition:background .2s,transform .2s}.auth-btn:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px)}.auth-btn:disabled{cursor:not-allowed;opacity:.7}.auth-btn.secondary{background:#f8f9fa;border:none;color:#333}.auth-btn.secondary:hover{background:#e9ecef}.error-message{color:#c00;font-size:1rem;margin-top:1rem}.user-type-select{background:#fdfdfd;border:1px solid #ddd;border-radius:8px;font-size:.95rem;min-width:180px;padding:.6rem .9rem;transition:border-color .2s,background .2s}.user-type-select:focus{background:#fff;border-color:#667eea;outline:none}.auth-check-row span{color:#444;font-weight:500}.navbar{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#667eea,#764ba2bd);box-shadow:0 2px 10px #0000001a;padding:1rem 0;position:sticky;top:0;z-index:1000}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem;position:relative}.nav-logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .3s ease}.nav-logo:hover{color:#f0f0f0}.logo-container,.logo-image{height:40px;width:auto}.logo-container{align-items:center;display:flex;gap:.5rem}.nav-menu{display:flex;gap:1rem;list-style:none;margin:0;padding:0}.nav-link{align-items:center;border-radius:25px;color:#fff;display:flex;font-weight:500;height:42px;padding:0 1rem;text-decoration:none;transition:all .3s ease}.nav-link:hover{background-color:#0000000f;transform:translateY(-2px)}.nav-link.active{background-color:#0000002c;transform:translateY(-2px)}#logoutBtn{background:#fff;color:#000;margin-left:2rem}#logoutBtn:hover{background:#000;color:#fff;transform:translateY(-2px)}.navbar-auth button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-left:.5rem;padding:.5rem 1.2rem;transition:background .2s,transform .2s}.navbar-auth button:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px)}.navbar-auth span{color:#333;font-weight:500;margin-right:.5rem}.hamburger{align-self:center;cursor:pointer;display:none;flex-direction:column;padding:4px}.bar{background-color:#fff;border-radius:2px;height:3px;margin:3px 0;transition:.3s;width:25px}.hamburger .bar.active:first-child{transform:rotate(-45deg) translate(-5px,6px)}.hamburger .bar.active:nth-child(2){opacity:0}.hamburger .bar.active:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}@media (max-width:768px){.navbar{height:auto;padding:1rem 0}.hamburger{display:flex}.nav-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 0 25px 25px;box-shadow:0 10px 27px #0000000d;flex-direction:column;gap:0;left:0;opacity:0;padding:2rem;pointer-events:none;position:fixed;text-align:center;top:-450px;transition:top .35s ease,opacity .3s ease;width:100%;z-index:1200}.nav-menu.active{opacity:1;pointer-events:auto;top:65px}.nav-item{display:flex;justify-content:center;margin:.3rem 0}.nav-link{display:block;font-size:1.1rem;height:2.5rem;padding:.5rem 1rem}#logoutBtn{margin-left:0;margin-top:1rem}}@media (max-width:480px){.nav-container{padding:0 .5rem}.logo-image{height:35px}}.profile-item{position:relative}.nav-profile{align-items:center;display:flex;position:relative}.nav-profile-avatar{align-items:center;background:linear-gradient(135deg,#fff,#e6e6e6);border-radius:50%;box-shadow:0 4px 12px #00000026;color:#333;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;height:42px;justify-content:center;transition:transform .2s,box-shadow .2s;-webkit-user-select:none;user-select:none;width:42px}.nav-profile-avatar:hover{box-shadow:0 6px 18px #00000038;transform:scale(1.1)}.nav-profile-dropdown{background:#fff;border-radius:15px;box-shadow:0 10px 28px #00000045;display:flex;flex-direction:column;min-width:180px;opacity:0;padding:.5rem;pointer-events:none;position:absolute;right:0;top:45px;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease;z-index:1200}.nav-profile:hover .nav-profile-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-profile-dropdown .dropdown-item{background:none;border:none;border-radius:15px;color:#333;cursor:pointer;font-size:.85rem;padding:.65rem 1rem;text-align:left;text-decoration:none;transition:background .15s}.nav-profile-dropdown .dropdown-item:hover{background:#f4f5f9}.desktop-only{display:none}.mobile-only{display:list-item}@media (min-width:769px){.desktop-only{display:list-item}.mobile-only{display:none}}.home{align-items:center;background-image:linear-gradient(135deg,#667eea86,#764ba296);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding-bottom:2rem;position:relative;text-align:center}.home:before{background-image:url(/static/media/HomeBack.5365a98fadd4d8d4a025.png);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";filter:blur(5px);left:0;position:absolute;right:0;top:0;z-index:-1}.home-logo-container{align-items:center;display:flex;font-size:3rem;font-weight:700;gap:.5rem;height:40px;justify-content:center;margin-bottom:3rem;padding-top:2rem;width:auto}.home-nav-logo{color:#fff;font-size:3rem;font-weight:700;text-decoration:none;transition:color .3s ease}.home-nav-logo:hover{color:#f0f0f0}.home-logo-image{height:150px;width:auto}.hero{padding:4rem 1rem}.hero-content h1{font-size:3rem;font-weight:700;margin-bottom:1rem}.hero-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.cta-button{background:#fff3;border:2px solid #ffffff4d;border-radius:50px;color:#fff;display:inline-block;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-button:hover{background:#ffffff4d;box-shadow:0 10px 25px #0003;transform:translateY(-2px)}.stats{background:#f8f9fa2c;border-radius:25px;margin-bottom:2rem;max-width:95vw;padding:4rem;width:100%}.stats-container{margin:0 auto;text-align:center}.stats h1{color:#fff;margin-bottom:2rem}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:#fff;border-radius:25px;box-shadow:0 5px 15px #0000001a;padding:2rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 5px 15px rgba(6,0,95,.332);transform:translateY(-5px)}.stat-card h3{color:#667eea;font-size:2.5rem;margin-bottom:.5rem}.stat-card p{color:#666;font-weight:500}.features{background:#f8f9fa2c;border-radius:25px;max-width:95vw;padding:4rem;width:100%}.features-container{margin:0 auto;text-align:center}.features h1{color:#fff;margin-bottom:3rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.feature-card{background:#ffffffd4;border:none;border-radius:25px;box-shadow:0 10px 30px #0000001a;color:inherit;padding:2rem;text-decoration:none;transition:all .3s ease}.feature-card:hover{background:#fff;box-shadow:0 20px 40px rgba(0,0,0,.284);transform:translateY(-15px)}.feature-card:hover .feature-icon{transform:scale(2) rotate(10deg)}.feature-card:hover h3{transform:scale(1.3)}.feature-icon{font-size:3rem;margin-bottom:2rem;transition:all .3s ease}.feature-card h3{color:#333;margin-bottom:1rem;transition:all .3s ease}.feature-card p{color:#666;line-height:1.6}.error-message{margin:1rem}@media (max-width:768px){.hero-content h1{font-size:2rem}.stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.features-grid{grid-template-columns:1fr}}.search-bar{width:100%}.search-input-container{align-items:center;display:flex;position:relative}.search-input{background:hsla(0,0%,83%,.252);border:none;border-radius:50px;font-size:1rem;outline:none;padding:1rem 3rem 1rem 1rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:#a8b6f4;box-shadow:0 0 0 3px #667eea1a}.search-button{align-items:center;background:#667eea;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:.75rem;position:absolute;right:3px;transition:all .3s ease}.search-button:hover{background:#5a6fd8;transform:scale(1.05)}.clear-button{background:#0000;border:none;color:#999;cursor:pointer;font-size:1.2rem;padding:.5rem;position:absolute;right:3.5rem;transition:color .3s ease}.clear-button:hover{color:#333}@media (max-width:768px){.search-input{padding:.75rem 3rem .75rem 1rem}}.fiber-card{background:#fff;border:1px solid #e9ecef;border-radius:25px;box-shadow:0 5px 15px #0000001a;overflow:hidden;transition:all .3s ease}.fiber-card:hover{box-shadow:0 15px 30px rgba(74,11,103,.289);transform:translateY(-5px)}.fiber-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:1.5rem}.fiber-name{color:#333;font-size:1.3rem;font-weight:600;margin:0;text-transform:capitalize}.fiber-type{border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.fiber-details{padding:1.5rem}.detail-item{line-height:1.6;margin-bottom:1rem}.detail-item strong{color:#495057;display:inline-block;min-width:120px}.properties-grid{grid-gap:1rem;background:#f8f9fa;border-radius:8px;gap:1rem;grid-template-columns:1fr 1fr;margin:1rem 0;padding:1rem}.property-item{display:flex;flex-direction:column;gap:.25rem}.property-item label{color:#666;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.property-item span{color:#333;font-weight:500}.end-uses{margin:1rem 0}.end-uses strong{color:#495057;display:block;margin-bottom:.5rem}.use-categories{display:flex;flex-wrap:wrap;gap:.5rem}.use-category{background:#667eea;border-radius:15px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.fiber-actions{background:#f8f9fa;border-top:1px solid #dee2e6;padding:1rem 1.5rem}.view-details-btn{background:#a0a0a0;border-radius:25px;color:#fff;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.view-details-btn:hover{background:#424242;transform:translateY(-2px)}@media (max-width:768px){.fiber-header{flex-direction:column;gap:1rem;text-align:center}.properties-grid{grid-template-columns:1fr}.use-categories{justify-content:center}}.add-fiber-form{background:#fff;border-radius:25px;box-shadow:0 5px 15px #0000001a;margin:0 auto;max-width:90vw;padding:1rem;width:800px;z-index:1002}.fiber-form-overlay{background:rgba(0,0,0,.252);z-index:1000}.fiber-form-container{background:#0000;padding:2rem 0;z-index:1001}.fiber-form-header{align-items:center;display:flex;font-size:32px;font-weight:700;justify-content:space-between;margin:0 0 2rem;padding:1rem}.form-header p{color:#333;margin:0}.close-btn{background:none;color:#666;font-size:1.5rem;padding:.5rem}.close-btn:hover{background:#f5f5f5;color:#333}.form-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;margin-bottom:2rem;padding:1rem}.form-section h3{border-bottom:1px solid #dee2e6;color:#495057;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#495057;display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;border-radius:8px;font-size:1rem;max-width:100%;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.property-group{margin-bottom:1.5rem}.property-group label{color:#495057;display:block;font-weight:600;margin-bottom:.5rem}.range-inputs input{border:1px solid #ced4da;border-radius:8px;padding:.75rem}.end-uses-group{margin-bottom:1.5rem}.end-uses-group label{color:#495057;display:block;font-weight:600;margin-bottom:.5rem}.add-item-input{display:flex;gap:.5rem;margin-bottom:1rem}.add-item-input input{border:1px solid #ced4da;border-radius:8px;flex:1 1;padding:.75rem}.add-item-input button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .3s ease}.add-item-input button:hover{background:#5a6fd8}.items-list{display:flex;flex-wrap:wrap;gap:.5rem}.item-tag{align-items:center;background:#e9ecef;border-radius:20px;color:#495057;display:inline-flex;font-size:.9rem;padding:.5rem 1rem}.item-tag button{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:1rem;height:16px;justify-content:center;line-height:1;margin-left:.5rem;padding:0;width:16px}.item-tag button:hover{background:#dc3545;color:#fff}.form-actions{border-top:1px solid #dee2e6;margin-top:2rem;padding-top:2rem}.submit-btn{background:#28a745;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:background-color .3s ease}.submit-btn:hover:not(:disabled){background:#218838}.submit-btn:disabled{background:#6c757d;cursor:not-allowed}#cancel-btn{background:#e92f2f}#cancel-btn:hover{background:#c82333}.error-message{border:1px solid #f5c6cb}.success-message{border-radius:15px;padding:3rem;text-align:center}.success-message h2{color:#155724;margin-bottom:1rem}.application-category,.testing-method-category{background:#fff;border:none;border-radius:8px;margin-bottom:2rem;padding:1rem}.application-category h4,.testing-method-category h4{color:#495057;font-size:1rem;font-weight:600;margin:0 0 1rem}.dropdown-container{border:none;border-radius:26px;margin-bottom:1rem}.dropdown-container select{background:#fff;border:1px solid #ced4da;border-radius:8px;font-size:1rem;padding:.75rem;width:100%}.new-item-form{background:#f8f9fa;border:none;border-radius:8px;margin:1rem 0;padding:1rem}.new-item-form h5{color:#495057;font-size:.9rem;font-weight:600;margin:0 0 1rem}.new-item-form input,.new-item-form textarea{border:1px solid #ced4da;border-radius:7px;font-size:.9rem;margin-bottom:.5rem;max-width:100%;padding:.5rem;width:100%}.new-item-form .form-actions{border:none;gap:.5rem;justify-content:flex-start;margin:.5rem 0 0;padding:0}.new-item-form .form-actions button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.new-item-form .form-actions button:first-child{background:#28a745;color:#fff}.new-item-form .form-actions button:first-child:hover{background:#218838}.new-item-form .form-actions button:last-child{background:#6c757d;color:#fff}.new-item-form .form-actions button:last-child:hover{background:#5a6268}.selected-items{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}@media (max-width:768px){.add-fiber-form{margin:1rem;padding:1rem}.range-inputs{align-items:stretch;flex-direction:column}.range-inputs span{margin:.25rem 0;text-align:center}.add-item-input,.form-actions{flex-direction:column}}.fibers-page{background:#f8f9fa;min-height:100vh;padding:2rem 1rem}.container{margin:0 auto;max-width:1200px}.fibers-page h1{color:#333;font-size:2.5rem;margin-bottom:2rem;text-align:center}.filter-controls{align-items:center;border-radius:30px;display:flex;gap:1rem}.filter-controls label{color:#333;font-weight:600}.type-filter{border-radius:5px}.fibers-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.loading{align-items:center;color:#666;display:flex;font-size:1.2rem;height:50vh;justify-content:center}.error-message{background:#ff6b6b;border-radius:5px;color:#fff;text-align:center}.page-header{align-items:center;display:flex;justify-content:space-between}.page-header h1{color:#333;margin:0}.header-buttons{align-items:center;background:#e6e6e69a;border-radius:30px;display:flex;font-weight:500;padding:.3rem .5rem .3rem 2rem}.add-fiber-btn{align-items:center;background:#28a745;border:none;border-radius:25px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;height:40px;margin-left:.3rem;padding:1rem 2rem;text-decoration:none;transition:background-color .3s ease}.add-fiber-btn:hover{background:#218838}#uploadBtn{background:#007bff}#uploadBtn:hover{background:#0069d9}@media (max-width:768px){.fibers-grid{grid-template-columns:1fr}.controls{padding:1rem}.filter-controls{align-items:flex-start;flex-direction:column}.page-header{flex-direction:column;gap:1rem;text-align:center}.add-fiber-btn{justify-content:center;width:100%}}.ai-suggestions-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.ai-suggestions-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.modal-header{align-items:center;background:#fff;color:#373737;display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-header h2{font-size:1.5rem;font-weight:700;margin:0}.close-btn{align-items:center;background:#d4d4d4;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:background-color .2s ease;width:40px}.close-btn:hover{background:#fff3}.modal-content{flex:1 1;overflow-y:auto;padding:2rem}.suggestion-options p{color:#666;font-size:1.1rem;margin-bottom:2rem;text-align:center}.options-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1rem}.option-btn{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;gap:1rem;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .1s ease}.option-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 5px 15px #667eea4d;color:#fff;transform:translateY(-2px)}.option-btn:disabled{cursor:not-allowed;opacity:.6}.option-btn.loading{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.option-icon{flex-shrink:0;font-size:1.5rem}.option-label{flex:1 1;font-weight:500;text-align:left}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;flex-shrink:0;height:20px;width:20px}.suggestions-result{display:flex;flex-direction:column;height:100%}.result-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.result-header h3{align-items:center;color:#333;display:flex;font-size:1.3rem;gap:.5rem;margin:0}.back-btn{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s ease}.back-btn:hover{background:#5a6268}.suggestions-content{color:#333;flex:1 1;line-height:1.6;overflow-y:auto}.suggestions-content h4{color:#667eea;font-size:1.1rem;font-weight:600;margin:1.5rem 0 .5rem}.suggestions-content p{margin:.5rem 0;text-align:justify}.suggestions-content li{list-style-position:inside;margin:.3rem 0}.suggestions-content br{margin:.5rem 0}@media (max-width:768px){.ai-suggestions-modal{margin:1rem;max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem)}.modal-header{padding:1rem 1.5rem}.modal-header h2{font-size:1.3rem}.modal-content{padding:1.5rem}.options-grid{gap:.8rem;grid-template-columns:1fr}.option-btn{font-size:.9rem;padding:.8rem 1rem}.result-header{align-items:flex-start;flex-direction:column;gap:1rem}.result-header h3{font-size:1.1rem}}@media (max-width:480px){.ai-suggestions-modal{border-radius:15px}.modal-content,.modal-header,.option-btn{padding:1rem}.option-btn{flex-direction:column;gap:.5rem;text-align:center}.option-icon{font-size:2rem}}.fiber-detail-page{background:#f8f9fa;min-height:100vh;padding:2rem 1rem}.back-link{color:#667eea;display:inline-block;font-weight:600;margin-bottom:2rem;text-decoration:none;transition:color .3s ease}.back-link:hover{color:#5a6fd8}.fiber-image-wrapper{flex-shrink:0}.fiber-detail-image{border:3px solid #fff;border-radius:12px;box-shadow:0 4px 15px #00000026;height:120px;object-fit:cover;width:120px}.fiber-detail-header{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.fiber-header-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.fiber-header-info h1{color:#333;font-size:2.2rem;margin:0;text-transform:capitalize}.fiber-header-info .fiber-type-badge{width:fit-content}.fiber-type-badge{border-radius:25px;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.fiber-content{grid-gap:2rem;display:grid;gap:2rem}.basic-info-wrapper{display:contents}.basic-info{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:2rem}.basic-info-content,.basic-info-text{display:contents}.info-grid-wrapper{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr auto}.info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-grid-image{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;display:flex;flex-direction:column;gap:.75rem}.info-grid-image img{border:3px solid #fff;border-radius:10px;box-shadow:0 4px 12px #0000001f;height:220px;object-fit:cover;width:220px}.info-grid-image .fiber-image-caption{color:#666;font-size:.85rem;font-style:italic;margin-top:.25rem;text-align:center}.basic-info-image,.fiber-sidebar-image{display:none}.applications-section,.notes-section,.properties-section,.testing-section{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:2rem}.applications-section h2,.basic-info h2,.notes-section h2,.properties-section h2,.testing-section h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-item{background:#f8f9fa;border-radius:15px;padding:1rem;transition:background .3s ease}.info-item:hover{background:#e9ecef}.info-item strong{color:#495057;display:block;margin-bottom:.5rem}.properties-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.property-card{background:#649daa26;border:1px #667eea;border-radius:15px;color:#8a8a8a;padding:1.5rem;text-align:center;transition:transform .3s ease}.property-card:hover{background:#5acde746;transform:translateY(-5px)}.property-card h3{font-size:1.1rem;font-weight:500;margin:0 0 .5rem}.property-card p{color:#383838;font-size:1.2rem;font-weight:600;margin:0}.applications-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.application-category{background:#f8f9fa;border-radius:15px}.application-category h3{color:#333;font-size:1.2rem;margin-bottom:1rem}.application-category ul{list-style:none;margin:0;padding:0}.application-category li{border-bottom:1px solid #dee2e6;color:#666;padding:.5rem 0}.application-category li:last-child{border-bottom:none}.testing-grid{grid-gap:1rem;display:grid;gap:1rem}.test-method{background:#f8f9fa;border-left:4px solid #28a745;border-radius:8px;padding:1rem}.test-method strong{color:#495057;display:block;margin-bottom:.5rem}.notes-section p{color:#666;font-size:1.1rem;line-height:1.8}.edit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.5rem 1.2rem}@media (max-width:900px){.info-grid-wrapper{grid-template-columns:1fr}.info-grid-image{justify-self:center;order:-1}.info-grid-image img{height:180px;width:180px}}@media (max-width:768px){.fiber-detail-header{align-items:center;flex-direction:column;text-align:center}.fiber-header-info{align-items:center}.fiber-header-info h1{font-size:1.8rem}.info-grid-image img{height:150px;width:150px}.info-grid{grid-template-columns:1fr}}.applications-page{background:#f8f9fa;min-height:100vh;padding:2rem 1rem}.applications-page h1{color:#333;font-size:2.5rem;margin-bottom:2rem;text-align:center}.controls{background:#fff;border-radius:30px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.5rem}.category-filter{background:#fff;border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:.5rem 1rem}.application-card{background:#fff;border:1px solid #e9ecef;border-radius:15px;box-shadow:0 5px 15px #0000001a;overflow:hidden;transition:all .3s ease}.application-card:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-5px)}.application-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:.3rem 1.5rem}.application-header h3{color:#fff;font-size:1.3rem;font-weight:500;margin:0}.category-badge{font-size:.8rem}.category-apparel{background:#ff6b6b}.category-home_textiles{background:#4ecdc4}.category-technical_textiles{background:#45b7d1}.category-industrial{background:#96ceb4}.application-content{padding:1rem}.description{color:#666;line-height:1.6;margin-bottom:1rem}.link-like{border:none;border-radius:25px;cursor:pointer;margin:.2rem;padding:.5rem 1rem}.link-like:hover{background:#0000007f;color:#fff}.fiber-info p,.market-segment strong{color:#838383;display:block;font-size:14px;font-weight:600;margin-bottom:.25rem}.requirements{margin-bottom:1rem}.requirements strong{color:#495057;display:block;margin-bottom:.5rem}.requirements ul{color:#666;margin:0;padding-left:1.5rem}.requirements li{margin-bottom:.25rem}.skeleton{opacity:.95;pointer-events:none}.skeleton-header{align-items:center;display:flex;justify-content:space-between;padding:.6rem 1rem}.skeleton-line{animation:shimmer 1.2s linear infinite;background:linear-gradient(90deg,#eee 25%,#f7f7f7 50%,#eee 75%);background-size:200% 100%;border-radius:6px;height:12px;margin-bottom:.6rem;width:100%}.skeleton-line.short{height:16px;width:40%}.skeleton-line.medium{height:14px;width:70%}.skeleton-badge{border-radius:12px;height:20px;width:80px}.skeleton-badge,.skeleton-pill{animation:shimmer 1.2s linear infinite;background:linear-gradient(90deg,#eee 25%,#f7f7f7 50%,#eee 75%);background-size:200% 100%}.skeleton-pill{border-radius:25px;display:inline-block;height:26px;margin:.25rem;width:70px}#button-pill{height:40px;width:100%}.skeleton-row{font-weight:500;padding:.5rem 0;text-align:center}#fiber-info{width:30%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:768px){.skeleton-header{align-items:flex-start;flex-direction:column;gap:.6rem}}.glossary-page{background:#f8f9fa;min-height:100vh;padding:2rem 1rem}.glossary-page h1{color:#333;font-size:2.5rem;margin:0}.add-term-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.add-term-btn:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.add-term-form{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;margin-bottom:2rem;overflow:hidden}.form-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:1.5rem 2rem}.form-header h2{font-size:1.5rem;margin:0}.add-term-form form{padding:2rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.form-actions{border-top:1px solid #eee;display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.cancel-btn{background:#c34d4d;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.cancel-btn:hover{background:#5a6268;transform:translateY(-2px)}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;margin-bottom:1rem;padding:1rem}.error-message{background:#f8d7da;border:1px solid #f5c2c7;border-radius:8px;color:#721c24;margin-bottom:1rem;padding:1rem}.filter-row{gap:2rem}.filter-group label{min-width:80px}.category-filter,.letter-filter{background:#fff;border:1px solid #ddd;border-radius:5px;font-size:1rem;min-width:150px;padding:.5rem 1rem}.glossary-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.term-card{background:#fff;border:1px solid #e9ecef;border-radius:15px;box-shadow:0 5px 15px #0000001a;overflow:hidden;transition:all .3s ease}.term-card:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-5px)}.term-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:.5rem}.term-title{color:#333;font-size:1rem;font-weight:700;margin:0;text-transform:capitalize}.category-badge{border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.term-content{padding:.5rem 1.5rem}.definition{color:#666;font-size:1rem;line-height:1.6}.definition,.synonyms{margin-bottom:1rem}.synonyms strong{color:#495057;display:block;font-size:.9rem;margin-bottom:.5rem}.synonym-tags{display:flex;flex-wrap:wrap;gap:.5rem}.synonym-tag{background:#e9ecef;border-radius:12px;color:#495057;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.examples{margin-bottom:1rem}.examples strong{color:#495057;display:block;font-size:.9rem;margin-bottom:.5rem}.examples ul{color:#666;margin:0;padding-left:1.5rem}.examples li{font-size:.9rem;margin-bottom:.25rem}.tags{margin-bottom:1rem}.tags strong{color:#495057;display:block;font-size:.9rem;margin-bottom:.5rem}.tag-list{display:flex;flex-wrap:wrap;gap:.3rem}.tag{background:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;color:#495057;font-size:.75rem;font-weight:500;padding:.2rem .4rem}.difficulty{display:flex;justify-content:flex-end}.difficulty-badge{border-radius:15px;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.difficulty-beginner{background:#28a745}.difficulty-intermediate{background:#ffc107;color:#333}.difficulty-advanced{background:#dc3545}.no-results{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:3rem;text-align:center}.no-results h3{color:#333;margin-bottom:1rem}.no-results p{color:#666}@media (max-width:768px){.form-row{gap:1rem;grid-template-columns:1fr}.form-actions{flex-direction:column}.glossary-grid{grid-template-columns:1fr}.filter-row{flex-direction:column;gap:1rem}.filter-group{align-items:flex-start;flex-direction:column}.filter-group label{min-width:auto}.category-filter,.letter-filter{min-width:100%}.term-header{flex-direction:column;gap:1rem;text-align:center}}.properties-page{background:#f8f9fa;min-height:100vh;padding:2rem 1rem}.properties-page h1{color:#333;font-size:2.5rem;text-align:center}.filters-section{display:flex;flex-direction:column;gap:1.5rem}.filter-row{flex-wrap:wrap;gap:1rem;justify-content:space-between}.filter-group,.filter-row{align-items:center;display:flex}.filter-group{gap:.5rem}.filter-group label{color:#333;font-weight:600;white-space:nowrap}.type-filter{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:1rem;min-width:150px;padding:.5rem 1rem}.clear-filters-btn{align-items:center;background:#dc3545;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-weight:600;padding:.5rem 2rem;transition:all .3s ease}.clear-filters-btn:hover:not(:disabled){box-shadow:0 5px 15px #dc354566;transform:scale(.9)}.clear-filters-btn:disabled{background:#979797;box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}#toggleRangeBtn{background:#4caf50}#toggleRangeBtn:hover:not(:disabled){background:#037d09;box-shadow:0 5px 15px #51dc3566}.range-filters{background:#d4d4d400;border-radius:25px;border-top:1px solid #e9ecef;max-height:0;opacity:0;overflow:hidden;padding:0 1rem;transform:translateY(-10px);transition:max-height .36s cubic-bezier(.2,.9,.2,1),opacity .26s ease,transform .26s ease;will-change:max-height,opacity,transform}.range-filters.open{background:hsla(0,0%,83%,.252);max-height:1200px;opacity:1;padding:1rem;transform:translateY(0)}.range-filters.closed{padding-bottom:0;padding-top:0}.range-filters .range-filters-grid .range-filter-group{opacity:0;transform:translateY(-6px);transition:opacity .3s ease,transform .3s ease}.range-filters.open .range-filters-grid .range-filter-group{opacity:1;transform:translateY(0)}.range-filters.open .range-filters-grid .range-filter-group:first-child{transition-delay:.02s}.range-filters.open .range-filters-grid .range-filter-group:nth-child(2){transition-delay:.04s}.range-filters.open .range-filters-grid .range-filter-group:nth-child(3){transition-delay:.06s}.range-filters.open .range-filters-grid .range-filter-group:nth-child(4){transition-delay:.08s}.range-filters.open .range-filters-grid .range-filter-group:nth-child(5){transition-delay:.1s}.range-filters.open .range-filters-grid .range-filter-group:nth-child(6){transition-delay:.12s}.range-filters.open .range-filters-grid .range-filter-group:nth-child(7){transition-delay:.14s}.range-filters.open .range-filters-grid .range-filter-group:nth-child(8){transition-delay:.16s}.range-filters.open .range-filters-grid .range-filter-group:nth-child(9){transition-delay:.18s}.range-filters.open .range-filters-grid .range-filter-group:nth-child(10){transition-delay:.2s}.range-filters.open .range-filters-grid .range-filter-group:nth-child(11){transition-delay:.22s}.range-filters.open .range-filters-grid .range-filter-group:nth-child(12){transition-delay:.24s}.range-filters.open .range-filters-grid .range-filter-group:nth-child(13){transition-delay:.26s}.range-filters.open .range-filters-grid .range-filter-group:nth-child(14){transition-delay:.28s}@media (max-width:768px){.range-filters{transition-duration:.28s}}.range-filters h3{color:#333;font-size:1.2rem;margin:0 0 1rem}.range-filters-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.range-filter-group{background:#fff;border-radius:15px;display:flex;flex-direction:column;gap:.5rem;padding:.5rem;transition:all .3s ease}.range-filter-group:hover{box-shadow:0 2px 10px #0000001a}.range-filter-group label{color:#555;font-size:.9rem;font-weight:600}.range-inputs{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.range-inputs input{background:#f4f4f4;border:1px solid #ddd;border-radius:10px;flex:1 1;font-size:.9rem;max-width:80px;padding:.5rem}.range-inputs input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.range-inputs span{color:#666;font-size:.9rem;font-weight:500}.active-filters{background:#e8f3ff;border:none;border-radius:25px;padding:1rem}.active-filters strong{color:#333;display:block;margin-bottom:.5rem}.active-filters-list{display:flex;flex-wrap:wrap;gap:.5rem}.active-filter-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.results-info{color:#666;font-weight:500;margin-bottom:1rem}.filter-info{color:#999;font-size:.9rem;margin-top:.25rem}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:visible;position:relative;width:100%}.properties-table{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;min-width:2000px}.table-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:grid;font-weight:600;min-height:50px}.table-row{border-bottom:1px solid #e9ecef;display:grid;transition:background .2s ease}.table-header,.table-row{grid-template-columns:150px 120px 120px 120px 120px 120px 120px 130px 120px 140px 150px 140px 140px 120px 120px}.table-row:hover{background:#f8f9ff}.header-cell,.table-cell{align-items:center;display:flex;overflow:hidden;padding:.5rem .4rem;text-overflow:ellipsis}.header-cell{word-wrap:break-word;border-right:1px solid #ffffff4d;font-size:.7rem;letter-spacing:.3px;line-height:1.3;min-height:40px;text-align:left;text-transform:uppercase;white-space:normal}.header-cell:last-child{border-right:none}.table-cell{color:#495057;font-size:.75rem;white-space:nowrap}.header-cell:first-child,.table-cell:first-child{left:0;position:sticky;z-index:2}.header-cell:first-child{background:#6f5bcd;border-right:1px solid #fff6}.table-cell:first-child{background:#fff;box-shadow:2px 0 5px #0000000d}.table-row:hover .table-cell:first-child{background:#f8f9ff}.table-cell.fiber-name{color:#667eea;cursor:pointer;font-weight:600}.table-cell.fiber-name:hover{text-decoration:underline}.type-badge{border-radius:8px;font-size:.65rem;padding:.15rem .4rem;text-transform:capitalize}.table-wrapper::-webkit-scrollbar{height:5px}.table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.table-wrapper::-webkit-scrollbar-thumb{background:#aaa;border-radius:3px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#764ba2}.properties-table .error,.properties-table .loading,.properties-table .no-results{color:#666;font-size:.85rem;grid-column:1/-1;padding:2rem;text-align:center}@media (max-width:768px){.properties-table{min-width:1600px}.table-header,.table-row{grid-template-columns:120px 70px 90px 80px 100px 70px 80px 120px 100px 130px 140px 130px 130px 100px 130px}.header-cell,.table-cell{font-size:.65rem;padding:.4rem .3rem}.header-cell{font-size:.6rem}}@media (max-width:1200px){.range-filters-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:1024px){.properties-table{overflow-x:auto}.range-filters-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.properties-page{padding:1rem .5rem}.controls{padding:1.5rem}.filter-row{align-items:stretch;flex-direction:column}.filter-group{align-items:flex-start;flex-direction:column}.type-filter{min-width:100%}.range-filters-grid{gap:1rem;grid-template-columns:1fr}.range-inputs{flex-wrap:wrap}.range-inputs input{max-width:100px}.table-header,.table-row{font-size:.8rem;grid-template-columns:1fr 100px 100px 100px 120px 100px}.header-cell,.table-cell{padding:.75rem .5rem}.active-filters-list{justify-content:center}}@media (max-width:480px){.properties-page h1{font-size:2rem}.range-inputs{flex-direction:column;gap:.25rem}.range-inputs span{align-self:center}.range-inputs input{max-width:100%}}.bulk-container{backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);background:#ffffff2e;border:1px solid #ffffff40;border-radius:18px;box-shadow:0 8px 32px #667eea26;margin:2rem auto;max-width:1100px;padding:1.5rem}.bulk-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.bulk-header h2{color:#667eea;font-weight:800;margin:0}.bulk-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.file-input{background:#ffffff38;border:1px solid #ffffff59;border-radius:12px;color:#667eea;cursor:pointer;font-weight:600;overflow:hidden;padding:.65rem 1rem;position:relative}.file-input input[type=file]{background:#bfbfbf;cursor:pointer;inset:0;opacity:0;position:absolute}.file-input span{pointer-events:none}.bulk-actions button{backdrop-filter:blur(6px) saturate(180%);-webkit-backdrop-filter:blur(6px) saturate(180%);background:#6cee60;border:1px solid #ffffff59;border-radius:12px;box-shadow:0 2px 8px #667eea14;color:#000;cursor:pointer;font-weight:600;padding:.65rem 1rem;transition:background .2s,color .2s}.bulk-actions button:hover{background:#03166b;color:#fff}.bulk-actions .primary{background:#667eea;color:#fff}.bulk-actions .muted{color:#555}.summary{color:#333;margin:.5rem 0 1rem}.summary .hint{color:#555;font-size:.9rem}.glassy{backdrop-filter:blur(6px) saturate(180%);-webkit-backdrop-filter:blur(6px) saturate(180%);background:#ffffff38;border:1px solid #ffffff2e;border-radius:12px;box-shadow:0 2px 8px #667eea14;margin-bottom:1rem;padding:1rem}.preview h3{color:#764ba2;margin:0 0 .75rem}.table-wrapper{border-radius:8px;max-height:360px;overflow:auto}table{border-collapse:collapse;font-size:.95rem;width:100%}thead th{background:#667eea38;color:#fff;position:sticky;text-align:left;top:0}tbody td,thead th{padding:.5rem .75rem}tbody td{border-top:1px solid #ffffff4d;color:#222}.progress .bar{background:#00000014;border-radius:999px;height:10px;margin-bottom:.5rem;overflow:hidden}.progress .fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:999px;height:100%;transition:width .2s ease;width:0}.progress .stats{color:#333;font-size:.95rem}.results{align-items:center;color:#333;display:flex;flex-wrap:wrap;gap:1rem}.results .success{color:#2e7d32;font-weight:700}.results .fail{color:#c62828;font-weight:700}.fail-list h4{color:#c62828;margin:0 0 .5rem}.fail-list ul{margin:0;padding-left:1rem}.error-box{backdrop-filter:blur(4px) saturate(180%);-webkit-backdrop-filter:blur(4px) saturate(180%);background:#ff00501f;border:1px solid #ff00502e;border-radius:10px;box-shadow:0 2px 8px #ff005014;color:#fff;margin-bottom:1rem;padding:1rem}@media (max-width:768px){.bulk-actions{justify-content:flex-start;width:100%}}.fiber-compare{margin:0 auto;max-width:1200px;padding:20px .5rem 30px;width:100%}.fc-title{color:#0f172a;font-size:26px;font-weight:800;margin-bottom:14px}.fc-controls{grid-gap:16px;display:grid;gap:16px;margin-bottom:28px}.fc-selects{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(220px,1fr))}.fc-select label{color:#475569;display:block;font-size:13px;font-weight:700;margin-bottom:6px}.fc-select select{background:linear-gradient(#dfedff,#f0e3ff);border:1px solid #f6faff;border-radius:10px;color:#0f172a;padding:10px 12px;width:100%}.fc-props{background:#fff;border:none;border-radius:20px;box-shadow:0 6px 16px rgba(17,24,39,.129);padding:20px}.fc-props-head{color:#555;font-size:20px;font-weight:800;margin:8px 0 24px}.fc-prop-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:18px}.fc-prop-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;color:#334155;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:8px;justify-content:center;padding:4px 12px;text-align:center;transition:background .12s ease,border-color .12s ease}.fc-prop-btn:hover{background:#eef2ff;border-color:#dbeafe}.fc-prop-btn.active{background:linear-gradient(135deg,#388dfd,#932eff);border-color:#c7d2fe;color:#fff}.fc-prop-btn.dragging{opacity:.7;transform:scale(.96)}.fc-bin{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;display:flex;flex-direction:column;gap:10px;margin:50px auto 18px;max-width:700px;min-height:100px;padding:14px 16px 18px;position:relative;transition:background .15s ease,border-color .15s ease;width:100%}.fc-bin.over{background:#eef2ff;border-color:#94a3b8}.fc-bin-label{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:800;gap:6px;letter-spacing:.5px;pointer-events:none;text-transform:uppercase}.fc-bin-items{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;min-height:40px}.fc-bin-chip{background:linear-gradient(135deg,#388dfd,#932eff);border:1px solid #3b82f6;border-radius:999px;box-shadow:0 4px 10px #3b82f640;color:#fff;cursor:grab;font-size:12px;font-weight:700;padding:8px 30px 8px 14px;position:relative;transition:transform .15s ease,box-shadow .15s ease}.fc-bin-chip.dragging{box-shadow:0 6px 16px #3b82f659;opacity:.85;transform:scale(.95)}.fc-bin-chip-label{pointer-events:none}.fc-bin-chip-remove{align-items:center;background:#ffffffd9;border:none;border-radius:50%;color:#585858;cursor:pointer;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;line-height:1;position:absolute;right:8px;text-align:center;top:10px;transition:background .15s ease,transform .15s ease;width:16px}.fc-bin-chip-remove:hover{background:#fff;transform:scale(1.08)}.fc-bin-chip-remove:active{transform:scale(.92)}.fc-bin-empty{color:#94a3b8;font-size:13px;font-style:italic}.fc-modes{grid-gap:12px;align-items:start;background:#f8fafc;border-radius:15px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);margin-top:10px;padding:10px}.fc-mode-row{align-items:center;border-top:1px dashed #e5e7eb;display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}.fc-mode-title{color:#475569;font-size:13px;font-weight:700;margin-right:6px}.fc-mode-chips{align-items:center;display:inline-flex;gap:8px}.fc-chip{background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#334155;cursor:pointer;font-size:12px;font-weight:700;padding:6px 10px}.fc-chip.on{background:#d1fae5;border-color:#86efac;color:#166534}.fc-chip-hint{color:#64748b;font-size:12px}.fc-chart-wrap{background:#fff;border:none;border-radius:20px;box-shadow:0 6px 16px rgba(17,24,39,.129);height:440px;padding:10px 10px 0}.fc-placeholder{color:#64748b;font-size:14px;padding:18px;text-align:center}.fc-summary{margin-top:14px}.fc-summary-card{background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 6px 16px #1118270d;color:#0f172a;font-size:14px;padding:12px 14px}.fc-summary h2{font-weight:700;margin:10px 0}.fc-table-wrap{background:#fff;border:none;border-radius:12px;box-shadow:0 6px 16px #11182714;margin-top:40px;overflow-x:auto}.fc-compare-table{border-collapse:collapse;min-width:520px;width:100%}.fc-compare-table thead th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#0f172a;font-size:14px;font-weight:800;padding:12px;position:sticky;text-align:left;top:0}.fc-compare-table tbody td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;padding:12px}.fc-compare-table tbody tr:nth-child(2n) td{background:#fcfdff}.fc-compare-table tbody tr:hover td{background:#f8fafc}@media (max-width:1100px){.fc-modes{grid-template-columns:repeat(3,1fr)}}@media (max-width:720px){.fc-selects{grid-template-columns:1fr}.fc-modes{grid-template-columns:repeat(1,1fr)}.fc-prop-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.fc-adv-toggle-row{display:flex;justify-content:center;margin:4px 0}.fc-adv-btn{background:#e1e1e1;color:#0f172a}.fc-adv-btn:hover:not(:disabled){background:#848484;box-shadow:0 4px 12px #0f172a14;color:#fff}.fc-adv-btn:disabled{cursor:not-allowed;opacity:.55}.chat-layout{background:#f6f7fb;display:grid;grid-template-columns:280px 1fr;height:90vh}.chat-sidebar{background:#fff;border-right:1px solid #e5e7eb;min-width:0;overflow:hidden;transition:transform .28s ease,width .28s ease,opacity .2s ease;will-change:transform,width,opacity}.chat-sidebar,.sidebar-header{display:flex;flex-direction:column}.sidebar-header{border-bottom:1px solid #e5e7eb;flex:0 0 auto;gap:10px;padding:12px 16px}.chat-layout.sidebar-hidden{grid-template-columns:0 1fr}.chat-layout.sidebar-hidden .chat-sidebar{opacity:0;pointer-events:none;transform:translateX(-100%);width:0}.chat-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:10px;padding:10px 12px;position:sticky;top:0;z-index:1}.sidebar-toggle-btn{padding:6px}.chat-title-text{color:#0f172a;font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn.btn-new-chat{background:#111827;border:0;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 12px;width:100%}.btn.btn-new-chat:hover{background:#0b1429}.chat-list{-webkit-overflow-scrolling:touch;display:flex;flex:1 1 auto;flex-direction:column;gap:6px;min-height:0;overflow-y:auto;padding:8px}.chat-list-empty{color:#6b7280;font-size:14px;padding:12px}.chat-list-item{grid-gap:8px;align-items:center;border-radius:10px;cursor:pointer;display:grid;gap:8px;grid-template-columns:1fr auto;padding:10px}.chat-list-item:hover{background:#f3f4f6}.chat-list-item.active{background:#e9eefc}.chat-list-title{color:#111827;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-title-input{border:1px solid #cbd5e1;border-radius:8px;font-size:14px;padding:6px 8px;width:100%}.chat-list-actions{display:flex;gap:6px}.icon-btn{align-items:center;background:#0000;border:0;color:#475569;cursor:pointer;display:inline-flex;font-size:16px;justify-content:center;line-height:1;padding:6px;transition:opacity .12s ease,color .12s ease}.icon-btn:hover{color:#111827;opacity:.9}.icon-btn.danger{color:#dc2626}.icon-btn svg{display:block;height:18px;width:18px}.chat-main{display:flex;flex-direction:column;min-height:0;min-width:0}.chat-messages{flex:1 1;overflow-y:auto;padding:20px}.chat-empty{color:#6b7280;margin:120px auto;max-width:720px;text-align:center}.chat-empty-hero{align-items:center;display:inline-flex;gap:10px;margin-bottom:14px}.spin{animation:spin 4s linear infinite;color:#2563eb}.chat-empty-title{color:#5e5e5e;font-size:22px;font-weight:600}.chat-quick-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px}.quick-btn{align-items:center;border:1px solid #0000;border-radius:999px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 12px;transition:all .12s ease}.quick-btn:hover{filter:brightness(.98);transform:scale(1.1)}.quick-btn svg{height:16px;width:16px}.quick-btn.fibers{background:#e0f2fe;border-color:#bae6fd;color:#075985}.quick-btn.glossary{background:#ede9fe;border-color:#ddd6fe;color:#5b21b6}.quick-btn.applications{background:#fef3c7;border-color:#fde68a;color:#92400e}.quick-btn.lesson{background:#dcfce7;border-color:#bbf7d0;color:#166534}.msg-row{display:flex;margin-bottom:10px}.msg-row.left{justify-content:flex-start}.msg-row.right{justify-content:flex-end}.msg-bubble{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 10px #0206170f;color:#0f172a;max-width:min(720px,80%);padding:10px 12px;white-space:pre-wrap;word-break:break-word}.msg-bubble.user{background:#111827;border-color:#111827;color:#f9fafb}.msg-bubble.bot{background:#fff}.msg-attachment{align-items:center;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;color:#3730a3;display:inline-flex;font-size:12px;gap:8px;margin-bottom:6px;padding:2px 8px}.msg-bubble.user .msg-attachment{background:#1f2937;border-color:#374151;color:#dbeafe}.att-type{font-weight:700;text-transform:capitalize}.att-id{color:#64748b}.msg-bubble.user .att-id{color:#93c5fd}.msg-text{font-size:14px}.chat-input-wrap{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(0deg,#e5e7eb,#0000) border-box;flex-shrink:0;overflow:visible;padding:0 0 10px}.attach-pill{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:999px;color:#075985;display:inline-flex;gap:8px;margin-bottom:10px;max-width:100%;padding:6px 8px}.pill-type{font-weight:700;text-transform:capitalize}.pill-label{max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill-clear{align-items:center;background:#0000;border:0;color:#0f172a;cursor:pointer;display:inline-flex;font-size:12px;justify-content:center;line-height:1;padding:4px}.pill-clear svg{height:12px;width:12px}.chat-input-bar{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:auto 1fr auto;padding:8px 8px 8px 0}.chat-input-bar,.left-tools{position:relative}.attach-menu{background:#fff;border:1px solid #e5e7eb;border-radius:12px;bottom:44px;box-shadow:0 16px 40px #0206171f;left:0;overflow:hidden;position:absolute;width:220px;z-index:10}.attach-menu-item{cursor:pointer;font-size:14px;padding:10px 12px;text-transform:capitalize}.attach-menu-item:hover{background:#f3f4f6}.right-tools .send-btn.sending svg{animation:spin 1s linear infinite;transform-origin:center}@keyframes spin{to{transform:rotate(1turn)}}.picker-header .icon-btn{padding:6px}.chat-input{background:#f5f5f5;border:0;border-radius:10px;font-size:14px;max-height:160px;min-height:36px;outline:none;padding:8px;resize:none}.right-tools .send-btn{align-items:center;background:#2563eb;border:0;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;height:36px;justify-content:center;min-width:42px;padding:8px 12px}.right-tools .send-btn svg{color:#fff;height:18px;width:18px}.right-tools .send-btn:disabled{cursor:default;opacity:.6}.attach-picker{background:#fff;border:1px solid #e5e7eb;border-radius:14px;bottom:84px;box-shadow:0 18px 48px #02061726;display:flex;flex-direction:column;max-height:60vh;overflow:hidden;position:fixed;right:20px;width:min(560px,90vw);z-index:20}.picker-header{align-items:center;border-bottom:none;display:flex;justify-content:space-between;padding:10px 12px}.picker-title{font-weight:700;text-transform:capitalize}.picker-search{border-bottom:none;padding:8px 12px}.picker-search input{background:#ececec;border:none;border-radius:8px;font-size:14px;outline:none;padding:8px 10px;width:100%}.picker-body{overflow:auto;padding:6px}.picker-item{border-radius:10px;cursor:pointer;padding:10px 12px}.picker-item:hover{background:#f3f4f6}.picker-item-title{color:#0f172a;font-size:14px;font-weight:600}.picker-item-sub{color:#6b7280;font-size:12px}.picker-empty,.picker-error,.picker-loading{color:#6b7280;font-size:14px;padding:14px}.chat-input:focus,.chat-title-input:focus,.icon-btn:focus,.picker-search input:focus,.pill-clear:focus,.right-tools .send-btn:focus{border:none;box-shadow:none;outline:none}.chat-input:focus-visible,.chat-title-input:focus-visible,.icon-btn:focus-visible,.picker-search input:focus-visible,.pill-clear:focus-visible,.right-tools .send-btn:focus-visible{border-color:#2563eb4d;border-radius:8px;box-shadow:0 0 0 4px #2563eb14;outline:none}@media (max-width:900px){.chat-layout,.chat-layout.sidebar-hidden,.chat-layout.sidebar-open{grid-template-columns:1fr!important}.chat-sidebar{box-shadow:0 16px 40px #0206172e;height:calc(100vh - 64px);left:0;opacity:1;pointer-events:auto;position:fixed;top:64px;transform:translateX(-100%);width:280px;z-index:40}.chat-layout.sidebar-open .chat-sidebar{transform:translateX(0)}}.sidebar-overlay{background:#00000059;bottom:0;left:0;position:fixed;right:0;top:64px;z-index:35}@media (min-width:901px){.sidebar-overlay{display:none!important}}.attach-overlay{background:#0000;cursor:default;inset:0;position:fixed;z-index:9}.picker-overlay{background:#0000001f;inset:0;position:fixed;z-index:19}.chat-suggestions{align-items:flex-start;background:#fff;border-top:1px solid #e5e7eb;display:flex;height:48px;margin-top:4px;overflow:hidden;padding:6px 6px 4px}.suggestions-track{-webkit-overflow-scrolling:touch;display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:4px 16px;scroll-snap-type:x proximity;scrollbar-width:none}.suggestions-track::-webkit-scrollbar{height:6px}.suggestions-track::-webkit-scrollbar-track{background:#0000}.suggestions-track::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.suggestion-btn{background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;color:#3730a3;cursor:pointer;flex:0 0 auto;font-size:13px;font-weight:600;line-height:1.2;padding:8px 14px;scroll-snap-align:start;transition:background .15s,transform .15s;white-space:nowrap}.suggestion-btn:hover{background:#e0e7ff;transform:scale(1.05)}.suggestion-btn:active{transform:translateY(0)}.profile-page{margin:2rem auto;max-width:1000px;padding:0 1.5rem 3rem}.profile-page h1{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;color:#0000;font-size:2rem;font-weight:600;margin-bottom:1.5rem}.profile-sections{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.profile-card{background:#fff;border-radius:20px;box-shadow:0 8px 26px #00000014;display:flex;flex-direction:column;gap:1rem;padding:1.75rem 1.5rem 1.5rem;position:relative}.profile-card h2{color:#333;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.profile-card label{color:#444;display:flex;flex-direction:column;font-size:.85rem;font-weight:500;gap:.4rem}.profile-card input,.profile-card select{background:#fdfdfd;border:1px solid #d6d6d6;border-radius:10px;font-size:.95rem;padding:.65rem .9rem;transition:border-color .2s,background .2s}.profile-card input:focus,.profile-card select:focus{background:#fff;border-color:#667eea;outline:none}.profile-card button{align-self:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:.5rem;padding:.75rem 1.25rem;transition:background .2s,transform .2s}.profile-card button:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px)}.profile-card button:disabled{cursor:not-allowed;opacity:.65}.profile-success{background:#e9f7ef;color:#157347}.profile-error,.profile-success{border-radius:8px;font-size:.85rem;padding:.5rem .75rem}.profile-error{background:#fdecec;color:#c00}.profile-loading{color:#555;font-size:1.1rem;padding:3rem;text-align:center}.badges-overlay{display:grid;inset:0;place-items:center;position:fixed;z-index:1000}.badges-backdrop{background:#0f172a8c;border:0;inset:0;padding:0;position:absolute}.badges-modal{background:#fff;border-radius:16px;box-shadow:0 24px 60px #0206172e;max-height:80vh;overflow:auto;padding:18px 18px 22px;position:relative;width:min(720px,92vw);z-index:1}.badges-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px}.badges-header h3{color:#0f172a;font-size:18px;font-weight:800;margin:0}.badges-x-btn{background:#0000;border:0;color:#475569;cursor:pointer;font-size:18px;line-height:1}.badges-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}@media (max-width:780px){.badges-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.badges-grid{grid-template-columns:1fr}}.badge-card{background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 6px 16px #0206170d;padding:14px 12px;text-align:center;transition:all .2s ease}.badge-card:hover{transform:scale(1.05)}.badge-icon-wrap{display:grid;margin-bottom:8px;place-items:center}.badge-icon{color:inherit;display:block}.badge-name{color:#111827;font-size:14px;font-weight:700;word-break:break-word}.badges-empty{color:#64748b;padding:18px 8px;text-align:center}.welcome{margin:0 auto;max-width:1200px;padding:20px 16px 40px}.welcome-hero{grid-gap:20px;align-items:center;animation:gradientShift 6s ease infinite;background:linear-gradient(270deg,#0073ff,#00b3b3,#8b5cf6,#007f7f);background-size:800% 800%;border-radius:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:10px}.hero-media{animation:gradientShift 6s ease;background:linear-gradient(270deg,#000,#777,#000,#777);background-size:800% 800%;border:5px solid #fff;border-radius:20px;box-shadow:0 10px 24px #00000014;box-sizing:border-box;margin:0 auto;max-width:560px;overflow:hidden;position:relative;width:100%}.hero-video{aspect-ratio:16/9;display:block;height:auto;object-fit:cover;width:100%}.sound-toggle{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;border:0;border-radius:999px;bottom:12px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 12px;position:absolute;right:12px}.hero-copy h1{color:#fff;font-size:36px;font-weight:500;line-height:1.2;margin:0 0 8px}.hero-copy p{color:#f0f0f0;font-size:16px}.welcome-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin:22px 0 40px}.card{background:#fff;border:1px solid #eef2f7;border-radius:20px;box-shadow:0 4px 12px #1118270a;min-height:96px;padding:14px;transition:all .2s ease}.card:hover{box-shadow:0 8px 20px rgba(17,24,39,.126);transform:scale(1.2) rotate(-5deg)}.welcome-card-title{color:#525252;font-size:12px;font-weight:700;letter-spacing:.02em;margin-bottom:10px;text-transform:uppercase}.level-value{color:#111827;font-size:18px;font-weight:700}.level-hint{color:#6b7280;font-size:13px;margin-top:4px}.progress-bar{background:#eef2ff;border-radius:999px;height:10px;overflow:hidden;position:relative}.progress-fill{background:linear-gradient(90deg,#6366f1,#22c55e);height:100%;transition:width .4s ease;width:0}.progress-label{color:#374151;font-size:13px;margin-top:8px}.big-num{color:#111827;font-size:28px;font-weight:800}.streak-hint{color:#6b7280;font-size:12px;margin-top:4px}.welcome-cta{display:flex;justify-content:center;margin:12px 0 22px}.welcome-cta-button{animation:gradientShift 12s ease infinite;background:linear-gradient(270deg,#6366f1,#22c55e,#6366f1,#22c55e);background-size:800% 800%;border:none;border-radius:999px;box-shadow:0 10px 24px #6366f147;color:#fff;cursor:pointer;font-size:18px;font-weight:800;min-width:280px;overflow:visible;padding:14px 26px;position:relative;transition:all .2s ease}.cta-label{display:inline-block;position:relative;z-index:2}.cta-border{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:1}.cta-border-rect{stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14 220;stroke-dashoffset:0;animation:cta-dash 2.6s linear infinite,cta-pulse 3s ease-in-out infinite;filter:drop-shadow(0 6px 10px rgba(0,0,0,.08));transform-origin:50% 50%}@keyframes cta-dash{to{stroke-dashoffset:-234}}@keyframes cta-pulse{0%,to{stroke-width:2;opacity:.95}50%{stroke-width:6;opacity:1}}.welcome-cta-button:disabled .cta-border-rect{animation-play-state:paused;opacity:.45}.welcome-cta-button:hover{transform:scale(1.1)}.welcome-cta-button:hover .welcome-cta-play{color:#ff0}.welcome-path h2{color:#343a40;font-size:20px;margin:0 0 12px}.path-strip{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);overflow:visible;padding:12px 4px}.path-node{align-self:flex-start;background:#fff;border:1px solid #eef2f7;border-radius:12px;box-shadow:0 4px 12px #1118270a;cursor:pointer;flex:0 0 auto;padding:14px;position:relative;text-align:left;transition:transform .12s ease,box-shadow .12s ease;width:100%}.node-header{align-items:center;display:flex;gap:10px;margin-bottom:6px}.node-dot{background:#d1d5db;border:2px solid #e5e7eb;border-radius:50%;flex:0 0 14px;height:14px;width:14px}.node-title{color:#1f2937;flex:1 1;font-size:14px;font-weight:600}.node-caret{color:#64748b;flex:0 0 auto;font-size:16px;line-height:1;transition:transform .25s ease}.node-caret.open{transform:rotate(180deg)}.lesson-list{list-style:none;margin:10px 0 0;max-height:0;overflow:hidden;padding:0 8px;transition:max-height .28s ease,padding .2s ease}.path-node.open .lesson-list{max-height:400px;padding:10px 8px 6px}.lesson-list li{align-items:center;display:flex;gap:8px}.lesson-check{align-items:center;color:#9ca3af;display:inline-flex;flex:0 0 20px;justify-content:center}.lesson-check.done{color:#22c55e}.lesson-title-text{flex:1 1 auto;min-width:0}.lesson-list li{background:#fff;border:1px solid #eef2f7;border-radius:10px;color:#111827;cursor:pointer;font-size:14px;margin-bottom:8px;padding:8px 10px;text-align:left}.lesson-list li:hover{background:#f8fafc}.lesson-list .no-lessons{background:#0000;border:none;color:#6b7280;cursor:default}.path-node.done .node-dot{background:#22c55e;border-color:#bbf7d0}.path-node.current .node-dot{background:#6366f1;border-color:#c7d2fe}.path-node.locked .node-dot{background:#d1d5db;border-color:#e5e7eb}.path-empty{color:#6b7280;font-size:14px;padding:10px}.badges .badges-view-btn{border-radius:10px;font-size:14px;margin-top:10px;padding:5px 12px;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;width:50px}.badges .badges-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.badges .badges-view-btn{align-items:center;background:linear-gradient(180deg,#fff,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 6px 16px #0206170f;color:#0b1220;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;height:34px;justify-content:center;margin:0;min-width:64px;padding:6px 10px}.badges .badges-view-btn:hover:not([disabled]){box-shadow:0 10px 22px #02061714;filter:brightness(.98);transform:translateY(-1px)}.badges .badges-view-btn[disabled]{cursor:default;opacity:.6}@media (max-width:900px){.welcome-hero{grid-template-columns:1fr;overflow:hidden}.hero-media{max-width:100%;width:100%}.card:hover{box-shadow:0 8px 20px rgba(17,24,39,.126);transform:scale(1.01)}.path-strip{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.welcome-stats{grid-template-columns:1fr}.cta-button{font-size:16px;min-width:220px;padding:12px 20px}.path-strip{grid-template-columns:1fr}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.lesson-wrapper{animation:fadeIn .4s ease;font-family:system-ui,sans-serif;margin:0 auto;max-width:1100px;padding:20px 16px 60px}.lesson-header{animation:headerGrad 14s ease infinite;background:linear-gradient(90deg,#6366f1,#22c55e,#6366f1);background-size:300% 300%;border-radius:24px;box-shadow:0 14px 32px -8px #00000026;color:#fff;padding:24px 20px}.lesson-title{font-size:32px;font-weight:700;letter-spacing:.5px;margin:0 0 6px}.lesson-module-name{font-size:15px;font-weight:600;margin-bottom:14px;opacity:.9}.lesson-progress-bar{background:#ffffff4d;border-radius:999px;height:10px;margin-bottom:6px;overflow:hidden;position:relative;width:100%}.lesson-progress-fill{background:#fff700;height:100%;transition:width .5s ease;width:0}.lesson-progress-text{font-size:13px;font-weight:600;letter-spacing:.05em;margin-bottom:10px;opacity:.85;text-transform:uppercase}.lesson-difficulty{align-items:center;display:flex;font-size:14px;gap:10px}.lesson-stars{font-size:18px;line-height:1}.lesson-level-label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border-radius:999px;font-weight:600;padding:4px 10px;text-transform:capitalize}.lesson-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:10px;margin:30px 20px 0}.lesson-tab{appearance:none;background:#fff0;border:none;border-radius:12px 12px 0 0;cursor:pointer;font-size:14px;font-weight:600;padding:10px 25px;position:relative;top:2px;transition:background .2s ease,color .2s ease}.lesson-tab.active{background:#fff;box-shadow:5px -2px 0 #0011ff1a;color:#01f}.lesson-tab:focus{outline:none}.lesson-tab:focus-visible{outline:2px solid #6366f12e;outline-offset:3px}.lesson-content{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 8px 18px #1118270f;padding:24px 22px 30px}.lesson-highlight{background:linear-gradient(135deg,#f1f5f9,#fff);border:1px solid #e2e8f0;border-radius:18px;margin:20px 0 32px;overflow:hidden;padding:18px 20px;position:relative}.lesson-highlight:before{background:radial-gradient(circle at 100% 0,#6366f140,#0000);content:"";inset:0;opacity:.6;pointer-events:none;position:absolute}.lesson-highlight-fun-fact{background:linear-gradient(135deg,#dbeafe,#fff)}.lesson-highlight-common-mistake{background:linear-gradient(135deg,#fef9c3,#fff)}.lesson-highlight-engineer-tip{background:linear-gradient(135deg,#dcfce7,#fff)}.highlight-label{color:#64748b;font-size:12px;font-weight:800;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.highlight-text{color:#334155;font-size:15px;font-weight:500}.lesson-highlight-group{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}.lesson-highlight-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 4px 12px #1118270d;display:flex;flex-direction:column;gap:10px;padding:16px 18px 18px;position:relative;transition:all .15s ease}.lesson-highlight-card:hover{box-shadow:0 10px 26px #11182714;transform:translateY(-4px) scale(1.02)}.hl-header{align-items:flex-start;display:flex;gap:12px}.hl-icon{font-size:16px;line-height:1}.hl-titles{display:flex;flex-direction:column;gap:4px}.hl-label{font-size:11px;font-weight:800;letter-spacing:.1em;opacity:.8;text-transform:uppercase}.hl-title{color:#1f2937;font-size:15px;font-weight:600}.hl-body{color:#374151;font-size:14px;line-height:1.5;margin-top:-4px}.lesson-highlight-card.type-fact{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#bfdbfe}.lesson-highlight-card.type-fact .hl-label{color:#2563eb}.lesson-highlight-card.type-tip{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#bbf7d0}.lesson-highlight-card.type-tip .hl-label{color:#16a34a}.lesson-highlight-card.type-mistake{background:linear-gradient(135deg,#fef2f2,#fff);border-color:#fecaca}.lesson-highlight-card.type-mistake .hl-label{color:#dc2626}.lesson-highlight-card.type-other{background:linear-gradient(135deg,#f8fafc,#fff);border-color:#e5e7eb}.lesson-highlight-card.type-other .hl-label{color:#64748b}.lesson-video-block{background:#0f172a;border-radius:18px;margin:0 auto;max-width:500px;overflow:hidden;position:relative;width:100%}.lesson-video{aspect-ratio:16/9;border:0;display:block;width:100%}.lesson-section{margin-bottom:30px;margin-top:10px}.lesson-section-title{align-items:center;color:#1f2937;display:flex;font-size:20px;font-weight:700;gap:8px;margin:0 0 12px}.lesson-text{color:#374151;font-size:15px;line-height:1.6}.quiz-placeholder{background:#f1f5f9;border-radius:12px;color:#64748b;font-size:14px;padding:12px 14px}.quiz-question{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:18px;padding:14px 16px 16px;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.quiz-question.correct{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26}.quiz-question.incorrect{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.quiz-q-text{color:#1f2937;font-size:15px;font-weight:600;margin-bottom:10px}.quiz-options{display:flex;flex-direction:column;gap:10px}.quiz-opt{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;font-size:14px;padding:10px 14px;position:relative;text-align:left;transition:background .15s ease,border-color .15s ease}.quiz-opt:hover{background:#f1f5f9}.quiz-opt.selected{background:#6366f1;border-color:#6366f1;color:#fff}.quiz-opt.opt-correct{background:#22c55e;border-color:#16a34a;color:#fff}.quiz-opt.opt-wrong{background:#ef4444;border-color:#dc2626;color:#fff}.quiz-actions{align-items:center;display:flex;gap:16px;margin-top:10px}.quiz-submit-btn{background:linear-gradient(90deg,#6366f1,#22c55e);border:none;border-radius:10px;box-shadow:0 10px 24px -6px #6366f159;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:12px 24px;transition:transform .15s ease,box-shadow .15s ease}.quiz-submit-btn:hover:not(:disabled){box-shadow:0 14px 30px -6px #6366f173;transform:translateY(-2px)}.quiz-submit-btn:disabled{cursor:default;opacity:.55}.quiz-results{color:#334155;font-size:14px;font-weight:600}.lesson-error,.lesson-loading{color:#475569;font-size:16px;margin:60px auto;max-width:680px;text-align:center}.lesson-sections-wrapper{display:flex;flex-direction:column;gap:34px;margin-bottom:50px;margin-top:10px}.lesson-subsection{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 6px 18px #1118270d;overflow:hidden;padding:20px 20px 22px;position:relative;transition:all .18s ease}.lesson-subsection:hover{border:1px solid #ef0;box-shadow:0 14px 28px #ffff0014}.subsection-title{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 12px;padding-left:0;position:relative;text-align:center}.subsection-title:before{content:none}.subsection-image-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 6px 16px #1118270f;margin:12px auto 16px;max-width:500px;overflow:hidden;text-align:center;width:100%}.subsection-image{display:block;height:auto;object-fit:cover;width:100%}.subsection-image-caption{background:#fff;border-top:1px solid #e2e8f0;color:#475569;font-size:12px;font-weight:500;padding:6px 8px 7px;text-align:center}.subsection-video-block{margin:20px auto 16px;max-width:500px;text-align:center;width:100%}.subsection-video{aspect-ratio:16/9;border:0;border-radius:16px;box-shadow:0 6px 16px #1118270f;display:block;width:100%}.subsection-video-caption{color:#475569;font-size:12px;font-weight:500;margin-top:6px;text-align:center}.subsection-audio-block{margin:12px auto 10px;max-width:500px;text-align:center;width:100%}.subsection-audio{width:100%}.subsection-audio-caption{color:#475569;font-size:12px;font-weight:500;margin-top:6px}@keyframes headerGrad{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:900px){.lesson-title{font-size:28px}.lesson-content{padding:20px 18px 26px}}@media (max-width:600px){.lesson-wrapper{padding:16px 14px 50px}.lesson-title{font-size:24px}.lesson-tabs{flex-wrap:wrap}.lesson-tab{font-size:13px;padding:8px 14px}.lesson-highlight-group{grid-template-columns:1fr}}@media (max-width:700px){.lesson-subsection{padding:18px 16px 20px}.subsection-title{font-size:17px}.subsection-audio-block,.subsection-image-block,.subsection-video-block{max-width:100%}}.lesson-image-block{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 6px 16px #1118270f;margin-left:auto;margin-right:auto;margin-top:12px;max-width:500px;overflow:hidden;width:100%}.lesson-image{display:block;height:auto;object-fit:cover;width:100%}@media (max-width:600px){.lesson-image-block{border-radius:12px}}.listen-btn{align-items:center;background:linear-gradient(90deg,#eef2ff,#fff);border:1px solid #dbeafe;border-radius:999px;box-shadow:0 6px 14px #0f172a0f;color:#0f172a;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;margin-top:10px;padding:8px 12px;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.listen-btn:hover{box-shadow:0 10px 20px #0f172a14}.listen-btn:active{transform:translateY(0)}.listen-btn:focus{outline:2px solid #6366f12e;outline-offset:3px}.quiz-locked{background:linear-gradient(90deg,#ecfccb,#f0fdf4);border:1px solid #bbf7d0;border-radius:12px;color:#065f46;display:inline-block;font-weight:600;margin-top:12px;padding:10px 14px}.quiz-opt[disabled]{background:#f8fafc;border-color:#e6eef5;color:#94a3b8;cursor:not-allowed;opacity:.6;transform:none}.lesson-nav-section{border-top:1px solid #e5e7eb;justify-content:center;margin-top:40px;padding-top:26px}.next-lesson-row{align-items:center;display:flex;gap:12px}.next-lesson-row__controls{align-items:center;display:flex;gap:10px;justify-content:center}.next-lesson-row p{color:#ababab;margin-bottom:10px}.next-lesson-btn{align-items:center;background:linear-gradient(90deg,#6366f1,#8422c5);border:none;border-radius:500px;box-shadow:0 6px 18px -4px #6366f166;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:10px;padding:12px 22px;transition:transform .15s ease,box-shadow .15s ease}.next-lesson-btn.prev{background:linear-gradient(90deg,#475569,#6b7280)}.next-lesson-btn:hover{box-shadow:0 10px 26px -6px #6366f173;transform:scale(1.05)}.next-lesson-btn:active{transform:translateY(0)}.glossary-empty,.glossary-loading{color:#64748b;font-size:14px}.glossary-empty{background:#f1f5f9;border-radius:12px;padding:12px 14px}.glossary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));margin-top:10px}.glossary-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 6px 16px #1118270d;padding:14px 16px 16px;transition:transform .15s ease,box-shadow .15s ease}.glossary-card:hover{box-shadow:0 14px 28px #11182714;transform:translateY(-3px)}.glossary-head{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.glossary-term{color:#0f172a;font-size:18px;font-weight:600;margin:0}.glossary-difficulty{background:#eef2ff;border:1px solid #e5e7eb;border-radius:999px;color:#3730a3;font-size:12px;font-weight:700;padding:4px 10px;text-transform:capitalize}.glossary-difficulty.dl-beginner{background:#ecfeff;color:#0e7490}.glossary-difficulty.dl-intermediate{background:#fef9c3;color:#b45309}.glossary-difficulty.dl-advanced{background:#fee2e2;color:#b91c1c}.glossary-definition{color:#334155;font-size:14px;line-height:1.6}.glossary-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.glossary-chip{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;color:#475569;font-size:12px;font-weight:700;padding:4px 8px}.glossary-synonyms{margin-top:10px}.syn-label{color:#64748b;font-size:12px;font-weight:800;margin-right:6px}.syn-list{display:inline-flex;flex-wrap:wrap;gap:6px}.syn-chip{background:#eef2ff;border:1px solid #e5e7eb;border-radius:999px;color:#3730a3;font-size:12px;padding:3px 8px}.lesson-skel-header{animation:headerGrad 14s ease infinite;background:linear-gradient(90deg,#6366f1,#22c55e,#6366f1);background-size:300% 300%;border-radius:24px;box-shadow:0 14px 32px -8px #00000026;color:#fff;margin-bottom:20px;padding:24px 20px}.lesson-skel-meta{align-items:center;display:flex;gap:10px;margin-top:10px}.lesson-skel-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:10px;margin:30px 20px 0;padding-bottom:8px}.lesson-skel-chip{width:80px}.lesson-skel-card{border-radius:18px;box-shadow:0 4px 12px #1118270d;padding:16px 18px 18px;position:relative}.lesson-skel-card,.quiz-skel-question{background:#fff;border:1px solid #e2e8f0}.quiz-skel-question{border-radius:16px;margin-bottom:18px;padding:14px 16px 16px}.quiz-skel-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;margin-top:10px}.achv-overlay{background:#0f172a8c;display:grid;inset:0;place-items:center;position:fixed;z-index:9999}.achv-modal{animation:achv-pop .18s ease-out;background:#fff;border-radius:20px;box-shadow:0 24px 60px #02061740;padding:28px 24px;text-align:center;width:min(92vw,520px)}.achv-icon-wrap{animation:achv-pulse 1.8s ease-in-out infinite;background:radial-gradient(100% 100% at 50% 0,#b68afd,#ff2a2a);border-radius:50%;box-shadow:0 12px 36px #eab30859;display:grid;height:140px;margin:0 auto 12px;overflow:hidden;place-items:center;position:relative;width:140px}.achv-icon{animation:achv-float 3.2s ease-in-out infinite;color:#fff}.achv-text-small{color:#475569;font-size:14px;margin-top:6px}.achv-text-name{color:#0f172a;font-size:24px;font-weight:800;margin-top:4px}.achv-continue-btn{background:#6366f1;border:none;border-radius:999px;box-shadow:0 10px 24px -6px #6366f159;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:16px;padding:12px 20px;transition:all .15s ease}.achv-continue-btn:hover{background:#4f46e5;box-shadow:0 14px 28px -6px #6366f173;transform:translateY(-1px)}.achv-close-row{display:flex;justify-content:center;margin-top:10px}.achv-close-btn{background:#0000;border:none;border-radius:8px;color:#475569;cursor:pointer;font-weight:600;padding:8px 10px}.achv-close-btn:hover{background:#f1f5f9}.achv-x-btn{background:#0f172a29;border:none;border-radius:30px;bottom:48px;color:#fff;cursor:pointer;font-size:20px;font-weight:600;padding:10px 15px;position:absolute}.achv-x-btn:hover{background:#0f172a84}@keyframes achv-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes achv-pulse{0%,to{box-shadow:0 12px 36px #eab30859;transform:scale(1)}50%{box-shadow:0 18px 48px #eab30880;transform:scale(1.03)}}@keyframes achv-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}:root{--indash-bg:#0b1220;--indash-surface:#0f172a;--indash-border:#1f2a44;--indash-text:#e6eefc;--indash-muted:#9fb3d9}.indash-page{background:#fff;color:#e6eefc;color:var(--indash-text);min-height:100vh;padding:18px 18px 36px}.indash-hero{background:linear-gradient(145deg,#0d4a7c40,#7c3aed2e);border:none;border-radius:16px;margin:18px 0 36px;overflow:hidden;padding:28px 24px;position:relative}.indash-hero-content{max-width:780px;position:relative;z-index:1}.indash-title{color:#1f2a44;font-size:1.8rem;letter-spacing:.5px;margin:0 0 6px}.indash-sub{color:#9fb3d9;color:var(--indash-muted);color:#6b6b6b;font-weight:600;margin:0 0 14px}.indash-cta{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:1px solid #ffffff29;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-weight:800;gap:8px;padding:.55rem .8rem}.indash-cta:hover{filter:brightness(1.05)}.indash-hero-shape{background:radial-gradient(circle at 30% 30%,#6366f18c,#0ea5e959,#22c55e33,#0000 70%);filter:blur(8px);height:420px;position:absolute;right:-120px;top:-120px;width:420px}.indash-hero-grid{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:1.1fr 1fr}.indash-hero-media{background:linear-gradient(270deg,#000,#777,#000,#777);background-size:800% 800%;border:5px solid #fff;border-radius:16px;box-shadow:0 10px 24px #00000014;box-sizing:border-box;margin:0 auto;max-width:500px;overflow:hidden;position:relative;width:100%}.indash-hero-video{aspect-ratio:16/9;display:block;height:auto;object-fit:cover;width:100%}.indash-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0 36px}.indash-card{background:linear-gradient(135deg,var(--g1),var(--g2));border:none;border-radius:14px;box-shadow:0 10px 28px -18px #0009;color:#fff;cursor:pointer;min-height:150px;overflow:hidden;padding:18px;position:relative;transition:all .18s ease}.indash-card:hover{border-color:#ffffff38;box-shadow:0 16px 40px -18px #000000b3;transform:translateY(-2px) scale(1.05);z-index:1000}.indash-card:hover .indash-icon{background:#ffffff40;border:none;box-shadow:none;transform:scale(1.3) rotate(-20deg)}.indash-card .indash-card-shape{background:radial-gradient(50% 50% at 120% -10%,#ffffff38,#0000 60%),radial-gradient(40% 40% at -10% 120%,#ffffff26,#0000 60%);inset:0;mix-blend-mode:overlay;opacity:.8;pointer-events:none;position:absolute}.indash-card-top{position:relative;z-index:1}.indash-icon{align-items:center;background:#ffffff2e;border-radius:10px;box-shadow:inset 0 0 0 1px #00000026;display:inline-flex;height:38px;justify-content:center;margin-bottom:10px;transition:all .25s ease;width:38px}.indash-card-title{font-size:1.02rem;letter-spacing:.3px;margin:0}.indash-card-sub{color:#ffffffe6;font-size:.8rem;font-weight:600;margin:6px 0 0}.indash-card.brief{--g1:#06b6d4;--g2:#2563eb}.indash-card.core{--g1:#1d4ed8;--g2:#4f46e5}.indash-card.mfg{--g1:#f59e0b;--g2:#c2410c}.indash-card.deep{--g1:#7c3aed;--g2:#db2777}.indash-card.sens{--g1:#22c55e;--g2:#059669}.indash-card.comm{--g1:#0f172a;--g2:#0891b2}.indash-section-title{color:#eaf2ff;font-size:1.15rem;margin:0 0 10px}.indash-video{background:linear-gradient(145deg,#020617cc,#02061799);border:1px solid #1f2a44;border:1px solid var(--indash-border);border-radius:16px;padding:16px}.indash-video-frame{aspect-ratio:16/9;background:#000;border-radius:10px;box-shadow:0 12px 32px -16px #000000b3;overflow:hidden;width:100%}.indash-video-frame iframe{border:none;display:block;height:100%;width:100%}@media (max-width:720px){.indash-title{font-size:1.45rem}.indash-grid{grid-template-columns:1fr}}@media (max-width:900px){.indash-hero-grid{grid-template-columns:1fr}.indash-hero-media{max-width:100%}}.fb-search{display:flex;gap:.5rem;margin:.25rem 0 2rem}.fb-search input{background:#fff;border:1px solid var(--fi-border-dark);border-radius:8px;flex:1 1;font-size:.9rem;font-weight:500;padding:.55rem .75rem}.fb-search input:focus{outline:0 solid var(--fi-accent);outline-offset:2px}.fb-clear{background:#0d4a7c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:800;height:38px;width:38px}.fb-clear:hover{background:#0b3b63}.fb-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.fb-card{align-items:stretch;background:linear-gradient(180deg,#fff,#fff);border:1px solid var(--fi-border);border-radius:15px;cursor:pointer;display:flex;min-height:150px;overflow:hidden;position:relative;transition:box-shadow .25s ease,transform .12s ease}.fb-card:focus,.fb-card:hover{box-shadow:0 6px 18px -8px #0f172a59;transform:translateY(-2px)}.fb-card-body{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;padding:14px 16px}.fb-name{color:var(--fi-text);font-size:1.05rem;margin:0}.fb-meta{align-items:center;color:var(--fi-muted);display:flex;flex-wrap:wrap;font-size:.72rem;font-weight:700;gap:6px}.fb-tag{background:#a4eaff;border-radius:6px;color:#0f172a;padding:.15rem .4rem}.fb-dot{opacity:.6}.fb-muted{opacity:.85}.fb-props{grid-gap:0;display:grid;font-size:.78rem;gap:0;grid-template-columns:1fr;list-style:none;margin:4px 0 0;padding:0}.fb-props li{display:flex;gap:1px;justify-content:space-between}.fb-label{color:#939393;font-weight:500}.fb-val{color:var(--fi-text);font-weight:500}.fb-image-wrap{align-items:stretch;background:radial-gradient(80% 80% at 70% 50%,#dbeafe 0,#e2e8f0 60%,#f8fafc 100%);border-left:none;display:flex;justify-content:flex-end;min-width:120px;overflow:hidden;position:relative;width:36%}.fb-image-fade{background:linear-gradient(90deg,#fff,#fff 15%,#f8fafc00);bottom:0;content:"";left:0;pointer-events:none;position:absolute;top:0;width:80px;z-index:2}.fb-image{height:100%;-webkit-mask-image:linear-gradient(90deg,#0000,#00000059 10%,#000000bf 22%,#000 32%);mask-image:linear-gradient(90deg,#0000,#00000059 10%,#000000bf 22%,#000 32%);mix-blend-mode:multiply;object-fit:cover;opacity:.95;transform:scale(1.05);transition:transform .35s ease;width:100%}.fb-card:hover .fb-image{transform:scale(1.08)}.fb-img-error{filter:grayscale(.2);mix-blend-mode:normal;object-fit:contain}.fb-image-placeholder{color:#64748b;display:grid;font-size:2rem;opacity:.6;place-items:center;width:100%}@media (max-width:720px){.fb-image-wrap{width:40%}.fb-props{grid-template-columns:1fr}}.fiber-industrial-page{--fi-bg:#f7f9fc;--fi-border:#d9e1ec;--fi-border-dark:#b7c3d3;--fi-text:#0f172a;--fi-muted:#64748b;--fi-accent:#0d4a7c;--fi-accent-bg:#e3f2ff;--fi-danger:#dc2626;color:var(--fi-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,sans-serif;padding:1.25rem 1.5rem 2.5rem}.fi-header{align-items:flex-end;border-bottom:2px solid var(--fi-border);display:flex;flex-wrap:wrap;justify-content:space-between;margin:1rem 0 2rem;padding-bottom:.5rem}.fi-title{font-size:1.55rem;font-weight:800;margin:0}.fi-sub{font-size:.85rem;margin-top:.25rem}.fi-meta,.fi-sub{color:var(--fi-muted)}.fi-meta{font-size:.7rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.fi-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.fi-tab{background:#fff;border:1px solid var(--fi-border);border-radius:6px;color:var(--fi-text);cursor:pointer;font-size:.78rem;font-weight:600;letter-spacing:.5px;padding:.55rem .9rem;text-transform:uppercase;transition:background .18s,border-color .18s,color .18s}.fi-tab:hover{background:var(--fi-accent-bg)}.fi-tab.active,.fi-tab:hover{border-color:var(--fi-accent)}.fi-tab.active{background:var(--fi-accent);box-shadow:0 2px 6px #0d4a7c40;color:#fff}.fi-panel-wrap{min-height:300px}.fi-error,.fi-loading{background:#fff;border:1px solid var(--fi-border);border-radius:8px;font-size:.9rem;padding:1rem}.fi-error{background:#ffecec;border-color:#ef4444;color:#b91c1c}.fi-panel{animation:fiFade .25s ease;background:#fff;border:1px solid var(--fi-border);border-radius:15px;box-shadow:0 2px 4px #0f172a0d;margin-bottom:15px;padding:1.1rem 1.2rem 1.5rem}@keyframes fiFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fi-section+.fi-section{margin-top:1.4rem}.fi-section-title{align-items:center;color:var(--fi-accent);display:flex;font-size:.95rem;font-weight:700;gap:.4rem;letter-spacing:.5px;margin:0 0 .6rem;position:relative}.fi-section-title:after{background:linear-gradient(to right,var(--fi-border-dark),#0000);content:"";flex:1 1;height:1px;margin-left:.6rem}.fi-grid{grid-gap:.55rem .75rem;display:grid;gap:.55rem .75rem;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.fi-row{background:#f9fbfe;border:1px solid var(--fi-border);border-radius:6px;display:flex;flex-direction:column;min-height:70px;padding:.55rem .6rem .6rem;position:relative}.fi-label{color:var(--fi-muted);font-size:.62rem;font-weight:700;letter-spacing:.6px;line-height:1.1;margin-bottom:.35rem;text-transform:uppercase}.fi-label-icon{align-items:center;color:var(--fi-accent);display:inline-flex;justify-content:center;margin-right:.35rem}.fi-value{color:var(--fi-text);font-size:.8rem;font-weight:600;word-break:break-word}.fi-value .fi-tag{margin:0 .35rem .35rem 0}.fi-tag{align-items:center;background:var(--fi-accent-bg);border:1px solid #0d4a7c40;border-radius:14px;color:var(--fi-accent);display:inline-flex;font-size:.65rem;font-weight:600;letter-spacing:.3px;padding:.25rem .5rem}.fi-test-list{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));list-style:none;margin:0;padding:0}.fi-test-item{background:#f9fbfe;border:1px solid var(--fi-border);border-radius:8px;display:flex;flex-direction:column;gap:.35rem;padding:.7rem .75rem .65rem;position:relative}.fi-test-name{color:var(--fi-text);font-size:.8rem;font-weight:700}.fi-test-type{align-items:center;display:flex;font-size:.7rem;font-weight:700;gap:.4rem;letter-spacing:.55px;margin:1.1rem 0 .4rem;text-transform:uppercase}.fi-test-type,.fi-test-type svg{color:var(--fi-accent)}.fi-test-meta{color:var(--fi-muted);font-size:.62rem;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.fi-panel h2.fi-section-title svg{flex-shrink:0}.fi-panel .fi-test-list .fi-tag{background:var(--fi-accent-bg)}.fi-colored-icon{stroke:currentColor;filter:drop-shadow(0 0 1px rgba(0,0,0,.15));transition:color .3s ease}.fi-row:hover .fi-colored-icon{filter:drop-shadow(0 0 2px rgba(0,0,0,.25))}.fi-label-icon .fi-colored-icon{flex-shrink:0}.fi-ph-range-wrapper{background:#f9fbfe;border:1px solid var(--fi-border);border-radius:8px;display:flex;flex-direction:column;gap:.55rem;padding:.6rem .7rem .8rem}.fi-ph-header{display:flex;flex-wrap:wrap;gap:.5rem}.fi-ph-value-tag{background:var(--fi-accent-bg);border:1px solid #0d4a7c40;border-radius:14px;color:var(--fi-accent);font-size:.62rem;font-weight:700;letter-spacing:.5px;padding:.3rem .55rem}.fi-ph-scale{align-items:flex-end;background:#fff;border:1px solid var(--fi-border);border-radius:8px;display:flex;height:54px;overflow:hidden;padding:0 6px 6px;position:relative}.fi-ph-gradient{background:linear-gradient(90deg,#dc2626,#f59e0b 35%,#facc15 50%,#0ea5e9 75%,#0d4a7c);inset:0;opacity:.18;position:absolute}.fi-ph-ticks{display:flex;inset:0;justify-content:space-between;padding:4px 6px 20px;position:absolute}.fi-ph-tick{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;position:relative}.fi-ph-tick-line{background:var(--fi-border-dark);border-radius:2px;height:16px;width:2px}.fi-ph-tick-label{color:var(--fi-muted);font-size:.55rem;font-weight:600;letter-spacing:.4px;margin-top:2px}.fi-ph-marker{align-items:center;display:flex;flex-direction:column;gap:2px;pointer-events:none;position:absolute;top:10px;transform:translateX(-50%)}.fi-ph-marker-dot{background:var(--fi-accent);border:2px solid var(--fi-accent);border-radius:50%;box-shadow:0 0 0 2px #fff;height:14px;width:14px}.fi-ph-marker-min .fi-ph-marker-dot{background:#dc2626;border-color:#dc2626}.fi-ph-marker-max .fi-ph-marker-dot{background:#0d4a7c;border-color:#0d4a7c}.fi-ph-range-bar{background:linear-gradient(90deg,#dc2626,#f59e0b,#facc15,#0ea5e9,#0d4a7c);border-radius:6px;height:10px;opacity:.55;position:absolute;top:15px}.fi-ph-legend{color:var(--fi-muted);display:flex;font-size:.58rem;font-weight:600;justify-content:space-between;letter-spacing:.4px;margin-top:-2px;text-transform:uppercase}.fi-ph-leg{flex:1 1;text-align:center}.fi-ph-leg.acid{color:#dc2626}.fi-ph-leg.neutral{color:#b45309}.fi-ph-leg.alkaline{color:#0d4a7c}.fi-ph-empty{background:#fff;border:1px dashed var(--fi-border-dark);border-radius:6px;color:var(--fi-muted);font-size:.65rem;font-weight:600;letter-spacing:.5px;padding:.4rem .55rem}.fi-radar-wrap{display:flex;justify-content:center;margin:.4rem 0 1rem}.fi-radar-inner{height:240px;position:relative;width:240px}.fi-radar-svg{background:radial-gradient(circle at 50% 50%,#0d4a7c10 0,#0000 75%);display:block;height:100%;width:100%}.fi-radar-legend{inset:0;pointer-events:none;position:absolute}.fi-radar-label{align-items:center;color:var(--fi-text);display:flex;flex-direction:column;font-size:.7rem;font-weight:600;gap:.25rem;position:absolute;text-align:center;transform:translate(-50%,-50%);width:88px}.fi-radar-tag{background:#0d4a7c;border-radius:6px;box-shadow:0 0 0 1px #0d4a7c,0 2px 5px -2px #0d4a7c66;color:#fff;font-size:.58rem;font-weight:700;letter-spacing:.4px;padding:.18rem .44rem}.fi-radar-level{fill:none;stroke:#0d4a7c2e;stroke-width:1}.fi-radar-level[data-level="5"]{stroke:#0d4a7c4d}.fi-radar-axis{stroke:#64748b73;stroke-width:1;stroke-dasharray:2 3}.fi-radar-data{fill:url(#fiRadarFill);stroke:#0d64b1;stroke-width:2;filter:drop-shadow(0 0 4px rgba(13,74,124,.35))}.fi-radar-node{fill:#fff;stroke:#0d64b1;stroke-width:2}.fi-fiber-image-wrap{align-items:center;border-radius:10px;display:flex;justify-content:center;min-height:220px;position:relative}.fi-fiber-figure{align-items:center;display:flex;flex-direction:column;gap:.55rem;margin:0;max-width:100%;width:100%}.fi-fiber-image{background:#fff;border:1px solid var(--fi-border-dark);border-radius:8px;box-shadow:0 3px 8px -4px #0f172a59;height:500px;max-width:100%;object-fit:cover;transition:transform .35s ease,box-shadow .35s ease}.fi-fiber-image:hover{box-shadow:0 6px 14px -6px #0f172a66;transform:scale(1.02)}.fi-fiber-image.fi-img-error{filter:grayscale(1) brightness(.9);object-fit:contain}.fi-fiber-caption{color:var(--fi-muted);font-size:.62rem;font-weight:700;letter-spacing:.55px;text-align:center;text-transform:uppercase;width:100%}.fi-fiber-image-placeholder{align-items:center;background:repeating-linear-gradient(45deg,#fff,#fff 6px,#f1f5f9 0,#f1f5f9 12px);border:2px dashed var(--fi-border-dark);border-radius:8px;color:var(--fi-muted);display:flex;flex-direction:column;font-size:.75rem;font-weight:600;gap:.6rem;justify-content:center;letter-spacing:.4px;min-height:160px;width:100%}.fi-fiber-image-icon{font-size:2.2rem;line-height:1}.fi-fiber-image-text{opacity:.8}@media (max-width:720px){.fiber-industrial-page{padding:1rem .9rem 2rem}.fi-header{align-items:flex-start;flex-direction:column}.fi-title{font-size:1.35rem}.fi-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.fi-row{min-height:76px}.fi-tabs{gap:.4rem}.fi-tab{font-size:.7rem;padding:.5rem .7rem}.fi-radar-inner{height:200px;width:200px}.fi-radar-label{font-size:.6rem;width:70px}.fi-radar-tag{font-size:.5rem}.fi-fiber-image{height:200px}.fi-fiber-image-wrap{min-height:190px}}@media (min-width:1100px){.fi-panel-radar,.fi-panel-sustainability{display:inline-block;margin-bottom:15px;vertical-align:top;width:calc(50% - 10px)}.fi-panel-sustainability{margin-right:20px}.fi-panel-radar{margin-right:0}.fi-properties-row{align-items:stretch;display:flex;gap:20px}.fi-properties-row .fi-panel-core{flex:3 1;margin-bottom:0}.fi-properties-row .fi-panel-image{display:flex;flex:1 1;flex-direction:column;margin-bottom:0}.fi-properties-row .fi-panel-image .fi-fiber-image-wrap{flex:1 1}.fi-properties-row+.fi-panel{margin-top:15px}}.mfg-table-wrapper{background:#fff;border:1px solid var(--fi-border);border-radius:15px;margin-top:.5rem;overflow-x:auto}.mfg-table{border-collapse:collapse;font-size:.72rem;min-width:640px;width:100%}.mfg-table thead th{background:#0d4a7c;border-right:1px solid #ffffff26;color:#fff;font-weight:700;letter-spacing:.5px;padding:.55rem .6rem;position:sticky;text-align:left;top:0}.mfg-table thead th:first-child{background:#08385f;z-index:2}.mfg-table tbody th{background:#f1f5f9;border-right:1px solid var(--fi-border);color:var(--fi-text);font-weight:700;padding:.55rem .6rem;text-align:left;width:190px}.mfg-table td{background:#fafcff;border-left:1px solid var(--fi-border);border-top:1px solid var(--fi-border);color:var(--fi-text);font-weight:600;text-align:center}.mfg-table td,.mfg-table thead th:not(:first-child){min-width:100px;padding:.55rem .45rem}.mfg-table tbody tr:nth-child(2n) td{background:#f5f9fd}.mfg-table td:hover{background:var(--fi-accent-bg)}.mfg-search-bar{align-items:center;display:flex;gap:.5rem;margin:.4rem 0 2rem}.mfg-search-bar input{background:#f0f0f0;border:1px solid var(--fi-border-dark);border-radius:6px;flex:1 1;font-size:.72rem;font-weight:600;padding:.6rem .65rem}.mfg-search-bar input:focus{outline:2px solid var(--fi-accent);outline-offset:2px}.mfg-clear-btn{background:#0d4a7c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;height:30px;line-height:1;width:30px}.mfg-clear-btn:hover{background:#0b3b63}.mfg-table tbody th.mfg-col-prop,.mfg-table thead th:first-child{left:0;position:sticky;z-index:3}.mfg-table thead th:first-child{box-shadow:2px 0 0 0 #0000000d}.mfg-table tbody th.mfg-col-prop{box-shadow:2px 0 0 0 #0000000a}.mfg-table tbody th.mfg-col-prop,.mfg-table thead th{min-width:230px;width:230px}.mfg-chart-wrap{background:#fff;border:1px solid var(--fi-border);border-radius:8px;padding:.75rem .9rem 1rem;width:100%}.mfg-chart-wrap .recharts-legend-wrapper{font-size:.65rem}.mfg-chart-wrap .recharts-tooltip-wrapper{font-size:.65rem;font-weight:600}.mfg-chart-wrap .recharts-cartesian-grid line{stroke:#e2e8f0}.mfg-chart-toggles{border-top:1px solid var(--fi-border);display:flex;flex-wrap:wrap;gap:.6rem .9rem;margin-top:.85rem;padding-top:.7rem}.mfg-toggle{align-items:center;background:#f8fafc;border:1px solid var(--fi-border);border-radius:6px;cursor:pointer;display:flex;font-size:.65rem;font-weight:600;gap:.45rem;padding:.4rem .55rem;-webkit-user-select:none;user-select:none}.mfg-toggle input{accent-color:var(--fi-accent);cursor:pointer}.mfg-toggle.on{background:#fff;border-color:var(--fi-border-dark);box-shadow:0 2px 4px -2px #0f172a26}.mfg-toggle.off{opacity:.55}.mfg-color-dot{border-radius:50%;box-shadow:0 0 0 1px #00000026;height:14px;width:14px}.mfg-fiber-col button{background:none;border:none;color:#fff;cursor:pointer;font:inherit;font-weight:700;letter-spacing:.5px;margin:0;padding:0}.mfg-fiber-col button:focus,.mfg-fiber-col button:hover{outline:none;text-decoration:underline}.mfg-table thead th.mfg-fiber-col{position:sticky;top:0}@media (max-width:720px){.mfg-table{font-size:.65rem;min-width:520px}.mfg-table tbody th{width:170px}.mfg-table tbody th.mfg-col-prop,.mfg-table thead th{min-width:200px;width:200px}.mfg-chart-wrap{padding:.6rem .6rem .8rem}.mfg-chart-toggles{gap:.5rem}.mfg-toggle{font-size:.6rem;padding:.35rem .5rem}.mfg-color-dot{height:12px;width:12px}}.admin-dashboard{box-sizing:border-box;margin:0 auto;max-width:1100px;padding:28px}.dashboard-title{color:#222;font-size:26px;margin:0 0 20px;text-align:left}.dash-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}@media (max-width:992px){.dash-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.dash-grid{grid-template-columns:1fr}}.dash-card{align-items:flex-start;background:#fff;border:1px solid #e6e6e6;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;min-height:110px;padding:18px;text-align:left;transition:transform .12s ease,box-shadow .12s ease}.dash-card:hover{box-shadow:0 6px 18px #19191914;transform:translateY(-4px)}.card-icon{font-size:28px;margin-bottom:10px}.card-title{color:#111;font-size:16px;font-weight:600}.card-sub{color:#666;font-size:13px;margin-top:6px}.dash-card{background-clip:padding-box;border:1px solid #ddd;outline:none}.dash-card:focus{box-shadow:0 0 0 3px #159ce426}.view-table{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin:24px auto;max-width:1000px;padding:16px}.view-table h2{margin:0 0 12px}.view-table table{border-collapse:collapse;width:100%}.view-table td,.view-table th{border:1px solid #e5e7eb;padding:8px;text-align:left}.view-table thead{background:#f9fafb}.actions-cell{display:flex;gap:8px}.actions-cell button{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 10px}.actions-cell button.danger{background:#ef4444}.message{margin-bottom:8px}.add-form{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin:24px auto;max-width:800px;padding:20px}.add-form h2{margin:0 0 16px}.admin-form-row{display:flex;flex-direction:column;grid-template-columns:1fr 1fr;margin-bottom:20px}.admin-form-row label{font-weight:600;margin-bottom:6px}.admin-form-row input,.admin-form-row select,.admin-form-row textarea{border:1px solid #d1d5db;border-radius:6px;max-height:500px;max-width:100%;min-height:40px;padding:10px}.select-row{align-items:center;display:flex;gap:8px}.select-row select{flex:1 1}.select-row button{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 10px}.select-row button[disabled]{cursor:default;opacity:.6}.actions{margin-top:12px}.actions button{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 14px}.actions button[disabled]{cursor:default;opacity:.6}.actions.inline button{background:#ef4444}.message{background:#f3f4f6;border-radius:6px;margin-top:12px;padding:8px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip{align-items:center;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;color:#1f2937;display:inline-flex;font-size:13px;gap:8px;padding:6px 10px}.chip .chip-remove{background:#0000;border:none;cursor:pointer;font-size:14px;line-height:1}.hint{color:#6b7280;font-size:13px}.questions-section{margin-top:16px}.question-card{background:#fffee5;margin-bottom:20px}.highlight-form,.question-card{border:1px solid #e5e7eb;border-radius:8px;padding:12px}.highlight-form{background:#f8fafc;display:flex;flex-direction:column;gap:8px}.highlight-form input,.highlight-form select,.highlight-form textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px}.highlight-form button{align-self:flex-start;background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:8px 14px}.chips.vertical,.highlight-card{flex-direction:column}.highlight-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:6px;padding:12px 14px;position:relative;width:100%}.highlight-card .hl-head{align-items:center;display:flex;font-size:14px;gap:8px}.highlight-card .hl-type{background:#eef2ff;border-radius:4px;color:#374151;font-size:11px;font-weight:600;letter-spacing:.08em;padding:2px 6px;text-transform:uppercase}.highlight-card .hl-desc{color:#374151;font-size:13px;line-height:1.4}.highlight-card.type-tip{background:#f0fdf4;border-color:#dcfce7}.highlight-card.type-mistake{background:#fef2f2;border-color:#fee2e2}.highlight-card.type-fact{background:#eff6ff;border-color:#dbeafe}.toggle-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}.toggle-btn{background:#2563eb;border:1px solid #1e40af;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 12px}.toggle-btn:hover{filter:brightness(.98)}.toggle-btn.active{background:#ef4444;border-color:#b91c1c}
/*# sourceMappingURL=main.7be3736d.css.map*/