.discounts-list-container{margin-top:16px}.discounts-list-title{font-size:16px;font-weight:600;margin-bottom:16px;color:#344767}.discounts-list{display:flex;flex-direction:column;gap:16px}.discount-item{background:#f8f9fa;border-radius:12px;padding:16px;border:1px solid #e9ecef;transition:all .3s ease}.discount-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.discount-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.discount-item-main{display:flex;align-items:center;gap:12px}.discount-item-icon{font-size:24px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff}.discount-item-info{flex:1}.discount-item-name{font-size:16px;font-weight:600;margin:0 0 4px;color:#344767}.discount-item-value{font-size:14px;font-weight:600;color:#ff6b6b}.discount-item-status{display:flex;align-items:center}.status-active{background:#28a745;color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600}.status-inactive{background:#6c757d;color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600}.discount-item-description{font-size:14px;color:#6c757d;margin-bottom:12px;line-height:1.4}.discount-item-details{display:flex;flex-direction:column;gap:8px}.discount-item-conditions{display:flex;flex-wrap:wrap;gap:8px}.condition-item{background:#e9ecef;color:#495057;padding:4px 8px;border-radius:8px;font-size:11px;font-weight:500}.discount-item-dates{display:flex;flex-wrap:wrap;gap:8px}.date-item{background:#d1ecf1;color:#0c5460;padding:4px 8px;border-radius:8px;font-size:11px;font-weight:500}.price-display{display:flex;flex-direction:column;align-items:flex-start}.price-display-small{font-size:14px}.price-display-medium{font-size:16px}.price-display-large{font-size:18px}.price-container{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.original-price-strikethrough{text-decoration:line-through;color:#6c757d;font-size:.85em;opacity:.7}.discounted-price{display:flex;align-items:center;gap:6px}.final-price-amount{font-weight:600;color:#ff6b6b;font-size:1.1em}.discount-icon-container{position:relative;cursor:pointer}.discount-icon{font-size:16px;animation:bounce 2s infinite}.discount-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 8px 25px #00000026;padding:16px;min-width:280px;max-width:320px;z-index:1000;margin-bottom:8px}.discount-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#fff}.tooltip-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e9ecef}.tooltip-icon{font-size:18px}.tooltip-title{font-weight:600;color:#344767;font-size:14px}.tooltip-content{display:flex;flex-direction:column;gap:8px}.tooltip-discount{color:#ff6b6b;font-size:16px;font-weight:600}.tooltip-savings{color:#28a745;font-size:14px;font-weight:500}.tooltip-description{color:#6c757d;font-size:13px;line-height:1.4;margin:4px 0}.tooltip-conditions{display:flex;flex-direction:column;gap:4px;margin-top:8px}.condition-item{display:flex;justify-content:space-between;align-items:center;font-size:12px}.condition-label{color:#6c757d;font-weight:500}.condition-value{color:#344767;font-weight:600}.tooltip-dates{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid #e9ecef}.date-item{display:flex;justify-content:space-between;align-items:center;font-size:12px}.date-label{color:#6c757d;font-weight:500}.date-value{color:#344767;font-weight:600}.company-price-section{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.company-price{font-size:18px;font-weight:600;color:#344767}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}@media (max-width: 768px){.discount-badge{font-size:10px;padding:2px 8px}.discount-item-header{flex-direction:column;align-items:flex-start;gap:8px}.discount-item-main{width:100%}.discount-item-conditions,.discount-item-dates{flex-direction:column}.condition-item,.date-item{width:fit-content}.price-display,.price-container{align-items:center}.discount-tooltip{min-width:250px;max-width:280px;left:0;transform:none}.discount-tooltip:after{left:20px;transform:none}.company-price-section{justify-content:center;width:100%}}@tailwind base;@tailwind components;@tailwind utilities;:root{--md-primary: #1976d2;--md-primary-light: #42a5f5;--md-primary-dark: #1565c0;--md-secondary: #dc004e;--md-success: #2e7d32;--md-warning: #ed6c02;--md-error: #d32f2f;--md-info: #0288d1;--md-surface: #ffffff;--md-background: #fafafa;--md-on-primary: #ffffff;--md-on-secondary: #ffffff;--md-on-surface: #212121;--md-on-background: #212121;--md-elevation-1: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);--md-elevation-2: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);--md-elevation-3: 0 10px 20px rgba(0,0,0,.19), 0 6px 6px rgba(0,0,0,.23);--md-elevation-4: 0 14px 28px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.22);--md-elevation-5: 0 19px 38px rgba(0,0,0,.3), 0 15px 12px rgba(0,0,0,.22)}body{font-family:Roboto,Helvetica,Arial,sans-serif;background-color:var(--md-background);color:var(--md-on-background);line-height:1.6}@media (max-width: 768px){.content-container{max-width:90%;padding:0 16px}}@media (max-width: 480px){.content-container{max-width:95%;padding:0 12px}}.md-card{background:var(--md-surface);border-radius:8px;box-shadow:var(--md-elevation-1);transition:box-shadow .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.md-card:hover{box-shadow:var(--md-elevation-2)}.md-card-header{padding:16px 24px;border-bottom:1px solid rgba(0,0,0,.12)}.md-card-actions{padding:8px 24px 24px;display:flex;gap:8px;justify-content:flex-end}.md-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:4px;font-weight:500;font-size:14px;text-transform:uppercase;letter-spacing:.5px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;min-height:36px}.md-button-primary{background-color:var(--md-primary);color:var(--md-on-primary)}.md-button-primary:hover{background-color:var(--md-primary-dark);box-shadow:var(--md-elevation-2)}.md-button-secondary{background-color:transparent;color:var(--md-primary);border:1px solid var(--md-primary)}.md-button-secondary:hover{background-color:#1976d20a}.md-button-text{background-color:transparent;color:var(--md-primary)}.md-button-text:hover{background-color:#1976d20a}.button-icon{margin-right:8px;font-size:16px}.md-input{width:100%;padding:12px 16px;border:1px solid rgba(0,0,0,.23);border-radius:4px;font-size:16px;transition:border-color .3s cubic-bezier(.4,0,.2,1);background-color:var(--md-surface)}.md-input:focus{outline:none;border-color:var(--md-primary);border-width:2px}.md-input-container{position:relative;margin-bottom:16px}.md-input-label{position:absolute;top:12px;left:16px;color:#0009;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;font-size:16px}.md-input:focus+.md-input-label,.md-input:not(:placeholder-shown)+.md-input-label{top:-8px;left:12px;font-size:12px;color:var(--md-primary);background-color:var(--md-surface);padding:0 4px}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.icon{display:inline-block;color:#111;height:2rem;width:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-md{height:2rem;width:2rem}.icon-shape{border-radius:50%}.icon i{font-size:1rem;line-height:1}.periodic-table{display:grid;gap:8px;padding:20px}.periodic-table.desktop{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:1400px}.periodic-table.tablet{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));max-width:1000px}.periodic-table.mobile{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-width:600px}.service-cell{@apply relative p-4 rounded-lg border-2 border-gray-200 cursor-pointer transition-all duration-200 hover:scale-105 hover:shadow-lg;min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.service-cell:hover{@apply border-blue-300 shadow-lg;}.service-cell.group{@apply bg-gradient-to-br from-blue-50 to-blue-100 border-blue-300;}.service-cell.subgroup{@apply bg-gradient-to-br from-gray-50 to-gray-100 border-gray-300;}.service-name{@apply font-semibold text-sm mb-1;}.service-hashtag{@apply text-xs text-gray-600 font-mono;}.service-description{@apply text-xs text-gray-500 mt-2;}.search-container{@apply relative max-w-2xl mx-auto;}.search-input{@apply w-full px-4 py-3 pl-12 pr-4 text-gray-900 bg-white border border-gray-300 rounded-lg focus:ring-blue-500 focus:border-blue-500;}.search-icon{@apply absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400;}.search-results{@apply absolute top-full left-0 right-0 bg-white border border-gray-300 rounded-lg shadow-lg z-50 max-h-60 overflow-y-auto;}.search-result-item{@apply px-4 py-2 hover:bg-gray-100 cursor-pointer border-b border-gray-100 last:border-b-0;}.header{@apply bg-white shadow-sm border-b border-gray-200;}.header-content{@apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;}.tooltip{@apply absolute z-50 px-3 py-2 text-sm text-white bg-gray-900 rounded-lg shadow-lg opacity-0 pointer-events-none transition-opacity duration-200;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;white-space:nowrap}.tooltip:after{content:"";@apply absolute top-full left-1/2 transform -translate-x-1/2;border:5px solid transparent;border-top-color:#111827}.service-cell:hover .tooltip{@apply opacity-100;}.hero-background{position:absolute;top:0;left:0;right:0;height:532px;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;z-index:1}.hero-background-blur{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(10px);transform:scale(1.1);overflow:hidden;z-index:2}.hero-background-home{background-image:url(/img/marketing/3.jpg)}.hero-background-blur-home{background-image:url(/img/marketing/3.jpg)}.hero-background-blog{background-image:url(/img/blog-hero.jpg)}.hero-background-blur-blog{background-image:url(/img/blog-hero.jpg)}.hero-background-search{background-image:url(/img/search-hero.jpg)}.hero-background-blur-search{background-image:url(/img/search-hero.jpg)}.hero-background-review{background-image:url(/img/review-hero.jpg)}.hero-background-blur-review{background-image:url(/img/review-hero.jpg)}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffff4d;z-index:3}.service-toggle-button{background:none;border:none;color:#1976d2;cursor:pointer;padding:8px 12px;border-radius:4px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;margin-top:8px}@media (max-width: 768px){.periodic-table{gap:6px;padding:15px}.service-cell{min-height:100px;padding:12px}.service-name{font-size:.875rem}.service-hashtag{font-size:.75rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.service-groups-grid{grid-template-columns:1fr;gap:16px}.cta-title{font-size:2rem}}@media (max-width: 480px){.periodic-table{gap:4px;padding:10px}.service-cell{min-height:80px;padding:8px}.service-name{font-size:.8rem}.service-hashtag{font-size:.7rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}}.diagramm-container .service:hover{filter:brightness(1.1)}.diagramm-container .service:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff1a;opacity:0;transition:opacity .3s ease}.diagramm-container .service:hover:after{opacity:1}.service-links a{text-decoration:none;font-weight:500}.service-links a:hover{text-decoration:underline}.faq-accordion{transition:all .3s cubic-bezier(.4,0,.2,1)}.faq-accordion.collapse{max-height:0;opacity:0}.faq-accordion.show{max-height:2000px;opacity:1}.accordion-button{position:relative;padding-right:50px!important;padding-left:15px!important}.accordion-button:not(.collapsed){background-color:#e3f2fd!important;color:#1976d2!important;box-shadow:inset 0 -1px #00000020}.accordion-button:focus{box-shadow:0 0 0 .25rem #1976d240;border-color:#1976d2}.accordion-button i{position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:transform .3s ease;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.accordion-button:not(.collapsed) i{transform:translateY(-50%) rotate(180deg)}.accordion-collapse{transition:all .3s cubic-bezier(.4,0,.2,1)}.accordion-collapse.collapse{max-height:0;opacity:0;overflow:hidden}.accordion-collapse.show{max-height:1000px;opacity:1}.accordion-body{padding:1rem 15px!important;background-color:#f8f9fa;border-top:1px solid rgba(0,0,0,.125)}.faq-header{transition:all .3s ease;position:relative;padding-left:15px!important}.faq-header:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.accordion-button:hover{background-color:#f8f9fa!important}.accordion-button:not(.collapsed):hover{background-color:#e1f5fe!important}.faq-header i{position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:transform .3s ease;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.md-input{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;font-size:14px;color:#333;transition:border-color .2s ease,box-shadow .2s ease;width:100%;box-sizing:border-box}.md-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}.md-input::placeholder{color:#999}.md-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;text-align:center;min-height:44px;box-sizing:border-box}.md-button:disabled{opacity:.6;cursor:not-allowed}.md-button-primary{background-color:#1976d2;color:#fff}.md-button-primary:hover:not(:disabled){background-color:#1565c0;box-shadow:0 4px 12px #1976d24d}.md-button-secondary{background-color:#f5f5f5;color:#333;border:1px solid #e0e0e0}.md-button-secondary:hover:not(:disabled){background-color:#eee;box-shadow:0 2px 8px #0000001a}.md-button-outlined{background-color:transparent;color:#1976d2;border:1px solid #1976d2}.md-button-outlined:hover:not(:disabled){background-color:#1976d20a}.md-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:box-shadow .2s ease}.md-card:hover{box-shadow:0 4px 16px #00000026}.md-card-header{padding:24px;border-bottom:1px solid #f0f0f0}.md-card-content{padding:24px}.md-card-footer{padding:24px;border-top:1px solid #f0f0f0;background-color:#fafafa}.md-typography-h1{font-size:2.5rem;font-weight:300;line-height:1.2;color:#333;margin-bottom:1rem}.md-typography-h2{font-size:2rem;font-weight:300;line-height:1.3;color:#333;margin-bottom:.875rem}.md-typography-h3{font-size:1.5rem;font-weight:400;line-height:1.4;color:#333;margin-bottom:.75rem}.md-typography-h4{font-size:1.25rem;font-weight:400;line-height:1.4;color:#333;margin-bottom:.625rem}.md-typography-body1{font-size:1rem;font-weight:400;line-height:1.6;color:#333}.md-typography-body2{font-size:.875rem;font-weight:400;line-height:1.6;color:#666}.md-typography-caption{font-size:.75rem;font-weight:400;line-height:1.4;color:#999}.md-spacing-1{margin:8px}.md-spacing-2{margin:16px}.md-spacing-3{margin:24px}.md-spacing-4{margin:32px}.md-spacing-5{margin:40px}.md-padding-1{padding:8px}.md-padding-2{padding:16px}.md-padding-3{padding:24px}.md-padding-4{padding:32px}.md-padding-5{padding:40px}.md-color-primary{color:#1976d2}.md-color-secondary{color:#dc004e}.md-color-success{color:#2e7d32}.md-color-warning{color:#ed6c02}.md-color-error{color:#d32f2f}.md-color-info{color:#0288d1}.md-bg-primary{background-color:#1976d2}.md-bg-secondary{background-color:#dc004e}.md-bg-success{background-color:#2e7d32}.md-bg-warning{background-color:#ed6c02}.md-bg-error{background-color:#d32f2f}.md-bg-info{background-color:#0288d1}.md-elevation-1{box-shadow:0 2px 4px #0000001a}.md-elevation-2{box-shadow:0 4px 8px #0000001a}.md-elevation-3{box-shadow:0 6px 12px #0000001a}.md-elevation-4{box-shadow:0 8px 16px #0000001a}.md-elevation-5{box-shadow:0 10px 20px #0000001a}.md-transition-fast{transition:all .15s ease}.md-transition-normal{transition:all .2s ease}.md-transition-slow{transition:all .3s ease}.md-grid{display:grid;gap:24px}.md-grid-1{grid-template-columns:repeat(1,1fr)}.md-grid-2{grid-template-columns:repeat(2,1fr)}.md-grid-3{grid-template-columns:repeat(3,1fr)}.md-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.md-grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.md-grid-3,.md-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.md-grid-2,.md-grid-3,.md-grid-4{grid-template-columns:repeat(1,1fr)}}.service-item-list{display:flex;flex-direction:column;gap:8px}.search-bar-container{position:relative;width:100%;z-index:99999}.search-input-container{position:relative}.search-input-with-icon{padding-left:56px}.search-icon-absolute{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#0009;font-size:24px;pointer-events:none;z-index:1}.search-dropdown{position:fixed;top:auto;left:0;right:0;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:99999;max-height:320px;overflow-y:auto;width:100%;margin-top:4px}.search-result-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item.selected{background-color:#e3f2fd}.search-result-content{display:flex;align-items:center;justify-content:space-between}.search-result-left{display:flex;align-items:center;gap:12px}.search-result-icon{font-size:20px}.search-result-icon-group{color:#1976d2}.search-result-icon-subgroup{color:#7b1fa2}.search-result-info{display:flex;flex-direction:column}.search-result-name{font-weight:500;color:#212121;font-size:14px}.search-result-action{font-size:12px;color:#666;margin-left:8px;font-style:italic}.search-result-description{font-size:12px;color:#0009;margin-top:2px}.search-result-hashtag{font-size:12px;color:#0006;font-family:Roboto Mono,monospace}.service-toggle-button{background:none;border:none;color:#1976d2;cursor:pointer;padding:8px 12px;border-radius:4px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;margin-top:8px;transition:background-color .2s ease}.service-toggle-button:hover{background-color:#1976d20a}.service-toggle-icon{font-size:16px}.service-item-content{display:flex;align-items:center;gap:12px}.service-item-icon{font-size:20px;color:#1976d2}.no-results-container{text-align:center;padding:40px 20px;background-color:#f5f5f5;border-radius:8px;margin-top:20px}.no-results-icon{font-size:48px;color:#666;margin-bottom:16px;display:block}.no-results-title{color:#666;margin-bottom:8px}.no-results-description{color:#888}.section-header{text-align:center;margin-bottom:48px}.section-title{font-size:2.5rem;font-weight:300;color:#212121;margin-bottom:16px}.section-subtitle{font-size:1.25rem;color:#000000b3}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.feature-icon-primary{background-color:#e3f2fd}.feature-icon-success{background-color:#e8f5e8}.feature-icon-secondary{background-color:#f3e5f5}.feature-icon-primary .material-symbols-rounded{font-size:32px;color:#1976d2}.feature-icon-success .material-symbols-rounded{font-size:32px;color:#2e7d32}.feature-icon-secondary .material-symbols-rounded{font-size:32px;color:#7b1fa2}.hero-search-container{max-width:800px;margin:0 auto}.hero-content{position:relative;z-index:4;padding-top:60px;padding-bottom:60px}.hero-background{position:absolute;top:0;left:0;right:0;height:532px;background-image:url(/img/marketing/3.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;z-index:1}.hero-background-blur{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/img/marketing/3.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(10px);transform:scale(1.1);overflow:hidden}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffff4d}.hero-section{background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:80px 0;position:relative;overflow:visible;z-index:1000}.hero-title{font-size:3.5rem;font-weight:300;color:#212121;margin-bottom:24px;line-height:1.2}.hero-subtitle{font-size:1.25rem;color:#000000b3;max-width:800px;margin:0 auto;line-height:1.6}.features-section{background:#fff;padding:80px 0;position:relative;z-index:1}.feature-card{text-align:center;padding:32px 24px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease}.feature-card:hover{transform:translateY(-4px)}.feature-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.feature-title{font-size:1.5rem;font-weight:500;color:#212121;margin-bottom:16px}.feature-description{color:#000000b3;line-height:1.6}.cta-section{background:linear-gradient(135deg,#1976d2,#1565c0);padding:80px 0;text-align:center;position:relative;z-index:1}.cta-title{font-size:2.5rem;font-weight:300;color:#fff;margin-bottom:16px}.cta-subtitle{font-size:1.25rem;color:#fffc;margin-bottom:32px}.cta-button{background:#fff;color:#1976d2;padding:16px 32px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .2s ease;display:inline-flex;align-items:center}.cta-button:hover{background-color:#f5f5f5;transform:translateY(-2px)}.service-groups-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:32px;position:relative;z-index:1}.service-group-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:box-shadow .3s ease,transform .3s ease}.service-group-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.service-group-header{background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:flex-start}.service-group-title{font-size:1.25rem;font-weight:500;margin:0;width:100%;color:#fff;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.4}.service-group-hashtag{font-size:.875rem;font-family:Roboto Mono,monospace;opacity:.8}.service-group-content{padding:20px}.service-item{display:block;padding:12px;border-radius:6px;text-decoration:none;color:#212121;transition:background-color .2s ease;margin-bottom:4px}.service-item:hover{background-color:#f5f5f5;text-decoration:none;color:#1976d2}.content-container{max-width:60%;margin:0 auto;width:100%;padding:0 20px}@media (max-width: 1200px){.content-container{max-width:70%}}@media (max-width: 992px){.content-container{max-width:80%}}@media (max-width: 768px){.content-container{max-width:90%;padding:0 16px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.service-groups-grid{grid-template-columns:1fr;gap:16px}.cta-title{font-size:2rem}}@media (max-width: 480px){.content-container{max-width:95%;padding:0 12px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}}.main-content{min-height:100vh;background-color:#f9fafb}.main-content:has(.statistics-header){background-color:#f8f9fa;padding:0;margin:0}.footer{background-color:#fff;border-top:1px solid #e5e7eb;padding:32px 0}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;margin-bottom:32px}.footer-section{display:flex;flex-direction:column}.footer-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:16px}.footer-subtitle{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:16px}.footer-description{color:#6b7280;font-size:14px;line-height:1.5}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:8px}.footer-link{color:#6b7280;text-decoration:none;font-size:14px;transition:color .2s ease}.footer-link:hover{color:#1976d2}.footer-bottom{margin-top:32px;padding-top:32px;border-top:1px solid #e5e7eb;text-align:center}.footer-copyright{color:#6b7280;font-size:14px}.header{background-color:#fff;box-shadow:0 1px 3px #0000001a;border-bottom:1px solid #e5e7eb}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:24px}.footer{padding:24px 0}.footer-bottom{margin-top:24px;padding-top:24px}}.hero-section-blog{background:linear-gradient(135deg,#667eeae6,#764ba2e6)}.hero-title-blog{color:#fff}.hero-subtitle-blog{color:#ffffffe6;max-width:600px;margin:0 auto}.search-filters-section{padding:40px 0;background-color:#f8f9fa}.search-form{margin-bottom:20px}.search-form-row{display:flex;gap:16px;align-items:center}.search-input-wrapper{position:relative;flex:1}.advanced-filters{background-color:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.search-page-content{padding:48px 0}.search-page-title{font-size:2rem;font-weight:300;color:#212121;margin-bottom:32px;text-align:center}.products-list{display:flex;flex-direction:column;gap:24px}.loading-observer{height:40px;display:flex;align-items:center;justify-content:center;margin-top:32px}.loading-spinner{width:32px;height:32px;position:relative}.spinner{width:100%;height:100%;border:3px solid rgba(25,118,210,.2);border-top:3px solid #1976d2;border-radius:50%;animation:spin 1s linear infinite}.error-message{text-align:center;padding:32px 0}.error-message>div{max-width:400px;margin:0 auto;border:1px solid #d32f2f;background-color:#d32f2f0d;border-radius:8px;padding:24px}.error-icon{font-size:24px;color:#d32f2f;margin-right:8px}.error-message h3{color:#d32f2f;margin-bottom:16px;font-weight:500}.error-message p{color:#d32f2f;margin-bottom:16px;font-size:.875rem}.no-results-message{text-align:center;padding:48px 0}.no-results-message>div{max-width:400px;margin:0 auto;background-color:#f5f5f5;border-radius:8px;padding:32px}.no-results-message .no-results-icon{font-size:48px;color:#666;margin-bottom:16px;display:block}.no-results-message h3{color:#666;margin-bottom:8px;font-size:1.25rem;font-weight:500}.no-results-message p{color:#888;font-size:.875rem;line-height:1.5}.company-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:box-shadow .3s ease,transform .3s ease}.company-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.company-card-content{padding:24px}.company-card-layout{display:grid;grid-template-columns:120px 1fr 200px;gap:24px;align-items:start}.company-logo-section{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:120px;gap:12px}.company-logo-section img{width:160px;height:160px;object-fit:contain;border-radius:8px;border:1px solid #e0e0e0}.company-logo-placeholder{width:160px;height:160px;align-items:center;justify-content:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;color:#666;font-size:12px;text-align:center}.company-info-section{display:flex;flex-direction:column;gap:16px}.company-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.company-name{font-size:1.25rem;font-weight:600;color:#212121;margin:0;line-height:1.3}.company-rating{display:flex;align-items:center;gap:8px;flex-shrink:0}.company-reviews-count{font-size:.875rem;color:#666}.company-description{color:#666;line-height:1.6;font-size:.875rem}.company-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.company-price{font-size:1.125rem;font-weight:600;color:#1976d2}.company-price-section{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;text-align:center}.company-actions{display:flex;gap:12px;justify-content:flex-end;margin-left:auto}.company-chart-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px}.chart-container{display:flex;flex-direction:column;align-items:center;gap:8px}.chart-label{font-size:.75rem;color:#666;text-align:center;margin:0;max-width:150px}.no-data-placeholder{display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;color:#666;font-size:12px;text-align:center;padding:16px;min-height:80px}@media (max-width: 1024px){.company-card-layout{grid-template-columns:140px 1fr 180px;gap:20px}.company-logo-section img,.company-logo-placeholder{width:120px;height:120px}}@media (max-width: 768px){.company-card-layout{grid-template-columns:1fr;gap:16px}.company-logo-section{min-height:auto;order:1;gap:8px}.company-logo-section img,.company-logo-placeholder{width:100px;height:100px}.company-info-section{order:2}.company-chart-section{order:3;min-height:auto}.company-header{flex-direction:column;align-items:flex-start;gap:8px}.company-footer{flex-direction:column;align-items:flex-start;gap:12px}.company-actions{width:100%;justify-content:flex-end}}.search-filters-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:box-shadow .3s cubic-bezier(.4,0,.2,1);overflow:hidden;margin-bottom:24px}.search-filters-header{padding:16px 24px;border-bottom:1px solid rgba(0,0,0,.12)}.search-filters-title-section{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-icon{color:#1976d2;font-size:20px}.search-filters-title{font-size:1.125rem;font-weight:500;color:#212121;margin:0}.search-filters-count{font-size:.875rem;color:#0009;background-color:#1976d21a;padding:4px 8px;border-radius:12px}.search-filters-actions{display:flex;align-items:center;gap:8px;margin-top:12px}.search-filters-content{padding:24px}.search-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.filter-group{display:flex;flex-direction:column}.filter-label{display:flex;align-items:center;font-size:.875rem;font-weight:500;color:#212121;margin-bottom:8px}.filter-label-icon{font-size:16px;margin-right:4px;vertical-align:middle}.price-range-inputs{display:flex;align-items:center;gap:12px}.price-input-wrapper{position:relative;flex:1}.price-separator{color:#0009;font-size:1.125rem;font-weight:500}.button-icon.rotated{transform:rotate(180deg);transition:transform .3s ease}.active-filters-display{margin-top:16px;padding:12px 16px;background-color:#1976d20d;border-radius:8px;border:1px solid rgba(25,118,210,.2)}.active-filters-title{display:flex;align-items:center;gap:8px;margin-bottom:8px}.active-filters-icon{font-size:16px;color:#1976d2}.active-filters-text{font-size:.875rem;font-weight:500;color:#1976d2}.active-filters-list{display:flex;flex-wrap:wrap;gap:8px}.active-filter{font-size:.75rem;padding:4px 8px;background-color:#1976d21a;color:#1976d2;border-radius:12px;border:1px solid rgba(25,118,210,.2)}@media (max-width: 768px){.search-filters-title-section{flex-direction:column;align-items:flex-start;gap:8px}.search-filters-actions{justify-content:flex-start}.search-filters-grid{grid-template-columns:1fr;gap:16px}.price-range-inputs{flex-direction:column;gap:8px}.price-separator{display:none}}.donut-chart-container{position:relative;display:inline-block}.donut-chart-canvas{display:block;margin:0 auto;transition:transform .2s ease}.donut-chart-no-data{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.donut-chart-no-data-text{color:#9ca3af;font-size:.875rem}.donut-chart-tooltip{position:absolute;background-color:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:.875rem;font-weight:500;white-space:nowrap;z-index:1000;pointer-events:none;transform:translate(-50%,-100%);margin-top:-8px;box-shadow:0 4px 12px #00000026;max-width:200px;word-wrap:break-word}.donut-chart-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000c}.star-rating-container{display:flex;align-items:center;flex-wrap:nowrap;min-width:fit-content}.star-rating-stars{display:flex;align-items:center;flex-shrink:0;min-width:fit-content}.star-rating-star{width:20px;height:20px;flex-shrink:0}.star-rating-full,.star-rating-half{color:#f59e0b}.star-rating-empty{color:#d1d5db}.star-rating-text{font-size:.875rem;color:#6b7280;margin-left:4px;flex-shrink:0}.auth-page{min-height:100vh;background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:40px 0}.auth-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px)}.auth-card{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:48px;width:100%;max-width:480px}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#1976d2,#1565c0);display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.auth-logo .material-symbols-rounded{font-size:40px;color:#fff}.auth-title{font-size:2rem;font-weight:300;color:#212121;margin-bottom:12px}.auth-subtitle{color:#666;font-size:1rem;line-height:1.5}.auth-toggle{display:flex;background:#f5f5f5;border-radius:8px;padding:4px;margin-bottom:24px}.toggle-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;background:transparent;border-radius:6px;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease}.toggle-button.active{background:#fff;color:#1976d2;box-shadow:0 2px 8px #0000001a}.google-auth-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;color:#333;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:24px}.google-auth-button:hover{background:#f5f5f5;border-color:#ccc}.google-auth-button img{width:18px;height:18px}.auth-divider{text-align:center;margin:24px 0;position:relative}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e0e0e0}.auth-divider span{background:#fff;padding:0 16px;color:#666;font-size:14px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}.form-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#212121;margin-bottom:8px}.form-label .material-symbols-rounded{font-size:18px;color:#666}.form-input{padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}.form-input.error{border-color:#d32f2f}.error-message{color:#d32f2f;font-size:12px;margin-top:4px}.checkbox-group{flex-direction:row;align-items:center;gap:12px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#666}.checkbox-input{display:none}.checkbox-custom{width:18px;height:18px;border:2px solid #e0e0e0;border-radius:4px;position:relative;transition:all .2s ease}.checkbox-input:checked+.checkbox-custom{background:#1976d2;border-color:#1976d2}.checkbox-input:checked+.checkbox-custom:after{content:"";position:absolute;top:2px;left:5px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.submit-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #1976d24d}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.auth-footer{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid #f0f0f0}.footer-link{color:#1976d2;text-decoration:none;font-size:14px}.footer-link:hover{text-decoration:underline}.footer-text{color:#666;font-size:14px;margin-top:12px}.footer-link-button{background:none;border:none;color:#1976d2;text-decoration:underline;cursor:pointer;font-size:14px}.footer-link-button:hover{color:#1565c0}.statistics-page{background:#f8f9fa;min-height:100vh;padding:0;width:100%;max-width:100%}.statistics-header{background:#fff;border-radius:0;box-shadow:0 2px 8px #0000001a;padding:24px;margin-bottom:24px;max-width:100%;width:100%;margin-left:0;margin-right:0;position:relative;z-index:10}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:100%}.company-info{display:flex;align-items:center;gap:16px}.company-logo{width:60px;height:60px;border-radius:8px;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.company-logo img{width:100%;height:100%;object-fit:cover}.company-logo .material-symbols-rounded{font-size:32px;color:#666}.company-name{font-size:1.5rem;font-weight:600;color:#212121;margin:0}.company-subtitle{color:#666;font-size:14px;margin:4px 0 0}.header-actions{display:flex;gap:12px}.action-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;color:#333;font-size:14px;cursor:pointer;transition:all .2s ease}.action-button:hover{background:#f5f5f5}.logout-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #d32f2f;border-radius:6px;background:#fff;color:#d32f2f;font-size:14px;cursor:pointer;transition:all .2s ease}.logout-button:hover{background:#d32f2f;color:#fff}.statistics-tabs{display:flex;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:8px;margin-bottom:24px;max-width:100%;width:100%;margin-left:0;margin-right:0}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease}.tab-button.active{background:#1976d2;color:#fff}.tab-button:hover:not(.active){background:#f5f5f5}.tab-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;max-width:100%;width:100%;margin-left:0;margin-right:0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:32px}.metric-card{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #1976d2}.metric-icon{width:40px;height:40px;border-radius:50%;background:#e3f2fd;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon .material-symbols-rounded{font-size:20px;color:#1976d2}.metric-value{font-size:1.25rem;font-weight:600;color:#212121;margin:0 0 4px}.metric-label{color:#666;font-size:13px;margin:0 0 6px}.metric-description{color:#888;font-size:11px;margin:0 0 8px}.metric-change{font-size:12px;font-weight:500;padding:2px 8px;border-radius:12px}.metric-change.positive{background:#e8f5e8;color:#2e7d32}.metric-change.negative{background:#ffebee;color:#d32f2f}.metric-change.neutral{background:#f5f5f5;color:#666}.charts-section{margin-top:32px}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.chart-card{background:#f8f9fa;border-radius:8px;padding:20px}.chart-header{margin-bottom:16px}.chart-title{font-size:1.125rem;font-weight:500;color:#212121;margin:0}.chart-content{display:flex;justify-content:center}.traffic-filters{margin-bottom:24px}.filter-group{display:flex;align-items:center;gap:12px}.filter-group label{font-size:14px;font-weight:500;color:#212121}.filter-select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;background:#fff}.traffic-chart{background:#f8f9fa;border-radius:8px;padding:40px;text-align:center}.chart-placeholder{color:#666}.chart-placeholder .material-symbols-rounded{font-size:48px;margin-bottom:16px;display:block}.chart-placeholder h3{margin-bottom:8px;color:#212121}.profile-section h3{margin-bottom:20px;color:#212121}.profile-form{display:flex;flex-direction:column;gap:20px}.form-textarea{padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:100px}.save-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#1976d2;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;align-self:flex-start}.save-button:hover{background:#1565c0}.panding-page{min-height:100vh;background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:40px 0}.panding-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px)}.panding-card{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:48px;width:100%;max-width:600px}.panding-header{text-align:center;margin-bottom:40px}.status-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ff9800,#f57c00);display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.status-icon .material-symbols-rounded{font-size:40px;color:#fff}.panding-title{font-size:2rem;font-weight:300;color:#212121;margin-bottom:12px}.panding-subtitle{color:#666;font-size:1rem;line-height:1.5}.progress-steps{margin-bottom:40px}.step{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;padding:16px;border-radius:8px;transition:all .2s ease}.step.completed{background:#e8f5e8}.step.active{background:#fff3e0}.step-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step.completed .step-icon{background:#4caf50}.step.active .step-icon{background:#ff9800}.step .step-icon{background:#e0e0e0}.step-icon .material-symbols-rounded{font-size:20px;color:#fff}.step-content{flex:1}.step-title{font-size:1.125rem;font-weight:500;color:#212121;margin:0 0 4px}.step-description{color:#666;font-size:14px;margin:0}.timeline-section{margin-bottom:40px}.timeline-title{font-size:1.25rem;font-weight:500;color:#212121;margin-bottom:20px}.timeline{display:flex;flex-direction:column;gap:20px}.timeline-item{display:flex;align-items:flex-start;gap:16px}.timeline-icon{width:32px;height:32px;border-radius:50%;background:#e3f2fd;display:flex;align-items:center;justify-content:center;flex-shrink:0}.timeline-icon .material-symbols-rounded{font-size:16px;color:#1976d2}.timeline-content h4{font-size:1rem;font-weight:500;color:#212121;margin:0 0 4px}.timeline-content p{color:#666;font-size:14px;margin:0;line-height:1.5}.contact-section{background:#f8f9fa;border-radius:8px;padding:24px;margin-bottom:32px}.contact-title{font-size:1.125rem;font-weight:500;color:#212121;margin-bottom:8px}.contact-description{color:#666;font-size:14px;margin-bottom:20px}.contact-methods{display:flex;gap:24px}.contact-method{display:flex;align-items:center;gap:12px}.contact-method .material-symbols-rounded{font-size:20px;color:#1976d2}.contact-method h4{font-size:14px;font-weight:500;color:#212121;margin:0 0 2px}.contact-method p{color:#666;font-size:12px;margin:0}.panding-actions{display:flex;gap:16px;justify-content:center}.action-button{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.action-button.primary{background:#1976d2;color:#fff;border:none}.action-button.primary:hover{background:#1565c0}.action-button.secondary{background:#fff;color:#1976d2;border:1px solid #1976d2}.action-button.secondary:hover{background:#f5f5f5}@media (max-width: 768px){.auth-card,.panding-card{margin:20px;padding:32px 24px}.header-content{flex-direction:column;gap:16px;align-items:flex-start}.header-actions{width:100%;justify-content:space-between}.metrics-grid{grid-template-columns:1fr}.metric-card{padding:12px;gap:10px}.metric-icon{width:36px;height:36px}.metric-icon .material-symbols-rounded{font-size:18px}.metric-value{font-size:1.125rem}.metric-label{font-size:12px}.metric-description{font-size:10px}.metric-actions .md-button{padding:5px 10px;font-size:11px;min-height:28px}.chart-grid{grid-template-columns:1fr}.contact-methods{flex-direction:column;gap:16px}.panding-actions{flex-direction:column}.action-button{justify-content:center}}.form-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.form-section:last-child{border-bottom:none;margin-bottom:24px}.section-title{font-size:1.125rem;font-weight:500;color:#212121;margin-bottom:20px;display:flex;align-items:center;gap:8px}.section-title:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#1976d2,#1565c0);border-radius:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-textarea{padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:100px;transition:border-color .2s ease}.form-textarea:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}.form-textarea.error{border-color:#d32f2f}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:12px}.form-section{margin-bottom:24px;padding-bottom:20px}.section-title{font-size:1rem;margin-bottom:16px}}.badge{position:absolute;top:-8px;right:-8px;background:#d32f2f;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500}.switch,.switch input,.slider{display:none!important}.slider:before{display:none!important}input:checked+.slider{display:none!important}input:checked+.slider:before{display:none!important}.autoboost-toggle{display:none!important}.competitors-table{overflow-x:auto;margin-top:20px}.competitors-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.competitors-table th,.competitors-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #f0f0f0}.competitors-table th{background:#f8f9fa;font-weight:600;color:#212121;font-size:14px}.competitors-table td{font-size:14px;color:#333}.competitors-table tr:hover{background:#f8f9fa}.company-cell{display:flex;align-items:center;gap:12px}.company-cell img{width:40px;height:40px;border-radius:6px;object-fit:cover}.company-cell a{color:#1976d2;text-decoration:none;font-weight:500}.company-cell a:hover{text-decoration:underline}.metrics-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}.metric-box{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:center}.metric-box h4{margin:0 0 16px;color:#212121;font-size:1rem;font-weight:500}.metric-value-large{font-size:2rem;font-weight:600;color:#1976d2;margin:0}.traffic-filters{margin-bottom:24px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.traffic-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.chart-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.chart-header{padding:20px;border-bottom:1px solid #f0f0f0}.chart-title{margin:0 0 8px;font-size:1.125rem;font-weight:500;color:#212121}.chart-subtitle{margin:0;font-size:14px;color:#666}.chart-content{padding:20px;height:300px;display:flex;align-items:center;justify-content:center}.chart-footer{padding:16px 20px;background:#f8f9fa;display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.chart-footer .material-symbols-rounded{font-size:16px}@media (max-width: 768px){.metrics-row{grid-template-columns:1fr;gap:16px}.traffic-charts{grid-template-columns:1fr}.competitors-table{font-size:12px}.competitors-table th,.competitors-table td{padding:8px 12px}.company-cell img{width:32px;height:32px}}.switch{position:relative;display:inline-block;width:50px;height:24px;margin-right:8px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#1976d2}input:checked+.slider:before{transform:translate(26px)}.service-slider-container{width:100%}.slider-row{display:flex;align-items:center;gap:12px}.service-slider{flex:1}.slider-value{min-width:60px;text-align:center;font-weight:500;color:#1976d2}.slider-blocked{opacity:.8;cursor:pointer;border:2px solid #ff9800;border-radius:4px}.slider-value-blocked{color:#ff9800;font-weight:600}.slider-blocked-message{margin-top:4px;font-size:12px;color:#ff9800;font-weight:500}.form-check.form-switch{padding-left:0;display:flex;align-items:center;gap:8px}.form-check-input{width:44px;height:24px;margin:0;background-color:#ccc;background-image:none;border:none;border-radius:24px;transition:all .3s ease;position:relative;cursor:pointer}.form-check-input:checked{background-color:#4caf50;border-color:#4caf50}.form-check-input:focus{box-shadow:0 0 0 .2rem #4caf5040;border-color:#4caf50}.form-check-input:checked:before{transform:translate(20px)}.form-check-label{font-size:12px;color:#666;cursor:pointer;margin:0;-webkit-user-select:none;user-select:none}.accordion-item{border:none!important;margin-bottom:1rem}.accordion-item .card{border:none;box-shadow:0 2px 12px #0000001a;border-radius:.75rem;overflow:hidden}.accordion-item .card-header{border:none;padding:0}.accordion-item .card-body{border-top:1px solid rgba(0,0,0,.125)}.form-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%}.form-range::-webkit-slider-track{background:#e0e0e0;height:6px;border-radius:3px}.form-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#1976d2;height:20px;width:20px;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0003}.form-range::-moz-range-track{background:#e0e0e0;height:6px;border-radius:3px;border:none}.form-range::-moz-range-thumb{background:#1976d2;height:20px;width:20px;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #0003}.icon-sm{width:32px;height:32px}.icon-lg{width:64px;height:64px}.badge{font-size:.75rem;font-weight:500;padding:.375rem .75rem;border-radius:.5rem}.btn-icon-only{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%}.alert{border:none;border-radius:.75rem;padding:1rem 1.25rem;margin-bottom:1rem}.alert-danger{background-color:#dc35451a;color:#dc3545}.alert-warning{background-color:#ffc1071a;color:#856404}.alert-success{background-color:#28a7451a;color:#155724}.input-group-static{position:relative}.input-group-static label{position:absolute;top:0;left:0;font-size:.875rem;color:#6c757d;transform:translateY(-50%);background:#fff;padding:0 .5rem;margin-left:.75rem;z-index:1}.input-group-static .form-control{padding-top:1.5rem;padding-bottom:.5rem}.card-header.bg-gradient-primary{background:linear-gradient(195deg,#ec407a,#d81b60)}.card-header.bg-gradient-success{background:linear-gradient(195deg,#66bb6a,#43a047)}.card-header.bg-gradient-info{background:linear-gradient(195deg,#26c6da,#00acc1)}.card-header.bg-gradient-secondary{background:linear-gradient(195deg,#6c757d,#495057)}.shadow-primary{box-shadow:0 4px 20px #00000024,0 7px 10px -5px #e91e6366}.shadow-success{box-shadow:0 4px 20px #00000024,0 7px 10px -5px #4caf5066}.shadow-info{box-shadow:0 4px 20px #00000024,0 7px 10px -5px #00bcd466}.shadow-secondary{box-shadow:0 4px 20px #00000024,0 7px 10px -5px #6c757d66}.metric-card{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px;border-left:4px solid #1976d2}.metric-icon{width:36px;height:36px;border-radius:50%;background:#e3f2fd;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon .material-symbols-rounded{font-size:18px;color:#1976d2}.metric-content{flex:1;min-width:0}.metric-value{font-size:1.125rem;font-weight:600;color:#212121;margin:0 0 4px}.metric-label{color:#666;font-size:12px;margin:0 0 4px}.metric-description{color:#888;font-size:10px;margin:0 0 6px}.metric-actions{display:flex;flex-direction:row;gap:6px;margin-top:6px;flex-wrap:wrap}.metric-actions .md-button{padding:4px 8px;font-size:11px;min-height:24px;border-radius:4px;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:3px;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.metric-actions .md-button .material-symbols-rounded{font-size:14px;line-height:1}.metric-actions .md-button-primary{background-color:#1976d2;color:#fff;border:none}.metric-actions .md-button-primary:hover{background-color:#1565c0;box-shadow:0 2px 6px #1976d24d}.metric-actions .md-button-secondary{background-color:#f5f5f5;color:#333;border:1px solid #e0e0e0}.metric-actions .md-button-secondary:hover{background-color:#eee;box-shadow:0 2px 4px #0000001a}.metric-actions .autoboost-toggle{display:flex!important;align-items:center;gap:4px;margin-top:0;flex-shrink:0}.metric-actions .autoboost-toggle .switch{display:inline-block!important;position:relative;width:28px;height:16px;margin:0}.metric-actions .autoboost-toggle .switch input{display:block!important;opacity:0;width:0;height:0}.metric-actions .autoboost-toggle .slider{display:block!important;position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:16px}.metric-actions .autoboost-toggle .slider:before{display:block!important;position:absolute;content:"";height:10px;width:10px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.metric-actions .autoboost-toggle input:checked+.slider{display:block!important;background-color:#1976d2}.metric-actions .autoboost-toggle input:checked+.slider:before{display:block!important;transform:translate(12px)}.metric-actions .autoboost-toggle span{font-size:10px;color:#666;font-weight:500}@media (max-width: 768px){.metric-card{padding:10px;gap:8px}.metric-icon{width:32px;height:32px}.metric-icon .material-symbols-rounded{font-size:16px}.metric-value{font-size:1rem}.metric-label{font-size:11px}.metric-description{font-size:9px}.metric-actions{gap:4px;margin-top:4px}.metric-actions .md-button{padding:3px 6px;font-size:10px;min-height:20px}}.autoboost-time-selector{position:relative;background:#fff;border-radius:1rem;box-shadow:0 20px 27px #0000000d;padding:2rem;z-index:99999;min-width:480px;max-width:580px;border:1px solid rgba(0,0,0,.05)}.time-selector-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.time-selector-header h4{font-size:1.25rem;font-weight:600;color:#344767;margin:0 0 .75rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.time-selector-header h4 i{font-size:1.5rem;color:#1976d2}.time-selector-header p{color:#67748e;font-size:.875rem;margin:0;line-height:1.5}.time-inputs{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.time-input-group{display:flex;align-items:flex-end;gap:1rem}.time-input-group .input-group-static{flex:1}.time-input-group .input-group-static label{font-size:.75rem;font-weight:600;color:#344767;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.time-input-group .form-control{border:1px solid #e0e0e0;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#344767;background:#fff;transition:all .2s ease}.time-input-group .form-control:focus{border-color:#1976d2;box-shadow:0 0 0 .2rem #1976d226;outline:none}.btn-icon-only{width:2.5rem;height:2.5rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:#dc3545;color:#fff;transition:all .2s ease;cursor:pointer}.btn-icon-only:hover{background:#c82333;transform:translateY(-1px)}.btn-icon-only i{font-size:1.125rem}.btn-outline-primary{border:1px solid #1976d2;color:#1976d2;background:transparent;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;cursor:pointer}.btn-outline-primary:hover{background:#1976d2;color:#fff;transform:translateY(-1px)}.time-selector-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #f0f0f0}.time-selector-actions .btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;min-width:120px;justify-content:center;border:none;cursor:pointer}.time-selector-actions .btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#67748e}.time-selector-actions .btn-secondary:hover{background:#e9ecef;border-color:#dee2e6;color:#495057;transform:translateY(-1px)}.time-selector-actions .btn-danger{background:#dc3545;color:#fff}.time-selector-actions .btn-danger:hover{background:#c82333;transform:translateY(-1px)}.time-selector-actions .btn-primary{background:#1976d2;color:#fff}.time-selector-actions .btn-primary:hover{background:#1565c0;transform:translateY(-1px)}.time-selector-actions .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@media (max-width: 768px){.autoboost-time-selector{min-width:320px;margin:1rem;padding:1.5rem;max-width:calc(100vw - 2rem)}.time-selector-actions{flex-direction:column;gap:.75rem}.time-selector-actions .btn{width:100%;min-width:auto}.time-input-group{flex-direction:column;align-items:stretch;gap:.75rem}.time-input-group .btn-icon-only{align-self:flex-end;margin-top:.5rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:999999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:none;backdrop-filter:none}.autoboost-time-selector{position:relative;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;padding:2rem;z-index:1000000;min-width:480px;max-width:580px;border:1px solid #e0e0e0;-webkit-backdrop-filter:none;backdrop-filter:none;filter:none}.blog-create-page{min-height:100vh;background-color:var(--md-background)}.page-header{background:linear-gradient(135deg,var(--md-primary) 0%,var(--md-primary-dark) 100%);color:#fff;padding:60px 0 40px;margin-bottom:40px}.header-content{margin:0 auto;padding:0 20px}.header-left{max-width:800px}.back-button{display:inline-flex;align-items:center;gap:8px;color:#fffc;text-decoration:none;font-size:14px;margin-bottom:20px;transition:color .3s ease}.back-button:hover{color:#fff}.page-title{font-size:2.5rem;font-weight:300;margin-bottom:16px;line-height:1.2}.page-subtitle{font-size:1.1rem;opacity:.9;line-height:1.6}.blog-form-container{max-width:800px;margin:0 auto;padding:0 20px}.blog-form{background:#fff;border-radius:12px;box-shadow:var(--md-elevation-2);overflow:hidden}.form-section{padding:32px;border-bottom:1px solid #f0f0f0}.form-section:last-child{border-bottom:none}.form-group{margin-bottom:24px}.form-label{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--md-on-surface);margin-bottom:8px;font-size:14px}.form-label .material-symbols-rounded{font-size:18px;color:var(--md-primary)}.form-input{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:16px;transition:all .3s ease;background-color:#fff}.form-input:focus{outline:none;border-color:var(--md-primary);box-shadow:0 0 0 3px #1976d21a}.form-input.error{border-color:var(--md-error)}.form-textarea{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:16px;font-family:inherit;resize:vertical;min-height:120px;transition:all .3s ease;background-color:#fff}.form-textarea:focus{outline:none;border-color:var(--md-primary);box-shadow:0 0 0 3px #1976d21a}.form-textarea.error{border-color:var(--md-error)}.form-help{font-size:12px;color:#666;margin-top:4px;line-height:1.4}.error-message{color:var(--md-error);font-size:12px;margin-top:4px}.image-upload-container{margin-top:8px}.image-upload-area{border:2px dashed #e0e0e0;border-radius:8px;padding:40px 20px;text-align:center;transition:all .3s ease;cursor:pointer}.image-upload-area:hover{border-color:var(--md-primary);background-color:#1976d205}.image-input{display:none}.image-upload-label{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer}.image-upload-label .material-symbols-rounded{font-size:48px;color:#ccc}.image-upload-label span{font-size:16px;color:#666}.image-upload-label small{font-size:12px;color:#999}.image-preview-container{position:relative;border-radius:8px;overflow:hidden;box-shadow:var(--md-elevation-1)}.image-preview{width:100%;height:200px;object-fit:cover;display:block}.remove-image-button{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.remove-image-button:hover{background:#000000e6}.preview-section{background-color:#f8f9fa;border-radius:8px;padding:24px}.preview-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:500;margin-bottom:16px;color:var(--md-on-surface)}.preview-title .material-symbols-rounded{color:var(--md-primary)}.preview-content{display:flex;flex-direction:column;gap:12px}.preview-item{padding:12px;background:#fff;border-radius:6px;border-left:4px solid var(--md-primary)}.preview-item strong{color:var(--md-primary);font-weight:500}.content-preview{margin-top:8px;color:#666;line-height:1.5}.preview-placeholder{text-align:center;color:#999;font-style:italic;padding:40px 20px}.form-actions{display:flex;gap:16px;justify-content:flex-end;padding:32px;background-color:#f8f9fa;border-top:1px solid #e0e0e0}.cancel-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;color:#666;text-decoration:none;font-weight:500;transition:all .3s ease}.cancel-button:hover{background-color:#f5f5f5;border-color:#ccc}.submit-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;background:var(--md-primary);color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease}.submit-button:hover:not(:disabled){background:var(--md-primary-dark);box-shadow:var(--md-elevation-2)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.hero-navigation{margin-bottom:20px}.back-link{display:inline-flex;align-items:center;gap:8px;color:#fffc;text-decoration:none;font-size:14px;transition:color .3s ease}.back-link:hover{color:#fff}.hero-actions{margin-top:24px}@media (max-width: 768px){.page-title{font-size:2rem}.page-subtitle{font-size:1rem}.form-section{padding:24px 20px}.form-actions{flex-direction:column;padding:24px 20px}.submit-button,.cancel-button{width:100%;justify-content:center}.image-upload-area{padding:30px 16px}.image-upload-label .material-symbols-rounded{font-size:36px}}@media (max-width: 768px){.main-content:has(.statistics-header) .content-container{padding-top:16px}.main-content:has(.statistics-header) .card{margin-top:16px!important}}.blog-editor-card{margin-top:32px;margin-bottom:32px}@media (max-width: 768px){.blog-editor-card{margin-top:16px;margin-bottom:16px}}.video-service-page{padding:40px 0}.video-list-container{max-width:1200px;margin:0 auto;padding:0 20px}.video-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.video-list-title{font-size:2rem;font-weight:600;color:#333;margin:0}.video-list-subtitle{color:#666;margin-top:8px}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-bottom:32px}.video-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;border:1px solid #e9ecef}.video-card-header{padding:20px;border-bottom:1px solid #e9ecef}.video-card-title{font-size:1.25rem;font-weight:600;color:#333;margin:0 0 8px}.video-card-subtitle{color:#666;font-size:.875rem;margin:0}.video-card-status{display:flex;align-items:center;gap:8px;margin-bottom:16px}.video-status-badge{padding:4px 12px;border-radius:16px;font-size:.75rem;font-weight:500;text-transform:uppercase}.video-status-pending{background:#fff3cd;color:#856404}.video-status-processing{background:#cce5ff;color:#004085}.video-status-completed{background:#d4edda;color:#155724}.video-status-failed{background:#f8d7da;color:#721c24}.video-progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:16px}.video-progress-fill{height:100%;background:linear-gradient(90deg,#1976d2,#42a5f5);transition:width .3s ease}.video-card-actions{display:flex;gap:8px;margin-top:16px}.video-create-wizard{max-width:800px;margin:0 auto;padding:40px 20px}.wizard-header{text-align:center;margin-bottom:40px}.wizard-title{font-size:2rem;font-weight:600;color:#333;margin:0 0 16px}.wizard-subtitle{color:#666;font-size:1.125rem;margin:0}.wizard-steps{display:flex;justify-content:center;margin-bottom:40px}.wizard-step{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:24px;font-weight:500;transition:all .3s ease}.wizard-step.active{background:#1976d2;color:#fff}.wizard-step.completed{background:#4caf50;color:#fff}.wizard-step.pending{background:#f5f5f5;color:#666}.wizard-step-number{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.step-content{background:#fff;border-radius:12px;padding:32px;box-shadow:0 4px 12px #0000001a;margin-bottom:32px}.step-content h3{font-size:1.5rem;font-weight:600;color:#333;margin:0 0 16px}.step-description{color:#666;margin-bottom:24px;font-size:1rem}.service-card{border:2px solid #e9ecef;border-radius:12px;transition:all .3s ease;cursor:pointer}.service-card:hover{border-color:#1976d2;box-shadow:0 4px 12px #1976d226}.service-checkbox{display:flex;align-items:flex-start;gap:16px;padding:20px;cursor:pointer;position:relative}.service-checkbox input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;border:2px solid #e9ecef;border-radius:4px;position:relative;flex-shrink:0;margin-top:2px;transition:all .3s ease}.service-checkbox input[type=checkbox]:checked+.checkmark{background:#1976d2;border-color:#1976d2}.service-checkbox input[type=checkbox]:checked+.checkmark:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.service-info{flex:1}.service-info h4{font-size:1.125rem;font-weight:600;color:#333;margin:0 0 8px}.service-group{color:#666;font-size:.875rem;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.service-items{margin-top:12px}.service-items-label{font-size:.75rem;color:#666;margin:0 0 8px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.service-items-list{display:flex;flex-wrap:wrap;gap:6px}.service-item-tag{background:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.service-item-more{background:#f5f5f5;color:#666;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.text-inputs{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.text-input-group{border:1px solid #e9ecef;border-radius:12px;padding:20px;background:#f8f9fa}.generate-btn:hover{background:#1565c0}.generate-btn:disabled{background:#ccc;cursor:not-allowed}.generate-btn .spinner{width:16px;height:16px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.text-input{width:100%;padding:16px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;line-height:1.5;resize:vertical;transition:border-color .3s ease}.text-input:focus{outline:none;border-color:#1976d2}.char-counter{position:absolute;bottom:8px;right:12px;font-size:.75rem;color:#666;background:#fff;padding:2px 6px;border-radius:4px}.audio-upload-section{border:2px dashed #e9ecef;border-radius:12px;padding:24px;text-align:center;margin-bottom:32px}.audio-upload-section h4{font-size:1.125rem;font-weight:600;color:#333;margin:0 0 16px}.audio-upload-label{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500}.audio-upload-label:hover{background:#e9ecef;border-color:#1976d2}.confirmation-section h4{font-size:1.25rem;font-weight:600;color:#333;margin:0 0 16px}.confirmation-item{border:1px solid #e9ecef;border-radius:12px;padding:20px;background:#f8f9fa}.confirmation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.confirmation-header h5{font-size:1.125rem;font-weight:600;color:#333;margin:0}.confirmation-services{margin-bottom:12px}.confirmation-services-label{font-size:.875rem;color:#666;margin:0 0 8px;font-weight:500}.confirmation-services-list{display:flex;flex-wrap:wrap;gap:6px}.confirmation-service-tag{background:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.confirmation-text{color:#666;font-style:italic;margin:0;padding:12px;background:#fff;border-radius:8px;border-left:4px solid #1976d2}.audio-confirmation{border:1px solid #e9ecef;border-radius:12px;padding:20px;background:#f8f9fa}.audio-confirmation h4{font-size:1.125rem;font-weight:600;color:#333;margin:0 0 8px}.audio-confirmation p{color:#666;margin:0}.step-actions{display:flex;justify-content:space-between;align-items:center;gap:16px}.video-progress-tracker{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px #0000001a;margin-bottom:24px}.progress-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.progress-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e3f2fd;color:#1976d2}.progress-title{font-size:1.125rem;font-weight:600;color:#333;margin:0}.progress-status{font-size:.875rem;color:#666;margin:0}.progress-bar-container{margin-bottom:16px}.progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#1976d2,#42a5f5);transition:width .3s ease}.progress-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.progress-percentage{font-size:1.125rem;font-weight:600;color:#1976d2}.progress-time{font-size:.875rem;color:#666}.progress-message{padding:12px;border-radius:8px;font-size:.875rem;margin-bottom:16px}.progress-message.info{background:#e3f2fd;color:#1976d2;border-left:4px solid #1976d2}.progress-message.success{background:#d4edda;color:#155724;border-left:4px solid #28a745}.progress-message.error{background:#f8d7da;color:#721c24;border-left:4px solid #dc3545}.progress-actions{display:flex;gap:12px}@media (max-width: 768px){.video-create-wizard{padding:20px}.services-grid{grid-template-columns:1fr}.step-actions{flex-direction:column}.step-actions .md-button{width:100%}.wizard-steps{flex-direction:column;gap:8px}.wizard-step{justify-content:center}}.text-input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.text-input-header h4{font-size:1.125rem;font-weight:600;color:#333;margin:0}.generate-section{display:flex;align-items:center;gap:12px}.generation-limits{display:flex;align-items:center}.generation-counter{font-size:.75rem;color:#666;background:#f8f9fa;padding:4px 8px;border-radius:12px;border:1px solid #e9ecef;font-weight:500}.generate-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#1976d2;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.generate-btn:hover:not(.disabled){background:#1565c0}.generate-btn:disabled,.discounts-page{background-color:var(--md-background);min-height:100vh}.discounts-header{background:linear-gradient(135deg,var(--md-primary) 0%,var(--md-primary-dark) 100%);color:var(--md-on-primary);padding:32px 0;margin-bottom:32px}.discounts-header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.discounts-company-info{display:flex;align-items:center;gap:16px}.discounts-company-logo{width:48px;height:48px;border-radius:50%;background-color:#fff3;display:flex;align-items:center;justify-content:center;overflow:hidden}.discounts-company-logo img{width:100%;height:100%;object-fit:cover}.discounts-company-logo .material-symbols-rounded{font-size:24px;color:var(--md-on-primary)}.discounts-company-name{font-size:24px;font-weight:600;margin:0}.discounts-company-subtitle{font-size:14px;opacity:.9;margin:4px 0 0}.discounts-header-actions{display:flex;gap:12px;flex-wrap:wrap}.discounts-action-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:#ffffff1a;color:var(--md-on-primary);text-decoration:none;border-radius:6px;font-size:14px;font-weight:500;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.discounts-action-button:hover{background-color:#fff3;transform:translateY(-1px)}.discounts-action-button .material-symbols-rounded{font-size:18px}.discounts-content{max-width:1200px;margin:0 auto;padding:0 20px}.discounts-section{background:var(--md-surface);border-radius:12px;box-shadow:var(--md-elevation-1);overflow:hidden;margin-bottom:24px}.discounts-section-header{padding:24px;border-bottom:1px solid rgba(0,0,0,.12);display:flex;justify-content:space-between;align-items:center}.discounts-section-title{font-size:20px;font-weight:600;color:var(--md-on-surface);margin:0}.discounts-section-subtitle{font-size:14px;color:#0009;margin:4px 0 0}.discounts-section-content{padding:24px}.discounts-empty-state{text-align:center;padding:80px 20px;background-color:#f8f9fa;border-radius:12px;border:2px dashed #dee2e6;margin:24px}.discounts-empty-state-content{max-width:400px;margin:0 auto}.discounts-empty-state-icon{font-size:64px;color:#ccc;margin-bottom:16px;display:block}.discounts-empty-state h3{font-size:20px;font-weight:600;color:#333;margin-bottom:8px}.discounts-empty-state p{color:#666;margin-bottom:24px}.discounts-table{width:100%;border-collapse:collapse}.discounts-table th{background-color:#f8f9fa;padding:16px;text-align:left;font-weight:600;color:#333;border-bottom:1px solid #dee2e6;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.discounts-table td{padding:16px;border-bottom:1px solid #f0f0f0;vertical-align:top}.discounts-table tr:hover{background-color:#f8f9fa}.discounts-table tr:last-child td{border-bottom:none}.discount-name{font-weight:600;color:#333;margin-bottom:4px}.discount-description{font-size:14px;color:#666;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discount-value{font-weight:600;color:#333;margin-bottom:4px}.discount-type{font-size:14px;color:#666}.discount-usage{font-weight:600;color:#333;margin-bottom:4px}.discount-limit{font-size:14px;color:#666}.discount-status-badge{display:inline-block;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;text-transform:capitalize}.discount-status-active{background-color:#d4edda;color:#155724}.discount-status-inactive{background-color:#f8d7da;color:#721c24}.discount-status-archived{background-color:#e2e3e5;color:#383d41}.discount-dates{font-size:14px;color:#666}.discount-dates div{margin-bottom:2px}.discount-actions{display:flex;gap:8px;flex-wrap:wrap}.discount-action-link{color:var(--md-primary);text-decoration:none;font-size:14px;font-weight:500;transition:color .3s ease}.discount-action-link:hover{color:var(--md-primary-dark)}.discount-action-button{background:none;border:none;color:var(--md-primary);font-size:14px;font-weight:500;cursor:pointer;transition:color .3s ease;padding:0}.discount-action-button:hover{color:var(--md-primary-dark)}.discount-action-button.activate{color:var(--md-success)}.discount-action-button.activate:hover{color:#1e7e34}.discount-action-button.deactivate{color:var(--md-error)}.discount-action-button.deactivate:hover{color:#c82333}.discount-action-button.archive{color:var(--md-warning)}.discount-action-button.archive:hover{color:#e0a800}.discount-action-button.unarchive{color:var(--md-info)}.discount-action-button.unarchive:hover{color:#138496}.discount-action-button.delete{color:var(--md-error)}.discount-action-button.delete:hover{color:#c82333}.discounts-pagination{display:flex;justify-content:center;margin-top:24px}.discounts-pagination-nav{display:flex;gap:8px}.discounts-pagination-link{padding:8px 12px;border-radius:6px;text-decoration:none;font-size:14px;transition:all .3s ease;border:1px solid #dee2e6}.discounts-pagination-link.active{background-color:var(--md-primary);color:var(--md-on-primary);border-color:var(--md-primary)}.discounts-pagination-link:not(.active){background-color:var(--md-surface);color:#333}.discounts-pagination-link:not(.active):hover{background-color:#f8f9fa}.discounts-form{max-width:800px;margin:0 auto}.discounts-form-section{background:var(--md-surface);border-radius:12px;box-shadow:var(--md-elevation-1);padding:24px;margin-bottom:24px}.discounts-form-section-title{font-size:18px;font-weight:600;color:var(--md-on-surface);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--md-primary)}.discounts-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:16px}.discounts-form-group{margin-bottom:16px}.discounts-form-label{display:block;font-weight:500;color:var(--md-on-surface);margin-bottom:8px;font-size:14px}.discounts-form-input{width:100%;padding:12px 16px;border:1px solid rgba(0,0,0,.23);border-radius:6px;font-size:16px;transition:border-color .3s ease;background-color:var(--md-surface)}.discounts-form-input:focus{outline:none;border-color:var(--md-primary);border-width:2px}.discounts-form-select{width:100%;padding:12px 16px;border:1px solid rgba(0,0,0,.23);border-radius:6px;font-size:16px;transition:border-color .3s ease;background-color:var(--md-surface);cursor:pointer}.discounts-form-select:focus{outline:none;border-color:var(--md-primary);border-width:2px}.discounts-form-textarea{width:100%;padding:12px 16px;border:1px solid rgba(0,0,0,.23);border-radius:6px;font-size:16px;transition:border-color .3s ease;background-color:var(--md-surface);resize:vertical;min-height:100px}.discounts-form-textarea:focus{outline:none;border-color:var(--md-primary);border-width:2px}.discounts-form-error{color:var(--md-error);font-size:12px;margin-top:4px}.discounts-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid rgba(0,0,0,.12)}.discounts-preview-section{background:var(--md-surface);border-radius:12px;box-shadow:var(--md-elevation-1);padding:24px;margin-top:24px}.discounts-preview-title{font-size:18px;font-weight:600;color:var(--md-on-surface);margin-bottom:16px;display:flex;align-items:center;gap:8px}.discounts-preview-content{background-color:#f8f9fa;border-radius:8px;padding:16px}.discounts-preview-item{display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #e9ecef}.discounts-preview-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.discounts-preview-label{font-weight:500;color:#333}.discounts-preview-value{color:#666}.discounts-warning{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:16px;margin-bottom:16px;display:flex;align-items:flex-start;gap:12px}.discounts-warning .material-symbols-rounded{color:#856404;font-size:20px;flex-shrink:0}.discounts-warning-content h4{color:#856404;margin:0 0 4px;font-size:16px}.discounts-warning-content p{color:#856404;margin:0;font-size:14px}.discounts-show-section{background:var(--md-surface);border-radius:12px;box-shadow:var(--md-elevation-1);overflow:hidden}.discounts-show-header{padding:24px;border-bottom:1px solid rgba(0,0,0,.12);display:flex;justify-content:space-between;align-items:flex-start}.discounts-show-title{font-size:24px;font-weight:600;color:var(--md-on-surface);margin:0 0 8px}.discounts-show-subtitle{font-size:14px;color:#0009;margin:0}.discounts-show-actions{display:flex;gap:12px}.discounts-show-content{padding:24px}.discounts-show-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.discounts-show-card{background-color:#f8f9fa;border-radius:8px;padding:20px}.discounts-show-card-title{font-size:16px;font-weight:600;color:#333;margin-bottom:12px;display:flex;align-items:center;gap:8px}.discounts-show-card-content{color:#666}.discounts-show-card-value{font-size:24px;font-weight:700;color:var(--md-primary);margin-bottom:4px}.discounts-show-card-label{font-size:14px;color:#666}.discounts-statistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.discounts-statistics-card{background:var(--md-surface);border-radius:12px;box-shadow:var(--md-elevation-1);padding:24px;transition:box-shadow .3s ease}.discounts-statistics-card:hover{box-shadow:var(--md-elevation-2)}.discounts-statistics-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.discounts-statistics-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--md-primary);color:var(--md-on-primary)}.discounts-statistics-icon .material-symbols-rounded{font-size:24px}.discounts-statistics-content h3{font-size:18px;font-weight:600;color:var(--md-on-surface);margin:0 0 4px}.discounts-statistics-content p{font-size:14px;color:#0009;margin:0}.discounts-statistics-value{font-size:32px;font-weight:700;color:var(--md-primary);margin-bottom:8px}.discounts-statistics-description{font-size:14px;color:#0009;margin-bottom:16px}.discounts-statistics-actions{display:flex;gap:8px}@media (max-width: 768px){.discounts-header-content{flex-direction:column;gap:16px;text-align:center}.discounts-header-actions{justify-content:center}.discounts-table{font-size:14px}.discounts-table th,.discounts-table td{padding:12px 8px}.discounts-actions{flex-direction:column;gap:4px}.discounts-form-row{grid-template-columns:1fr}.discounts-form-actions{flex-direction:column}.discounts-show-actions{flex-direction:column;width:100%}.discounts-show-actions .md-button{width:100%}.discounts-statistics-grid{grid-template-columns:1fr}}.generate-btn.disabled{opacity:.6;cursor:not-allowed}.video-creation-section{padding:40px 0}.progress-steps{display:flex;justify-content:center;margin-bottom:40px;gap:40px}.step{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.5;transition:opacity .3s ease}.step.active{opacity:1}.step-number{width:40px;height:40px;border-radius:50%;background-color:#e9ecef;color:#6c757d;display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s ease}.step.active .step-number{background-color:#007bff;color:#fff}.step-label{font-size:14px;font-weight:500;color:#6c757d}.step.active .step-label{color:#007bff}.step-container{max-width:800px;margin:0 auto}.step-content{background:#fff;border-radius:12px;padding:32px;box-shadow:0 4px 12px #0000001a}.step-content h3{margin-bottom:8px;color:#333}.step-description{color:#666;margin-bottom:24px}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:32px}.service-card{border:2px solid #e9ecef;border-radius:8px;padding:16px;transition:all .3s ease}.service-card:hover{border-color:#007bff}.service-checkbox{display:flex;align-items:center;gap:12px;cursor:pointer;margin:0}.service-checkbox input{display:none}.checkmark{width:20px;height:20px;border:2px solid #dee2e6;border-radius:4px;position:relative;transition:all .3s ease}.service-checkbox input:checked+.checkmark{background-color:#007bff;border-color:#007bff}.service-checkbox input:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.service-info h4{margin:0 0 4px;font-size:16px;color:#333}.service-info p{margin:0;font-size:14px;color:#666}.text-inputs{margin-bottom:32px}.text-input-group{margin-bottom:24px}.text-input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.text-input-header h4{margin:0;color:#333}.generate-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;transition:all .3s ease}.generate-btn:hover{background-color:#e9ecef}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.text-input-wrapper{position:relative}.text-input{width:100%;padding:12px;border:1px solid #dee2e6;border-radius:6px;resize:vertical;font-family:inherit}.text-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.char-counter{position:absolute;bottom:8px;right:8px;font-size:12px;color:#6c757d;background-color:#fff;padding:2px 6px;border-radius:4px}.audio-upload-section{margin-bottom:32px}.audio-upload-section h4{margin-bottom:12px;color:#333}.audio-upload-info{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:12px;background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;color:#1976d2;font-size:14px}.audio-upload-info .material-symbols-rounded{font-size:18px}.audio-file-info{margin-top:12px}.file-details{display:flex;align-items:center;gap:8px;margin:0;padding:8px 12px;background-color:#f3e5f5;border:1px solid #e1bee7;border-radius:6px;color:#7b1fa2;font-size:14px}.file-details .material-symbols-rounded{font-size:16px}.audio-upload-wrapper{position:relative}.audio-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.audio-upload-label{display:flex;align-items:center;gap:8px;padding:12px 16px;border:2px dashed #dee2e6;border-radius:6px;cursor:pointer;transition:all .3s ease}.audio-upload-label:hover{border-color:#007bff;background-color:#f8f9fa}.confirmation-section{margin-bottom:32px}.confirmation-section h4{margin-bottom:16px;color:#333}.confirmation-list{display:flex;flex-direction:column;gap:16px}.confirmation-item{padding:16px;border:1px solid #e9ecef;border-radius:8px;background-color:#f8f9fa}.confirmation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.confirmation-header h5{margin:0;color:#333}.service-group{font-size:12px;color:#666;background-color:#e9ecef;padding:4px 8px;border-radius:4px}.confirmation-text{margin:0;color:#666;font-style:italic}.audio-confirmation{margin-top:16px;padding:16px;border:1px solid #e9ecef;border-radius:8px;background-color:#f8f9fa}.audio-confirmation h4{margin-bottom:8px;color:#333}.subtitles-confirmation{margin-top:16px;padding:16px;border:1px solid #e9ecef;border-radius:8px;background-color:#f8f9fa}.subtitles-confirmation h4{margin-bottom:12px;color:#333}.setting-item{display:flex;flex-direction:column;gap:8px}.setting-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:#333}.setting-checkbox{width:18px;height:18px;cursor:pointer}.setting-label .material-symbols-rounded{font-size:20px;color:#007bff}.setting-description{color:#666;font-size:14px;margin:0 0 0 26px}.step-actions{display:flex;justify-content:space-between;gap:16px}.spinner{width:16px;height:16px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.progress-steps{gap:20px}.services-grid{grid-template-columns:1fr}.step-actions{flex-direction:column}.text-input-header{flex-direction:column;align-items:flex-start;gap:8px}}.video-list-section{padding:40px 0}.section-header{margin-bottom:32px}.empty-state{text-align:center;padding:80px 20px;background-color:#f8f9fa;border-radius:12px;border:2px dashed #dee2e6}.empty-state-content{max-width:400px;margin:0 auto}.empty-state-icon{font-size:64px;color:#ccc;margin-bottom:16px;display:block}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.video-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.video-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.video-card-header{padding:20px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.video-title{margin:0;font-size:18px;font-weight:600;color:#333}.video-date{margin:4px 0 0;font-size:14px;color:#666}.video-status{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.status-badge{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;text-transform:capitalize}.status-success{background-color:#d4edda;color:#155724}.status-warning{background-color:#fff3cd;color:#856404}.status-info{background-color:#d1ecf1;color:#0c5460}.status-danger{background-color:#f8d7da;color:#721c24}.status-secondary{background-color:#e2e3e5;color:#383d41}.video-card-content{padding:20px}.video-preview{position:relative;width:100%;max-width:720px;margin:0 auto 20px;border-radius:8px;overflow:hidden;background:#000}.video-preview video{border-radius:8px;width:100%;height:auto;display:block}.video-placeholder{text-align:center;padding:40px 20px;background-color:#f8f9fa;border-radius:8px;margin-bottom:20px}.video-placeholder .material-symbols-rounded{font-size:48px;color:#ccc;margin-bottom:12px;display:block}.video-audio-section{margin-bottom:20px}.video-audio-section h5{margin-bottom:12px;font-size:16px;font-weight:600;color:#333}.audio-player{margin-bottom:12px}.audio-player audio{width:100%}.audio-upload{margin-bottom:12px}.video-actions{display:flex;gap:12px}.video-actions .md-button{flex:1;justify-content:center}@media (max-width: 768px){.video-grid{grid-template-columns:1fr}.video-card-header{flex-direction:column;align-items:flex-start;gap:12px}.video-status{align-items:flex-start}.video-actions{flex-direction:column}}.blog-editor-header{background:#fff;color:#344767;padding:1.5rem 0;margin-bottom:1rem;border-bottom:1px solid #e9ecef;box-shadow:0 2px 12px #0000000a}.blog-editor-textarea{min-height:500px!important;resize:vertical!important;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace!important;background-color:#fff!important;border:1px solid #e9ecef!important;border-radius:.5rem!important;padding:1.5rem!important;font-size:.95rem!important;color:#344767!important;line-height:1.6!important;transition:all .3s ease!important;box-shadow:0 2px 12px #0000000a!important}.blog-editor-textarea:focus{border-color:#e91e63!important;box-shadow:0 0 0 .2rem #e91e6340!important;outline:0!important;transform:translateY(-2px)!important}.blog-editor-textarea::placeholder{color:#adb5bd!important;font-style:italic!important}.formatting-toolbar{background:linear-gradient(195deg,#f8f9fa,#e9ecef)!important;border:1px solid #e9ecef!important;border-radius:.5rem!important;box-shadow:0 2px 12px #0000000a!important}.formatting-toolbar .btn{transition:all .3s ease!important;border-radius:50%!important;width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid #e9ecef!important;background:#fff!important;color:#6c757d!important}.formatting-toolbar .btn:hover{background:#e91e63!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 4px 20px #00000024,0 7px 10px -5px #e91e6366!important}.formatting-toolbar .btn:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.blog-editor .card{border:none!important;border-radius:1rem!important;box-shadow:0 4px 20px #00000024,0 7px 10px -5px #0000000a!important;transition:all .3s ease!important}.blog-editor .card:hover{transform:translateY(-5px)!important;box-shadow:0 8px 25px #00000024,0 7px 10px -5px #0000000a!important}.blog-editor .card-header{background:transparent!important;border-bottom:1px solid #f8f9fa!important;padding:1.5rem 1.5rem .5rem!important}.blog-editor .card-body{padding:1.5rem!important}.blog-editor .form-control{border:1px solid #e9ecef!important;border-radius:.5rem!important;padding:.75rem 1rem!important;font-size:.95rem!important;color:#344767!important;transition:all .3s ease!important;background:#fff!important}.blog-editor .form-control:focus{border-color:#e91e63!important;box-shadow:0 0 0 .2rem #e91e6340!important;outline:0!important;transform:translateY(-2px)!important}.blog-editor .form-control::placeholder{color:#adb5bd!important}.blog-editor .form-label{color:#344767!important;font-weight:600!important;margin-bottom:.75rem!important;font-size:.875rem!important}.blog-editor .btn{border-radius:.5rem!important;font-weight:500!important;padding:.75rem 1.5rem!important;transition:all .3s ease!important;text-transform:none!important;letter-spacing:.025em!important}.blog-editor .btn-primary,.blog-editor .bg-gradient-primary{background:linear-gradient(195deg,#ec407a,#d81b60)!important;border:none!important;color:#fff!important}.blog-editor .btn-primary:hover,.blog-editor .bg-gradient-primary:hover{background:linear-gradient(195deg,#d81b60,#c2185b)!important;transform:translateY(-2px)!important;box-shadow:0 4px 20px #00000024,0 7px 10px -5px #e91e6366!important}.blog-editor .btn-outline-primary{border:1px solid #e91e63!important;color:#e91e63!important;background:transparent!important}.blog-editor .btn-outline-primary:hover{background:#e91e63!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 4px 20px #00000024,0 7px 10px -5px #e91e6366!important}.blog-editor .alert{border:none!important;border-radius:1rem!important;padding:1.25rem!important;box-shadow:0 4px 20px #00000024,0 7px 10px -5px #0000000a!important}.blog-editor .alert-info{background:linear-gradient(195deg,#49a3f1,#1a73e8)!important;color:#fff!important}.blog-editor .nav-tabs{border:none!important;background:transparent!important}.blog-editor .nav-tabs .nav-link{border:none!important;border-radius:.5rem .5rem 0 0!important;color:#6c757d!important;font-weight:500!important;padding:1rem 1.5rem!important;transition:all .3s ease!important;background:transparent!important}.blog-editor .nav-tabs .nav-link:hover{color:#e91e63!important;background:#e91e630d!important}.blog-editor .nav-tabs .nav-link.active{color:#e91e63!important;background:#fff!important;border-bottom:3px solid #e91e63!important;font-weight:600!important}.blog-editor .icon-shape{width:48px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:.75rem!important}.blog-editor .icon-shape.icon-sm{width:32px!important;height:32px!important}.blog-editor .text-gradient,.blog-wizard-overlay .text-gradient{background:linear-gradient(195deg,#ec407a,#d81b60)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}@media (max-width: 768px){.blog-editor-header{padding:1.5rem 0!important}.blog-editor .card-body{padding:1rem!important}.formatting-toolbar .btn{width:36px!important;height:36px!important}.blog-editor-textarea{min-height:400px!important;padding:1rem!important}}.blog-content{color:#212529!important;line-height:1.6!important}.blog-content h1,.blog-content h2,.blog-content h3{color:#212529!important;margin-top:1.5rem!important;margin-bottom:1rem!important}.blog-content p{margin-bottom:1rem!important}.blog-content ul,.blog-content ol{margin-bottom:1rem!important;padding-left:2rem!important}.blog-content blockquote{border-left:4px solid #dee2e6!important;padding-left:1rem!important;margin:1rem 0!important;font-style:italic!important;color:#6c757d!important}.blog-content code{background-color:#f8f9fa!important;padding:.2rem .4rem!important;border-radius:.25rem!important;font-family:monospace!important}.blog-content img{max-width:100%!important;height:auto!important;border-radius:.375rem!important;display:block!important;margin:1rem 0!important;box-shadow:0 2px 8px #0000001a!important}.blog-content .image-error{background-color:#f8d7da!important;border:1px solid #f5c6cb!important;border-radius:.375rem!important;padding:.75rem!important;margin:1rem 0!important}.blog-content pre{background-color:#f8f9fa!important;border:1px solid #e9ecef!important;border-radius:.375rem!important;padding:1rem!important;overflow-x:auto!important;margin:1rem 0!important}.blog-content pre code{background-color:transparent!important;padding:0!important;border-radius:0!important;font-family:Courier New,monospace!important;font-size:.875rem!important}.blog-content hr{border:none!important;border-top:2px solid #dee2e6!important;margin:2rem 0!important}.blog-editor .form-control{background-color:#fff!important;border:1px solid #dee2e6!important;border-radius:.375rem!important;color:#212529!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.blog-editor .form-control:focus{border-color:#86b7fe!important;box-shadow:0 0 0 .25rem #0d6efd40!important;outline:0!important}.blog-editor .form-control::placeholder{color:#6c757d!important}.blog-editor .form-label{color:#212529!important;margin-bottom:.5rem!important}.blog-editor .form-control-lg{padding:.75rem 1rem!important;font-size:1rem!important}.video-container-custom{position:relative;width:100%;max-width:1280px;margin:0 auto;border-radius:8px;overflow:hidden;background:#000}.video-container-custom video{width:100%;height:auto;display:block;border-radius:8px}@media (max-width: 768px){.video-container-custom{max-width:100%}}.video-generation-section{padding:40px 0}.generation-container{max-width:800px;margin:0 auto}.generation-header{text-align:center;margin-bottom:32px}.generation-header h2{margin-bottom:8px;color:#333}.generation-header p{color:#666;font-size:16px}.generation-info{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0}.info-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.info-card h3{margin-bottom:12px;color:#333;font-size:16px}.info-card ul{margin:0;padding-left:20px}.info-card li{margin-bottom:8px;color:#666;font-size:14px}.generation-actions{text-align:center;margin-top:32px}.generation-counters{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.counter-card{display:flex;align-items:center;padding:16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;gap:12px}.counter-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#007bff;color:#fff;border-radius:8px}.counter-icon .material-symbols-rounded{font-size:24px}.counter-info h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#495057}.counter-value{margin:0;font-size:18px;font-weight:700;color:#007bff}.generate-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:8px 16px!important;border:none!important;border-radius:6px!important;background-color:#007bff!important;color:#fff!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;white-space:nowrap!important;overflow:hidden!important;box-sizing:border-box!important;line-height:1!important;vertical-align:middle!important;position:relative!important}.generate-btn:hover:not(:disabled){background-color:#0056b3!important;transform:translateY(-1px)!important;box-shadow:0 2px 4px #0000001a!important}.generate-btn:disabled,.generate-btn.disabled{background-color:#6c757d!important;cursor:not-allowed!important;opacity:.6!important;height:36px!important;min-height:36px!important;max-height:36px!important}.generate-btn .spinner{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;border:2px solid rgba(255,255,255,.3)!important;border-top:2px solid white!important;border-radius:50%!important;animation:spin 1s linear infinite!important;flex-shrink:0!important;flex-grow:0!important;display:inline-block!important;position:relative!important;top:0!important;left:0!important;margin:0!important;padding:0!important}.generate-btn .material-symbols-rounded{font-size:18px!important;flex-shrink:0!important;flex-grow:0!important;width:auto!important;height:auto!important;line-height:1!important;display:inline-block!important}.generate-section{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:nowrap!important}.generate-section .generate-btn{flex-shrink:0!important;flex-grow:0!important;align-self:center!important}.text-input-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important}.text-input-header .generate-section{flex-shrink:0!important;flex-grow:0!important;align-self:flex-start!important}.generate-btn:has(.spinner){height:36px!important;min-height:36px!important;max-height:36px!important;overflow:hidden!important}.generate-btn:has(.spinner) .spinner{position:static!important;transform:none!important}.md-button-success{background-color:#28a745!important;color:#fff!important;border:none!important;padding:12px 24px!important;border-radius:6px!important;font-size:16px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 2px 4px #0000001a!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.md-button-success:hover:not(:disabled){background-color:#218838!important;transform:translateY(-1px)!important;box-shadow:0 4px 8px #00000026!important}.md-button-success:active{transform:translateY(0)!important;box-shadow:0 2px 4px #0000001a!important}.md-button-success:disabled{background-color:#6c757d!important;cursor:not-allowed!important;opacity:.7!important;transform:scale(.98)!important}.md-button-success .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.confirmation-header{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:8px!important;flex-wrap:wrap!important}.confirmation-header h5{margin:0!important;font-size:16px!important;font-weight:600!important;color:#333!important;flex-shrink:0!important}.service-group{font-size:12px!important;color:#666!important;background-color:#f8f9fa!important;padding:2px 8px!important;border-radius:4px!important;border:1px solid #e9ecef!important;white-space:nowrap!important;flex-shrink:0!important}@media (max-width: 768px){.generation-info{grid-template-columns:1fr}.confirmation-header{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}}