body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.payment-callback{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.callback-container{background:#1a1a1a;border:1px solid #333;border-radius:20px;box-shadow:0 20px 60px #00000080;max-width:500px;padding:40px;text-align:center;width:90%}.callback-header{margin-bottom:30px}.callback-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a148c,#00b4d8);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:28px;font-weight:700;margin:0 0 10px}.payment-provider{color:#888;font-size:14px;font-weight:500;letter-spacing:1px;text-transform:uppercase}.callback-content{margin-bottom:30px}.success-state{align-items:center;display:flex;flex-direction:column;gap:20px}.success-state h3{color:#fff;font-size:20px;font-weight:600;margin:0}.success-state p{color:#ccc;font-size:14px;line-height:1.5;margin:0}.error-state{align-items:center;display:flex;flex-direction:column;gap:15px}.error-icon{color:#ff6b6b;font-size:48px}.error-state h3{color:#ff6b6b;font-size:20px;font-weight:600;margin:0}.error-state p{color:#ccc;font-size:14px;line-height:1.5;margin:0;max-width:300px}.loading-spinner{margin:0 auto}.callback-footer{border-top:1px solid #333;padding-top:20px}.callback-footer p{color:#888;font-size:12px;line-height:1.4;margin:0}@media (max-width:768px){.callback-container{margin:20px;padding:30px 20px}.callback-header h2{font-size:24px}.error-state h3,.success-state h3{font-size:18px}.loading-spinner{border-width:2px;height:32px;width:32px}}@media (prefers-color-scheme:dark){.callback-container{background:#0a0a0a}}.error-state,.success-state{animation:fadeInUp .6s ease-out}.loading-spinner{animation:spin 1s linear infinite,pulse 2s ease-in-out infinite}.callback-container:focus-within{outline:2px solid #00b4d8;outline-offset:2px}.callback-container.loading{pointer-events:none}.callback-container.loading .loading-spinner{animation-duration:.8s}.success-state.success{animation:successBounce .6s ease-out}@keyframes successBounce{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.error-state.error{animation:errorShake .6s ease-out}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.payment-form-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.payment-form-modal{background:#1a1a1a;border:1px solid #333;border-radius:20px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:800px;overflow-y:auto;padding:0;width:90%}.payment-form-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:30px 30px 20px}.payment-form-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a148c,#00b4d8);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:28px;font-weight:700;margin:0}.close-button{color:#888;font-size:24px;height:40px;padding:5px;transition:all .3s ease;width:40px}.close-button:hover{background:#333;color:#fff}.payment-form{padding:30px}.plan-selection{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.plan-card{background:#2a2a2a;border:2px solid #333;border-radius:15px;cursor:pointer;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.plan-card:hover{border-color:#4a148c;box-shadow:0 10px 30px #4a148c4d;transform:translateY(-2px)}.plan-card.selected{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-color:#00b4d8;box-shadow:0 10px 30px #00b4d84d}.plan-card.selected:before{background:linear-gradient(90deg,#4a148c,#00b4d8);content:"";height:3px;left:0;position:absolute;right:0;top:0}.plan-header{margin-bottom:20px;text-align:center}.plan-header h3{color:#fff;font-size:24px;font-weight:700;margin:0 0 15px}.plan-price{gap:5px;justify-content:center}.plan-price .currency{color:#888;font-size:18px;font-weight:500}.plan-price .amount{color:#00b4d8;font-size:36px;font-weight:800}.plan-price .period{color:#888;font-size:14px;font-weight:400}.plan-description{color:#ccc;font-size:14px;line-height:1.5;margin-bottom:20px;text-align:center}.plan-features{margin-bottom:15px}.feature-item{color:#fff;font-size:14px;gap:10px;margin-bottom:8px}.feature-item .checkmark{color:#00b4d8;font-size:16px;font-weight:700}.plan-limitations{margin-top:15px;padding-top:15px}.limitation-item{align-items:center;display:flex;font-size:12px;gap:10px;margin-bottom:8px}.limitation-item .limitation-mark{font-size:14px}.billing-cycle-selection{margin-bottom:30px}.billing-cycle-selection label{color:#fff;display:block;font-size:16px;font-weight:600;margin-bottom:15px}.billing-options{display:flex;gap:20px}.billing-option{align-items:center;background:#2a2a2a;border:2px solid #333;border-radius:10px;cursor:pointer;display:flex;flex:1 1;gap:10px;padding:15px 20px;transition:all .3s ease}.billing-option:hover{border-color:#4a148c}.billing-option input[type=radio]{display:none}.billing-option input[type=radio]:checked+span{color:#00b4d8;font-weight:600}.billing-option input[type=radio]:checked~.billing-option{background:#1a1a1a;border-color:#00b4d8}.billing-option span{color:#ccc;font-size:14px;transition:color .3s ease}.promo-code-section{margin-bottom:30px}.promo-toggle{background:none;border:none;color:#00b4d8;cursor:pointer;font-size:14px;margin-bottom:15px;padding:0;text-decoration:underline}.promo-toggle:hover{color:#4a148c}.promo-input-container{display:flex;flex-direction:column;gap:10px}.promo-input{background:#2a2a2a;border:2px solid #333;border-radius:8px;color:#fff;font-size:14px;padding:12px 15px;transition:all .3s ease}.promo-input:focus{box-shadow:0 0 0 3px #00b4d81a;outline:none}.promo-input.valid,.promo-input:focus{border-color:#00b4d8}.promo-input.invalid{border-color:#ff6b6b}.promo-success{color:#00b4d8;font-size:12px;font-weight:600}.promo-error{color:#ff6b6b;font-size:12px}.price-summary{background:#2a2a2a;border-radius:10px;margin-bottom:30px;padding:20px}.price-breakdown{display:flex;flex-direction:column;gap:10px}.price-item{align-items:center;color:#ccc;display:flex;font-size:14px;justify-content:space-between}.price-item.discount{color:#00b4d8}.price-item.total{border-top:1px solid #333;color:#fff;font-size:18px;font-weight:700;padding-top:10px}.payment-status{align-items:center;background:#1a1a1a;color:#00b4d8;display:flex;font-weight:600;gap:10px}.error-message,.payment-status{border-radius:8px;margin-bottom:20px;padding:15px}.error-message{background:#ff6b6b;color:#fff;font-size:14px;font-weight:500}.payment-submit-button{background:linear-gradient(135deg,#4a148c,#00b4d8);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:20px;padding:18px;transition:all .3s ease;width:100%}.payment-submit-button:hover:not(:disabled){box-shadow:0 10px 30px #4a148c66;transform:translateY(-2px)}.payment-submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.security-notice{align-items:center;color:#888;display:flex;font-size:12px;gap:10px;justify-content:center;text-align:center}.lock-icon{font-size:14px}@media (max-width:768px){.payment-form-modal{margin:20px;width:95%}.payment-form{padding:20px}.plan-selection{grid-template-columns:1fr}.billing-options{flex-direction:column}.plan-header h3{font-size:20px}.plan-price .amount{font-size:28px}}@media (prefers-color-scheme:dark){.payment-form-modal{background:#0a0a0a}.plan-card,.price-summary{background:#1a1a1a}}.plan-card{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.plan-card:hover{box-shadow:0 15px 40px #00b4d833;transform:translateY(-4px)}.billing-option:hover{box-shadow:0 5px 15px #4a148c33;transform:translateY(-2px)}.billing-option:focus-within,.payment-submit-button:focus,.promo-input:focus{outline:2px solid #00b4d8;outline-offset:2px}.payment-submit-button:disabled{background:#333;color:#888}.payment-status.success{background:#1a1a1a;border:1px solid #00b4d8;color:#00b4d8}.payment-status.error{background:#1a1a1a;border:1px solid #ff6b6b;color:#ff6b6b}.admin-dashboard{color:#fff}.admin-dashboard,.admin-loading{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);min-height:100vh}.admin-loading{align-items:center;display:flex;flex-direction:column;justify-content:center}.admin-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #333;border-radius:50%;border-top-color:#00b4d8;height:50px;margin-bottom:20px;width:50px}.admin-loading p{color:#ccc;font-size:16px}.admin-error{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);display:flex;flex-direction:column;justify-content:center;min-height:100vh;text-align:center}.admin-error .error-icon{font-size:64px;margin-bottom:20px}.admin-error h3{color:#ff6b6b;font-size:24px;margin-bottom:10px}.admin-error p{color:#ccc;font-size:16px;margin-bottom:20px}.admin-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #333;justify-content:space-between;padding:30px 40px}.admin-header,.system-status{align-items:center;background:#ffffff0d;display:flex}.system-status{border:1px solid #333;border-radius:8px;gap:8px;padding:10px 15px}.admin-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid #333;overflow-x:auto;padding:0 40px}.admin-content{margin:0 auto;max-width:1400px;padding:40px}.actions-section,.activity-section,.stats-section,.system-health-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #333;border-radius:15px;padding:25px}.activity-section h3,.stats-section h3,.system-health-section h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 20px}.health-grid{grid-gap:15px;gap:15px;grid-template-columns:1fr 1fr}.health-item{align-items:center;background:#ffffff0d;border:1px solid #333;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.health-label{font-size:14px}.health-value{color:#00b4d8;font-size:16px}.activity-list{max-height:300px;overflow-y:auto}.activity-item{border-bottom:1px solid #333;padding:15px 0}.activity-item:last-child{border-bottom:none}.activity-icon{align-items:center;background:#00b4d81a;border:1px solid #00b4d84d;border-radius:8px;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.activity-text{color:#fff;font-size:14px}.activity-time{color:#888;font-size:12px}.moderation-tab,.payments-tab,.users-tab{animation:fadeIn .6s ease-out}@media (max-width:1200px){.overview-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.health-grid{grid-template-columns:1fr}}@media (max-width:768px){.admin-header{flex-direction:column;gap:20px;padding:20px;text-align:center}.header-content h1{font-size:24px}.admin-tabs{padding:0 20px}.tab{font-size:12px;padding:15px 16px}.admin-content{padding:20px}.health-grid,.stats-grid{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){.admin-dashboard{background:linear-gradient(135deg,#000,#0a0a0a)}}.retry-button:focus,.tab:focus{outline:2px solid #00b4d8;outline-offset:2px}.admin-loading .loading-spinner{animation:spin 1s linear infinite,pulse 2s ease-in-out infinite}.actions-section:hover,.activity-section:hover,.stats-section:hover,.system-health-section:hover{border-color:#333;box-shadow:0 10px 30px #0000004d}.user-management{animation:fadeIn .6s ease-out}.management-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.header-content h3{color:#fff;font-size:24px;font-weight:600;margin:0 0 8px}.header-content p{font-size:14px}.header-stats{display:flex;gap:20px}.stat-item{min-width:80px;padding:15px}.stat-value{display:block}.filters-section{align-items:center;display:flex;gap:20px;margin-bottom:30px}.search-box{flex:1 1}.search-input{background:#ffffff0d;border:1px solid #333;border-radius:8px;color:#fff;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#00b4d8;box-shadow:0 0 0 2px #00b4d833;outline:none}.search-input::placeholder{color:#888}.filter-select{background:#ffffff0d;border:1px solid #333;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .3s ease}.filter-select:focus{border-color:#00b4d8;outline:none}.users-table{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #333;border-radius:15px;margin-bottom:30px;overflow:hidden}.table-header{grid-template-columns:2fr 1fr 1fr 1fr 1fr 2fr}.table-body{max-height:600px}.user-row{grid-gap:15px;border-bottom:1px solid #333;display:grid;gap:15px;grid-template-columns:2fr 1fr 1fr 1fr 1fr 2fr;padding:20px;transition:all .3s ease}.user-row:hover{background:#ffffff05}.user-row:last-child{border-bottom:none}.user-cell,.user-info{align-items:center;display:flex}.user-info{gap:12px}.user-avatar{align-items:center;background:linear-gradient(135deg,#4a148c,#00b4d8);border-radius:50%;display:flex;font-size:16px;height:40px;justify-content:center;width:40px}.user-avatar,.user-name{color:#fff;font-weight:600}.user-name{font-size:14px;margin-bottom:2px}.user-email{color:#ccc;font-size:12px}.last-active-cell,.plan-cell,.projects-cell,.status-cell{align-items:center;color:#ccc;display:flex;font-size:14px}.edit-btn{color:gold}.edit-btn:hover{background:#ffd7001a}.suspend-btn{color:#ff6b6b}.suspend-btn:hover{background:#ff6b6b1a}.activate-btn{color:#4caf50}.activate-btn:hover{background:#4caf501a}.empty-row,.loading-row{align-items:center;color:#ccc;display:flex;font-size:14px;gap:10px;justify-content:center;padding:40px}.loading-spinner{border:2px solid #333;height:20px;width:20px}.pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:30px}.page-btn{background:#ffffff0d;border:1px solid #333;border-radius:6px;color:#ccc;cursor:pointer;font-size:12px;padding:8px 12px;transition:all .3s ease}.page-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.page-btn.active{background:#00b4d8;border-color:#00b4d8;color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-numbers{display:flex;gap:5px}.user-modal{background:#1a1a1a;border:1px solid #333;border-radius:15px;box-shadow:0 20px 60px #00000080;max-width:600px;width:90%}.user-details{display:flex;flex-direction:column;gap:15px}.edit-form{padding:20px 0}.form-input,.form-select{padding:12px 16px}.save-btn{background:#4caf50;border-radius:6px;font-weight:500;margin-right:10px;padding:10px 20px}.save-btn:hover{background:#45a049;transform:translateY(-1px)}@media (max-width:768px){.management-header{flex-direction:column;gap:20px;text-align:center}.header-stats{justify-content:center}.filters-section{flex-direction:column;gap:15px}.table-header,.user-row{gap:10px;grid-template-columns:1fr}.header-cell{display:none}.actions-cell,.last-active-cell,.plan-cell,.projects-cell,.status-cell,.user-cell{justify-content:flex-start}.user-cell:before{content:"User: "}.status-cell:before,.user-cell:before{color:#888;font-size:12px;font-weight:500;letter-spacing:1px;margin-right:10px;text-transform:uppercase}.status-cell:before{content:"Status: "}.plan-cell:before{content:"Plan: "}.plan-cell:before,.projects-cell:before{color:#888;font-size:12px;font-weight:500;letter-spacing:1px;margin-right:10px;text-transform:uppercase}.projects-cell:before{content:"Projects: "}.last-active-cell:before{content:"Last Active: "}.actions-cell:before,.last-active-cell:before{color:#888;font-size:12px;font-weight:500;letter-spacing:1px;margin-right:10px;text-transform:uppercase}.actions-cell:before{content:"Actions: "}.modal-actions{flex-direction:column}}.action-btn:focus,.close-btn:focus,.close-modal-btn:focus,.filter-select:focus,.form-input:focus,.form-select:focus,.page-btn:focus,.save-btn:focus,.search-input:focus{outline:2px solid #00b4d8;outline-offset:2px}.user-management.loading{opacity:.6;pointer-events:none}.user-management.success{border-color:#00b4d8}.user-management.error{border-color:#ff6b6b}.system-analytics{animation:fadeIn .6s ease-out}.analytics-header{border-bottom:1px solid #333;padding-bottom:20px}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.metric-header h4{color:#ccc;font-size:14px;font-weight:500;letter-spacing:1px;margin:0;text-transform:uppercase}.trend-indicator{align-items:center;display:flex;gap:5px}.trend-icon,.trend-value{font-size:12px}.trend-value{font-weight:600}.metric-value{font-size:32px}.metric-label{color:#888}.performance-section{margin-bottom:30px}.performance-section h4{color:#fff;font-size:20px;font-weight:600;margin:0 0 20px}.performance-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.performance-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #333;border-radius:12px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.performance-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-2px)}.performance-icon{align-items:center;background:#00b4d81a;border:1px solid #00b4d84d;border-radius:10px;display:flex;font-size:24px;height:50px;justify-content:center;width:50px}.performance-content{flex:1 1}.performance-label{color:#ccc;font-size:12px;font-weight:500;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}.performance-value{font-size:18px;font-weight:600}.usage-analytics{margin-bottom:30px}.usage-analytics h4{color:#fff;font-size:20px;font-weight:600;margin:0 0 20px}.usage-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.usage-card{border-radius:15px;padding:25px}.usage-card h5{color:#fff;font-size:16px;font-weight:600;margin:0 0 20px}.plan-distribution{display:flex;flex-direction:column;gap:12px}.plan-item{align-items:center;display:flex;gap:12px;padding:8px 0}.plan-name{color:#ccc;flex:1 1;font-weight:500}.plan-count{color:#00b4d8;font-size:14px;font-weight:600}.feature-usage{display:flex;flex-direction:column;gap:15px}.feature-item{align-items:center;display:flex;gap:15px}.feature-name{color:#ccc;flex:1 1;font-size:14px;font-weight:500}.feature-bar{background:#ffffff1a;border-radius:4px;flex:2 1;height:8px;overflow:hidden}.feature-fill{background:linear-gradient(90deg,#00b4d8,#4a148c);border-radius:4px;height:100%;transition:width .3s ease}.feature-percentage{color:#00b4d8;font-size:12px;font-weight:600;min-width:30px;text-align:right}.geographic-section{margin-bottom:30px}.geographic-section h4{color:#fff;font-size:20px;font-weight:600;margin:0 0 20px}.geo-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.geo-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #333;border-radius:12px;padding:20px;transition:all .3s ease}.geo-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-2px)}.geo-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.geo-flag{font-size:20px}.geo-name{color:#fff;font-size:14px;font-weight:500}.geo-stats{align-items:center;display:flex;justify-content:space-between}.geo-percentage{color:#00b4d8;font-size:16px;font-weight:600}.geo-users{color:#888;font-size:12px}@media (max-width:768px){.analytics-header{flex-direction:column;gap:20px;text-align:center}.geo-grid,.metrics-grid,.performance-grid,.usage-grid{grid-template-columns:1fr}.geo-card,.metric-card,.performance-card,.usage-card{padding:20px}.metric-value{font-size:24px}.performance-value{font-size:16px}}.geo-card:focus,.metric-card:focus,.performance-card:focus,.period-btn:focus,.usage-card:focus{outline:2px solid #00b4d8;outline-offset:2px}.system-analytics.loading{opacity:.6;pointer-events:none}.system-analytics.success{border-color:#00b4d8}.system-analytics.error{border-color:#ff6b6b}.geo-card:hover,.metric-card:hover,.performance-card:hover,.usage-card:hover{border-color:#00b4d8}@media (prefers-color-scheme:dark){.geo-card,.metric-card,.performance-card,.usage-card{background:#ffffff08}}.payment-overview{animation:fadeIn .6s ease-out}.payment-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.payment-header h3{color:#fff;font-size:24px;font-weight:600;margin:0}.revenue-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.metric-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #333;border-radius:15px;display:flex;gap:20px;padding:25px;transition:all .3s ease}.metric-card:hover{box-shadow:0 10px 30px #00b4d833;transform:translateY(-2px)}.metric-icon{align-items:center;background:#00b4d81a;border:1px solid #00b4d84d;border-radius:12px;display:flex;font-size:32px;height:60px;justify-content:center;width:60px}.metric-content{flex:1 1}.metric-value{color:#00b4d8;font-size:24px;font-weight:700;margin-bottom:5px}.metric-label{color:#ccc;font-size:12px;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.metric-trend{font-size:11px;font-weight:500}.metric-trend.positive{color:#4caf50}.metric-trend.negative{color:#ff6b6b}.plan-distribution-section{margin-bottom:30px}.plan-distribution-section h4{color:#fff;font-size:20px;font-weight:600;margin:0 0 20px}.plan-distribution-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.plan-distribution-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #333;border-radius:12px;padding:20px;transition:all .3s ease}.plan-distribution-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-2px)}.plan-header{align-items:center;gap:12px;margin-bottom:15px}.plan-color{border-radius:50%;height:12px;width:12px}.plan-name{font-size:14px;font-weight:600;text-transform:capitalize}.plan-stats{align-items:center;display:flex;justify-content:space-between}.plan-percentage{color:#00b4d8;font-size:18px;font-weight:700}.plan-users{color:#888;font-size:12px}.transactions-section{margin-bottom:30px}.transactions-section h4{color:#fff;font-size:20px;font-weight:600;margin:0 0 20px}.transactions-table{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #333;border-radius:15px;overflow:hidden}.table-header,.transaction-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr}.transaction-row{grid-gap:15px;border-bottom:1px solid #333;display:grid;gap:15px;padding:20px;transition:all .3s ease}.transaction-row:hover{background:#ffffff05}.transaction-row:last-child{border-bottom:none}.customer-cell{align-items:center;display:flex}.customer-info{display:flex;flex-direction:column}.customer-name{color:#fff;font-size:14px;font-weight:600;margin-bottom:2px}.customer-email{color:#ccc;font-size:12px}.amount-cell,.date-cell,.payment-method-cell,.plan-cell,.status-cell{align-items:center;color:#ccc;display:flex;font-size:14px}.plan-badge,.status-badge{border-radius:4px;color:#fff;font-size:10px;font-weight:600;letter-spacing:1px;padding:4px 8px;text-transform:uppercase}.payment-method-cell{align-items:center;display:flex;gap:8px}.payment-icon{font-size:16px}.payment-name{color:#ccc;font-size:12px}.refund-analytics{margin-bottom:30px}.refund-analytics h4{color:#fff;font-size:20px;font-weight:600;margin:0 0 20px}.refund-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.refund-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #333;border-radius:12px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.refund-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-2px)}.refund-icon{align-items:center;background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:10px;display:flex;font-size:24px;height:50px;justify-content:center;width:50px}.refund-content{flex:1 1}.refund-value{color:#fff;font-size:18px;font-weight:600;margin-bottom:5px}.refund-label{color:#ccc;font-size:12px;font-weight:500;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.refund-trend{font-size:11px;font-weight:500}.refund-trend.positive{color:#4caf50}.refund-trend.negative{color:#ff6b6b}@media (max-width:768px){.payment-header{flex-direction:column;gap:20px;text-align:center}.plan-distribution-grid,.revenue-metrics{grid-template-columns:1fr}.table-header,.transaction-row{gap:10px;grid-template-columns:1fr}.header-cell{display:none}.customer-cell:before{content:"Customer: "}.customer-cell:before,.plan-cell:before{color:#888;font-size:12px;font-weight:500;letter-spacing:1px;margin-right:10px;text-transform:uppercase}.plan-cell:before{content:"Plan: "}.amount-cell:before{content:"Amount: "}.amount-cell:before,.status-cell:before{color:#888;font-size:12px;font-weight:500;letter-spacing:1px;margin-right:10px;text-transform:uppercase}.status-cell:before{content:"Status: "}.date-cell:before{content:"Date: "}.date-cell:before,.payment-method-cell:before{color:#888;font-size:12px;font-weight:500;letter-spacing:1px;margin-right:10px;text-transform:uppercase}.payment-method-cell:before{content:"Payment: "}.refund-metrics{grid-template-columns:1fr}.metric-card,.plan-distribution-card,.refund-card{padding:20px}.metric-value{font-size:20px}.refund-value{font-size:16px}}.metric-card:focus,.period-btn:focus,.plan-distribution-card:focus,.refund-card:focus{outline:2px solid #00b4d8;outline-offset:2px}.payment-overview.loading{opacity:.6;pointer-events:none}.payment-overview.success{border-color:#00b4d8}.payment-overview.error{border-color:#ff6b6b}.metric-card:hover,.plan-distribution-card:hover,.refund-card:hover{border-color:#00b4d8}@media (prefers-color-scheme:dark){.metric-card,.plan-distribution-card,.refund-card{background:#ffffff08}}.system-settings{animation:fadeIn .6s ease-out}.settings-header{border-bottom:1px solid #333;margin-bottom:30px;padding-bottom:20px}.settings-header h3{color:#fff;font-size:24px;font-weight:600;margin:0 0 8px}.settings-header p{color:#ccc;font-size:14px;margin:0}.health-overview{margin-bottom:30px}.health-overview h4{color:#fff;font-size:20px;font-weight:600;margin:0 0 20px}.health-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.health-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #333;border-radius:12px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.health-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-2px)}.health-icon{align-items:center;background:#00b4d81a;border:1px solid #00b4d84d;border-radius:10px;display:flex;font-size:24px;height:50px;justify-content:center;width:50px}.health-content{flex:1 1}.health-label{color:#ccc;font-size:12px;font-weight:500;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}.health-value{color:#fff;font-size:18px;font-weight:600}.alerts-section,.limits-section,.maintenance-section,.security-section,.system-actions{margin-bottom:30px}.alerts-section h4,.limits-section h4,.maintenance-section h4,.security-section h4,.system-actions h4{color:#fff;font-size:20px;font-weight:600;margin:0 0 20px}.settings-grid{grid-gap:20px;gap:20px}.setting-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #333;border-radius:12px;padding:20px;transition:all .3s ease}.setting-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-2px)}.setting-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.setting-header h5{color:#fff;font-size:16px;font-weight:600;margin:0}.setting-description{color:#ccc;font-size:12px;line-height:1.4;margin:0}.setting-toggle{height:24px;position:relative;width:50px}.setting-toggle input{height:0;opacity:0;width:0}.setting-toggle label{background-color:#333;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.setting-toggle label:before{background-color:#ccc;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}.setting-toggle input:checked+label{background-color:#00b4d8}.setting-toggle input:checked+label:before{transform:translateX(26px)}.setting-input,.setting-select{background:#ffffff0d;border:1px solid #333;border-radius:6px;color:#fff;font-size:14px;padding:8px 12px;transition:all .3s ease}.setting-input:focus,.setting-select:focus{border-color:#00b4d8;box-shadow:0 0 0 2px #00b4d833;outline:none}.setting-select option{background:#1a1a1a;color:#fff}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-btn{font-size:14px;padding:15px 20px}.action-btn:hover{background:#ffffff1a;color:#fff}.backup-btn:hover{border-color:#4caf50;box-shadow:0 5px 15px #4caf504d}.clear-btn:hover{border-color:#ff9800;box-shadow:0 5px 15px #ff98004d}.restart-btn:hover{border-color:#00b4d8;box-shadow:0 5px 15px #00b4d84d}.update-btn:hover{border-color:#4a148c;box-shadow:0 5px 15px #4a148c4d}.logs-btn:hover{border-color:gold;box-shadow:0 5px 15px #ffd7004d}.alerts-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #333;border-radius:12px;overflow:hidden}.no-alerts{align-items:center;color:#4caf50;display:flex;font-size:14px;gap:10px;justify-content:center;padding:40px}.alert-icon{font-size:20px}.alert-item{align-items:center;border-bottom:1px solid #333;display:flex;gap:15px;padding:20px}.alert-item:last-child{border-bottom:none}.alert-content{flex:1 1}.alert-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:5px}.alert-description{color:#ccc;font-size:12px}.alert-time{color:#888;font-size:11px}.confirm-modal{border:1px solid #333}.action-name{color:#00b4d8}.cancel-btn,.confirm-btn{padding:10px 20px}@media (max-width:768px){.actions-grid,.health-grid,.settings-grid{grid-template-columns:1fr}.health-card,.setting-card{padding:20px}.health-value{font-size:16px}.action-btn{font-size:12px;padding:12px 16px}}.action-btn:focus,.cancel-btn:focus,.close-btn:focus,.confirm-btn:focus,.setting-input:focus,.setting-select:focus,.setting-toggle input:focus+label{outline:2px solid #00b4d8;outline-offset:2px}.system-settings.loading{opacity:.6;pointer-events:none}.system-settings.success{border-color:#00b4d8}.system-settings.error{border-color:#ff6b6b}.health-card:hover,.setting-card:hover{border-color:#00b4d8}@media (prefers-color-scheme:dark){.health-card,.setting-card{background:#ffffff08}}.content-moderation{animation:fadeIn .6s ease-out}.moderation-header{border-bottom:1px solid #333;margin-bottom:30px;padding-bottom:20px}.moderation-header h3{color:#fff;font-size:24px;font-weight:600;margin:0 0 8px}.moderation-header p{color:#ccc;font-size:14px;margin:0}.moderation-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;gap:15px}.stat-card:hover{box-shadow:0 10px 30px #0000004d}.stat-icon{align-items:center;background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:10px;display:flex;font-size:24px;height:50px;justify-content:center;width:50px}.stat-content{flex:1 1}.stat-value{color:#ff6b6b;font-size:20px}.reports-section{margin-bottom:30px}.reports-section h4{color:#fff;font-size:20px;font-weight:600;margin:0 0 20px}.reports-table{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #333;border-radius:15px;overflow:hidden}.table-header{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 2fr;padding:20px}.table-body{max-height:500px}.report-row{grid-gap:15px;border-bottom:1px solid #333;display:grid;gap:15px;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 2fr;padding:20px;transition:all .3s ease}.report-row:hover{background:#ffffff05}.report-row:last-child{border-bottom:none}.type-cell{align-items:center;display:flex;gap:8px}.date-cell,.reported-user-cell,.reporter-cell,.severity-cell,.status-cell{align-items:center;color:#ccc;display:flex;font-size:14px}.severity-badge,.status-badge{border-radius:4px;color:#fff;font-size:10px;font-weight:600;letter-spacing:1px;padding:4px 8px;text-transform:uppercase}.actions-cell{align-items:center;display:flex;gap:8px}.action-btn{background:none;border:none;border-radius:4px;gap:4px;padding:6px 10px}.view-btn{color:#00b4d8}.approve-btn{color:#4caf50}.approve-btn:hover{background:#4caf501a}.reject-btn{color:#ff6b6b}.reject-btn:hover{background:#ff6b6b1a}.block-btn{color:#ff9800}.block-btn:hover{background:#ff98001a}.flagged-content-section{margin-bottom:30px}.flagged-content-section h4{color:#fff;font-size:20px;font-weight:600;margin:0 0 20px}.flagged-content-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.flagged-content-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #333;border-radius:15px;padding:20px;transition:all .3s ease}.flagged-content-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-2px)}.content-header{justify-content:space-between;margin-bottom:15px}.content-header,.content-type{align-items:center;display:flex}.content-type{gap:8px}.type-icon{font-size:16px}.type-name{color:#ccc;font-size:12px;font-weight:500;text-transform:capitalize}.content-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:15px}.content-details{margin-bottom:20px}.detail-item{border-bottom:1px solid #333;padding:8px 0}.detail-item:last-child{border-bottom:none}.content-actions{display:flex;flex-wrap:wrap;gap:10px}.report-modal{background:#1a1a1a;border:1px solid #333;border-radius:15px;box-shadow:0 20px 60px #00000080;max-width:700px;width:90%}.report-details{display:flex;flex-direction:column;gap:15px}.detail-value{max-width:60%;text-align:right}.evidence-list{display:flex;flex-direction:column;gap:5px}.evidence-item{color:#00b4d8;font-size:12px;font-weight:500}.close-modal-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}@media (max-width:768px){.moderation-stats{grid-template-columns:1fr}.report-row,.table-header{gap:10px;grid-template-columns:1fr}.header-cell{display:none}.type-cell:before{content:"Type: "}.severity-cell:before,.type-cell:before{color:#888;font-size:12px;font-weight:500;letter-spacing:1px;margin-right:10px;text-transform:uppercase}.severity-cell:before{content:"Severity: "}.reporter-cell:before{content:"Reporter: "}.reported-user-cell:before,.reporter-cell:before{color:#888;font-size:12px;font-weight:500;letter-spacing:1px;margin-right:10px;text-transform:uppercase}.reported-user-cell:before{content:"Reported: "}.status-cell:before{content:"Status: "}.date-cell:before,.status-cell:before{color:#888;font-size:12px;font-weight:500;letter-spacing:1px;margin-right:10px;text-transform:uppercase}.date-cell:before{content:"Date: "}.actions-cell:before{color:#888;content:"Actions: ";font-size:12px;font-weight:500;letter-spacing:1px;margin-right:10px;text-transform:uppercase}.flagged-content-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.flagged-content-card,.stat-card{padding:20px}.stat-value{font-size:18px}}.action-btn:focus,.close-btn:focus,.close-modal-btn:focus{outline:2px solid #00b4d8;outline-offset:2px}.content-moderation.loading{opacity:.6;pointer-events:none}.content-moderation.success{border-color:#00b4d8}.content-moderation.error,.flagged-content-card:hover,.stat-card:hover{border-color:#ff6b6b}@media (prefers-color-scheme:dark){.flagged-content-card,.stat-card{background:#ffffff08}}.admin-actions{animation:fadeIn .6s ease-out}.admin-actions h4{color:#fff;font-size:20px;font-weight:600;margin:0 0 20px}.actions-grid{grid-gap:25px;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.action-group{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #333;border-radius:15px;padding:25px;transition:all .3s ease}.action-group:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-2px)}.action-group h5{color:#fff;font-size:16px;font-weight:600;letter-spacing:1px;margin:0 0 20px;text-transform:uppercase}.action-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.action-btn{align-items:center;background:#ffffff0d;border:1px solid #333;border-radius:8px;color:#ccc;display:flex;font-size:12px;gap:8px;justify-content:center;min-height:45px;padding:12px 16px;text-align:center}.action-btn:hover:not(:disabled){background:#ffffff1a;color:#fff;transform:translateY(-2px)}.system-btn:hover{border-color:#00b4d8;box-shadow:0 5px 15px #00b4d84d}.user-btn:hover{border-color:#4caf50;box-shadow:0 5px 15px #4caf504d}.content-btn:hover{border-color:gold;box-shadow:0 5px 15px #ffd7004d}.emergency-btn:hover{border-color:#ff6b6b;box-shadow:0 5px 15px #ff6b6b4d}.analytics-btn:hover{border-color:#4a148c;box-shadow:0 5px 15px #4a148c4d}.maintenance-btn:hover{border-color:#ff9800;box-shadow:0 5px 15px #ff98004d}.confirm-modal{background:#1a1a1a;border:1px solid #ff6b6b;border-radius:15px;box-shadow:0 20px 60px #00000080;max-width:500px;width:90%}.modal-header h3{color:#ff6b6b}.modal-content p{margin:0 0 15px}.action-name{color:#ff6b6b;font-size:16px;font-weight:600;margin-bottom:15px}.action-details{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:8px;margin-top:15px;padding:15px;text-align:left}.action-details strong{color:#ff6b6b;font-size:12px;letter-spacing:1px;text-transform:uppercase}.action-details pre{color:#ccc;font-size:11px;margin:10px 0 0;white-space:pre-wrap;word-break:break-word}.modal-actions{justify-content:center}.confirm-btn{align-items:center;background:#ff6b6b;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.confirm-btn:hover{background:#ff5252;transform:translateY(-2px)}.cancel-btn{border:none;border-radius:6px;gap:8px}.cancel-btn,.loading-overlay{align-items:center;display:flex}.loading-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.loading-spinner{border:3px solid #333;border-top-color:#00b4d8}.loading-overlay span{color:#ccc;font-size:16px}@media (max-width:768px){.action-buttons,.actions-grid{grid-template-columns:1fr}.action-group{padding:20px}.action-btn{font-size:11px;min-height:50px;padding:15px 12px}.modal-actions{flex-direction:column}.cancel-btn,.confirm-btn{justify-content:center;width:100%}}.action-btn:focus,.cancel-btn:focus,.close-btn:focus,.confirm-btn:focus{outline:2px solid #00b4d8;outline-offset:2px}.admin-actions.loading{opacity:.6;pointer-events:none}.admin-actions.success{border-color:#00b4d8}.admin-actions.error{border-color:#ff6b6b}.action-group:hover{border-color:#00b4d8}@media (prefers-color-scheme:dark){.action-group{background:#ffffff08}}.action-btn:active{transform:translateY(0)}.action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.action-group:hover .action-btn{border-color:#333}.action-group:hover .action-btn:hover{border-color:inherit}.ai-code-review-analytics{background:#f8f9fa;min-height:100vh;padding:20px}.analytics-header{text-align:center}.analytics-header h2{color:#2c3e50;font-size:2rem;margin-bottom:10px}.analytics-header p{color:#7f8c8d;font-size:1.1rem}.platform-selector{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;gap:15px;margin-bottom:30px;padding:20px}.platform-selector label{color:#2c3e50;font-weight:600}.platform-selector select{background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#2c3e50;cursor:pointer;font-size:1rem;padding:10px 15px;transition:border-color .3s ease}.platform-selector select:focus{border-color:#3498db;outline:none}.analytics-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.nav-btn{background:#fff;border:none;border-radius:8px;box-shadow:0 2px 5px #0000001a;color:#2c3e50;cursor:pointer;font-weight:500;padding:12px 20px;transition:all .3s ease}.nav-btn:hover{background:#f8f9fa;transform:translateY(-2px)}.nav-btn.active{background:#3498db;box-shadow:0 4px 15px #3498db4d;color:#fff}.analytics-content{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;padding:30px}.overview-section .stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #0000001a;color:#fff;padding:25px}.stat-value{font-size:2.5rem}.stat-label{font-size:.9rem;opacity:.9}.platform-breakdown{margin-bottom:30px}.platform-breakdown h3{color:#2c3e50;font-size:1.5rem;margin-bottom:20px}.platform-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.platform-stat{background:#f8f9fa;border-left:4px solid #3498db;border-radius:10px;padding:20px}.platform-name{color:#2c3e50;font-weight:600;margin-bottom:10px;text-transform:capitalize}.platform-metrics{display:flex;flex-wrap:wrap;gap:15px}.metric{background:#fff;border-radius:15px;color:#7f8c8d;font-size:.8rem;padding:5px 10px}.recent-activity{margin-bottom:30px}.recent-activity h3{color:#2c3e50;font-size:1.5rem;margin-bottom:20px}.activity-list{display:flex;flex-direction:column;gap:15px}.activity-item{align-items:flex-start;background:#f8f9fa;border-left:4px solid #e74c3c;border-radius:10px;gap:15px;padding:15px}.activity-icon{font-size:1.2rem}.activity-content{flex:1 1}.activity-text{color:#2c3e50;font-weight:500;margin-bottom:5px}.activity-meta{display:flex;font-size:.8rem;gap:15px}.platform{background:#3498db;border-radius:10px;color:#fff;padding:2px 8px}.severity{font-weight:600}.time{color:#7f8c8d}.errors-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.section-header h3{color:#2c3e50;font-size:1.5rem}.load-btn{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .3s ease}.load-btn:hover{background:#2980b9}.load-btn:disabled{background:#bdc3c7;cursor:not-allowed}.all-platforms-message{color:#7f8c8d;font-size:1.1rem;padding:40px;text-align:center}.error-patterns{display:flex;flex-direction:column;gap:20px}.error-pattern-card{background:#f8f9fa;border-left:4px solid #e74c3c;border-radius:12px;padding:20px}.pattern-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.pattern-header h4{color:#2c3e50;font-size:1.2rem;margin:0}.detection-count{background:#e74c3c;border-radius:15px;color:#fff;font-size:.8rem;font-weight:600;padding:5px 12px}.pattern-details{display:flex;flex-direction:column;gap:10px}.pattern-text{background:#fff;border-radius:8px;color:#2c3e50;font-family:Courier New,monospace;font-size:.9rem;padding:10px;word-break:break-all}.pattern-metrics{display:flex;flex-wrap:wrap;gap:20px}.pattern-metrics .metric{background:#fff;border-radius:8px;color:#7f8c8d;font-size:.8rem;padding:8px 12px}.improvements-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.improvements-list{display:flex;flex-direction:column;gap:20px}.improvement-card{background:#f8f9fa;border-left:4px solid #27ae60;border-radius:12px;padding:25px}.improvement-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.improvement-header h4{color:#2c3e50;font-size:1.2rem;margin:0}.priority-badge{border-radius:15px;color:#fff;font-size:.8rem;font-weight:600;padding:5px 12px}.improvement-content{margin-bottom:20px}.suggestion{color:#2c3e50;line-height:1.5;margin-bottom:10px}.impact{color:#7f8c8d;font-size:.9rem}.improvement-actions{display:flex;gap:10px}.apply-btn{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background .3s ease}.apply-btn:hover{background:#229954}.dismiss-btn{background:#95a5a6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background .3s ease}.dismiss-btn:hover{background:#7f8c8d}.sessions-section h3{color:#2c3e50;font-size:1.5rem;margin-bottom:25px}.session-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.session-stat{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#fff;padding:25px;text-align:center}.session-stat .stat-value{font-size:2rem;font-weight:700;margin-bottom:8px}.session-stat .stat-label{font-size:.9rem;opacity:.9}.session-performance{background:#f8f9fa;border-radius:12px;padding:25px}.session-performance h4{color:#2c3e50;font-size:1.2rem;margin-bottom:20px}.performance-metrics{display:flex;flex-direction:column;gap:15px}.metric{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:10px 0}.metric:last-child{border-bottom:none}.metric-label{color:#2c3e50;font-weight:500}.metric-value{color:#3498db;font-weight:600}@media (max-width:768px){.analytics-nav{flex-direction:column}.nav-btn{text-align:center}.platform-selector{align-items:stretch;flex-direction:column}.platform-stats,.stats-grid{grid-template-columns:1fr}.improvement-actions,.pattern-metrics{flex-direction:column}.session-stats{grid-template-columns:1fr}.metric{align-items:flex-start;flex-direction:column;gap:5px}}.security-monitoring{background:#f8f9fa;min-height:100vh;padding:20px}.security-header{margin-bottom:30px}.security-header h2{color:#2c3e50;font-size:2rem;margin-bottom:10px}.security-header p{color:#7f8c8d}.security-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.security-overview{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:24px}.security-overview h3{color:#2c3e50;font-size:1.5rem;margin-bottom:20px}.security-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.security-stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;padding:20px;text-align:center;transition:transform .2s ease}.security-stat-card:hover{transform:translateY(-2px)}.security-stat-card .stat-value{font-size:2rem;font-weight:700;margin-bottom:8px}.security-stat-card .stat-label{font-size:.9rem;opacity:.9}.security-actions{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:24px}.security-actions h3{color:#2c3e50;font-size:1.5rem;margin-bottom:20px}.action-buttons{gap:15px}.action-button{background:#3498db;border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;padding:12px 24px}.action-button:hover{box-shadow:0 4px 12px #3498db4d}.action-button.danger{background:#e74c3c}.action-button.danger:hover{box-shadow:0 4px 12px #e74c3c4d}.security-events{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:24px}.security-events h3{color:#2c3e50;font-size:1.5rem;margin-bottom:20px}.events-list{max-height:500px;overflow-y:auto}.event-item{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;padding:16px;transition:background-color .2s ease}.event-item:hover{background-color:#f8f9fa}.event-severity{margin-right:16px}.severity-indicator{border-radius:50%;height:12px;width:12px}.event-content{flex:1 1}.event-type{color:#2c3e50;font-weight:600;margin-bottom:4px}.event-details{color:#7f8c8d;font-size:.9rem;margin-bottom:4px}.event-meta{color:#95a5a6;display:flex;font-size:.8rem;gap:20px}.event-ip{background:#ecf0f1;border-radius:4px;font-family:monospace;padding:2px 6px}.view-ip-button{background:#0000;border:1px solid #3498db;border-radius:4px;color:#3498db;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s ease}.view-ip-button:hover{background:#3498db;color:#fff}.ip-status-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:600px}.modal-header{border-bottom:1px solid #ecf0f1;padding:20px 24px}.modal-header h3{color:#2c3e50}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#7f8c8d;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:background-color .2s ease;width:30px}.close-button:hover{background-color:#ecf0f1}.modal-body{padding:24px}.ip-status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.status-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.status-label{color:#2c3e50;font-weight:600}.status-value{font-weight:500}.status-value.blocked{color:#e74c3c}.status-value.active,.status-value.whitelisted{color:#27ae60}.status-value.not-whitelisted{color:#7f8c8d}.unblock-section{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin:24px 0;padding:20px;text-align:center}.unblock-button{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.unblock-button:hover{background:#c0392b;transform:translateY(-1px)}.activities-section{margin-top:24px}.activities-section h4{color:#2c3e50;margin-bottom:16px}.activities-list{max-height:200px;overflow-y:auto}.activity-item{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;font-size:.9rem;justify-content:space-between;padding:8px 12px}.activity-type{color:#2c3e50;font-weight:600}.activity-severity{border-radius:4px;font-size:.8rem;font-weight:600;padding:2px 8px}.activity-severity.critical{background:#ffebee;color:#c62828}.activity-severity.high{background:#fff3e0;color:#ef6c00}.activity-severity.medium{background:#fff8e1;color:#f57f17}.activity-severity.low{background:#e8f5e8;color:#2e7d32}.activity-time{color:#7f8c8d;font-size:.8rem}.security-error,.security-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.loading-spinner{border:4px solid #ecf0f1;border-top-color:#3498db;height:40px;width:40px}.error-icon{font-size:3rem;margin-bottom:20px}.retry-button{background:#3498db;border-radius:6px;margin-top:20px}.retry-button:hover{background:#2980b9}.confirmation-buttons{display:flex;gap:15px;justify-content:center;margin-top:20px}.confirmation-buttons .action-button{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.confirmation-buttons .action-button.danger{background:#e74c3c;color:#fff}.confirmation-buttons .action-button.danger:hover{background:#c0392b;transform:translateY(-1px)}.confirmation-buttons .action-button:not(.danger){background:#95a5a6;color:#fff}.confirmation-buttons .action-button:not(.danger):hover{background:#7f8c8d;transform:translateY(-1px)}@media (max-width:768px){.security-grid{grid-template-columns:1fr}.security-stats-grid{grid-template-columns:repeat(2,1fr)}.action-buttons{flex-direction:column}.ip-status-grid{grid-template-columns:1fr}.event-item{align-items:flex-start;flex-direction:column;gap:12px}.event-meta{flex-direction:column;gap:8px}}.business-tools-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.business-tools-page-loading{flex-direction:column;height:100vh}.business-tools-page-error,.business-tools-page-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:center}.business-tools-page-error{min-height:100vh}.application-extensions{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh;padding:20px}.extensions-header{margin-bottom:30px;text-align:center}.extensions-header h2{font-size:2.5rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px #0000004d}.extensions-header p{font-size:1.1rem;margin:0;opacity:.9}.extensions-navigation{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.tab-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:25px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.tab-btn:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.tab-btn.active{background:#ffffff40;border-color:#fff9;box-shadow:0 4px 15px #0003}.extensions-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;min-height:500px;padding:30px}.loading-state{align-items:center;color:#fff;display:flex;flex-direction:column;height:300px;justify-content:center}.features-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.feature-card{background:#ffffff1a;border:1px solid #fff3;border-radius:15px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.feature-card:hover{border-color:#fff6;box-shadow:0 8px 25px #0003;transform:translateY(-5px)}.feature-card.installed{background:#4caf501a;border-color:#4caf5066}.feature-card.installed:before{align-items:center;background:#4caf50;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:14px;font-weight:700;height:25px;justify-content:center;position:absolute;right:15px;top:15px;width:25px}.feature-header{gap:15px;margin-bottom:15px}.feature-header,.feature-icon{align-items:center;display:flex}.feature-icon{border-radius:12px;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.feature-info{flex:1 1}.feature-name{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 5px}.feature-category{font-size:.8rem;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.feature-status{border-radius:10px;font-size:.8rem;margin-left:10px;padding:2px 8px}.feature-status.active{background:#4caf504d;color:#4caf50}.feature-description{color:#ffffffe6;font-size:.95rem;line-height:1.5;margin-bottom:15px;opacity:.9}.feature-meta{display:flex;font-size:.8rem;gap:15px;margin-bottom:20px;opacity:.7}.feature-installed,.feature-size,.feature-version{background:#ffffff1a;border-radius:8px;font-size:.75rem;padding:4px 8px}.feature-actions{display:flex;gap:10px}.action-btn{border:2px solid #ffffff4d;border-radius:20px;font-size:.85rem;font-weight:500;padding:8px 16px}.action-btn:hover{transform:translateY(-2px)}.install-btn{background:#4caf504d;border-color:#4caf5080}.install-btn:hover{background:#4caf5066;border-color:#4caf5099}.configure-btn{background:#2196f34d;border-color:#2196f380}.configure-btn:hover{background:#2196f366;border-color:#2196f399}.uninstall-btn{background:#f443364d;border-color:#f4433680}.uninstall-btn:hover{background:#f4433666;border-color:#f4433699}.info-btn{background:#9c27b04d;border-color:#9c27b080}.info-btn:hover{background:#9c27b066;border-color:#9c27b099}.no-features{font-size:1.1rem;opacity:.7;padding:60px 20px;text-align:center}.modal-overlay{padding:20px}.feature-modal{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;border-radius:20px;color:#fff;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #fff3;padding:25px 30px}.close-btn,.modal-header h3{font-size:1.5rem}.close-btn{color:#fff;height:35px;padding:5px;transition:background .3s ease;width:35px}.close-btn:hover{background:#ffffff1a}.modal-content{padding:30px}.feature-details{align-items:flex-start;display:flex;gap:25px}.feature-icon-large{align-items:center;border-radius:15px;display:flex;flex-shrink:0;font-size:2rem;height:80px;justify-content:center;width:80px}.feature-info-detailed{flex:1 1}.feature-info-detailed h4{font-size:1.4rem;font-weight:600;margin:0 0 10px}.feature-description-detailed{font-size:1rem;line-height:1.6;margin-bottom:20px;opacity:.9}.feature-specs{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:25px}.spec-item{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.spec-label{font-size:.9rem;opacity:.8}.spec-value{font-weight:500}.feature-list{margin-bottom:25px}.feature-list h5{font-size:1.1rem;font-weight:600;margin:0 0 10px}.feature-list ul{list-style:none;margin:0;padding:0}.feature-list li{padding:5px 0 5px 20px;position:relative}.feature-list li:before{color:#4caf50;content:"✓";font-weight:700;left:0;position:absolute}.configuration-section{margin-top:25px}.configuration-section h5{font-size:1.1rem;font-weight:600;margin:0 0 15px}.config-options{display:flex;flex-direction:column;gap:15px}.config-item{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:12px 15px}.config-item label{font-size:.9rem;font-weight:500}.config-item input,.config-item select{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;font-size:.9rem;padding:8px 12px}.config-item input::placeholder{color:#fff9}.config-item input:focus,.config-item select:focus{border-color:#fff9;outline:none}.config-item input[type=checkbox]{height:18px;width:18px}.modal-actions{border-top:1px solid #fff3;gap:15px;justify-content:flex-end;padding:25px 30px}.modal-actions .action-btn{font-size:.9rem;padding:10px 20px}.close-modal-btn{background:#ffffff1a;border-color:#ffffff4d}.close-modal-btn:hover{background:#fff3;border-color:#fff6}@media (max-width:768px){.application-extensions{padding:15px}.extensions-header h2{font-size:2rem}.extensions-navigation{align-items:center;flex-direction:column}.tab-btn{max-width:300px;width:100%}.extensions-content{padding:20px}.features-grid{gap:20px;grid-template-columns:1fr}.feature-card{padding:20px}.feature-details{flex-direction:column;text-align:center}.feature-specs{grid-template-columns:1fr}.config-item{align-items:flex-start;gap:8px}.config-item,.modal-actions{flex-direction:column}.modal-actions .action-btn{width:100%}}@media (max-width:480px){.extensions-header h2{font-size:1.8rem}.extensions-header p{font-size:1rem}.feature-card{padding:15px}.feature-actions,.feature-meta{flex-direction:column}.feature-meta{gap:8px}}.extensions-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.extensions-page-loading{flex-direction:column;height:100vh}.extensions-page-error,.extensions-page-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:center}.extensions-page-error,.feature-chat{min-height:100vh}.feature-chat{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px}.chat-header{margin-bottom:30px;text-align:center}.chat-header h3{font-size:2rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px #0000004d}.chat-header p{font-size:1.1rem;margin:0;opacity:.9}.chat-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:flex;flex-direction:column;height:70vh;margin:0 auto;max-width:800px}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}.message{align-items:flex-start;animation:fadeIn .3s ease-in;gap:12px}.message.user{flex-direction:row-reverse}.message.bot{flex-direction:row}.message.error{opacity:.8}.message.error .message-content{background:#f4433633;border-color:#f4433666}.message-avatar{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.message-content{background:#ffffff1a;border:1px solid #fff3;border-radius:15px;max-width:70%;padding:15px;position:relative}.message.user .message-content{background:#4caf5033;border-color:#4caf5066}.message-text{font-size:.95rem;line-height:1.5;margin-bottom:10px}.message-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:15px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .3s ease}.action-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.message-features{background:#4caf501a;border:1px solid #4caf504d;border-radius:10px;margin-top:15px;padding:10px}.message-features h4{color:#4caf50;font-size:.9rem;font-weight:600;margin:0 0 8px}.message-features ul{list-style:none;margin:0;padding:0}.message-features li{font-size:.85rem;padding:3px 0 3px 15px;position:relative}.message-features li:before{color:#4caf50;content:"✓";font-weight:700;left:0;position:absolute}.message-timestamp{font-size:.7rem;margin-top:8px;opacity:.6;text-align:right}.message.user .message-timestamp{text-align:left}.typing-indicator{align-items:center;display:flex;gap:4px}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#fff9;border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.suggestions-container{background:#ffffff0d;border-top:1px solid #fff3;padding:20px}.suggestions-container h4{font-size:1rem;font-weight:600;margin:0 0 15px;text-align:center}.suggestions-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.suggestion-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;font-size:.85rem;padding:10px 15px;text-align:left;transition:all .3s ease}.suggestion-btn:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.chat-input-container{background:#ffffff0d;border-top:1px solid #fff3;padding:20px}.input-wrapper{align-items:center;display:flex;gap:10px}.chat-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:25px;color:#fff;flex:1 1;font-size:.9rem;padding:12px 20px;transition:all .3s ease}.chat-input::placeholder{color:#fff9}.chat-input:focus{background:#ffffff26;border-color:#ffffff80;outline:none}.chat-input:disabled{cursor:not-allowed;opacity:.6}.send-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4caf504d;border:2px solid #4caf5080;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:45px;justify-content:center;transition:all .3s ease;width:45px}.send-btn:hover:not(:disabled){background:#4caf5066;border-color:#4caf5099;transform:translateY(-2px)}.send-btn:disabled{cursor:not-allowed;opacity:.5}.message.loading .message-content{background:#ffffff1a;border-color:#fff3}@media (max-width:768px){.feature-chat{padding:15px}.chat-header h3{font-size:1.8rem}.chat-container{height:80vh}.message-content{max-width:85%}.suggestions-grid{grid-template-columns:1fr}.input-wrapper{flex-direction:column;gap:15px}.chat-input,.send-btn{width:100%}.send-btn{border-radius:25px;height:45px}}@media (max-width:480px){.chat-header h3{font-size:1.6rem}.chat-header p{font-size:1rem}.message-avatar{font-size:1rem;height:35px;width:35px}.message-text{font-size:.9rem}.suggestion-btn{font-size:.8rem;padding:8px 12px}}.feature-chat-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.feature-chat-page-loading{flex-direction:column;height:100vh}.feature-chat-page-error,.feature-chat-page-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:center}.feature-chat-page-error{min-height:100vh}.error-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;max-width:500px;padding:40px;text-align:center}.error-content h2{font-size:1.8rem;font-weight:600;margin-bottom:15px}.error-content p{font-size:1.1rem;margin-bottom:25px;opacity:.9}.page-header{display:flex;gap:20px;padding:20px}.back-btn,.page-header{align-items:center;color:#fff}.back-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:25px;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.back-btn:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.header-content{flex:1 1}.header-content h1{font-size:2rem;margin:0 0 5px;text-shadow:0 2px 4px #0000004d}.header-content p{font-size:1.1rem;opacity:.9;text-transform:capitalize}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:20px;width:50px}@media (max-width:768px){.page-header{flex-direction:column;gap:15px;text-align:center}.header-content h1{font-size:1.8rem}.header-content p{font-size:1rem}.error-content{margin:20px;padding:30px}.error-content h2{font-size:1.5rem}.error-content p{font-size:1rem}}@media (max-width:480px){.page-header{padding:15px}.header-content h1{font-size:1.6rem}.back-btn{font-size:.9rem;padding:8px 16px}}.security-dashboard{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.security-header{margin-bottom:3rem;text-align:center}.security-header h1{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.security-header p{color:#666;font-size:1.1rem;margin:0}.security-tabs{border-bottom:2px solid #f0f0f0;display:flex;justify-content:center;margin-bottom:3rem}.tab{color:#666;font-size:1rem;padding:1rem 2rem}.tab.active,.tab:hover{color:#2563eb}.tab.active{border-bottom-color:#2563eb}.security-overview{margin-bottom:3rem}.status-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.status-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem;transition:transform .2s ease}.status-card:hover{transform:translateY(-2px)}.status-card h3{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.status-indicator{border-radius:20px;display:inline-block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;padding:.5rem 1rem;text-transform:capitalize}.status-indicator.healthy{background:#dcfce7;color:#166534}.status-indicator.warning{background:#fef3c7;color:#92400e}.status-card p{color:#666;font-size:.875rem;margin:0}.gdpr-section{margin-bottom:3rem}.gdpr-header{margin-bottom:2rem;text-align:center}.gdpr-header h2{color:#1a1a1a;font-size:2rem;font-weight:600;margin-bottom:.5rem}.gdpr-header p{color:#666;font-size:1rem}.consent-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:2rem;padding:2rem}.consent-section h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.consent-grid{display:flex;flex-direction:column;gap:1.5rem}.consent-item{align-items:center;background:#fafafa;border:1px solid #f3f4f6;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.consent-info h4{color:#1a1a1a;font-size:1rem;font-weight:600;margin-bottom:.25rem}.consent-info p{color:#666;font-size:.875rem;margin:0}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#2563eb}input:checked+.slider:before{transform:translateX(26px)}.data-rights-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:2rem}.data-rights-section h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.rights-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.right-item{background:#fafafa;border:1px solid #f3f4f6;border-radius:8px;padding:1.5rem;text-align:center}.right-item h4{color:#1a1a1a;font-size:1rem;font-weight:600;margin-bottom:.5rem}.right-item p{color:#666;font-size:.875rem;margin-bottom:1rem}.right-button{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.right-button:hover{background:#1d4ed8;transform:translateY(-1px)}.right-button.danger{background:#dc2626}.right-button.danger:hover{background:#b91c1c}.security-settings{margin-bottom:3rem}.settings-header{margin-bottom:2rem;text-align:center}.settings-header h2{color:#1a1a1a;font-size:2rem;font-weight:600;margin-bottom:.5rem}.settings-header p{color:#666;font-size:1rem}.settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.setting-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;display:flex;justify-content:space-between;padding:1.5rem}.setting-info h4{color:#1a1a1a;font-size:1rem;font-weight:600;margin-bottom:.25rem}.setting-info p{color:#666;font-size:.875rem;margin:0}.setting-button{background:#fff;border:1px solid #2563eb;border-radius:6px;color:#2563eb;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.setting-button:hover{background:#2563eb;color:#fff}@media (max-width:768px){.security-dashboard{padding:1rem}.security-header h1{font-size:2rem}.security-tabs{flex-direction:column}.tab{text-align:center}.rights-grid,.settings-grid,.status-grid{grid-template-columns:1fr}.consent-item,.setting-item{flex-direction:column;gap:1rem;text-align:center}}.admin-security-panel{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1400px;padding:2rem}.admin-security-header{margin-bottom:3rem;text-align:center}.admin-security-header h1{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.admin-security-header p{color:#666;font-size:1.1rem;margin:0}.admin-tabs{border-bottom:2px solid #f0f0f0;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:3rem}.admin-tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 2rem;transition:all .3s ease}.admin-tab:hover{color:#dc2626}.admin-tab.active{border-bottom-color:#dc2626;color:#dc2626}.admin-overview,.stats-grid{margin-bottom:3rem}.stats-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem}.stat-card h3{color:#1a1a1a;font-size:1rem;font-weight:600;margin-bottom:1rem}.stat-value{color:#dc2626;font-size:2rem;margin-bottom:.5rem}.stat-card p{color:#666;font-size:.875rem;margin:0}.quick-actions{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:2rem}.quick-actions h3{color:#1a1a1a;font-size:1.25rem;margin-bottom:1.5rem}.action-buttons{flex-wrap:wrap;gap:1rem}.action-button{background:#fff;border:1px solid #dc2626;border-radius:6px;color:#dc2626;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.action-button:hover{background:#dc2626;color:#fff;transform:translateY(-1px)}.rate-limiting-section{margin-bottom:3rem}.section-header{margin-bottom:2rem;text-align:center}.section-header h2{color:#1a1a1a;font-size:2rem;font-weight:600;margin-bottom:.5rem}.section-header p{color:#666;font-size:1rem}.rate-limit-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.stat-item h4{color:#666;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.stat-number{color:#dc2626;font-size:1.5rem;font-weight:700}.rate-limit-actions{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:2rem}.rate-limit-actions h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.action-input{align-items:center;display:flex;gap:1rem}.action-input input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:.875rem;padding:.75rem}.clear-button{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:background .2s ease}.clear-button:hover{background:#b91c1c}.compliance-section{margin-bottom:3rem}.compliance-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.compliance-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;text-align:center}.compliance-item h4{color:#666;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.compliance-actions{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:2rem}.compliance-actions h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.encryption-section{margin-bottom:3rem}.encryption-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.encryption-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;text-align:center}.encryption-item h4{color:#666;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.status-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.status-badge.healthy{background:#dcfce7;color:#166534}.status-badge.warning{background:#fef3c7;color:#92400e}.encryption-actions{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:2rem}.encryption-actions h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.audits-section{margin-bottom:3rem}.audit-types{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.audit-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:2rem;text-align:center}.audit-card h3{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.audit-card p{color:#666;font-size:.875rem;margin-bottom:1.5rem}.audit-button{background:#fff;border:1px solid #dc2626;border-radius:6px;color:#dc2626;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.audit-button:hover{background:#dc2626;color:#fff;transform:translateY(-1px)}.loading-spinner{align-items:center;color:#666;display:flex;font-size:1.1rem;height:200px;justify-content:center}@media (max-width:768px){.admin-security-panel{padding:1rem}.admin-security-header h1{font-size:2rem}.admin-tabs{flex-direction:column}.admin-tab{text-align:center}.stats-grid{grid-template-columns:1fr}.action-buttons,.action-input{flex-direction:column}.audit-types,.compliance-stats,.encryption-stats,.rate-limit-stats{grid-template-columns:1fr}}.dashboard{color:#fff}.dashboard,.dashboard-loading{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);min-height:100vh}.dashboard-loading{align-items:center;display:flex;flex-direction:column;justify-content:center}.dashboard-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #333;border-radius:50%;border-top-color:#00b4d8;height:50px;margin-bottom:20px;width:50px}.dashboard-loading p{color:#ccc;font-size:16px}.dashboard-error{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);display:flex;flex-direction:column;justify-content:center;min-height:100vh;text-align:center}.dashboard-error .error-icon{font-size:64px;margin-bottom:20px}.dashboard-error h3{color:#ff6b6b;font-size:24px;margin-bottom:10px}.dashboard-error p{color:#ccc;font-size:16px;margin-bottom:20px}.retry-button{background:linear-gradient(135deg,#4a148c,#00b4d8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.retry-button:hover{box-shadow:0 10px 30px #4a148c66;transform:translateY(-2px)}.dashboard-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:30px 40px}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a148c,#00b4d8);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin:0 0 8px}.header-content p{color:#ccc;font-size:16px;margin:0}.header-actions{display:flex;gap:15px}.create-project-btn{background:linear-gradient(135deg,#4a148c,#00b4d8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.create-project-btn:hover{box-shadow:0 10px 30px #4a148c66;transform:translateY(-2px)}.dashboard-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid #333;display:flex;overflow-x:auto;padding:0 40px}.tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#ccc;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:20px 24px;transition:all .3s ease;white-space:nowrap}.tab:hover{background:#ffffff0d;color:#fff}.tab.active{background:#00b4d81a;border-bottom-color:#00b4d8;color:#00b4d8}.tab-icon{font-size:16px}.dashboard-content{margin:0 auto;max-width:1400px;padding:40px}.overview-tab{animation:fadeIn .6s ease-out}.overview-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.actions-section,.recent-projects,.stats-section,.subscription-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #333;border-radius:15px;padding:25px}.recent-projects h3,.stats-section h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 20px}.stats-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(2,1fr)}.stat-card{background:#ffffff0d;border:1px solid #333;border-radius:10px;padding:20px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 10px 30px #00b4d833;transform:translateY(-2px)}.stat-value{font-size:32px;margin-bottom:5px}.projects-tab{animation:fadeIn .6s ease-out}.projects-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.projects-header h3{color:#fff;font-size:24px;font-weight:600;margin:0}.analytics-tab,.billing-tab,.settings-tab,.subscription-tab{animation:fadeIn .6s ease-out}.modal-content{background:#1a1a1a;border:1px solid #333;border-radius:20px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1200px){.overview-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:20px;padding:20px;text-align:center}.header-content h1{font-size:24px}.dashboard-tabs{padding:0 20px}.tab{font-size:12px;padding:15px 16px}.dashboard-content{padding:20px}.stats-grid{grid-template-columns:1fr}.projects-header{flex-direction:column;gap:15px;text-align:center}}@media (prefers-color-scheme:dark){.dashboard{background:linear-gradient(135deg,#000,#0a0a0a)}}.create-project-btn:focus,.retry-button:focus,.tab:focus{outline:2px solid #00b4d8;outline-offset:2px}.dashboard-loading .loading-spinner{animation:spin 1s linear infinite,pulse 2s ease-in-out infinite}.stat-card:hover{background:#ffffff1a;border-color:#00b4d8}.actions-section:hover,.recent-projects:hover,.stats-section:hover,.subscription-section:hover{border-color:#333;box-shadow:0 10px 30px #0000004d}.stat-card.success{background:#00b4d81a;border-color:#00b4d8}.stat-card.error{background:#ff6b6b1a;border-color:#ff6b6b}.project-grid{width:100%}.grid-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.grid-container.compact{gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #333;border-radius:15px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.project-card:hover{border-color:#00b4d8;box-shadow:0 10px 30px #00b4d833;transform:translateY(-2px)}.project-header{gap:15px;margin-bottom:15px}.project-header,.project-icon{align-items:center;display:flex}.project-icon{background:#00b4d81a;border:1px solid #00b4d84d;border-radius:10px;font-size:24px;height:50px;justify-content:center;width:50px}.project-info{flex:1 1}.project-name{color:#fff;font-size:16px;font-weight:600;line-height:1.2;margin:0 0 4px}.project-type{color:#888;font-size:12px;letter-spacing:1px;margin:0;text-transform:uppercase}.project-actions{display:flex;gap:8px}.delete-btn,.visibility-toggle{background:none;border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:8px;transition:all .3s ease}.visibility-toggle:hover{background:#ffffff1a}.visibility-toggle.public{color:#00b4d8}.visibility-toggle.private{color:gold}.visibility-toggle:disabled{cursor:not-allowed;opacity:.5}.delete-btn:hover{background:#ff6b6b1a;color:#ff6b6b}.project-status{align-items:center;display:flex;gap:8px;margin-bottom:15px}.status-indicator{height:8px;width:8px}.project-details{margin-bottom:15px}.project-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ccc;display:-webkit-box;font-size:14px;line-height:1.4;margin:0 0 10px;overflow:hidden}.project-meta{display:flex;flex-wrap:wrap;gap:10px}.meta-item{align-items:center;color:#888;display:flex;font-size:12px;gap:4px}.meta-item a{color:#00b4d8;text-decoration:none;transition:color .3s ease}.meta-item a:hover{color:#4a148c}.project-actions-bottom{display:flex;flex-wrap:wrap;gap:8px}.deploy-btn,.edit-btn,.settings-btn{align-items:center;background:#ffffff0d;border:1px solid #333;border-radius:6px;color:#ccc;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:8px 12px;transition:all .3s ease}.edit-btn:hover{background:#00b4d81a;border-color:#00b4d8;color:#00b4d8}.deploy-btn:hover{background:#ffd7001a;border-color:gold;color:gold}.settings-btn:hover{background:#ffffff1a;border-color:#fff;color:#fff}.empty-projects{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #333;border-radius:15px;padding:60px 20px;text-align:center}.empty-projects h3{color:#fff;font-size:24px;font-weight:600;margin:0 0 10px}.empty-projects p{color:#ccc;font-size:16px;margin:0 0 30px}.create-first-project-btn{background:linear-gradient(135deg,#4a148c,#00b4d8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.create-first-project-btn:hover{box-shadow:0 10px 30px #4a148c66;transform:translateY(-2px)}.delete-modal{background:#1a1a1a;border:1px solid #333;border-radius:15px;box-shadow:0 20px 60px #00000080;max-width:400px;padding:0;width:90%}.warning-text{color:#ff6b6b!important}.cancel-btn,.delete-confirm-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .3s ease}.delete-confirm-btn{background:#ff6b6b;color:#fff}.delete-confirm-btn:hover{background:#ff5252;transform:translateY(-1px)}@media (max-width:768px){.grid-container{grid-template-columns:1fr}.project-header{align-items:flex-start;flex-direction:column;gap:10px}.project-actions{align-self:flex-end}.project-actions-bottom{justify-content:center}.modal-actions{flex-direction:column}}.cancel-btn:focus,.close-btn:focus,.delete-btn:focus,.delete-confirm-btn:focus,.deploy-btn:focus,.edit-btn:focus,.settings-btn:focus,.visibility-toggle:focus{outline:2px solid #00b4d8;outline-offset:2px}.project-card.loading{opacity:.6;pointer-events:none}.project-card.success{background:#00b4d80d;border-color:#00b4d8}.project-card.error{background:#ff6b6b0d;border-color:#ff6b6b}.subscription-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #333;border-radius:15px;padding:25px;transition:all .3s ease}.subscription-card:hover{border-color:#00b4d8;box-shadow:0 10px 30px #00b4d833}.plan-header{align-items:flex-start;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:20px}.plan-info{flex:1 1}.plan-name{color:#fff;font-size:24px;font-weight:700;margin:0 0 10px}.plan-price{align-items:baseline;display:flex;gap:4px}.currency{color:#ccc;font-size:16px;font-weight:500}.amount{color:#00b4d8;font-size:32px;font-weight:700}.period{color:#888;font-size:14px;font-weight:500}.plan-status{align-items:center;display:flex;gap:8px}.status-indicator{animation:pulse 2s ease-in-out infinite;border-radius:50%;height:10px;width:10px}.status-text{color:#ccc;font-size:12px;font-weight:500;letter-spacing:1px;text-transform:uppercase}.plan-features{margin-bottom:20px}.plan-features h4,.plan-limitations h4,.subscription-details h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 15px}.features-list,.limitations-list{list-style:none;margin:0;padding:0}.feature-item,.limitation-item{align-items:center;display:flex;font-size:14px;gap:10px;line-height:1.4;margin-bottom:8px}.feature-item{color:#ccc}.limitation-item{color:#ff6b6b}.checkmark{color:#00b4d8;font-size:16px;font-weight:700}.limitation-mark{color:gold;font-size:16px}.plan-limitations{margin-bottom:20px}.plan-limitations,.subscription-details{border-top:1px solid #333;padding-top:20px}.subscription-details{margin-bottom:25px}.details-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.detail-item{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.detail-item.warning{color:gold}.detail-value{color:#ccc}.subscription-actions{border-top:1px solid #333;padding-top:20px}.upgrade-btn{background:linear-gradient(135deg,#4a148c,#00b4d8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease;width:100%}.upgrade-btn:hover{box-shadow:0 10px 30px #4a148c66;transform:translateY(-2px)}.action-buttons{display:flex;gap:10px}.cancel-btn{background:#ff6b6b1a;border:1px solid #ff6b6b;border-radius:8px;color:#ff6b6b;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.cancel-btn:hover{background:#ff6b6b;transform:translateY(-2px)}.cancel-modal{background:#1a1a1a;border:1px solid #333;border-radius:15px;box-shadow:0 20px 60px #00000080;max-width:400px;width:90%}.modal-content{text-align:center}.warning-icon{font-size:48px;margin-bottom:15px}.modal-content p{color:#ccc;font-size:14px;line-height:1.5;margin:0 0 10px}.warning-text{color:gold!important;font-size:12px!important;font-weight:500}.cancel-btn,.confirm-cancel-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .3s ease}.confirm-cancel-btn{background:#ff6b6b;color:#fff}.confirm-cancel-btn:hover{background:#ff5252;transform:translateY(-1px)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.plan-header{align-items:flex-start;flex-direction:column;gap:15px}.plan-status{align-self:flex-end}.details-grid{grid-template-columns:1fr}.action-buttons,.modal-actions{flex-direction:column}}.cancel-btn:focus,.close-btn:focus,.confirm-cancel-btn:focus,.upgrade-btn:focus{outline:2px solid #00b4d8;outline-offset:2px}.subscription-card.loading{opacity:.6;pointer-events:none}.subscription-card.success{background:#00b4d80d;border-color:#00b4d8}.subscription-card.error{background:#ff6b6b0d;border-color:#ff6b6b}.usage-analytics{animation:fadeIn .6s ease-out}.analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.analytics-header h3{color:#fff;font-size:24px;font-weight:600;margin:0}.period-selector{display:flex;gap:10px}.period-btn{background:#ffffff0d;border:1px solid #333;border-radius:6px;color:#ccc;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:all .3s ease}.period-btn:hover{background:#ffffff1a;color:#fff}.period-btn.active{background:#00b4d8;border-color:#00b4d8;color:#fff}.usage-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.usage-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #333;border-radius:12px;padding:20px;transition:all .3s ease}.usage-card:hover{border-color:#00b4d8;box-shadow:0 10px 30px #00b4d833}.usage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.usage-header h4{color:#fff;font-size:16px;font-weight:600;margin:0}.usage-limit{color:#888;font-size:12px;font-weight:500}.progress-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:10px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#00b4d8,#4a148c);border-radius:4px;height:100%;transition:width .3s ease}.usage-percentage{color:#ccc;font-size:12px;font-weight:500;text-align:right}.usage-chart{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #333;border-radius:15px;margin-bottom:30px;padding:25px}.usage-chart h4{color:#fff;font-size:18px;font-weight:600;margin:0 0 20px}.chart-container{width:100%}.chart-header{margin-bottom:20px}.chart-legend{display:flex;gap:20px;justify-content:center}.legend-item{align-items:center;color:#ccc;display:flex;font-size:12px;font-weight:500;gap:8px}.legend-color{border-radius:2px;height:12px;width:12px}.legend-color.generations{background:#00b4d8}.legend-color.deployments{background:#4a148c}.legend-color.api-calls{background:gold}.chart-bars{align-items:flex-end;display:flex;gap:8px;height:200px;padding:20px 0}.chart-bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px}.bar-label{color:#888;font-size:10px;font-weight:500;text-align:center;transform:rotate(-45deg);white-space:nowrap}.bars{align-items:flex-end;display:flex;gap:2px;height:100%;width:100%}.bar{border-radius:2px;flex:1 1;min-height:4px;transition:all .3s ease}.bar.generations{background:#00b4d8}.bar.deployments{background:#4a148c}.bar.api-calls{background:gold}.bar:hover{opacity:.8;transform:scaleY(1.1)}.usage-statistics{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #333;border-radius:15px;margin-bottom:30px;padding:25px}.usage-statistics h4{color:#fff;font-size:18px;font-weight:600;margin:0 0 20px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{background:#ffffff0d;border:1px solid #333;border-radius:10px;padding:20px;text-align:center;transition:all .3s ease}.stat-item:hover{border-color:#00b4d8;transform:translateY(-2px)}.stat-value{color:#00b4d8;font-size:28px;font-weight:700;margin-bottom:8px}.stat-label{color:#ccc;font-size:12px;font-weight:500;letter-spacing:1px;text-transform:uppercase}.plan-recommendations{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #333;border-radius:15px;padding:25px}.plan-recommendations h4{color:#fff;font-size:18px;font-weight:600;margin:0 0 20px}.recommendations{display:flex;flex-direction:column;gap:15px}.recommendation{align-items:flex-start;border:1px solid;border-radius:10px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.recommendation.warning{background:#ffd7001a;border-color:gold}.recommendation.upgrade{background:#00b4d81a;border-color:#00b4d8}.recommendation-icon{flex-shrink:0;font-size:24px}.recommendation-content h5{color:#fff;font-size:16px;font-weight:600;margin:0 0 5px}.recommendation-content p{color:#ccc;font-size:14px;line-height:1.4;margin:0}@media (max-width:768px){.analytics-header{flex-direction:column;gap:15px;text-align:center}.usage-overview{grid-template-columns:1fr}.chart-bars{height:150px}.chart-legend{flex-direction:column;gap:10px}.stats-grid{grid-template-columns:repeat(2,1fr)}.recommendation{flex-direction:column;text-align:center}}.bar:focus,.period-btn:focus{outline:2px solid #00b4d8;outline-offset:2px}.usage-analytics.loading{opacity:.6;pointer-events:none}.usage-analytics.success{border-color:#00b4d8}.usage-analytics.error{border-color:#ff6b6b}.account-settings{animation:fadeIn .6s ease-out}.settings-nav{border-bottom:1px solid #333;display:flex;gap:10px;margin-bottom:30px;overflow-x:auto}.nav-tab{background:none;border:none;border-bottom:3px solid #0000;color:#ccc;cursor:pointer;font-size:14px;font-weight:500;padding:15px 20px;transition:all .3s ease;white-space:nowrap}.nav-tab:hover{background:#ffffff0d;color:#fff}.nav-tab.active{background:#00b4d81a;border-bottom-color:#00b4d8;color:#00b4d8}.settings-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #333;border-radius:15px;padding:30px}.message{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:20px;padding:15px}.message.error{background:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b}.message.success{background:#00b4d81a;border:1px solid #00b4d8;color:#00b4d8}.message-icon{font-size:16px}.settings-section h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 25px}.settings-form{max-width:500px}.form-input,.form-select{background:#ffffff0d;border:1px solid #333;border-radius:8px;color:#fff;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus{border-color:#00b4d8;box-shadow:0 0 0 2px #00b4d833;outline:none}.form-input::placeholder{color:#888}.save-btn{background:linear-gradient(135deg,#4a148c,#00b4d8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;padding:12px 24px;transition:all .3s ease}.save-btn:hover:not(:disabled){box-shadow:0 10px 30px #4a148c66;transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.5}.security-info{background:#ffffff05;border:1px solid #333;border-radius:8px;margin-top:30px;padding:20px}.security-info h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 15px}.security-info ul{list-style:none;margin:0;padding:0}.security-info li{color:#ccc;font-size:14px;line-height:1.5;margin-bottom:8px;padding-left:20px;position:relative}.security-info li:before{color:#00b4d8;content:"•";left:0;position:absolute}.preferences-form{max-width:600px}.preference-item{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:20px 0}.preference-item:last-child{border-bottom:none}.preference-info h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 5px}.preference-info p{color:#ccc;font-size:14px;line-height:1.4;margin:0}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#333;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#ccc;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:#00b4d8}.toggle-switch input:checked+.toggle-slider:before{background-color:#fff;transform:translateX(26px)}.danger-zone{border-color:#ff6b6b}.danger-zone h3{color:#ff6b6b}.danger-actions{max-width:600px}.danger-item{align-items:center;background:#ff6b6b0d;border:1px solid #ff6b6b;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.danger-info h4{color:#ff6b6b;font-size:16px;font-weight:600;margin:0 0 5px}.danger-info p{color:#ccc;font-size:14px;line-height:1.4;margin:0}.delete-account-btn{background:#ff6b6b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.delete-account-btn:hover:not(:disabled){background:#ff5252;transform:translateY(-1px)}.delete-account-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.settings-nav{flex-direction:column;gap:5px}.nav-tab{border-bottom:1px solid #333;border-left:3px solid #0000;text-align:left}.nav-tab.active{border-bottom-color:#0000;border-left-color:#00b4d8}.settings-content{padding:20px}.danger-item,.preference-item{flex-direction:column;gap:15px;text-align:center}.preference-info{text-align:center}}.delete-account-btn:focus,.form-input:focus,.form-select:focus,.nav-tab:focus,.save-btn:focus{outline:2px solid #00b4d8;outline-offset:2px}.account-settings.loading{opacity:.6;pointer-events:none}.account-settings.success{border-color:#00b4d8}.account-settings.error{border-color:#ff6b6b}.payment-history{animation:fadeIn .6s ease-out}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.history-header h3{color:#fff;font-size:24px;font-weight:600;margin:0}.export-btn{background:#ffffff0d;border:1px solid #333;border-radius:6px;color:#ccc;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:all .3s ease}.export-btn:hover{background:#ffffff1a;color:#fff}.billing-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.summary-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #333;border-radius:12px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.summary-card:hover{border-color:#00b4d8;transform:translateY(-2px)}.summary-icon{align-items:center;background:#00b4d81a;border:1px solid #00b4d84d;border-radius:10px;display:flex;font-size:24px;height:50px;justify-content:center;width:50px}.summary-content h4{color:#ccc;font-size:12px;font-weight:500;letter-spacing:1px;margin:0 0 5px;text-transform:uppercase}.summary-content p{color:#fff;font-size:16px;font-weight:600;margin:0}.payment-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #333;border-radius:15px;overflow:hidden}.list-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:20px 25px}.list-header h4{color:#fff;font-size:18px;font-weight:600;margin:0}.payment-count{color:#888;font-size:12px;font-weight:500}.empty-payments{padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px}.empty-payments h5{color:#fff;font-size:20px;font-weight:600;margin:0 0 10px}.empty-payments p{color:#ccc;font-size:14px;margin:0}.payments-table{width:100%}.table-header{grid-gap:15px;background:#ffffff05;border-bottom:1px solid #333;display:grid;gap:15px;grid-template-columns:1fr 2fr 1fr 1fr 1fr 1fr;padding:15px 25px}.header-cell{color:#888;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.table-body{max-height:400px;overflow-y:auto}.payment-row{grid-gap:15px;border-bottom:1px solid #333;display:grid;gap:15px;grid-template-columns:1fr 2fr 1fr 1fr 1fr 1fr;padding:15px 25px;transition:all .3s ease}.payment-row:hover{background:#ffffff05}.cell{align-items:center;display:flex;font-size:14px}.cell.date{color:#ccc;font-weight:500}.cell.description{align-items:flex-start;flex-direction:column;gap:5px}.payment-title{color:#fff;font-weight:500}.payment-details{display:flex;gap:5px}.plan-badge{background:#00b4d833;border-radius:4px;color:#00b4d8;font-size:10px;font-weight:500;padding:2px 6px}.cell.amount{color:#00b4d8;font-weight:600}.cell.status{justify-content:flex-start}.status-badge{border-radius:4px;color:#fff;font-size:10px;font-weight:600;letter-spacing:1px;padding:4px 8px;text-transform:uppercase}.cell.method{gap:8px}.method-icon{font-size:16px}.method-text{color:#ccc;font-size:12px;font-weight:500}.cell.actions{gap:8px;justify-content:flex-start}.download-btn,.view-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:6px;transition:all .3s ease}.view-btn:hover{background:#00b4d81a;color:#00b4d8}.download-btn:hover{background:#ffd7001a;color:gold}.invoice-modal{background:#1a1a1a;border:1px solid #333;border-radius:15px;box-shadow:0 20px 60px #00000080;max-width:600px;width:90%}.invoice-details{display:flex;flex-direction:column;gap:15px}.detail-row{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:10px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#888;font-size:12px;font-weight:500;letter-spacing:1px;text-transform:uppercase}.detail-value{color:#fff;font-size:14px;font-weight:500}.close-modal-btn,.download-invoice-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .3s ease}.download-invoice-btn{background:linear-gradient(135deg,#4a148c,#00b4d8);color:#fff}.download-invoice-btn:hover{box-shadow:0 10px 30px #4a148c66;transform:translateY(-1px)}.close-modal-btn{background:#333;color:#ccc}.close-modal-btn:hover{background:#444;color:#fff}@media (max-width:768px){.history-header{flex-direction:column;gap:15px;text-align:center}.billing-summary{grid-template-columns:1fr}.payment-row,.table-header{gap:10px;grid-template-columns:1fr}.header-cell{display:none}.cell{justify-content:flex-start}.cell:before{color:#888;content:attr(data-label);font-size:12px;font-weight:500;letter-spacing:1px;margin-right:10px;min-width:80px;text-transform:uppercase}.modal-actions{flex-direction:column}}.close-btn:focus,.close-modal-btn:focus,.download-btn:focus,.download-invoice-btn:focus,.export-btn:focus,.view-btn:focus{outline:2px solid #00b4d8;outline-offset:2px}.payment-history.loading{opacity:.6;pointer-events:none}.payment-history.success{border-color:#00b4d8}.payment-history.error{border-color:#ff6b6b}.quick-actions h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 20px}.actions-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.action-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #333;border-radius:12px;cursor:pointer;display:flex;gap:15px;overflow:hidden;padding:20px;position:relative;text-align:left;transition:all .3s ease}.action-card:before{background:var(--action-color);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.action-card:hover{border-color:var(--action-color);box-shadow:0 10px 30px #0000004d;transform:translateY(-2px)}.action-card:hover:before{transform:scaleX(1)}.action-icon{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;flex-shrink:0;font-size:24px;height:50px;justify-content:center;width:50px}.action-content{flex:1 1}.action-content h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 5px}.action-content p{color:#ccc;font-size:12px;line-height:1.4;margin:0}.action-arrow{color:#888;font-size:18px;font-weight:600;transition:all .3s ease}.action-card:hover .action-arrow{color:var(--action-color);transform:translateX(3px)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.create-modal{background:#1a1a1a;border:1px solid #333;border-radius:15px;box-shadow:0 20px 60px #00000080;max-width:500px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:20px 25px}.modal-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .3s ease;width:30px}.close-btn:hover{background:#333;color:#fff}.modal-content{padding:25px}.form-group{margin-bottom:20px}.form-group label{color:#ccc;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-input,.form-select,.form-textarea{background:#ffffff0d;border:1px solid #333;border-radius:8px;color:#fff;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#00b4d8;box-shadow:0 0 0 2px #00b4d833;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#888}.form-textarea{min-height:80px;resize:vertical}.checkbox-label{align-items:center;color:#ccc;cursor:pointer;display:flex;font-size:14px;gap:10px}.checkbox-label input[type=checkbox]{display:none}.checkmark{border:2px solid #333;border-radius:4px;height:18px;position:relative;transition:all .3s ease;width:18px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#00b4d8;border-color:#00b4d8}.checkbox-label input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.upgrade-hint{color:gold;font-size:12px;font-style:italic}.modal-actions{border-top:1px solid #333;display:flex;gap:10px;padding:20px 25px}.cancel-btn,.create-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .3s ease}.cancel-btn{background:#333;color:#ccc}.cancel-btn:hover{background:#444;color:#fff}.create-btn{background:linear-gradient(135deg,#4a148c,#00b4d8);color:#fff}.create-btn:hover:not(:disabled){box-shadow:0 10px 30px #4a148c66;transform:translateY(-1px)}.create-btn:disabled{cursor:not-allowed;opacity:.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.actions-grid{grid-template-columns:1fr}.action-card{flex-direction:column;gap:10px}.action-card,.action-content{text-align:center}.action-arrow{display:none}.modal-actions{flex-direction:column}}.action-card:focus,.cancel-btn:focus,.close-btn:focus,.create-btn:focus,.form-input:focus,.form-select:focus,.form-textarea:focus{outline:2px solid #00b4d8;outline-offset:2px}.action-card.loading{opacity:.6;pointer-events:none}.action-card.success{background:#00b4d80d;border-color:#00b4d8}.action-card.error{background:#ff6b6b0d;border-color:#ff6b6b}