.payment-form{background:#fff;border:1px solid #e0e0e0;border-radius:12px;margin:0 auto;max-width:500px;padding:30px}.payment-form-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;gap:12px;margin-bottom:30px;padding-bottom:20px}.payment-form-header svg{color:#026aa7}.payment-form-header h3{color:#026aa7;font-size:20px;margin:0}.payment-form .form-group{margin-bottom:20px}.payment-form .form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.payment-form .form-group input{border:1px solid #ddd;border-radius:6px;font-size:16px;padding:12px;transition:all .3s ease;width:100%}.payment-form .form-group input:focus{border-color:#026aa7;box-shadow:0 0 0 3px #026aa71a;outline:none}.payment-form .form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.payment-form .form-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr}.payment-security{align-items:center;background:linear-gradient(135deg,#026aa70d,#00bf7e0d);border-radius:6px;color:#666;display:flex;font-size:13px;gap:8px;margin:20px 0;padding:12px}.payment-security svg{color:#00bf7e;flex-shrink:0}.btn-payment{align-items:center;background:linear-gradient(135deg,#026aa7,#00bf7e);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:18px;font-weight:600;gap:8px;justify-content:center;padding:16px;transition:all .3s ease;white-space:nowrap;width:100%}.btn-payment:hover:not(:disabled){box-shadow:0 4px 12px #026aa74d;transform:translateY(-2px)}.btn-payment:disabled{cursor:not-allowed;opacity:.6;transform:none}.payment-summary{background:#f8f9fa}.summary-row{font-size:15px}.summary-row.total{border-top:2px solid #ddd}.payment-info{background:linear-gradient(135deg,#00bf7e0d,#00bf7e05);border-left:4px solid #00bf7e;border-radius:6px;margin:20px 0}.payment-info p{color:#666}.payment-info strong{color:#333}.payment-error{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33}.payment-error,.payment-success{font-size:14px;margin-bottom:20px;padding:15px}.payment-success{background:#efe;border:1px solid #cfc;border-radius:6px;color:#3c3}.payment-callback-page{align-items:center;background:linear-gradient(135deg,#026aa7f2,#00bf7ef2);display:flex;justify-content:center;min-height:100vh;padding:20px}.payment-callback-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:500px;padding:60px 40px;text-align:center;width:100%}.payment-callback-content{align-items:center;display:flex;flex-direction:column;gap:20px}.payment-callback-content h2{color:#026aa7;font-size:28px;margin:0}.payment-callback-content p{color:#666;font-size:16px;margin:0}.icon-circle{margin-bottom:10px}.icon-circle.success{background:linear-gradient(135deg,#00bf7e1a,#00bf7e0d)}.icon-circle.error{background:linear-gradient(135deg,#ff4d4d1a,#ff4d4d0d);color:#ff4d4d}.spinner{border:4px solid #f3f3f3;height:60px;width:60px}@media (max-width:768px){.payment-form{padding:20px}.payment-form .form-row{grid-template-columns:1fr}.btn-payment{font-size:16px;padding:14px}.payment-callback-container{padding:40px 20px}.payment-callback-content h2{font-size:24px}.icon-circle{height:80px;width:80px}}.register-page{align-items:center;background:linear-gradient(135deg,#026aa7f2,#00bf7ef2);display:flex;justify-content:center;min-height:100vh;padding:20px}.register-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:1400px;padding:40px;width:100%}.register-header{margin-bottom:40px;text-align:center}.register-logo{height:60px;margin-bottom:20px}.register-header h1{color:#026aa7;font-size:28px;margin-bottom:30px}.step-indicator{gap:15px;margin-top:20px}.step,.step-indicator{display:flex;justify-content:center}.step{align-items:center;background:#e0e0e0;border-radius:50%;color:#666;font-weight:700;height:40px;transition:all .3s ease;width:40px}.step.active{background:#026aa7;color:#fff;transform:scale(1.1)}.step.completed{background:#00bf7e;color:#fff}.error-message{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;margin-bottom:20px;text-align:center}.step-content{animation:fadeIn .3s ease}.step-content h2{color:#026aa7;font-size:24px;margin-bottom:10px}.step-content>p{color:#666;margin-bottom:30px}.account-type-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.account-type-card{border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:30px;text-align:center;transition:all .3s ease}.account-type-card:hover{border-color:#026aa7;box-shadow:0 4px 12px #026aa71a;transform:translateY(-2px)}.account-type-card.selected{background:#00bf7e0d;border-color:#00bf7e}.account-type-card h3{color:#026aa7;font-size:20px;margin-bottom:10px}.account-type-card p{color:#666;font-size:14px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#026aa7;outline:none}.form-row{grid-template-columns:1fr 1fr}.step-content h3{border-top:1px solid #e0e0e0;color:#026aa7;font-size:18px;margin:30px 0 20px;padding-top:20px}.billing-period-toggle{justify-content:center;margin-bottom:30px;margin-left:auto;margin-right:auto;padding:5px;width:fit-content}.toggle-btn{background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.toggle-btn.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#026aa7}.toggle-btn .badge{background:#00bf7e;border-radius:12px;color:#fff;font-size:12px;margin-left:5px;padding:2px 8px}.plans-grid{margin-bottom:30px;margin-top:40px}.plan-card{cursor:pointer;position:relative}.plan-card.selected{border-color:#00bf7e;box-shadow:0 8px 20px #00bf7e33}.plan-card.premium{border-color:#026aa7}.plan-card.premium.selected{background:linear-gradient(135deg,#026aa705,#00bf7e05);border-color:#00bf7e}.plan-badge{background:#00bf7e;color:#fff;font-weight:700;padding:5px 15px;position:absolute;right:20px;top:-10px}.billing-period-toggle{background:#f5f5f5;border-radius:8px;display:flex;gap:10px;margin-bottom:20px;padding:4px}.billing-period-toggle .toggle-btn{background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px;transition:all .3s ease}.billing-period-toggle .toggle-btn.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#026aa7}.plan-savings{background:linear-gradient(135deg,#00bf7e1a,#00bf7e0d);border-radius:6px;color:#00bf7e;font-size:13px;font-weight:600;margin-bottom:20px;padding:8px 12px;text-align:center}.btn-select-plan{background:linear-gradient(135deg,#026aa7,#00bf7e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:14px;transition:all .3s ease;width:100%}.btn-select-plan:hover{box-shadow:0 4px 12px #026aa74d;transform:translateY(-2px)}.plan-card.selected .btn-select-plan{background:#00bf7e}.plan-features{margin:0}.plan-features li{color:#333;font-size:14px;gap:10px;margin-bottom:12px}.consents-list{margin-bottom:30px}.consent-item{align-items:flex-start;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:15px;padding:15px;transition:all .3s ease}.consent-item:hover{background:#f9f9f9}.consent-item input[type=checkbox]{cursor:pointer;height:18px;margin-top:3px;width:18px}.consent-item span{color:#333;flex:1 1;font-size:14px;line-height:1.5}.consent-item a{color:#026aa7;text-decoration:none}.consent-item a:hover{text-decoration:underline}.payment-summary{background:#f9f9f9;border-radius:8px;margin-bottom:30px;padding:20px}.summary-row{color:#333;display:flex;justify-content:space-between;padding:10px 0}.summary-row.total{border-top:2px solid #026aa7;color:#026aa7;font-size:18px;font-weight:700;margin-top:10px;padding-top:15px}.payment-info{background:#e8f4fd;border-left:4px solid #026aa7;border-radius:4px;margin-bottom:30px;padding:15px}.payment-info p{color:#333;font-size:14px;line-height:1.6;margin:0}.form-actions{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:30px}.btn{border-radius:6px;font-size:16px;font-weight:500;padding:12px 30px;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#026aa7,#00bf7e)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #026aa74d;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #026aa7;color:#026aa7}.btn-secondary:hover:not(:disabled){background:#026aa7;color:#fff}.verify-email-page{align-items:center;background:linear-gradient(135deg,#026aa7f2,#00bf7ef2);display:flex;justify-content:center;min-height:100vh;padding:20px}.verify-email-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:600px;padding:60px 40px;text-align:center;width:100%}.verify-logo{height:60px;margin-bottom:30px}.verify-content h1{color:#026aa7;font-size:28px;margin-bottom:20px}.verify-content p{color:#666;font-size:16px;line-height:1.6;margin-bottom:15px}.verify-actions{gap:15px;margin-top:30px}.icon-circle,.verify-actions{display:flex;justify-content:center}.icon-circle{align-items:center;border-radius:50%;height:100px;margin:0 auto 30px;width:100px}.icon-circle.success{background:#00bf7e1a;color:#00bf7e}.icon-circle.error{background:#ff44441a;color:#f44}.spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#026aa7;height:50px;margin:0 auto 30px;width:50px}@media (max-width:768px){.register-container{padding:30px 20px}.account-type-options,.form-row,.plans-grid{grid-template-columns:1fr}.step-indicator{gap:10px}.step{font-size:14px;height:35px;width:35px}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.advertising-profile-form{background:linear-gradient(135deg,#f0f8ff,#e6f7ff);border:2px solid #026aa7;border-radius:12px;margin:30px 0;padding:30px}.advertising-profile-form h3{color:#026aa7;font-size:20px;font-weight:600;margin-bottom:15px}.form-intro{color:#495057;font-size:14px;line-height:1.6;margin-bottom:25px}.field-help{color:#6c757d;font-size:13px;font-style:italic;margin-bottom:10px}.interests-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:10px}.interest-checkbox{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;display:flex;padding:10px 15px;transition:all .2s ease}.interest-checkbox:hover{background:#f8f9fa;border-color:#026aa7}.interest-checkbox input[type=checkbox]{cursor:pointer;margin-right:8px}.interest-checkbox input[type=checkbox]:checked+span{color:#026aa7;font-weight:600}.interest-checkbox input[type=checkbox]:disabled{cursor:not-allowed}.interest-checkbox:has(input:disabled){cursor:not-allowed;opacity:.5}.selected-count{color:#6c757d;display:block;font-size:13px;margin-top:5px}.gender-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.radio-option{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;display:flex;padding:12px 15px;transition:all .2s ease}.radio-option:hover{background:#f8f9fa;border-color:#026aa7}.radio-option input[type=radio]{cursor:pointer;margin-right:10px}.radio-option:has(input:checked){background:linear-gradient(135deg,#026aa71a,#00bf7e1a);border-color:#026aa7}.radio-option:has(input:checked) span{color:#026aa7;font-weight:600}.privacy-notice{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:13px;line-height:1.5;margin-top:20px;padding:15px}.ad-banner{background:linear-gradient(135deg,#026aa70d,#00bf7e0d);border:1px solid #e0e0e0;border-radius:8px;margin:15px 0;overflow:hidden;padding:15px;position:relative}.ad-label{background:#0009;border-radius:3px;color:#fff;font-size:10px;font-weight:700;left:8px;padding:3px 8px;text-transform:uppercase}.ad-close-btn,.ad-label{position:absolute;top:8px;z-index:2}.ad-close-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;right:8px;transition:all .3s ease;width:28px}.ad-close-btn:hover{background:#fff;transform:scale(1.1)}.ad-close-btn svg{color:#666}.ad-content{color:inherit;display:flex;gap:15px;padding-top:25px;text-decoration:none}.ad-content:hover{opacity:.9}.ad-image{background:#f5f5f5;border-radius:6px;flex-shrink:0;height:180px;overflow:hidden}.ad-image img{height:100%;object-fit:cover;width:100%}.ad-text{display:flex;flex:1 1;flex-direction:column;justify-content:center}.ad-text h4{color:#026aa7;font-size:18px;font-weight:600;margin:0 0 8px}.ad-text p{color:#666;font-size:14px;line-height:1.5;margin:0 0 12px}.ad-cta{background:linear-gradient(135deg,#026aa7,#00bf7e);border-radius:6px;color:#fff;display:inline-block;font-size:14px;font-weight:500;padding:8px 20px;transition:transform .3s ease;width:fit-content}.ad-content:hover .ad-cta{transform:translateX(5px)}.ad-banner-top{margin-bottom:20px;margin-top:0}.ad-banner-bottom{margin-bottom:0;margin-top:20px}.ad-banner-sidebar{margin:0;max-width:300px}.ad-banner-sidebar .ad-content{flex-direction:column}.ad-banner-sidebar .ad-image{height:150px;width:100%}.ad-placeholder{background:repeating-linear-gradient(45deg,#f9f9f9,#f9f9f9 10px,#f0f0f0 0,#f0f0f0 20px);border:2px dashed #ccc;border-radius:8px;margin:15px 0;padding:20px;text-align:center}.ad-placeholder-content{background:#fff;border-radius:6px;padding:20px}.ad-placeholder .ad-label{background:#666;display:inline-block;margin-bottom:10px;position:static}.ad-placeholder p{color:#666;font-size:14px;font-weight:500;margin:10px 0 5px}.ad-placeholder small{color:#999;font-size:12px}@media (max-width:768px){.ad-content{flex-direction:column}.ad-image{height:150px;width:100%}.ad-banner-sidebar{max-width:100%}}.premium-upgrade-banner{align-items:center;background:linear-gradient(135deg,#026aa7,#00bf7e);border-radius:8px;color:#fff;display:flex;gap:15px;justify-content:space-between;margin:15px 0;padding:15px 20px}.premium-upgrade-banner h4{font-size:16px;margin:0 0 5px}.premium-upgrade-banner p{font-size:14px;margin:0;opacity:.9}.premium-upgrade-banner .btn-upgrade{background:#fff;border-radius:6px;color:#026aa7;font-weight:500;padding:10px 20px;text-decoration:none;transition:transform .3s ease;white-space:nowrap}.premium-upgrade-banner .btn-upgrade:hover{transform:scale(1.05)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ad-banner{animation:slideIn .4s ease}.interstitial-ad-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.interstitial-ad-container{height:100%;margin:20px;max-height:600px;max-width:900px;position:relative;width:100%}.interstitial-ad-content{border-radius:12px;box-shadow:0 20px 60px #00000080;color:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.interstitial-ad-header{position:absolute;right:20px;top:20px;z-index:2}.interstitial-ad-close{align-items:center;background:#fff3;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.interstitial-ad-close:hover{background:#ffffff4d;transform:scale(1.1)}.interstitial-ad-countdown{background:#00000080;border:2px solid #ffffff4d;border-radius:24px;color:#fff;font-size:14px;font-weight:600;padding:10px 20px}.interstitial-ad-body{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px 40px;text-align:center}.interstitial-ad-title{animation:slideInUp .6s ease;font-size:48px;font-weight:700;margin:0 0 20px;text-shadow:0 2px 10px #0000004d}.interstitial-ad-description{animation:slideInUp .6s ease .1s backwards;font-size:24px;line-height:1.4;margin:0 0 40px;max-width:600px;opacity:.95;text-shadow:0 1px 5px #0003}.interstitial-ad-cta{animation:slideInUp .6s ease .2s backwards;background:#fff;border:none;border-radius:30px;box-shadow:0 4px 15px #0003;color:#026aa7;cursor:pointer;font-size:18px;font-weight:600;padding:18px 48px;transition:all .3s ease}.interstitial-ad-cta:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.interstitial-ad-footer{padding:20px;text-align:center}.interstitial-ad-label{background:#0006;border-radius:4px;color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;padding:6px 12px;text-transform:uppercase}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.interstitial-ad-container{margin:10px;max-height:90vh}.interstitial-ad-title{font-size:32px}.interstitial-ad-description{font-size:18px}.interstitial-ad-body{padding:40px 20px}.interstitial-ad-close{height:40px;width:40px}}.cookie-banner{align-items:center;background:#141e30f7;bottom:0;box-shadow:0 -2px 12px #0000004d;color:#f1f1f1;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;left:0;padding:16px 24px;position:fixed;right:0;z-index:9999}.cookie-banner p{flex:1 1;font-size:.9rem;margin:0}.cookie-banner p a{color:#00bf7e;text-decoration:underline}.cookie-banner-actions{display:flex;flex-shrink:0;gap:10px}.cookie-banner .btn-sm{font-size:.85rem;padding:6px 16px}.legal-page{background:#fff;color:#1a1a2e;margin:0 auto;max-width:860px;min-height:100vh;padding:40px 24px 80px}.legal-page-header{border-bottom:2px solid #026aa7;margin-bottom:32px;padding-bottom:12px}.legal-page-header h1{color:#026aa7;font-size:1.8rem;margin:0}.legal-page-content{font-size:.95rem;line-height:1.7}.legal-page-content h1,.legal-page-content h2,.legal-page-content h3{color:#026aa7;margin-top:2em}.legal-page-content a{color:#026aa7}.legal-page-error,.legal-page-spinner{color:#666;padding:48px;text-align:center}.account-management-page{background:#f5f7fa;min-height:100vh;padding:20px}.account-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.account-header h1{color:#026aa7;font-size:28px;margin:0}.account-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:10px;margin-bottom:30px;padding:10px}.account-tabs .tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.account-tabs .tab:hover{background:#f0f0f0}.account-tabs .tab.active{background:linear-gradient(135deg,#026aa7,#00bf7e);color:#fff}.account-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.loading{color:#666;font-size:18px;padding:60px;text-align:center}.profile-tab h2{color:#026aa7;margin-bottom:30px}.profile-tab h3{color:#026aa7;font-size:18px;margin-bottom:20px}.avatar-section{background:linear-gradient(135deg,#026aa70d,#00bf7e0d);border-radius:12px;gap:15px;margin-bottom:30px;padding:30px}.avatar-preview{box-shadow:0 4px 12px #0000001a}.avatar-placeholder{background:linear-gradient(135deg,#026aa7,#00bf7e);font-weight:700}.avatar-actions{gap:10px}.avatar-info{color:#666}.btn-sm{font-size:14px;padding:8px 16px}.password-form-section,.profile-form-section{background:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:25px}.settings-form .form-group label{color:#333}.settings-form .form-group input{border:1px solid #ddd;font-size:16px;padding:12px}.settings-form .form-group input:focus{border-color:#026aa7;box-shadow:0 0 0 3px #026aa71a}.settings-form .form-group small{color:#666;font-size:13px}.settings-error{background:#fee;border:1px solid #fcc;color:#c33;padding:12px}.settings-success{background:#efe;border:1px solid #cfc;color:#3c3;padding:12px}.subscription-tab h2{color:#026aa7;margin-bottom:20px}.current-subscription{margin-bottom:40px}.subscription-card{align-items:center;background:linear-gradient(135deg,#026aa70d,#00bf7e0d);border:2px solid #e0e0e0;border-radius:12px;display:flex;justify-content:space-between;padding:30px}.subscription-info h3{color:#026aa7;font-size:24px;margin-bottom:15px}.subscription-info p{color:#666;margin:8px 0}.status-badge{font-size:12px;text-transform:uppercase}.status-badge.active{background:#00bf7e;color:#fff}.status-badge.blocked,.status-badge.cancelled{background:#ff4d4d;color:#fff}.status-badge.payment_failed{background:#ff9800;color:#fff}.cancelled{color:#ff4d4d;font-weight:600}.billing-period-selector{background:#f5f5f5;border-radius:8px;display:flex;gap:10px;margin-bottom:30px;padding:4px;width:fit-content}.period-btn{background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;font-weight:500;padding:10px 30px;transition:all .3s ease}.period-btn.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#026aa7}.plans-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.plan-card{border:2px solid #e0e0e0;border-radius:12px;padding:30px;transition:all .3s ease}.plan-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.plan-card.current{background:linear-gradient(135deg,#00bf7e0d,#00bf7e05);border-color:#00bf7e}.plan-card h3{color:#026aa7;font-size:22px;margin-bottom:10px}.plan-description{color:#666;font-size:14px;margin-bottom:20px;min-height:40px}.plan-price{border-bottom:1px solid #e0e0e0;margin-bottom:25px;padding-bottom:20px}.plan-price .price{color:#026aa7;font-size:36px;font-weight:700}.plan-price .period{color:#666;font-size:14px;margin-left:5px}.plan-features{list-style:none;margin:0 0 20px;padding:0}.plan-features li{align-items:center;color:#666;display:flex;gap:8px;padding:8px 0}.plan-features li svg{color:#00bf7e;flex-shrink:0}.overages-tab h2{color:#026aa7;margin-bottom:30px}.usage-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.usage-card{background:linear-gradient(135deg,#026aa70d,#00bf7e0d);border:2px solid #e0e0e0;border-radius:12px;padding:25px}.usage-card h3{color:#026aa7;margin-bottom:15px}.usage-bar{background:#e0e0e0;border-radius:10px;height:20px;margin-bottom:10px;overflow:hidden;width:100%}.usage-fill{background:linear-gradient(135deg,#026aa7,#00bf7e);height:100%;transition:width .3s ease}.overage-warning{background:#ff4d4d1a;border-radius:6px;color:#ff4d4d;font-weight:600;margin-top:10px;padding:10px}.overage-info{background:#f8f9fa;border-radius:8px;padding:20px}.overage-info h3{color:#026aa7;margin-bottom:15px}.overage-info ul{list-style:none;padding:0}.overage-info li{color:#666;padding:8px 0}.documents-tab h2{color:#026aa7;margin-bottom:20px}.documents-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.documents-stats{color:#666;display:flex;gap:20px}.documents-controls{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.filter-controls{display:flex;gap:10px}.filter-controls select{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px}.bulk-actions{display:flex;gap:10px}.documents-list{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.documents-list-header{background:#f8f9fa;color:#666;font-weight:600}.document-row,.documents-list-header{grid-gap:15px;border-bottom:1px solid #e0e0e0;display:grid;gap:15px;grid-template-columns:40px 2fr 1fr 1fr 100px 120px 100px;padding:15px}.document-row{align-items:center;transition:background .2s ease}.document-row:hover{background:#f8f9fa}.document-row:last-child{border-bottom:none}.document-name{color:#026aa7;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-actions{justify-content:flex-end}.btn-icon{background:#0000;color:#666;padding:6px;transition:all .2s ease}.btn-icon:hover{background:#e0e0e0;color:#026aa7}.no-documents{color:#999;font-size:16px;padding:60px;text-align:center}@media (max-width:768px){.account-header{gap:15px}.account-header,.account-tabs,.subscription-card{flex-direction:column}.subscription-card{gap:20px}.document-row,.documents-list-header{grid-template-columns:40px 1fr 80px 80px}.document-row span:nth-child(3),.document-row span:nth-child(4),.documents-list-header span:nth-child(3),.documents-list-header span:nth-child(4){display:none}}.admin-dashboard{padding:40px}.admin-header{margin-bottom:40px}.admin-header h1{font-size:32px;font-weight:700;margin:0 0 8px}.admin-subtitle{color:#5e6c84;font-size:16px;margin:0}.admin-loading{align-items:center;color:#5e6c84;display:flex;font-size:18px;justify-content:center;min-height:400px}.admin-stats-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.admin-stat-card{align-items:flex-start;box-shadow:0 2px 8px #00000014;padding:24px;transition:all .2s}.admin-stat-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.admin-stat-card.alert{border:2px solid #ef4444}.stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-content{flex:1 1}.stat-label{color:#5e6c84;font-size:14px;margin-bottom:4px}.stat-value{color:#172b4d;font-size:28px;font-weight:700;margin-bottom:4px}.stat-detail{color:#5e6c84;font-size:13px}.admin-filters{gap:16px;margin-bottom:32px}.admin-search{border:1px solid #dfe1e6;border-radius:8px;font-size:15px;padding:12px 16px;transition:all .2s}.admin-search:focus{border-color:#00bf7e;box-shadow:0 0 0 3px #00bf7e1a;outline:none}.admin-filter-select{background:#fff;border:1px solid #dfe1e6;border-radius:8px;cursor:pointer;font-size:15px;padding:12px 16px;transition:all .2s}.admin-filter-select:focus{border-color:#00bf7e;outline:none}.admin-tenants-list h2{color:#172b4d;font-size:24px;font-weight:600;margin-bottom:24px}.tenants-table{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.tenants-table table{border-collapse:collapse;width:100%}.tenants-table thead{background:#f4f5f7}.tenants-table th{color:#5e6c84;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.tenants-table td{border-top:1px solid #f4f5f7;color:#172b4d;font-size:14px;padding:16px}.tenants-table tr.inactive{opacity:.5}.tenants-table tbody tr:hover{background:#f9fafb}.tenant-name{display:flex;flex-direction:column;gap:4px}.tenant-name strong{color:#172b4d;font-weight:600}.tenant-slug{color:#5e6c84;font-size:12px}.badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:500}.badge.badge-lg{font-size:14px;padding:6px 16px}.bg-gray-100{background:#f4f5f7}.text-gray-800{color:#172b4d}.bg-blue-100{background:#e3f2fd}.text-blue-800{color:#1565c0}.bg-purple-100{background:#f3e5f5}.text-purple-800{color:#6a1b9a}.bg-yellow-100{background:#fff9c4}.text-yellow-800{color:#f57f17}.bg-green-100{background:#e8f5e9}.text-green-800{color:#2e7d32}.bg-red-100{background:#ffebee}.text-red-800{color:#c62828}.btn-admin-view{background:linear-gradient(135deg,#00bf7e,#026aa7);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-admin-view:hover{box-shadow:0 4px 12px #00bf7e4d;transform:translateY(-1px)}.tenant-detail{margin:0 auto;max-width:1400px;padding:40px}.tenant-detail-header{align-items:center;border-bottom:2px solid #f4f5f7;display:flex;gap:24px;margin-bottom:32px;padding-bottom:24px}.btn-back{background:#fff;border:1px solid #dfe1e6;border-radius:8px}.btn-back:hover{background:#f4f5f7}.tenant-header-info{flex:1 1}.tenant-header-info h1{color:#172b4d;font-size:28px;font-weight:700;margin:0 0 8px}.tenant-domain{color:#5e6c84;font-size:14px;margin:4px 0 0}.tenant-header-actions{display:flex;gap:12px}.btn-admin-activate,.btn-admin-delete,.btn-admin-secondary,.btn-admin-suspend{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-admin-suspend{background:#fbbf24;color:#fff}.btn-admin-activate{background:#10b981;color:#fff}.btn-admin-delete{background:#ef4444;color:#fff}.btn-admin-secondary{background:#f4f5f7;color:#172b4d}.btn-admin-activate:hover,.btn-admin-delete:hover,.btn-admin-suspend:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.tenant-tabs{border-bottom:2px solid #f4f5f7;display:flex;gap:8px;margin-bottom:32px}.tenant-tabs button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#5e6c84;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 20px;position:relative;transition:all .2s}.tenant-tabs button:hover{background:#f9fafb;color:#172b4d}.tenant-tabs button.active{border-bottom-color:#00bf7e;color:#00bf7e}.tab-badge{align-items:center;background:#ef4444;border-radius:10px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.tenant-tab-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:32px}.tab-panel h2{font-size:22px;margin:0 0 24px}.tab-panel h2,.tab-panel h3{color:#172b4d;font-weight:600}.tab-panel h3{font-size:18px;margin:32px 0 16px}.info-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.info-item label{color:#5e6c84;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.info-item div{color:#172b4d;font-size:15px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:32px}.stat-box{background:#f9fafb;border-radius:8px;padding:16px;text-align:center}.stat-box .stat-label{color:#5e6c84;font-size:13px;margin-bottom:8px}.stat-box .stat-value{color:#172b4d;font-size:24px;font-weight:700}.data-table{border-collapse:collapse;margin-top:16px;width:100%}.data-table thead{background:#f4f5f7}.data-table th{color:#5e6c84;font-size:13px;font-weight:600;padding:12px;text-align:left;text-transform:uppercase}.data-table td{border-top:1px solid #f4f5f7;color:#172b4d;font-size:14px;padding:12px}.data-table .text-center{color:#5e6c84;font-style:italic;text-align:center}.price{color:#00bf7e;font-size:24px;font-weight:700}.subscription-info{background:#f9fafb;border-radius:12px;margin-bottom:32px;padding:24px}.billing-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.btn-sm{border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.btn-success{background:#10b981}.btn-danger{background:#ef4444}.btn-sm:hover{box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.gdpr-requests{display:flex;flex-direction:column;gap:16px}.gdpr-request-card{background:#f9fafb;border-left:4px solid #dfe1e6;border-radius:12px;padding:20px}.gdpr-request-card.pending{background:#fffbeb;border-left-color:#fbbf24}.gdpr-request-card.completed{border-left-color:#10b981}.gdpr-request-card.rejected{border-left-color:#ef4444}.gdpr-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.gdpr-header h4{color:#172b4d;font-size:16px;font-weight:600;margin:0 0 4px;text-transform:capitalize}.gdpr-user{color:#5e6c84;font-size:14px;margin:0}.gdpr-body p{color:#172b4d;font-size:14px;margin:8px 0}.gdpr-actions{border-top:1px solid #dfe1e6;display:flex;gap:12px;margin-top:16px;padding-top:16px}.no-data{color:#5e6c84;font-style:italic;padding:40px;text-align:center}.storage-overview{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.storage-stat{background:#f9fafb;border-radius:12px;padding:20px}.storage-stat label{color:#5e6c84;display:block;font-size:13px;font-weight:600;margin-bottom:12px;text-transform:uppercase}.storage-stat .value{color:#172b4d;font-size:28px;font-weight:700;margin-bottom:4px}.storage-stat .detail{color:#5e6c84;font-size:13px}.storage-progress{margin-bottom:24px}.progress-bar{background:#f4f5f7;border-radius:6px;height:12px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill{border-radius:6px;height:100%;transition:all .3s}.progress-label{color:#5e6c84;font-size:14px;text-align:center}.text-sm{font-size:13px}.text-gray-500{color:#5e6c84}.activity-log{display:flex;flex-direction:column;gap:16px}.activity-item{background:#f9fafb;border-radius:8px;gap:16px;padding:16px}.activity-icon{background:linear-gradient(135deg,#00bf7e,#026aa7);color:#fff}.activity-description{color:#172b4d;font-size:14px;margin-bottom:4px}.activity-meta{color:#5e6c84;font-size:12px}.admin-dashboard{background:linear-gradient(135deg,#ffffffe5 50%,#026aa7bf),url(/static/media/ventilio_styl3D.9e595cdf164db3f61a70.jpg) 50%/cover no-repeat fixed;margin:0 auto;max-width:1800px;padding:30px}.admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.admin-header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#026aa7,#00bf7e);-webkit-background-clip:text;font-size:2rem;margin:0 0 8px}.admin-header-content p{color:#666;margin:0}.admin-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.admin-stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:16px;padding:20px}.admin-stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;height:60px;justify-content:center;width:60px}.admin-stat-content{flex:1 1}.admin-stat-label{color:#666;font-size:.9rem;margin-bottom:4px}.admin-stat-value{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:4px}.admin-stat-detail{color:#999;font-size:.85rem}.admin-filters{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;margin-bottom:30px;padding:20px}.admin-search{display:flex;flex:1 1;gap:10px}.admin-search-input{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:1rem;padding:10px 16px}.admin-filter-group{align-items:center;display:flex;gap:10px}.admin-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:10px 16px}.admin-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.admin-section h2{color:#333;font-size:1.5rem;margin:0 0 20px}.admin-table-container{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table thead{background:#f5f5f5}.admin-table th{border-bottom:2px solid #e0e0e0;color:#666;font-weight:600;padding:12px 16px;text-align:left}.admin-table td{border-bottom:1px solid #f0f0f0;padding:16px}.admin-table tbody tr:hover{background:#f9f9f9}.user-cell{gap:12px}.user-avatar-small,.user-cell{align-items:center;display:flex}.user-avatar-small{background:linear-gradient(135deg,#026aa7,#00bf7e);border-radius:50%;color:#fff;font-weight:600;height:40px;justify-content:center;width:40px}.user-name{color:#333}.user-email{color:#999;font-size:.85rem}.status-badge{border-radius:12px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;padding:4px 12px}.subscription-period{color:#666;font-size:.85rem;margin-top:4px}.text-muted{color:#999;font-size:.85rem}.cost-cell{color:#333;font-weight:600}.user-detail{background:linear-gradient(135deg,#ffffffe5 50%,#026aa7bf),url(/static/media/ventilio_styl3D.9e595cdf164db3f61a70.jpg) 50%/cover no-repeat fixed;margin:0 auto;max-width:1800px;padding:30px}.user-detail-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;margin-bottom:20px;padding:30px}.user-header-info{flex:1 1}.user-header-info h1{color:#333;font-size:2rem;margin:0 0 8px}.user-email{color:#666;margin:0}.user-company{color:#999;font-size:.9rem;margin:4px 0 0}.user-header-actions{display:flex;gap:10px}.user-detail-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tab{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:inline-flex;flex-shrink:0;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s;white-space:nowrap}.tab:hover{border-color:#026aa7;color:#026aa7}.tab.active{background:linear-gradient(135deg,#026aa7,#00bf7e);border-color:#0000;color:#fff}.user-detail-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.tab-panel{animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.info-card{border:2px solid #f0f0f0;border-radius:8px;padding:20px}.info-card h3{color:#333;font-size:1.2rem;margin:0 0 16px}.info-row{border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:12px 0}.info-row:last-child{border-bottom:none}.info-label{color:#666;font-weight:600}.info-value{color:#333}.usage-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.usage-card{border:2px solid #f0f0f0;border-radius:8px;padding:20px}.usage-card h3{color:#333;font-size:1.2rem;margin:0 0 16px}.usage-stats{display:flex;flex-direction:column;gap:12px}.usage-stat{background:#f9f9f9;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.usage-label{color:#666;font-weight:600}.usage-value{color:#333;font-weight:600}.cost-breakdown{display:flex;flex-direction:column;gap:12px}.cost-row{background:#f9f9f9;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.cost-row.cost-total{background:linear-gradient(135deg,#026aa7,#00bf7e);color:#fff;font-size:1.1rem;font-weight:700}.cost-row.cost-equivalent{background:#e3f2fd;color:#026aa7;font-weight:600}.pricing-config{margin:0 auto;max-width:1200px;padding:30px}.pricing-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;margin-bottom:20px;padding:30px}.pricing-header-info h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#026aa7,#00bf7e);-webkit-background-clip:text;font-size:2rem;margin:0 0 8px}.pricing-header-info p{color:#666;margin:0}.pricing-warning{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;color:#856404;margin-bottom:30px;padding:16px}.pricing-grid{display:flex;flex-direction:column;gap:30px}.pricing-section h2{color:#333;font-size:1.3rem;margin:0 0 16px}.pricing-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.pricing-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:20px;transition:all .2s}.pricing-card:hover{border-color:#026aa7;box-shadow:0 4px 12px #0000001a}.pricing-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.pricing-card-header h3{color:#333;font-size:1.1rem;margin:0}.pricing-card-content{display:flex;flex-direction:column;gap:12px}.pricing-value{align-items:baseline;display:flex;gap:8px}.pricing-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#026aa7,#00bf7e);-webkit-background-clip:text;font-size:2.5rem;font-weight:700}.pricing-unit{color:#666;font-size:1rem;font-weight:600}.pricing-description{color:#999;font-size:.9rem;margin:0}.pricing-edit{display:flex;flex-direction:column;gap:12px}.pricing-input{border:2px solid #026aa7;border-radius:8px;font-size:1.5rem;font-weight:700;padding:10px 16px;width:100%}.pricing-edit-actions{display:flex;gap:10px}.btn-success{background:linear-gradient(135deg,#00bf7e,#00a86b);color:#fff}.btn-success:hover{box-shadow:0 4px 12px #00bf7e4d}.admin-extended-dashboard{margin:0 auto;max-width:1400px;padding:30px}.admin-extended-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;margin-bottom:20px;padding:30px}.admin-extended-header-info h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#026aa7,#00bf7e);-webkit-background-clip:text;font-size:2rem;margin:0 0 8px}.admin-extended-header-info p{color:#666;margin:0}.admin-extended-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.admin-extended-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.legal-management .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.form-card{background:#f9f9f9;border-radius:8px;margin-bottom:30px;padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block}.form-control{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:10px 16px;width:100%}.form-actions{gap:10px;margin-top:20px}.documents-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.document-card{border:2px solid #e0e0e0;border-radius:8px;padding:20px;transition:all .2s}.document-card:hover{border-color:#026aa7;box-shadow:0 4px 12px #0000001a}.document-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.document-header h3{color:#333;margin:0 0 4px}.document-version{color:#666;font-size:.9rem}.document-actions{display:flex;gap:8px}.badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.85rem;font-weight:600;gap:4px;padding:4px 12px}.badge-success{background:#00bf7e;color:#fff}.document-content p{color:#666;line-height:1.6;margin:0}.document-footer{border-top:1px solid #f0f0f0;margin-top:16px;padding-top:16px}.activity-logs .section-header,.admin-alerts .section-header,.gdpr-management .section-header,.support-tickets .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.section-header h2{color:#333;font-size:1.5rem;margin:0}.section-header p{color:#666;margin:0}.empty-state{color:#999;font-size:1.1rem;padding:60px 20px;text-align:center}.action-buttons{display:flex;gap:8px}.filters-section{align-items:flex-end;background:#f9f9f9;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:30px;padding:20px}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:200px}.filter-group label{color:#333;font-size:.9rem;font-weight:600}.reply-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.reply-modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:600px;padding:30px;width:90%}.reply-modal-content h3{color:#333;margin:0 0 20px}.modal-actions{gap:10px;margin-top:20px}.alerts-list{display:flex;flex-direction:column;gap:16px}.alert-card{border:2px solid #e0e0e0;border-radius:8px;padding:20px;transition:all .2s}.alert-card.unread{background:#fff9f0;border-color:#f39c12}.alert-card.read{opacity:.7}.alert-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.alert-type{color:#333;font-size:1.1rem;font-weight:600}.alert-content h3{color:#333;font-size:1rem;margin:0 0 8px}.alert-content p{color:#666;line-height:1.6;margin:0 0 12px}.alert-user{background:#f5f5f5;border-radius:6px;margin-top:12px;padding:8px 12px}.alert-footer{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-top:16px;padding-top:16px}.btn-sm{font-size:.85rem}.btn-danger{background:#e74c3c}.btn-danger:hover{background:#c0392b}code{background:#f5f5f5;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;padding:2px 6px}.api-tokens-management{margin:0 auto;max-width:1200px;padding:30px}.tokens-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:30px}.tokens-header h2{color:#333;font-size:1.8rem;margin:0 0 8px}.tokens-header p{color:#666;margin:0}.tokens-actions{display:flex;gap:10px}.new-token-alert{background:linear-gradient(135deg,#fff3cd,#ffe69c);border:2px solid #ffc107;border-radius:12px;margin-bottom:30px;padding:24px}.new-token-alert h3{color:#856404;margin:0 0 12px}.new-token-alert p{color:#856404;margin:0 0 16px}.token-display{align-items:center;background:#fff;border:2px solid #ffc107;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:16px}.token-display code{color:#333;flex:1 1;font-size:.9rem;word-break:break-all}.token-form-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.token-form-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-height:90vh;max-width:700px;overflow-y:auto;padding:30px;width:90%}.token-form-content h3{color:#333;margin:0 0 24px}.scopes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:12px}.scope-category h4{color:#026aa7;font-size:1rem;margin:0 0 12px}.scope-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background .2s}.scope-checkbox:hover{background:#f5f5f5}.scope-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.tokens-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.tokens-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.tokens-table thead{background:#f5f5f5}.tokens-table th{border-bottom:2px solid #e0e0e0;color:#666;font-weight:600;padding:16px;text-align:left}.tokens-table td{border-bottom:1px solid #f0f0f0;padding:16px}.tokens-table tbody tr:hover{background:#f9f9f9}.token-expired{opacity:.6}.token-scopes{display:flex;flex-wrap:wrap;gap:6px}.scope-badge{background:#e3f2fd;color:#026aa7}.badge-danger,.scope-badge{border-radius:12px;font-size:.8rem;font-weight:600;padding:4px 10px}.badge-danger{background:#e74c3c;color:#fff;margin-left:8px}.api-documentation{padding:30px 40px;width:100%}.doc-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;justify-content:space-between;margin-bottom:30px;padding:30px}.doc-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#026aa7,#00bf7e);-webkit-background-clip:text;font-size:2rem;margin:0 0 8px}.doc-header p{color:#666;margin:0}.doc-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-width:1200px;padding:40px}.doc-section{margin-bottom:48px}.doc-section h2{border-bottom:3px solid #026aa7;color:#333;font-size:1.8rem;margin:0 0 20px;padding-bottom:12px}.doc-section h3{color:#026aa7;font-size:1.3rem;margin:24px 0 12px}.doc-info-box{background:#e3f2fd;border-left:4px solid #026aa7;border-radius:6px;margin:16px 0;padding:16px}.code-block{background:#1e1e1e;border-radius:8px;margin:16px 0;overflow:hidden}.code-header{align-items:center;background:#2d2d2d;display:flex;justify-content:space-between;padding:12px 16px}.code-language{color:#00bf7e;font-size:.85rem;font-weight:600;text-transform:uppercase}.btn-copy{align-items:center;background:#0000;border:1px solid #555;border-radius:6px;color:#ccc;cursor:pointer;display:flex;font-size:.85rem;gap:6px;padding:6px 12px;transition:all .2s}.btn-copy:hover{background:#3d3d3d;border-color:#00bf7e;color:#00bf7e}.code-block pre{margin:0;overflow-x:auto;padding:20px}.code-block code{color:#d4d4d4;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.6}.endpoint-card{border:2px solid #e0e0e0;border-radius:8px;margin-bottom:20px;overflow:hidden;transition:all .2s}.endpoint-card:hover{border-color:#026aa7;box-shadow:0 4px 12px #0000001a}.endpoint-header{align-items:center;background:#f5f5f5;display:flex;gap:12px;padding:16px}.method-badge{border-radius:6px;color:#fff;font-size:.85rem;font-weight:700;padding:6px 12px}.method-get{background:#00bf7e}.method-post{background:#3498db}.method-put{background:#f39c12}.method-delete{background:#e74c3c}.endpoint-path{color:#333;font-family:Courier New,monospace;font-size:1rem;font-weight:600}.endpoint-body{padding:20px}.endpoint-body p{line-height:1.6;margin:12px 0}.endpoint-body ul{margin:12px 0;padding-left:24px}.endpoint-body li{margin:8px 0}.error-codes-table{border-collapse:collapse;margin:16px 0;width:100%}.error-codes-table td,.error-codes-table th{border-bottom:1px solid #e0e0e0;padding:12px;text-align:left}.error-codes-table th{background:#f5f5f5;color:#666;font-weight:600}.error-codes-table code{background:#f5f5f5;border-radius:4px;font-weight:600;padding:4px 8px}.doc-layout{display:flex;gap:30px;justify-content:center;width:100%}.doc-sidebar{flex-shrink:0;height:fit-content;max-height:calc(100vh - 40px);overflow-y:auto;position:sticky;top:20px;width:250px}.doc-nav{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.doc-nav h3{border-bottom:2px solid #026aa7;color:#333;font-size:1.1rem;margin:0 0 16px;padding-bottom:8px}.doc-nav ul{list-style:none;margin:0;padding:0}.doc-nav li{margin:0}.doc-nav a{border-radius:6px;color:#666;cursor:pointer;display:block;font-size:.95rem;padding:10px 12px;text-decoration:none;transition:all .2s}.doc-nav a:hover{background:#f5f5f5;color:#026aa7}.doc-nav li.active a{background:linear-gradient(135deg,#00bf7e,#026aa7);color:#fff;font-weight:600}.doc-content{flex:1 1;min-width:0}code{background:#2d2d2d!important;border-radius:4px!important;color:#00bf7e!important;font-family:Courier New,monospace!important;font-size:.9rem!important;font-weight:600!important;padding:3px 8px!important}.doc-info-box code{background:#1e1e1e!important;color:#00bf7e!important}.endpoint-path{background:#0000!important;color:#333!important;font-weight:600!important}@media (max-width:1024px){.doc-layout{flex-direction:column}.doc-sidebar{max-height:none;position:relative;top:0;width:100%}.doc-nav{margin-bottom:20px}}.user-doc-content{line-height:1.8}.user-doc-content h2{border-top:3px solid #f0f0f0;margin-top:48px;padding-top:24px}.user-doc-content h2:first-child{border-top:none;margin-top:0;padding-top:0}.user-doc-content h3{color:#026aa7;font-size:1.3rem;margin-bottom:16px;margin-top:32px}.user-doc-content p{color:#333;margin:16px 0}.user-doc-content .doc-list{margin:16px 0;padding-left:32px}.user-doc-content .doc-list li{color:#333;margin:8px 0}.user-doc-content strong{color:#026aa7;font-weight:600}.user-doc-content blockquote{border-left:4px solid #00bf7e;color:#666;font-style:italic;margin:20px 0;padding-left:20px}.user-doc-content hr{border:none;border-top:2px solid #f0f0f0;margin:40px 0}.user-doc-content a{color:#026aa7;font-weight:600;text-decoration:none}.user-doc-content a:hover{text-decoration:underline}.user-doc-content .code-block{margin:20px 0}.user-doc-content .code-block pre{background:#1e1e1e;border-radius:8px;overflow-x:auto;padding:20px}.user-doc-content .code-block code{background:#0000!important;color:#d4d4d4!important;font-size:.9rem;line-height:1.6}.plans-config-grid{grid-gap:30px;display:grid;gap:30px;margin-top:30px}.plan-config-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px;transition:all .3s ease}.plan-config-card:hover{box-shadow:0 4px 16px #00000026}.plan-config-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:20px}.plan-config-header h2{color:#026aa7;font-size:24px;margin:0 0 10px}.plan-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.plan-badge.free{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.plan-badge.premium{background:linear-gradient(135deg,#026aa7,#00bf7e);color:#fff}.plan-edit-form{display:flex;flex-direction:column;gap:25px}.form-section{background:#f8f9fa;border-left:4px solid #026aa7;border-radius:8px;padding:20px}.form-section h3{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group label{color:#555;font-weight:500;margin-bottom:8px}.form-control{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .3s ease}.form-control:focus{border-color:#026aa7;box-shadow:0 0 0 3px #026aa71a;outline:none}.form-control::placeholder{color:#999;font-style:italic}.form-actions{border-top:2px solid #f0f0f0;display:flex;gap:15px;justify-content:flex-end;padding-top:20px}.plan-config-details{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-section{background:#f8f9fa;border-left:4px solid #00bf7e;border-radius:8px;padding:20px}.detail-section h4{color:#026aa7;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.detail-section p{align-items:center;color:#555;display:flex;font-size:14px;justify-content:space-between;margin:8px 0}.detail-section p strong{color:#333;font-weight:600}@media (max-width:768px){.plan-config-header{align-items:flex-start;flex-direction:column;gap:15px}.form-row,.plan-config-details{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.min-h-screen{min-height:100vh}.items-center{align-items:center}.justify-center{justify-content:center}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.bg-blue-100{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-kanban-blue{--tw-bg-opacity:1;background-color:#0079bf;background-color:rgb(0 121 191/var(--tw-bg-opacity,1))}.bg-purple-100{--tw-bg-opacity:1;background-color:#f3e8ff;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-100{--tw-bg-opacity:1;background-color:#fef9c3;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-semibold{font-weight:600}.italic{font-style:italic}.text-blue-800{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:#166534;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-kanban-blue{--tw-text-opacity:1;color:#0079bf;color:rgb(0 121 191/var(--tw-text-opacity,1))}.text-purple-800{--tw-text-opacity:1;color:#6b21a8;color:rgb(107 33 168/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:#991b1b;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:#854d0e;color:rgb(133 77 14/var(--tw-text-opacity,1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#026aa7e6,#00bf7ee6),url(/static/media/ventilio_styl3D.9e595cdf164db3f61a70.jpg) 50%/cover no-repeat fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.kanban-board{background-color:#00bf7e;min-height:100vh;padding:10px}.kanban-column{background-color:#00000040;border-radius:8px;margin:0 10px;max-width:272px;min-width:272px;padding:10px}.kanban-column-header{color:#fff;font-weight:600;justify-content:space-between;margin-bottom:10px;padding:8px}.kanban-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:grab;margin-bottom:8px;padding:12px;transition:all .2s ease}.kanban-card:hover{box-shadow:0 2px 8px #0003;transform:translateY(-2px)}.kanban-card:active{cursor:grabbing}.kanban-card.dragging{opacity:.4;transform:rotate(3deg)}.kanban-column.drag-over{background-color:#ffffff40;border:2px dashed #fff9;box-shadow:0 0 10px #ffffff4d}.card-drop-zone{position:relative}.card-drop-zone:before{background-color:#00bf7e;border-radius:2px;content:"";height:4px;left:0;position:absolute;right:0;top:-4px;z-index:10}.add-card-btn,.add-column-btn{align-items:center;background-color:#fff3;border:2px dashed #fff6;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;justify-content:center;padding:12px;transition:all .2s;width:100%}.add-card-btn:hover,.add-column-btn:hover{background-color:#ffffff4d}.card-form{background-color:#fff;border-radius:8px;margin-bottom:8px;padding:12px}.card-form textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;min-height:60px;padding:8px;resize:none;width:100%}.card-form-buttons{display:flex;gap:8px;margin-top:8px}.btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 12px;transition:opacity .2s}.btn:hover{opacity:.8}.btn-primary{background-color:#00bf7e;color:#fff}.btn-cancel{background-color:initial;color:#666}.delete-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:20px;padding:4px;transition:background-color .2s}.delete-btn:hover{background-color:#0000001a}.board-header{align-items:center;color:#fff;display:flex;justify-content:space-between;margin-top:10px;padding:0 20px 10px}.board-title{font-size:24px;font-weight:600;margin:0}.board-actions{align-items:center;display:flex;gap:8px}.columns-container{display:flex;overflow-x:auto;padding:0 20px}.card-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.card-title-container{word-wrap:break-word;flex:1 1}.card-actions{align-items:center;display:flex;gap:4px}.btn-edit-icon,.btn-link-icon{background:none;border:none;cursor:pointer;font-size:16px;opacity:.6;padding:4px;transition:opacity .2s}.btn-edit-icon:hover,.btn-link-icon:hover{opacity:1}.btn-link-icon{font-size:14px}.card-description-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:12px;margin-top:8px;overflow:hidden;text-overflow:ellipsis}.card-title-input{border:2px solid #00bf7e;border-radius:4px;font-family:inherit;font-size:14px;padding:8px;width:100%}.modal-backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-container{background:#fff;border-radius:8px;box-shadow:0 8px 16px #0000004d;max-height:90vh;max-width:1400px;overflow-y:auto;position:relative;width:100%}.modal-header-buttons{display:flex;gap:8px;position:absolute;right:12px;top:12px;z-index:1001}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;transition:background-color .2s;width:32px}.modal-close:hover{background-color:#e4f0f6}.modal-delete{align-items:center;background:none;border:none;border-radius:4px;color:#5d6c84;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s;width:32px}.modal-delete:hover{background-color:#e4f0f6}.modal-archive{align-items:center;background:none;border:none;border-radius:4px;color:#5e6c84;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s;width:32px}.modal-archive:hover{background-color:#e4f0f6}.modal-link{align-items:center;background:none;border:none;border-radius:4px;color:#5d6c84;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s;width:32px}.modal-link:hover{background-color:#e4f0f6}.modal-pdf{align-items:center;background:none;border:none;border-radius:4px;color:#5d6c84;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s;width:32px}.modal-pdf:hover{background-color:#e4f0f6}.modal-content{display:flex;gap:24px;padding:24px}.modal-left{flex:2 1;min-width:0}.modal-right{border-left:1px solid #e0e0e0;flex:1 1;min-width:250px;padding-left:24px}.modal-header{margin-bottom:24px;margin-top:30px}.modal-title{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:20px;font-weight:600;gap:8px;margin:0;padding:8px;transition:background-color .2s}.modal-title:hover{background-color:#0000000d}.modal-title-icon{font-size:18px}.modal-title-input{border:2px solid #00bf7e;border-radius:4px;font-family:inherit;font-size:20px;font-weight:600;padding:8px;width:100%}.modal-section{margin-bottom:24px}.modal-archived-notice{align-items:center;background-color:#fff4e5;border:1px solid #ffd89c;border-radius:6px;color:#974f0c;display:flex;font-size:14px;gap:8px;margin-bottom:16px;padding:12px 16px}.modal-archived-notice svg{flex-shrink:0}.modal-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.modal-section-header h3{color:#333;font-size:14px;font-weight:600;margin:0}.modal-dates{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.date-field{display:flex;flex-direction:column;gap:6px}.date-field label{color:#5e6c84;font-size:12px;font-weight:500}.date-input{border:1px solid #dfe1e6;border-radius:4px;font-family:inherit;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.date-input:hover:not(:disabled){border-color:#b3bac5}.date-input:focus{border-color:#026aa7;box-shadow:0 0 0 1px #026aa7;outline:none}.date-input:disabled{background-color:#f4f5f7;cursor:not-allowed;opacity:.6}.btn-edit-section{background:#0000000d;border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s}.btn-edit-section:hover{background:#0000001a}.modal-description{word-wrap:break-word;background-color:#f4f5f7;border-radius:4px;color:#5e6c84;line-height:1.6;min-height:80px;padding:12px;white-space:pre-wrap}.modal-description p{margin:0 0 12px}.modal-description p:last-child{margin-bottom:0}.modal-description h1,.modal-description h2,.modal-description h3,.modal-description h4,.modal-description h5,.modal-description h6{color:#172b4d;font-weight:600;margin:16px 0 8px}.modal-description h1:first-child,.modal-description h2:first-child,.modal-description h3:first-child{margin-top:0}.modal-description ol,.modal-description ul{margin:8px 0;padding-left:24px}.modal-description li{margin:4px 0}.modal-description code{background-color:#0000000d;border-radius:3px;font-family:Courier New,monospace;font-size:.9em;padding:2px 4px}.modal-description pre{background-color:#0000000d;border-radius:4px;margin:12px 0;overflow-x:auto;padding:12px}.modal-description pre code{background:none;padding:0}.modal-description blockquote{border-left:4px solid #dfe1e6;color:#5e6c84;font-style:italic;margin:12px 0;padding-left:12px}.modal-description a{color:#00bf7e;text-decoration:none}.modal-description a:hover{text-decoration:underline}.modal-description strong{color:#172b4d;font-weight:600}.modal-description em{font-style:italic}.description-placeholder{color:#a5adba;font-style:italic}.modal-description:hover{background-color:#0000000d;background:#0000000d}.modal-textarea{border:2px solid #00bf7e;border-radius:4px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;width:100%}.modal-actions{display:flex;gap:8px;margin-top:8px}.modal-placeholder{background:#00000008;border-radius:4px;color:#999;font-size:13px;font-style:italic;padding:12px}.modal-sidebar-title{color:#333;font-size:14px;font-weight:600;margin:0 0 16px}.modal-activity{display:flex;flex-direction:column;gap:16px}.activity-item{align-items:flex-start;display:flex;gap:12px}.activity-icon{align-items:center;background:#0000000d;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;width:32px}.activity-content{flex:1 1}.activity-text{color:#333;font-size:14px;margin-bottom:4px}.activity-date{color:#999;font-size:12px}.modal-subsection-title{color:#333;font-size:13px;font-weight:600;margin:0 0 8px}.modal-comment-input{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:13px;margin-bottom:8px;padding:8px;resize:vertical;width:100%}.modal-placeholder-text{color:#999;font-size:12px;font-style:italic}.comment-form{margin-bottom:16px}.comment-form .btn-sm{margin-top:8px}.comments-list{display:flex;flex-direction:column;gap:16px;margin-top:16px}.comment-empty,.comment-loading{color:#999;font-size:13px;font-style:italic;padding:16px;text-align:center}.comment-item{background:#00000005;border-radius:8px;padding:12px}.comment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.comment-author{align-items:center;display:flex;gap:8px}.comment-avatar{align-items:center;background:#0079bf1a;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;overflow:hidden;width:32px}.comment-avatar-image{height:100%;object-fit:cover;width:100%}.comment-author-name{color:#333;font-size:13px;font-weight:600}.comment-date{color:#999;font-size:11px}.comment-actions{display:flex;gap:4px}.btn-icon{font-size:14px;opacity:.6;padding:4px;transition:all .2s}.btn-icon:hover{background-color:#0000000d;opacity:1}.comment-content{word-wrap:break-word;color:#333;font-size:13px;line-height:1.5;white-space:pre-wrap}.comment-edit{margin-top:8px}.auth-container{align-items:center;background:linear-gradient(135deg,#00bf7e,#026aa7);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:40px;width:100%}.auth-title{color:#172b4d;font-size:28px;font-weight:700;margin:0 0 24px;text-align:center}.auth-error{background-color:#ffebe6;border:1px solid #ff5630;border-radius:6px;color:#bf2600}.auth-error,.auth-success{font-size:14px;margin-bottom:20px;padding:12px}.auth-success{background-color:#e3fcef;border:1px solid #00875a;border-radius:6px;color:#064}.auth-form{gap:16px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#172b4d;font-size:14px;font-weight:600}.form-group input{border:2px solid #dfe1e6;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s}.form-group input:focus{border-color:#00bf7e;outline:none}.form-group input:disabled{background-color:#f4f5f7;cursor:not-allowed}.btn-block{margin-top:8px;width:100%}.oauth-buttons{display:flex;flex-direction:column;gap:10px;margin-top:18px}.oauth-separator{align-items:center;color:#5e6c84;display:flex;font-size:13px;letter-spacing:.05em;margin:18px 0 6px;text-align:center;text-transform:uppercase}.oauth-separator:after,.oauth-separator:before{border-bottom:1px solid #dfe1e6;content:"";flex:1 1}.oauth-separator span{padding:0 12px}.btn-oauth{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:6px;color:#3c4043;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;justify-content:center;min-height:44px;padding:0 16px;text-decoration:none;transition:background-color .15s ease,box-shadow .15s ease,border-color .15s ease;width:100%}.btn-oauth:hover{background:#f8f9fa;box-shadow:0 1px 2px #3c40431a}.btn-oauth:focus-visible{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e833;outline:none}.btn-oauth:active{background:#f1f3f4}.btn-oauth svg{flex-shrink:0;height:20px;width:20px}.auth-links{align-items:center;color:#5e6c84;display:flex;font-size:14px;gap:8px;justify-content:center;margin-top:20px;text-align:center}.auth-links a{color:#00bf7e;font-weight:600;text-decoration:none}.auth-links a:hover{text-decoration:underline}.navbar{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;padding:12px 20px}.navbar-content{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:0 auto;padding:0 20px}.navbar-center{display:flex;flex:1 1;justify-content:center;max-width:600px}.navbar-left{align-items:center;display:flex}.navbar-brand{color:#172b4d;font-size:20px;font-weight:700;margin:0}.navbar-right{gap:16px}.navbar-right,.user-info{align-items:center;display:flex}.user-info{gap:12px}.user-avatar{align-items:center;background:linear-gradient(135deg,#00bf7e,#009688);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:600;height:40px;justify-content:center;overflow:hidden;width:40px}.user-avatar-image{height:100%;object-fit:cover;width:100%}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{color:#172b4d;font-size:14px;font-weight:600}.user-role{font-size:11px;padding:2px 8px;text-align:center}.role-badge,.user-role{border-radius:12px;color:#fff;font-weight:600}.role-badge{display:inline-block;font-size:12px;padding:4px 12px}.role-super-admin{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.role-admin{background:linear-gradient(135deg,#e74c3c,#c0392b)}.role-editor{background:linear-gradient(135deg,#3498db,#2980b9)}.role-visitor{background:linear-gradient(135deg,#95a5a6,#7f8c8d)}.btn-nav{align-items:center;background-color:#00bf7e;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;margin-right:12px;padding:8px 16px;transition:background-color .2s}.btn-nav:hover{background-color:#026aa7}.btn-logout{align-items:center;background-color:#f4f5f7;border:none;border-radius:6px;color:#172b4d;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:background-color .2s}.btn-logout:hover{background-color:#ebecf0}.activity-empty,.activity-loading{color:#999;font-size:13px;font-style:italic;padding:16px;text-align:center}.activity-detail{color:#666;font-size:12px;margin-top:4px}.activity-old{color:#e74c3c;text-decoration:line-through}.activity-label-badge{border-radius:3px;color:#fff;display:inline-block;font-size:12px;font-weight:500;margin-left:4px;padding:2px 8px}.activity-new{color:#27ae60;font-weight:600}.confirm-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:24px;width:90%}.confirm-modal-title{color:#172b4d;font-size:20px;font-weight:700;margin:0 0 16px}.confirm-modal-message{color:#5e6c84;font-size:14px;line-height:1.6;margin:0 0 24px}.confirm-modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-secondary{padding:10px 20px}.btn-secondary:hover{background-color:#ebecf0}.btn-danger{border-radius:6px;font-weight:600;padding:10px 20px}.column-drag-handle{color:#ffffffb3;cursor:grab;font-size:18px;padding:0 8px;transition:color .2s;-webkit-user-select:none;user-select:none}.column-drag-handle:hover{color:#fff}.kanban-column[draggable=true]{cursor:grab}.kanban-column[draggable=true]:active{cursor:grabbing}.column-drag-over{background-color:#0079bf0d;border:2px dashed #00bf7e}.kanban-column-header{align-items:center;display:flex;gap:8px}.board-header-actions{align-items:center;display:flex;gap:12px}.btn-members{align-items:center;background-color:#00000040;border:1px solid #00000026;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.btn-members:hover{background-color:#ffffff4d;border-color:#ffffff80}.btn-filter{align-items:center;background-color:#00000040;border:1px solid #00000026;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.btn-filter:hover{background-color:#ffffff4d;border-color:#ffffff80}.members-modal{max-height:80vh;max-width:600px;overflow-y:auto;padding:20px}.invite-section{background-color:#f4f5f7;border-radius:8px;margin-bottom:24px;padding:16px}.invite-section h3{color:#172b4d;font-size:14px;font-weight:600;margin:0 0 12px}.invite-form{align-items:center;display:flex;gap:8px}.invite-input{flex:1 1}.invite-input,.invite-select{border:1px solid #dfe1e6;border-radius:4px;font-size:14px;padding:8px 12px}.invite-select{background-color:#fff;cursor:pointer}.members-list h3{color:#172b4d;font-size:14px;font-weight:600;margin:0 0 12px}.members-items{display:flex;flex-direction:column;gap:8px}.member-item{align-items:center;background-color:#f4f5f7;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:background-color .2s}.member-item:hover{background-color:#ebecf0}.member-info{flex:1 1;gap:12px}.member-avatar,.member-info{align-items:center;display:flex}.member-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.member-details{flex:1 1}.member-name{color:#172b4d;font-size:14px;font-weight:600;margin-bottom:2px}.member-you{font-style:italic;font-weight:400}.member-email,.member-you{color:#5e6c84;font-size:12px}.member-actions{align-items:center;display:flex;gap:8px}.member-role-select{background-color:#fff;border:1px solid #dfe1e6;border-radius:4px;cursor:pointer;font-size:13px;padding:6px 10px}.btn-remove-member{align-items:center;background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;transition:background-color .2s;width:28px}.btn-remove-member:hover{background-color:#c0392b}.empty-message,.loading-message{color:#5e6c84;font-size:14px;padding:24px;text-align:center}.error-message{background-color:#ffebe6;border-radius:4px;color:#bf2600;font-size:14px;padding:12px}.admin-page{background:linear-gradient(135deg,#fff,#00bf7e);min-height:100vh;padding:0}.admin-header{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px 30px}.admin-header h1{color:#172b4d;font-size:24px;margin:0}.admin-content{margin:0 auto;max-width:1400px;width:100%}.admin-boards-list{width:100%}.admin-boards-list h2{color:#172b4d;font-size:18px;margin:0 0 20px}.boards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.board-card{border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:150px;padding:16px;position:relative;transition:transform .2s,box-shadow .2s}.board-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.board-card.selected{box-shadow:0 0 0 3px #0079bf80}.board-card-title{color:#fff;font-size:16px;font-weight:600;margin:0;text-shadow:0 1px 2px #0003}.board-card-actions{display:flex;gap:4px}.btn-edit-board{background-color:#ffffff4d;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:4px 8px;transition:background-color .2s}.btn-edit-board:hover{background-color:#ffffff80}.board-title-edit{flex:1 1}.board-title-input{background-color:#ffffffe6;border:2px solid #fff;border-radius:4px;color:#172b4d;font-size:16px;font-weight:600;padding:6px 10px;width:100%}.color-palette{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(5,1fr);margin-top:12px}.color-option{align-items:center;border-radius:8px;display:flex;height:40px;justify-content:center;position:relative;width:40px}.color-option:hover{border-color:#fff}.color-option.selected{border-color:#fff;box-shadow:0 0 0 2px #ffffff80}.color-option-reset{background:#f4f5f7!important;border:2px dashed #8fa1a8!important;color:#8fa1a8}.color-option-reset:hover{background:#e4e6e9!important;border-color:#6b7a84!important;color:#6b7a84}.color-option-reset.selected{border:2px solid #00bf7e!important;box-shadow:0 0 0 2px #00bf7e4d!important;color:#00bf7e}.color-check{color:#fff;font-size:18px;font-weight:700;text-shadow:0 1px 2px #0000004d}.admin-board-details{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;max-height:calc(100vh - 140px);overflow-y:auto;padding:20px}.admin-board-details h2{color:#172b4d;font-size:18px;margin:0 0 20px}.members-list-admin{display:flex;flex-direction:column;gap:12px}.member-item-admin{align-items:center;background-color:#f4f5f7;border-radius:8px;display:flex;gap:12px;padding:12px}.member-info-admin{flex:1 1}@media (max-width:1024px){.admin-content{grid-template-columns:1fr}.boards-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.search-container{border:1px solid #b4b4b433;border-radius:7px;max-width:500px;position:relative;width:100%}.search-input-wrapper{align-items:center;background-color:#b4b4b433;border-radius:6px;display:flex;padding:8px 12px;position:relative;transition:background-color .2s}.search-input-wrapper:focus-within{background-color:#ffffff4d}.search-icon{font-size:16px;margin-right:8px}.search-input{background:#0000;border:none;color:#5e6c84;flex:1 1;font-size:14px;outline:none}.search-input::placeholder{color:#848484b3}.search-clear{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;opacity:.7;padding:0 4px;transition:opacity .2s}.search-clear:hover{opacity:1}.search-toggle-archived{align-items:center;background:none;border:none;border-radius:4px;color:#848484b3;cursor:pointer;display:flex;justify-content:center;margin-left:4px;padding:4px 8px;transition:all .2s}.search-toggle-archived:hover{background-color:#ffffff1a;color:#fff}.search-toggle-archived.active{background-color:#fff3;color:#1f6aff}.search-result-archived-badge{align-items:center;background-color:#fff4e6;border-radius:12px;color:#1f6aff;display:flex;font-size:11px;font-weight:600;gap:4px;margin-left:auto;padding:2px 8px}.search-results{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;max-height:500px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.search-results-header{border-bottom:1px solid #e0e0e0;color:#5e6c84;font-size:13px;font-weight:600;padding:12px 16px}.search-results-list{padding:8px 0}.search-result-item{border-bottom:1px solid #f4f5f7;cursor:pointer;padding:12px 16px;transition:background-color .2s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:#f4f5f7}.search-result-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.search-result-board-badge{border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.search-result-column{background-color:#f4f5f7;border-radius:4px;color:#5e6c84;font-size:11px;padding:2px 8px}.search-result-title{color:#172b4d;font-size:14px;font-weight:600;margin-bottom:4px}.search-result-title mark{background-color:#fff4b3;border-radius:2px;padding:1px 2px}.search-result-description{color:#5e6c84;font-size:13px;line-height:1.4;margin-bottom:6px}.search-result-description mark{background-color:#fff4b3;border-radius:2px;padding:1px 2px}.search-result-meta{color:#95a5a6;font-size:11px;font-style:italic}.search-empty,.search-error,.search-loading{color:#5e6c84;font-size:14px;padding:24px;text-align:center}.search-error{color:#e74c3c}@media (max-width:768px){.navbar-center{display:none}}.attachment-section{background-color:#f4f5f7;border-radius:8px;margin:20px 0;padding:16px}.attachment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.attachment-header h3{color:#172b4d;font-size:16px;font-weight:600;margin:0}.btn-attachment-add{align-items:center;background-color:#00bf7e;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 12px;transition:background-color .2s}.btn-attachment-add:hover:not(:disabled){background-color:#026aa7}.btn-attachment-add:disabled{cursor:not-allowed;opacity:.6}.attachment-error{background-color:#ffebe6;border-radius:4px;color:#bf2600;font-size:13px;margin-bottom:12px;padding:8px 12px}.attachment-empty,.attachment-loading{color:#5e6c84;font-size:14px;padding:20px;text-align:center}.attachment-list{display:flex;flex-direction:column;gap:8px}.attachment-item{align-items:center;background-color:#fff;border-radius:6px;display:flex;gap:12px;padding:12px;transition:box-shadow .2s}.attachment-item:hover{box-shadow:0 2px 4px #0000001a}.attachment-icon{flex-shrink:0;font-size:24px}.attachment-info{flex:1 1;min-width:0}.attachment-filename{color:#172b4d;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-meta{color:#5e6c84;font-size:12px;margin-top:2px}.attachment-actions{display:flex;flex-shrink:0;gap:8px}.btn-attachment-delete,.btn-attachment-download{background:none;border:none;border-radius:4px;cursor:pointer;font-size:18px;padding:4px;transition:background-color .2s}.btn-attachment-download:hover{background-color:#e4f0f6}.btn-attachment-delete:hover{background-color:#ffebe6}.card-label-banner{align-items:center;border-radius:8px 8px 0 0;display:flex;height:50px;justify-content:flex-start;left:0;padding-left:15px;position:absolute;top:0;width:100%}.card-color-palette{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}.card-color-option{align-items:center;border:2px solid #0000;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.card-color-option:hover{box-shadow:0 2px 6px #0003;transform:scale(1.1)}.card-color-option.selected{border-color:#172b4d;box-shadow:0 0 0 2px #fff,0 0 0 4px #172b4d}.card-color-remove{align-items:center;background-color:#f4f5f7;border:2px dashed #5e6c84;border-radius:8px;color:#5e6c84;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.card-color-remove:hover{background-color:#ebecf0;border-color:#172b4d;color:#172b4d}.card-color-preview{border-radius:6px;box-shadow:0 1px 3px #0000001a;color:#fff;font-weight:600;padding:12px;text-align:center}.card-label-banner-empty{align-items:center;background:linear-gradient(135deg,#f4f5f7,#e0e0e0);border-radius:8px 8px 0 0;display:flex;height:50px;justify-content:flex-start;left:0;padding-left:15px;position:absolute;top:0;width:100%}.btn-color-picker{align-items:center;background-color:#0003;border:2px solid #fffc;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-color-picker:hover{background-color:#0000004d;transform:scale(1.1)}.card-label-banner-empty .btn-color-picker{background-color:#0000001a;border-color:#5e6c84;color:#5e6c84}.card-label-banner-empty .btn-color-picker:hover{background-color:#00000026}.color-palette-dropdown{background:#fff;border-radius:8px;box-shadow:0 8px 16px #00000026;left:15px;min-width:280px;padding:16px;position:absolute;top:60px;z-index:1000}.color-palette-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.color-palette-header h4{color:#172b4d;font-size:14px;font-weight:600;margin:0}.color-palette-header button{align-items:center;background:none;border:none;border-radius:4px;color:#5e6c84;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s}.color-palette-header button:hover{background-color:#f4f5f7}.image-preview-backdrop{align-items:center;background-color:#000000e6;bottom:0;cursor:zoom-out;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.image-preview-container{cursor:default;max-height:90vh;max-width:90vw;position:relative}.image-preview{border-radius:8px;box-shadow:0 8px 32px #00000080;max-height:90vh;max-width:100%;object-fit:contain}.image-preview-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:-50px;transition:all .2s;width:40px}.image-preview-close:hover{background:#ffffff4d;transform:scale(1.1)}.attachment-icon:hover{opacity:.8}.join-board-page{align-items:center;background:linear-gradient(135deg,#00bf7e,#026aa7);display:flex;justify-content:center;min-height:100vh;padding:20px}.join-board-container{max-width:500px;width:100%}.join-board-card{background:#fff;border-radius:8px;box-shadow:0 8px 16px #0003;padding:40px;text-align:center}.join-board-card h1{color:#172b4d;font-size:24px;margin-bottom:16px}.join-board-card h2{color:#172b4d;font-size:20px;margin-bottom:12px}.join-board-card p{color:#5e6c84;font-size:14px;line-height:1.6;margin-bottom:24px}.join-board-actions{display:flex;gap:12px;justify-content:center}.join-board-spinner{animation:spin 1s linear infinite;border:4px solid #dfe1e6;border-radius:50%;border-top-color:#00bf7e;height:50px;margin:0 auto 20px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.join-board-success{background-color:#61bd4f}.join-board-error,.join-board-success{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:700;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.join-board-error{background-color:#bf2600}.join-board-redirect{color:#00bf7e;font-size:12px;font-style:italic}.admin-boards-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px;margin-top:20px}.admin-boards-header h2{color:#172b4d;font-size:24px;font-weight:600;margin:0}.create-board-inline{align-items:stretch;display:flex;gap:12px}.create-board-inline .btn{height:auto;padding:10px 24px}.create-board-input-inline{border:2px solid #dfe1e6;border-radius:6px;font-size:14px;min-width:300px;padding:10px 16px;transition:border-color .2s}.create-board-input-inline:focus{border-color:#00bf7e;outline:none}.create-board-input-inline::placeholder{color:#5e6c84}.boards-grid-responsive{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}@media (max-width:768px){.boards-grid-responsive{grid-template-columns:1fr}}@media (min-width:1400px){.boards-grid-responsive{grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}}.board-row{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;overflow:hidden;transition:transform .2s,box-shadow .2s}.board-row:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.board-row-color{flex-shrink:0;width:8px}.board-row-content{flex:1 1;padding:20px}.board-row-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.board-row-title{margin:0}.board-row-title,.board-row-title-input{color:#172b4d;font-size:20px;font-weight:600}.board-row-title-input{border:2px solid #00bf7e;border-radius:4px;padding:6px 10px}.board-row-actions{display:flex;gap:8px}.btn-icon{align-items:center;background:none;border:none;border-radius:4px;color:#5e6c84;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s,color .2s}.btn-icon:hover{background-color:#f4f5f7;color:#172b4d}.btn-icon-danger{color:#bf2600}.btn-icon-danger:hover{background-color:#ffebe6;color:#bf2600}.btn-color-badge{border:2px solid #dfe1e6;border-radius:50%;box-shadow:0 1px 3px #0000001a;cursor:pointer;height:32px;transition:all .2s;width:32px}.btn-color-badge:hover{border-color:#172b4d;box-shadow:0 2px 6px #0003;transform:scale(1.1)}.board-row-stats{background-color:#f4f5f7;border-radius:6px;display:flex;gap:24px;margin-bottom:16px;padding:12px}.board-stat{display:flex;flex-direction:column;gap:4px}.board-stat-label{color:#5e6c84;font-size:12px;font-weight:500}.board-stat-value{color:#172b4d;font-size:18px;font-weight:600}.board-stat-archived{color:#ff991f}.board-row-buttons{display:flex;flex-wrap:wrap;gap:12px}.board-row-color-palette{background-color:#f4f5f7;border-radius:6px;margin-top:16px;padding:16px}.board-row-color-palette h4{color:#172b4d;font-size:14px;font-weight:600;margin:0 0 12px}.color-palette-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr)}.btn-secondary{align-items:center;background-color:#f4f5f7;border:none;border-radius:6px;color:#172b4d;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:background-color .2s}.btn-secondary:hover:not(:disabled){background-color:#dfe1e6}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.archived-cards-page{background-color:#f4f5f7;min-height:100vh;padding:0}.archived-cards-container{margin:0 auto;max-width:1200px;padding:20px}.archived-cards-header{align-items:center;display:flex;gap:20px;margin-bottom:24px;margin-top:20px}.btn-back{align-items:center;background-color:#fff;border:2px solid #dfe1e6;border-radius:6px;color:#172b4d;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s}.btn-back:hover{background-color:#f4f5f7;border-color:#00bf7e}.archived-cards-content{margin:0 auto;max-width:1200px}.archived-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.archived-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;overflow:hidden;padding:16px;position:relative;transition:transform .2s,box-shadow .2s}.archived-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.archived-card-label{height:8px;left:0;position:absolute;right:0;top:0}.archived-card-title{color:#172b4d;font-size:16px;font-weight:600;margin:0 0 8px}.archived-card-description{color:#5e6c84;font-size:14px;line-height:1.4;margin:0 0 12px}.archived-card-meta{align-items:center;color:#5e6c84;display:flex;font-size:12px;gap:8px}.archived-card-column{background-color:#f4f5f7;border-radius:4px;font-weight:500;padding:4px 8px}.profile-settings-page{background:linear-gradient(135deg,#fff,#00bf7e);min-height:100vh;padding:0}.profile-settings-container{margin:0 auto;max-width:800px;padding:20px}.profile-settings-header{align-items:center;display:flex;gap:20px;margin-bottom:32px;margin-top:20px}.profile-settings-content{display:flex;flex-direction:column;gap:24px}.settings-section{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:32px}.settings-section-header{align-items:center;border-bottom:2px solid #f4f5f7;display:flex;gap:12px;margin-bottom:24px;padding-bottom:16px}.settings-section-header h2{color:#172b4d;font-size:20px;font-weight:600;margin:0}.settings-form{display:flex;flex-direction:column;gap:20px}.settings-form .form-group{display:flex;flex-direction:column;gap:8px}.settings-form .form-group label{color:#172b4d;font-size:14px;font-weight:600}.settings-form .form-group input{border:2px solid #dfe1e6;border-radius:6px;font-size:14px;padding:12px 16px;transition:border-color .2s}.settings-form .form-group input:focus{border-color:#00bf7e;outline:none}.settings-form .form-group input:disabled{background-color:#f4f5f7;cursor:not-allowed}.settings-form .form-group small{color:#5e6c84;font-size:12px}.settings-error{background-color:#ffebe6;color:#bf2600}.settings-error,.settings-success{border-radius:6px;font-size:14px;margin-bottom:16px;padding:12px 16px}.settings-success{align-items:center;background-color:#e3fcef;color:#064;display:flex;gap:8px}.label-manager{margin-top:16px}.label-manager-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.label-manager-header h4{color:#172b4d;font-size:14px;font-weight:600;margin:0}.label-header-actions{align-items:center;display:flex;gap:8px}.label-add-section{margin-bottom:16px}.form-section-title{color:#172b4d;font-size:13px;font-weight:600;margin:0 0 12px}.existing-labels-list{background-color:#f4f5f7;border-radius:4px;display:flex;gap:8px;margin-top:20px;padding:12px}.existing-labels-title{color:#5e6c84;font-size:13px;font-weight:500;margin:0 0 12px}.existing-label-item{cursor:pointer;margin-bottom:8px;max-width:250px;transition:transform .2s}.existing-label-item:hover{transform:translateX(4px)}.existing-label-item:last-child{margin-bottom:0}.no-labels-message{color:#5e6c84;font-size:13px;font-style:italic;margin:0}.labels-list{display:flex;flex-direction:row;gap:8px;margin-bottom:12px}.label-item{width:100%}.label-display{align-items:center;display:flex;gap:8px;justify-content:space-between;max-width:250px}.label-badge{border-radius:4px;color:#fff;flex:1 1;font-size:14px;font-weight:600;padding:4px 12px;text-align:center}.label-buttons{display:flex;gap:4px}.btn-icon-small{align-items:center;background:none;border:none;border-radius:4px;color:#5e6c84;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.btn-icon-small:hover{background-color:#f4f5f7;color:#172b4d}.label-add-form,.label-edit-form{background-color:#f4f5f7;border-radius:6px;display:flex;flex-direction:column;gap:12px;padding:12px}.label-input{border:2px solid #dfe1e6;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s}.label-input:focus{border-color:#00bf7e;outline:none}.color-picker{display:flex;flex-wrap:wrap;gap:8px}.color-option{border:2px solid #0000;border-radius:4px;cursor:pointer;height:32px;transition:all .2s;width:32px}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#172b4d;box-shadow:0 0 0 2px #fff,0 0 0 4px #172b4d}.label-actions{display:flex;gap:8px}.btn-sm{align-items:center;display:flex;font-size:13px;gap:6px;padding:6px 12px}.card-labels{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.card-label-badge{border-radius:3px;color:#fff;font-size:11px;font-weight:600;max-width:120px;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.card-label-strips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.card-label-strip{border-radius:3px;cursor:pointer;height:10px;transition:all .2s ease;width:30px}.card-label-strip:hover{box-shadow:0 2px 4px #0003;transform:scale(1.1)}.card-assignments{margin-top:16px}.card-assignments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.card-assignments-header h4{color:#172b4d;font-size:14px;font-weight:600;margin:0}.assigned-users-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.assigned-user-item{align-items:center;background-color:#f4f5f7;border-radius:6px;display:flex;justify-content:space-between;padding:8px;transition:background-color .2s}.assigned-user-item:hover{background-color:#ebecf0}.assigned-user-info{align-items:center;display:flex;flex:1 1;gap:10px}.assigned-user-avatar{align-items:center;background:linear-gradient(135deg,#00bf7e,#009688);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;overflow:hidden;width:32px}.assigned-user-avatar-image{height:100%;object-fit:cover;width:100%}.assigned-user-details{display:flex;flex-direction:column;gap:2px}.assigned-user-name{color:#172b4d;font-size:14px;font-weight:500}.assigned-user-email{color:#5e6c84;font-size:12px}.no-assignments{color:#5e6c84;font-size:13px;font-style:italic;padding:12px;text-align:center}.assignment-add-form{background-color:#f4f5f7;border-radius:6px;display:flex;flex-direction:column;gap:12px;padding:12px}.available-members-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.available-member-item{align-items:center;background-color:#fff;border-radius:4px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:background-color .2s}.available-member-item:hover{background-color:#e4f0f6}.no-available-members{color:#5e6c84;font-size:13px;padding:12px;text-align:center}.card-assigned-users{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.card-user-avatar{align-items:center;background:linear-gradient(135deg,#00bf7e,#009688);border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;font-weight:600;height:32px;justify-content:center;overflow:hidden;transition:transform .2s;width:32px}.card-user-avatar:hover{transform:scale(1.15);z-index:10}.card-user-avatar-image{height:100%;object-fit:cover;width:100%}.avatar-section{align-items:center;background-color:#f4f5f7;border-radius:8px;display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:20px}.avatar-preview{border:4px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;height:120px;overflow:hidden;width:120px}.avatar-image{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#00bf7e,#009688);color:#fff;display:flex;font-size:48px;font-weight:600;height:100%;justify-content:center;width:100%}.avatar-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.avatar-info{color:#5e6c84;text-align:center}.avatar-info small{font-size:12px}.btn-danger{align-items:center;background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:background-color .2s}.btn-danger:hover{background-color:#c0392b}.btn-danger:disabled{background-color:#bdc3c7;cursor:not-allowed}.filter-panel-overlay{background-color:#00000080;left:0;z-index:999}.filter-panel,.filter-panel-overlay{bottom:0;position:fixed;right:0;top:0}.filter-panel{background-color:#fff;box-shadow:-2px 0 8px #0000001a;display:flex;flex-direction:column;width:400px;z-index:1000}.filter-panel-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.filter-panel-header h3{color:#172b4d;font-size:18px;font-weight:600;margin:0}.filter-panel-content{flex:1 1;overflow-y:auto;padding:20px}.filter-section{margin-bottom:24px}.filter-label{align-items:center;color:#172b4d;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.filter-input{border:1px solid #dfe1e6;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.landing-page{background:#fff;min-height:100vh}.landing-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e8e8e8;left:0;padding:16px 0;position:fixed;right:0;top:0;z-index:1000}.landing-container{margin:0 auto;max-width:1200px;padding:0 24px}.landing-nav{justify-content:space-between}.landing-logo,.landing-nav{align-items:center;display:flex}.landing-logo{gap:12px}.landing-logo-img{height:60px;max-width:200px;object-fit:contain;width:auto}.landing-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00bf7e,#026aa7);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;letter-spacing:-.5px}.landing-nav-actions{display:flex;gap:12px}.btn-landing-secondary{background:#0000;border:1px solid #dfe1e6;border-radius:6px;color:#172b4d;cursor:pointer;font-size:15px;font-weight:500;padding:10px 24px;transition:all .2s}.btn-landing-secondary:hover{background:#f4f5f7;border-color:#c1c7d0}.btn-landing-primary{background:linear-gradient(135deg,#00bf7e,#026aa7);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px 24px;transition:all .2s}.btn-landing-primary:hover{background:linear-gradient(135deg,#00a66d,#025a8f);box-shadow:0 4px 12px #00bf7e66;transform:translateY(-1px)}.landing-hero{background:linear-gradient(135deg,#00bf7ee6 20%,#026aa7bf),url(/static/media/ventilio_styl3D.9e595cdf164db3f61a70.jpg) 50%/cover no-repeat;padding:140px 0 80px;position:relative}.landing-hero-content{margin:0 auto;max-width:700px;text-align:center}.landing-hero-title{color:#fff;font-size:56px;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 24px;text-shadow:0 2px 8px #0000004d}.landing-hero-subtitle{color:#fff;font-size:20px;line-height:1.6;margin:0 0 40px;text-shadow:0 2px 6px #0003}.landing-hero-actions{display:flex;gap:16px;justify-content:center;margin-bottom:24px}.btn-landing-hero-primary{align-items:center;background:linear-gradient(135deg,#00bf7e,#026aa7);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:16px 32px;transition:all .2s}.btn-landing-hero-primary:hover{background:linear-gradient(135deg,#00a66d,#025a8f);box-shadow:0 8px 24px #00bf7e66;transform:translateY(-2px)}.btn-landing-hero-secondary{background:#fffffff2;border:2px solid #ffffff4d;border-radius:8px;color:#026aa7;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .2s}.btn-landing-hero-secondary:hover{background:#fff;border-color:#fff;box-shadow:0 8px 24px #0003;color:#00bf7e;transform:translateY(-2px)}.landing-hero-note{color:#ffffffe6;font-size:14px;margin:0;text-shadow:0 1px 4px #0003}.landing-hero-visual{display:flex;justify-content:center;margin-top:60px}.landing-board-preview{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000001a;display:flex;gap:16px;padding:24px}.preview-column{width:200px}.preview-column-header{background:#f4f5f7;border-radius:6px;color:#172b4d;font-size:14px;font-weight:600;margin-bottom:12px;padding:12px}.preview-card{background:#fff;border:1px solid #dfe1e6;border-radius:6px;height:80px;margin-bottom:8px;overflow:hidden;position:relative}.preview-card-1:before,.preview-card-2:before,.preview-card-3:before,.preview-card-4:before,.preview-card-5:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.preview-card-1:before{background:#75d494}.preview-card-2:before{background:#edd87a}.preview-card-3:before{background:#85bfe0}.preview-card-4:before{background:#c7a8ed}.preview-card-5:before{background:#eda8a1}.landing-features{background:#fff;padding:80px 0}.landing-section-header{margin-bottom:60px;text-align:center}.landing-section-header h2{color:#172b4d;font-size:42px;font-weight:700;margin:0 0 16px}.landing-section-header p{color:#5e6c84;font-size:18px;margin:0}.landing-features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.landing-feature-card{background:linear-gradient(135deg,#00bf7e0d,#026aa70d);border:1px solid #00bf7e1a;border-radius:12px;padding:32px;transition:all .3s}.landing-feature-card:hover{border-color:#00bf7e4d;box-shadow:0 12px 32px #00bf7e33;transform:translateY(-4px)}.landing-feature-icon{align-items:center;background:linear-gradient(135deg,#00bf7e,#026aa7);border-radius:12px;color:#fff;display:flex;height:64px;justify-content:center;margin-bottom:20px;width:64px}.landing-feature-card h3{color:#172b4d;font-size:20px;font-weight:600;margin:0 0 12px}.landing-feature-card p{color:#5e6c84;font-size:15px;line-height:1.6;margin:0}.landing-benefits{background:linear-gradient(135deg,#f8f9ff,#fff);padding:80px 0}.landing-benefits-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr}.landing-benefits-text h2{color:#172b4d;font-size:42px;font-weight:700;margin:0 0 20px}.landing-benefits-intro{color:#5e6c84;font-size:18px;line-height:1.6;margin:0 0 32px}.landing-benefits-list{list-style:none;margin:0;padding:0}.landing-benefits-list li{align-items:center;color:#172b4d;display:flex;font-size:16px;gap:12px;padding:12px 0}.landing-benefits-list li svg{color:#36b37e;flex-shrink:0}.landing-benefits-visual{display:flex;justify-content:center}.benefits-card{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000001a;max-width:400px;padding:24px;width:100%}.benefits-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.benefits-avatar,.benefits-avatar-group{display:flex;margin-left:-8px}.benefits-avatar{align-items:center;background:linear-gradient(135deg,#00bf7e,#026aa7);border:2px solid #fff;border-radius:50%;color:#fff;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.benefits-badge{background:#f4f5f7;border-radius:12px;color:#5e6c84;font-size:12px;font-weight:500;padding:4px 12px}.benefits-card-body{border-top:1px solid #f4f5f7;padding-top:16px}.benefits-label{background:linear-gradient(135deg,#00bf7e,#026aa7);border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:500;margin-bottom:16px;margin-right:8px;padding:4px 12px}.benefits-progress{background:#f4f5f7;border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden}.benefits-progress-bar{background:linear-gradient(135deg,#00bf7e,#026aa7);border-radius:4px;height:100%;width:62%}.benefits-stats{color:#5e6c84;display:flex;font-size:13px;justify-content:space-between}.landing-cta{background:linear-gradient(135deg,#00bf7e,#026aa7);padding:80px 0}.landing-cta-content{color:#fff;text-align:center}.landing-cta-content h2{font-size:42px;font-weight:700;margin:0 0 16px}.landing-cta-content p{font-size:18px;margin:0 0 32px;opacity:.9}.btn-landing-cta{align-items:center;background:#fff;border:none;border-radius:8px;color:#026aa7;cursor:pointer;display:inline-flex;font-size:18px;font-weight:600;gap:12px;padding:18px 40px;transition:all .2s}.btn-landing-cta:hover{box-shadow:0 12px 32px #0003;transform:translateY(-2px)}.landing-footer{background:#fff;padding:60px 0 24px}.landing-footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:40px}.landing-footer-brand p{color:#5e6c84;line-height:1.6;margin-top:16px}.landing-footer-column h4{color:#172b4d;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.landing-footer-column a{color:#5e6c84;display:block;font-size:15px;padding:8px 0;text-decoration:none;transition:color .2s}.landing-footer-column a:hover{color:#00bf7e}.landing-footer-bottom{border-top:1px solid #dfe1e6;padding-top:24px;text-align:center}.landing-footer-bottom p{color:#5e6c84;font-size:14px;margin:0}@media (max-width:992px){.landing-footer-content{gap:32px;grid-template-columns:1fr 1fr}}@media (max-width:768px){.landing-hero-title{font-size:36px}.landing-hero-subtitle{font-size:16px}.landing-board-preview,.landing-hero-actions{flex-direction:column}.preview-column{width:100%}.landing-benefits-content,.landing-footer-content{grid-template-columns:1fr}.landing-section-header h2{font-size:32px}.landing-nav-actions{gap:8px}.btn-landing-primary,.btn-landing-secondary{font-size:14px;padding:8px 16px}}.filter-input:focus{border-color:#00bf7e;outline:none}.filter-options{display:flex;flex-direction:column;gap:8px}.filter-option{align-items:center;border:1px solid #dfe1e6;border-radius:4px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .2s}.filter-option:hover{background-color:#f4f5f7}.filter-option.active{background-color:#e3fcef;border-color:#00bf7e}.filter-option-avatar{align-items:center;background:linear-gradient(135deg,#00bf7e,#009688);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:28px;justify-content:center;overflow:hidden;width:28px}.filter-option-avatar img{height:100%;object-fit:cover;width:100%}.filter-label-option{align-items:center;display:flex;gap:10px}.filter-label-color{border-radius:4px;flex-shrink:0;height:24px;width:24px}.filter-date-range{align-items:center;display:flex;gap:8px}.filter-date-range span{color:#5e6c84;font-size:14px}.filter-date-range .filter-input{flex:1 1}.filter-panel-footer{border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding:20px}.pending-invitations{background:linear-gradient(135deg,#fff5e6,#ffe6cc);border-radius:12px;box-shadow:0 4px 12px #ff98001a;margin-bottom:30px;margin-top:10px;padding:20px}.invitations-header{align-items:center;color:#e65100;display:flex;gap:12px;margin-bottom:20px}.invitations-header h3{font-size:1.2rem;font-weight:600;margin:0}.invitations-list{display:flex;flex-direction:column;gap:15px}.invitation-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;gap:20px;justify-content:space-between;padding:16px;transition:transform .2s,box-shadow .2s}.invitation-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.invitation-info{align-items:center;display:flex;flex:1 1;gap:16px}.invitation-board-badge{border-radius:6px;box-shadow:0 2px 4px #0000001a;font-size:.9rem;font-weight:600;padding:8px 16px;white-space:nowrap}.invitation-details{flex:1 1}.invitation-text{color:#333;font-size:.95rem;line-height:1.5;margin:0 0 8px}.invitation-role{font-weight:600}.invitation-date{color:#666;font-size:.85rem;margin:0}.invitation-actions{display:flex;gap:10px}.btn-accept{align-items:center;background:linear-gradient(135deg,#00bf7e,#00a86b);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-accept:hover{box-shadow:0 4px 12px #00bf7e4d;transform:translateY(-2px)}.btn-decline{align-items:center;background:#fff;border:2px solid #e74c3c;border-radius:6px;color:#e74c3c;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-decline:hover{background:#e74c3c;box-shadow:0 4px 12px #e74c3c4d;color:#fff;transform:translateY(-2px)}.admin-dashboard,.admin-extended-dashboard,.api-documentation,.api-tokens-management,.landing-page,.pricing-config,.user-detail{background:linear-gradient(135deg,#00bf7ee6 20%,#026aa7bf),url(/static/media/ventilio_styl3D.9e595cdf164db3f61a70.jpg) 50%/cover no-repeat fixed;min-height:100vh}.admin-dashboard>:not(.admin-header),.admin-extended-dashboard>:not(.admin-extended-header),.api-documentation>:not(.doc-header),.api-tokens-management>:not(.tokens-header),.pricing-config>:not(.pricing-header),.user-detail>:not(.user-detail-header){position:relative;z-index:1}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}
/*# sourceMappingURL=main.761a2d23.css.map*/