.settings-option{background-color:transparent;display:flex;flex-direction:column;height:100%;padding-left:1em!important;padding-right:1em!important;padding-top:1em!important;width:15%!important}.settings-title{color:var(--font-color);font-size:.9em;font-weight:600;padding-bottom:.5em}.setting-option-button{background-color:transparent;border:none;border-radius:5px;color:var(--font-color-50);font-size:.9em;font-weight:600;outline:none;padding:.5em 1em!important;text-align:start;width:100%}.setting-option-button:hover{color:var(--font-color)}.selected-setting-option{background-color:var(--material-btn-hover-color);border:1px solid var(--border-color);color:var(--font-color)}.settings-info,.settings-info-imp{color:var(--font-color)}.settings-info-imp{font-size:1.1em}.settings-info .price{border:1px solid var(--main-color);border-radius:5px;color:var(--main-color);font-weight:600;padding:.2em .4em}#settings-page-logout{background-color:transparent;border:1px solid var(--border-color);border-radius:7px;color:var(--font-color);font-size:.9em;font-weight:600;height:2.5em;margin-top:.5em}#settings-page-logout:hover{background-color:#e61c1c;color:#fff}.settings-option-details{align-items:center;background-color:transparent;display:flex;flex-direction:column;gap:3em;height:100%;overflow-y:auto;padding-top:1em!important;width:85%!important}.setting-detail{display:flex;flex-direction:column;gap:.5em;width:70%}.setting-detail .setting-detail-title{color:var(--font-color);font-size:1.2em;font-weight:600;text-align:start!important;width:fit-content}.setting-detail .setting-detail-title-description{color:var(--font-color-50)}.setting-detail .setting-detail-description{color:var(--font-color);font-size:.9em}.theme-option-container{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}#general-settings-tab .theme-option{group:hover;background:var(--material-btn-hover-color);border:1px solid #333;border-radius:12px;overflow:hidden;position:relative;transition:all .2s ease}#general-settings-tab .theme-option:hover{background:var(--background-hover-color);border-color:#444}#general-settings-tab .theme-preview{align-items:center;background-color:var(--main-color);color:#f1f1f1;display:flex;font-size:.9rem;font-weight:500;height:120px;justify-content:center;position:relative;width:100%}#general-settings-tab .theme-preview img{aspect-ratio:16/9;height:auto;width:100%}#general-settings-tab .theme-preview:after{background:rgba(0,0,0,.1);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}#general-settings-tab .theme-option:hover .theme-preview:after{opacity:1}#general-settings-tab .theme-info{padding:16px}#general-settings-tab .theme-name{color:var(--font-color);font-size:.95rem;font-weight:500;margin-bottom:8px}.selected-theme{border:.2em solid var(--main-color)!important}#brand-kit-settings-tab .brand-kit-option-container{display:flex;gap:2em;width:100%}#brand-kit-settings-tab .brand-controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:48px}#brand-kit-settings-tab .brand-controls .btn{background:var(--material-btn-hover-color);border:1px solid var(--border-color);border-radius:8px;color:var(--font-color);cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.template-actions .template-btn,.template-actions .template-btn:hover{color:#f1f1f1}#brand-kit-settings-tab .brand-controls .btn:hover{background:var(--material-btn-hover-hover-color);border-color:var(--border-hover-color)}#brand-kit-settings-tab .brand-controls .btn-primary{background:var(--main-color);border-color:#6b46c1;color:#f1f1f1}#brand-kit-settings-tab .brand-controls .btn-primary:hover{background:#7c3aed;border-color:#7c3aed}.brand-kit-option-container .section{margin-bottom:48px;width:100%}.brand-kit-option-container .section-title{color:#fff;font-size:1.25rem;font-weight:500;margin-bottom:24px}.brand-kit-option-container .templates-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.brand-kit-option-container .add-template-card{align-items:center;background:var(--material-btn-hover-color);border:2px dashed #333;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:40px 20px;text-align:center;transition:all .2s ease}.brand-kit-option-container .add-template-card:hover{background:var(--background-hover-color);border-color:#6b46c1}.brand-kit-option-container .add-template-card .plus-icon{color:#6b46c1;font-size:2rem;margin-bottom:12px}.brand-kit-option-container .add-template-card .text{color:#888;font-size:.9rem;font-weight:500}.brand-kit-option-container .template-card{group:hover;background:var(--material-btn-hover-color);border:1px solid #333;border-radius:12px;overflow:hidden;position:relative;transition:all .2s ease}.brand-kit-option-container .template-card:hover{background:var(--background-hover-color);border-color:#444}.brand-kit-option-container .template-preview{align-items:center;background-color:var(--main-color);color:#f1f1f1;display:flex;font-size:.9rem;font-weight:500;height:120px;justify-content:center;position:relative;width:100%}.brand-kit-option-container .template-preview:after{background:rgba(0,0,0,.1);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.brand-kit-option-container .template-card:hover .template-preview:after{opacity:1}.brand-kit-option-container .template-info{padding:16px}.brand-kit-option-container .template-name{color:#fff;font-size:.95rem;font-weight:500;margin-bottom:8px}.brand-kit-option-container .template-meta{color:var(--font-color-50);font-size:.8rem;margin-bottom:16px}.brand-kit-option-container .template-actions{display:flex;gap:8px}.brand-kit-option-container .btn-small{border-radius:6px;flex:1;font-size:.8rem;padding:6px 12px}.brand-kit-option-container .btn-edit{background:#059669;border-color:#059669}.brand-kit-option-container .btn-edit:hover{background:#047857;border-color:#047857}.brand-kit-option-container .btn-delete{background:#dc2626;border-color:#dc2626}.brand-kit-option-container .btn-delete:hover{background:#b91c1c;border-color:#b91c1c}.brand-kit-option-container .template-card .template-actions{opacity:0;transform:translateY(10px);transition:all .2s ease}.brand-kit-option-container .template-card:hover .template-actions{opacity:1;transform:translateY(0)}@media (max-width:768px){.brand-kit-option-container .brand-controls{flex-direction:column}.brand-kit-option-container .templates-grid{grid-template-columns:1fr}}.plan-option-container{display:flex;gap:2em;width:100%}.selection-title{color:var(--font-color);font-size:1.1rem;font-weight:600;margin-bottom:5 px}.selection-subtitle{color:var(--font-color-50);font-size:.9rem}.purchase-btn:active{transform:translateY(0)}.bonus-indicator.show{opacity:1}.credit-display{align-items:center;background:var(--material-btn-hover-color);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;display:flex;justify-content:space-between;margin:20px 0;padding:20px;width:100%}.credit-amount{color:var(--font-color);font-size:1.8rem;font-weight:700}.credit-label{color:var(--font-color-50);font-size:.9rem;margin-top:4px}.price-amount{text-align:right}.price-value{color:#10b981;font-size:1.8rem;font-weight:700}.price-label{color:var(--font-color-50);font-size:.9rem;margin-top:4px}.bonus-indicator{background:linear-gradient(45deg,#10b981,#059669);border-radius:20px;color:#fff;display:inline-block;display:none;font-size:.8rem;font-weight:600;margin-top:8px;opacity:0;padding:4px 12px;transition:opacity .3s ease}.value-provided{background-color:var(--material-btn-hover-color);border-radius:8px;color:var(--font-color);font-size:.9em;padding:.3em .6em}.purchase-section{left:50%;margin-top:32px;position:relative;transform:translateX(-50%)}.purchase-btn{background:linear-gradient(45deg,#8049e6,var(--main-color));border:none;border-radius:12px;box-shadow:0 4px 16px rgba(139,92,246,.3);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:1em;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s ease;width:100%}.purchase-btn:hover{box-shadow:0 8px 32px rgba(139,92,246,.4);transform:translateY(-2px)}.purchase-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.purchase-btn:hover:before{left:100%}.payment-methods{color:var(--font-color-50);display:flex;gap:12px;justify-content:center;margin-top:16px;opacity:.7}#price-display-container{flex-direction:column;gap:1em!important}.price-primary{color:#10b981;font-size:1.8rem;font-weight:700}.price-secondary{color:#6b7280;font-size:1rem;font-weight:500}.price-tiers{color:#a0a0a0;display:flex;font-size:.85rem;gap:1.5em;margin:16px 0}.tier{border-radius:6px;cursor:pointer;font-weight:600;padding:4px 8px;transition:all .2s ease}.tier:hover{background:rgba(139,92,246,.1);color:#8b5cf6}.tier.active{background:rgba(139,92,246,.2);color:#8b5cf6}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse{animation:pulse .3s ease}.slider-container{margin:24px 0;position:relative}.credit-slider{-webkit-appearance:none;appearance:none;background:hsla(0,0%,100%,.1);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.credit-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(45deg,#8b5cf6,#a855f7);border-radius:50%;box-shadow:0 4px 12px rgba(139,92,246,.4);cursor:pointer;height:20px;transition:all .2s ease;width:20px}.credit-slider::-webkit-slider-thumb:hover{box-shadow:0 6px 20px rgba(139,92,246,.6);transform:scale(1.1)}.credit-slider::-moz-range-thumb{background:linear-gradient(45deg,#8b5cf6,#a855f7);border:none;border-radius:50%;box-shadow:0 4px 12px rgba(139,92,246,.4);cursor:pointer;height:20px;width:20px}.slider-track{background:linear-gradient(90deg,#8b5cf6,#a855f7);border-radius:3px;height:6px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:width .2s ease}@media (max-width:768px){.plan-option-container{align-items:center;flex-direction:column;gap:15px}}.plan-option-container .plan{border:1px solid var(--border-color);border-radius:10px;color:var(--font-color);cursor:pointer;display:flex;flex-direction:column;gap:.5em;padding:1em;width:25%}.plan-option-container .plan button{background-color:var(--main-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;outline:none;padding:.5em 1em}.plan-option-container .plan button.selected-plan-btn{background-color:transparent!important;border:2px solid var(--main-color)!important;color:var(--font-color)!important}.plan-option-container .plan .plan-name{color:var(--main-color);font-size:1.5em;font-weight:600;margin-bottom:0}.plan-option-container .plan .plan-pricing{font-size:1.2em;font-weight:600}.plan-option-container .plan .plan-details{font-size:1em;line-height:1.6;list-style:none;padding:0}.plan-option-container .plan .plan-details li{margin:5px 0}.plan-option-container .plan .plan-limit{font-size:.8em}.plan-option-container .plan:hover{border:1px solid var(--main-color);transform:scale(1.03)}.selected-plan{border:2px solid var(--font-color)!important;transform:scale(1.05)}.billing-history-header{display:flex;justify-content:space-between;width:100%}#add-billing-address{background-color:transparent;border:1px solid var(--border-color);border-radius:5px;color:var(--font-color);outline:none;padding:.3em .7em;transition:all .2s ease}#billingAddressModal .form-label{color:var(--font-color-50)}#billingAddressModal .form-control,#billingAddressModal .form-select{background-color:transparent!important;border:1px solid var(--border-color)!important;color:var(--font-color)!important}#billingAddressModal .form-select option{color:#000!important}#addressPreview{color:var(--font-color)!important}#addressPreview em{color:var(--font-color-50)!important}#billingAddressModal .form-control::placeholder{color:var(--font-color-50)!important}#billingAddressModal .card{background-color:transparent!important;border:1px solid var(--border-color)!important}#billingAddressModal .card-header{background-color:var(--material-btn-hover-color)!important;color:var(--font-color)!important}#add-billing-address:hover{border:1px solid var(--main-color);color:var(--main-color)}#saveBillingAddress{background-color:var(--main-color)!important}#billing-history-container{border:10px;border:1px solid var(--border-color);border-radius:7px;padding:.5em;width:100%}#billing-history-container .table{border-radius:8px!important;margin-bottom:0!important}#billing-history-container .table thead{background-color:var(--material-btn-hover-color)!important}#billing-history-container .table td,#billing-history-container .table th{background-color:transparent!important;color:var(--font-color)}#billing-history-container .table th{padding-bottom:.7em!important;padding-top:.7em!important}#billing-history-container .table th,#billing-history-container .table tr:not(:last-child){border-bottom:1px solid var(--border-color)!important}#billing-history-container .table tr:last-child td{border-bottom:1px solid transparent!important}.bill-amount{border:1px solid var(--main-color);border-radius:5px;color:var(--main-color);font-weight:600;padding:.2em .5em;width:fit-content}.download-invoice{cursor:pointer;text-decoration:underline}.download-invoice:hover{color:var(--main-color);text-decoration-color:var(--main-color)}.usage-option-container{display:flex;flex-direction:column;gap:2em}.setting-sub-title{color:var(--font-color);font-size:1em;font-weight:600;margin-bottom:.5em!important}.usage-option-container .progress{background-color:var(--border-color);border-radius:5px;height:20px;overflow:hidden;width:100%}.pricing-note{color:var(--font-color);font-style:italic;margin-top:.5em}.pricing-note span{color:#08bc08;font-weight:600}.usage-option-container .progress-bar{background-color:var(--main-color);color:var(--font-color);font-weight:600;height:100%;line-height:20px;text-align:center;transition:width .4s ease}.usage-option-container #content-usage-container,.usage-option-container #credit-usage-container,.usage-option-container #usage-container,.usage-option-container #video-credit-usage-container{border:1px solid var(--border-color);border-radius:7px}.usage-option-container #credit-usage-container,.usage-option-container #video-credit-usage-container{padding:.5em}.usage-option-container #video-credit-usage-container .visual-element-row{display:flex;flex-direction:column;gap:.3em}#video-credit-usage-container span.material-symbols-outlined{color:#08bc08}#video-credit-usage-container .final-credit-price{color:#08bc08;font-weight:600}#video-credit-usage-container .element-name{font-weight:600}#video-credit-usage-container .visual-element-row div{border:1px solid var(--main-color);border-radius:5px;display:flex;padding:.3em;width:fit-content}#video-credit-usage-container .visual-element-row div .visual-element-btn{background-color:transparent;border:none;color:var(--font-color);font-weight:600;outline:none;padding:.2em .4em}#video-credit-usage-container .visual-element-row div .visual-element-btn.selected{background-color:var(--main-color);border-radius:5px;color:#fff}#usage-container{border:10px;padding:.5em}.usage-option-container .table{border-radius:8px!important;margin-bottom:0!important}.usage-option-container .table thead{background-color:var(--material-btn-hover-color)!important}.usage-option-container .table td,.usage-option-container .table th{background-color:transparent!important;color:var(--font-color)}.usage-option-container .table th{padding-bottom:.7em!important;padding-top:.7em!important}.usage-option-container .table th,.usage-option-container .table tr:not(:last-child){border-bottom:1px solid var(--border-color)!important}.usage-option-container .table tr:last-child td{border-bottom:1px solid transparent!important}.collapsible-content{display:none}#content-history-period-select option,#usage-period option{color:#000!important}#fair-usage-policy-container{margin-bottom:2em}#usage-policy-toggle-btn{background-color:var(--material-btn-hover-color);border-radius:7px}.credits-info{background:var(--material-btn-hover-color);border:1px solid var(--border-color);border-radius:12px;color:var(--font-color);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;max-width:80%;padding:18px 20px}.credits-info h3{color:var(--font-color);font-size:1.1em;font-weight:600;margin-bottom:12px}.credits-info p{color:var(--font-color);font-size:.9em;line-height:1.7;margin:0 0 10px}.credits-info p:last-of-type{margin-bottom:14px}.credits-hint{color:green;font-size:12px;padding-top:1em}.credit-summary-container{background-color:var(--material-btn-hover-color);border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;flex-direction:column;margin:15px 0;padding:20px;width:100%}.credit-counter{align-items:baseline;display:flex;justify-content:center;margin-bottom:15px}.used-credits{font-weight:600}.credits-separator,.used-credits{color:var(--font-color-50);font-size:24px}.credits-separator{font-weight:400;margin:0 5px}.total-credits{color:var(--font-color);font-size:24px;font-weight:600}.credits-label{color:#6b7280;font-size:14px;margin-left:10px}.credit-progress-container{display:flex;justify-content:center;width:100%}.credit-progress-bar{background-color:#e5e7eb;border-radius:5px;height:10px;overflow:hidden;width:50%}.credit-progress-fill{background:linear-gradient(90deg,#6200ee,#9d4edd);border-radius:5px;height:100%;transition:width .5s ease}@media (max-width:768px){.credit-summary-container{padding:15px}.credits-separator,.total-credits,.used-credits{font-size:20px}}#contentGenerationChart,#usageChart{width:100%}.usage-chart-containers{flex-direction:row!important;gap:1em}.usage-chart-type{border:1px solid var(--border-color);border-radius:10px;padding:.5em;width:50%}.usage-chart-type select{background-color:transparent!important;border:2px solid var(--border-color)!important;border-radius:5px;color:var(--font-color)!important;outline:none!important;padding:.3em!important}.profile-option-container{width:100%}.profile-option-container .profile-header{align-items:end;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.profile-option-container .profile-avatar{align-items:center;background-color:var(--main-color);border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;margin-right:15px;text-transform:uppercase;width:60px}.profile-option-container .profile-username{color:var(--main-color);font-size:1.5em;margin:0}.profile-option-container .profile-details{margin-top:15px}.profile-option-container .profile-field{display:flex;margin-bottom:10px}.profile-option-container .profile-label{color:#555;flex:0 0 100px;font-weight:700}.profile-option-container .profile-value{word-wrap:break-word;color:var(--font-color);flex:1}#change-password-form-container{display:flex;flex-direction:column;gap:1em}#change-password-form-container input{background-color:transparent;border:1px solid var(--border-color);border-radius:5px;color:var(--font-color);outline:none;padding:.5em .7em;width:35%}#change-password-btn{background-color:var(--main-color);border:none;border-radius:5px;color:#fff;font-size:.9em;font-weight:600;padding:.5em 1em;width:fit-content}#change-password-toggle{font-size:.8em;font-weight:600;padding-left:1em!important;padding-right:1em!important}.price{display:flex;flex-direction:column;gap:6px;text-align:right}.price-final{color:var(--font-color);font-size:2.2rem;font-weight:700;letter-spacing:.4px}.price-sub{color:var(--font-color-50);display:flex;font-size:.9rem;gap:10px;justify-content:flex-end;opacity:.55}.price-old{text-decoration:line-through}.price-off{text-transform:lowercase}