.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-dark) 100%);padding:20px}.login-card{background:var(--glass-bg-heavy);backdrop-filter:var(--glass-blur-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl),0 0 0 1px var(--glass-border);width:100%;max-width:420px;padding:40px;animation:modalIn .5s cubic-bezier(.34,1.56,.64,1) both}.login-header{text-align:center;margin-bottom:32px}.login-title{font-size:32px;font-weight:700;color:var(--primary-green);margin-bottom:8px}.login-subtitle{font-size:16px;color:var(--text-secondary)}.login-form{margin-bottom:24px}.login-btn{width:100%;padding:14px;font-size:16px;margin-top:8px}.login-footer{text-align:center;padding-top:24px;border-top:1px solid var(--border-color)}.login-note{font-size:13px;color:var(--text-secondary);line-height:1.5}@media (max-width: 480px){.login-container{padding:40px 16px 16px;align-items:flex-start}.login-card{padding:24px 20px;border-radius:var(--radius-lg)}.login-title{font-size:26px}.login-header{margin-bottom:24px}.login-btn{padding:14px;font-size:16px;min-height:48px}}.dashboard{max-width:1400px;margin:0 auto;animation:fadeInUp .4s ease-out both}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.page-title{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.page-subtitle{font-size:16px;color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--glass-border);display:flex;flex-direction:column;gap:12px;transition:all var(--transition-normal);animation:fadeInUp .4s ease-out both}.stat-card:nth-child(2){animation-delay:.05s}.stat-card:nth-child(3){animation-delay:.1s}.stat-card:nth-child(4){animation-delay:.15s}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.stat-card-highlight{border:2px solid var(--primary-green-light);background:linear-gradient(135deg,rgba(241,248,233,.7) 0%,var(--glass-bg) 100%)}.stat-icon{font-size:36px}.stat-content{flex:1}.stat-label{font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-value{font-size:32px;font-weight:700;color:var(--primary-green)}.stat-link{color:var(--primary-green);text-decoration:none;font-size:14px;font-weight:500;transition:color var(--transition-fast)}.stat-link:hover{color:var(--primary-green-dark)}.dashboard-sections{display:grid;gap:32px}.dashboard-section{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--glass-border);animation:fadeInUp .5s ease-out both}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title{font-size:20px;font-weight:600;color:var(--text-primary)}.order-id{font-family:monospace;font-weight:600;color:var(--primary-green)}.customer-name{font-weight:500;margin-bottom:2px}.customer-email{font-size:12px;color:var(--text-secondary)}.order-total{font-weight:600;color:var(--text-primary)}.order-date{font-size:13px;color:var(--text-secondary)}.empty-state{padding:40px;text-align:center;color:var(--text-secondary)}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.action-card{display:flex;align-items:flex-start;gap:16px;padding:20px;border:1px solid var(--glass-border);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-normal);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.action-card:hover{border-color:var(--primary-green);background:linear-gradient(135deg,rgba(241,248,233,.7) 0%,var(--glass-bg) 100%);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.action-icon{font-size:32px}.action-content{flex:1}.action-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.action-description{font-size:13px;color:var(--text-secondary)}@media (max-width: 768px){.stats-grid,.quick-actions{grid-template-columns:1fr}.stat-card{padding:16px}.stat-value{font-size:28px}.dashboard-section{padding:16px}.action-card{padding:16px;min-height:48px}}@media (max-width: 480px){.stat-value{font-size:24px}.action-card{gap:12px}.action-icon{font-size:24px}}.image-uploader{margin-bottom:20px}.uploader-label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary);font-size:14px}.upload-area{border:2px dashed var(--border-color);border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s;background-color:var(--bg-secondary)}.upload-area:hover,.upload-area-dragover{border-color:var(--primary-green);background-color:var(--primary-green-lightest)}.upload-area-dragover{border-style:solid;transform:scale(1.01)}.upload-icon{font-size:48px;margin-bottom:12px}.upload-text{font-size:14px;color:var(--text-primary);margin-bottom:4px}.upload-hint{font-size:12px;color:var(--text-secondary)}.file-input{display:none}.image-preview-container{border:1px solid var(--border-color);border-radius:8px;padding:16px;background-color:#fff}.preview-frame-default{margin-bottom:12px}.image-preview{width:100%;max-width:400px;height:auto;border-radius:4px;display:block}.image-preview-container{position:relative}.upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#0000008c;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;font-size:14px;font-weight:600}.upload-overlay-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.image-actions{display:flex;gap:8px}.preview-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.preview-hero{background-color:#f5f5f5}.preview-frame-hero{position:relative;width:100%;aspect-ratio:16 / 7;max-height:280px;overflow:hidden;border-radius:6px;margin-bottom:12px;background:#1a1a2e;-webkit-user-select:none;user-select:none}.preview-frame-hero .preview-cover-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.preview-hero-identity-bar{position:absolute;bottom:0;left:0;right:0;height:32px;background:#fff;border-top:1px solid rgba(0,0,0,.06);display:flex;align-items:flex-end;padding:0 16px;gap:10px;pointer-events:none}.preview-hero-badge-circle{width:48px;height:48px;border-radius:50%;background:#00000014;border:3px solid #ffffff;box-shadow:0 1px 8px #0000001a;flex-shrink:0;margin-bottom:4px}.preview-hero-name-placeholder{display:flex;align-items:center;padding-bottom:8px}.ph-line{border-radius:4px}.ph-club-name{width:100px;height:12px;background:#0000001f}.preview-photo{background-color:#f5f5f5}.preview-frame-photo{position:relative;width:100%;max-width:340px;aspect-ratio:4 / 3;overflow:hidden;border-radius:8px;margin-bottom:12px;background:#e8e8e8;-webkit-user-select:none;user-select:none}.preview-frame-photo .preview-cover-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}@media (max-width: 768px){.upload-area{padding:30px 16px}.upload-icon{font-size:36px;margin-bottom:8px}.image-preview{max-width:100%}.image-preview-container{padding:12px}.image-actions{flex-wrap:wrap}.image-actions .btn{min-height:44px;flex:1;justify-content:center;text-align:center}.preview-frame-hero{aspect-ratio:16 / 9;max-height:200px}.preview-frame-photo{max-width:100%}}@media (max-width: 480px){.upload-area{padding:24px 12px}.preview-frame-hero{max-height:160px}}.content-editor{max-width:800px;margin:0 auto}.ce-back-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;font-size:14px;color:var(--primary-green);font-weight:500;padding:0;margin-bottom:8px;transition:opacity .2s}.ce-back-btn:hover{opacity:.7}.ce-breadcrumb{display:flex;align-items:center;gap:4px;padding:0 4px;margin-bottom:20px}.ce-breadcrumb-item{background:none;border:none;cursor:pointer;font-size:13px;color:var(--text-secondary);padding:4px 8px;border-radius:6px;transition:all .2s;font-weight:500}.ce-breadcrumb-item:hover:not(.active){background:var(--bg-secondary);color:var(--text-primary)}.ce-breadcrumb-item.active{color:var(--text-primary);cursor:default;font-weight:600}span.ce-breadcrumb-item{cursor:default}.ce-breadcrumb-sep{display:flex;align-items:center;color:var(--text-secondary);opacity:.5}.ce-levels-container{margin-top:8px}.ce-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--glass-border);overflow:hidden;animation:fadeInUp .35s ease-out both}.ce-row{display:flex;align-items:center;gap:16px;width:100%;text-align:left;padding:18px 24px;background:none;border:none;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .15s}.ce-row:last-child{border-bottom:none}.ce-row:hover{background-color:#2e7d320a}.ce-row:active{background-color:#2e7d3214}.ce-row-locked{opacity:.5;cursor:default}.ce-row-locked:hover{background-color:transparent}.ce-row-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-md);flex-shrink:0}.ce-row-content{flex:1;min-width:0}.ce-row-title{display:block;font-size:16px;font-weight:500;color:var(--text-primary);line-height:1.3}.ce-row-subtitle{display:block;font-size:13px;color:var(--text-secondary);margin-top:2px;line-height:1.4}.ce-row-end{display:flex;align-items:center;gap:8px;flex-shrink:0}.ce-row-chevron{color:var(--text-secondary);opacity:.4;display:flex;align-items:center;flex-shrink:0}.ce-row-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:12px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.ce-badge-edited{background-color:#2e7d321a;color:var(--primary-green)}.ce-badge-locked{background-color:#0000000f;color:var(--text-secondary)}.ce-form-card{padding:24px}.ce-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.ce-form-fields{max-width:100%}.ce-form-footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color)}.field-group{margin-bottom:20px}.form-hint{font-size:12px;color:var(--text-secondary);margin-top:6px}.version-text{font-size:13px;color:var(--text-secondary)}.version-text.unsaved{color:#f57c00;font-weight:500}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:overlayIn .2s ease-out}.modal{background:var(--glass-bg-heavy);backdrop-filter:var(--glass-blur-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy);border-radius:var(--radius-xl);padding:32px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);border:1px solid var(--glass-border);animation:modalIn .3s ease-out}.modal h3{font-size:20px;font-weight:600;margin-bottom:20px;color:var(--text-primary)}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color)}.btn-danger{background-color:#c62828;color:#fff}.btn-danger:hover{background-color:#b71c1c}.btn-danger-outline{color:#c62828;border-color:#c62828}.btn-danger-outline:hover{background-color:#ffebee}.locked-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 40px;min-height:400px}.locked-icon{color:var(--text-secondary);opacity:.4;margin-bottom:24px}.locked-title{font-size:22px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.locked-desc{font-size:15px;color:var(--text-secondary);max-width:360px;line-height:1.6;margin-bottom:28px}@media (max-width: 768px){.ce-card{border-radius:var(--radius-lg)}.ce-row{padding:16px 20px;gap:12px}.ce-row-title{font-size:15px}.ce-form-card{padding:16px}.ce-form-actions{flex-wrap:wrap}.ce-form-actions .btn{flex:1;min-width:80px;justify-content:center;text-align:center}.ce-breadcrumb{flex-wrap:wrap}.modal{padding:20px}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%;justify-content:center}}@media (max-width: 480px){.ce-row{padding:14px 16px}.ce-row-icon{width:36px;height:36px;font-size:20px}.ce-form-card{padding:12px}.ce-form-actions{flex-direction:column}.ce-form-actions .btn{min-width:auto}}.video-field{display:flex;flex-direction:column;gap:12px}.video-preview{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-lg);background:#000}.video-preview iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.products-page{max-width:1400px;margin:0 auto}.connect-banner,.limit-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-radius:8px;margin-top:16px}.connect-banner{background:#fff8e1;border:1px solid #ffe082}.limit-banner{background:#e3f2fd;border:1px solid #90caf9}.connect-banner-content,.limit-banner-content{display:flex;align-items:center;gap:16px;flex:1}.connect-banner-icon,.limit-banner-icon{font-size:28px;flex-shrink:0}.connect-banner-content p,.limit-banner-content p{margin:4px 0 0;font-size:14px;color:var(--text-secondary)}.connect-banner .btn,.limit-banner .btn{flex-shrink:0;white-space:nowrap}@media (max-width: 768px){.connect-banner,.limit-banner{flex-direction:column;align-items:flex-start}.connect-banner .btn,.limit-banner .btn{width:100%;justify-content:center;text-align:center}}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:24px}.product-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--glass-border);transition:all var(--transition-normal);animation:fadeInUp .4s ease-out both}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.product-image-container{position:relative;width:100%;height:250px;background-color:var(--bg-secondary);overflow:hidden}.product-image{width:100%;height:100%;object-fit:cover}.product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:14px}.sale-badge{position:absolute;top:12px;right:12px;background-color:var(--danger);color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600}.hidden-badge{position:absolute;bottom:12px;left:12px;right:12px;background-color:#000000bf;color:#fff;padding:6px 10px;border-radius:4px;font-size:11px;font-weight:600;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.product-card.hidden-from-public .product-image,.product-card.hidden-from-public .product-image-placeholder{opacity:.55}.product-card.hidden-from-public{border:1px dashed var(--border, #d0d0d0)}.product-info{padding:20px}.product-name{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.product-category{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.product-description{font-size:14px;color:var(--text-secondary);margin-bottom:16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.product-price{display:flex;align-items:center;gap:8px}.price-regular,.price-sale{font-size:18px;font-weight:700;color:var(--primary-green)}.price-original{font-size:14px;color:var(--text-secondary);text-decoration:line-through}.product-stock{font-size:13px;color:var(--text-secondary)}.product-sizes{font-size:13px;color:var(--text-secondary);margin-bottom:16px}.product-actions{display:flex;gap:8px}.product-actions .btn{flex:1}.product-modal{max-width:700px}.sizes-selector{display:flex;flex-direction:column;gap:16px}.size-group{display:flex;flex-direction:column;gap:8px}.size-group-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.size-group-options{display:flex;flex-wrap:wrap;gap:10px}.size-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer}.size-checkbox input[type=checkbox]{cursor:pointer}.size-label{font-size:14px;color:var(--text-primary);-webkit-user-select:none;user-select:none}.images-list{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.image-item{position:relative;width:100px;height:100px;border-radius:4px;overflow:hidden;border:1px solid var(--border-color)}.image-thumb{width:100%;height:100%;object-fit:cover}.image-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;border:none;background-color:#000000b3;color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1}@media (max-width: 768px){.products-grid,.form-row{grid-template-columns:1fr}.product-modal{max-width:none}.product-info{padding:16px}.product-actions .btn{min-height:44px}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%;justify-content:center;text-align:center}.sizes-selector{gap:8px}.size-checkbox{min-height:44px;padding:8px}.image-item{width:80px;height:80px}.image-remove{width:28px;height:28px;font-size:20px}}@media (max-width: 480px){.product-image-container{height:200px}}.tm-nav{background:#fff;border-bottom:1px solid var(--border, #e5e7eb);padding:0 32px;margin:-24px -32px 24px}.tm-nav-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.tm-nav-tabs::-webkit-scrollbar{display:none}.tm-nav-tab{display:inline-flex;align-items:center;padding:14px 18px;font-size:.9375rem;font-weight:600;color:var(--text-muted, #6b7280);border-bottom:2px solid transparent;text-decoration:none;transition:color .12s ease,border-color .12s ease;white-space:nowrap;letter-spacing:-.005em}.tm-nav-tab:hover{color:var(--text-primary, #1f2937)}.tm-nav-tab.active{color:var(--accent, #2563eb);border-bottom-color:var(--accent, #2563eb)}@media (max-width: 768px){.tm-nav{padding:0 16px;margin:-16px -16px 16px}.tm-nav-tab{padding:12px 14px;font-size:.875rem}}.teams-page{max-width:1400px;margin:0 auto}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-top:24px}.team-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--glass-border);transition:all var(--transition-normal);animation:fadeInUp .4s ease-out both}.team-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.team-image-container{width:100%;height:220px;background-color:var(--bg-secondary);overflow:hidden}.team-image{width:100%;height:100%;object-fit:cover}.team-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:14px}.team-info{padding:20px}.team-name{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.team-age-group{font-size:13px;color:var(--primary-green);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.team-coaches-display{display:flex;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.coach-label{font-size:14px;color:var(--text-secondary)}.coaches-list-compact{font-size:14px;font-weight:600;color:var(--text-primary)}.coach-name-compact{display:inline-flex;align-items:center;gap:8px}.coach-avatar-tiny{width:36px;height:36px;border-radius:50%;object-fit:cover;vertical-align:middle;border:2px solid var(--glass-border);box-shadow:var(--shadow-sm)}.coaches-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.coaches-section-header .form-label{margin-bottom:0}.coaches-empty-hint{font-size:13px;color:var(--text-secondary);margin:0 0 8px}.coaches-form-list{display:flex;flex-direction:column;gap:12px}.coach-form-item{display:flex;align-items:center;gap:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px}.coach-form-avatar{flex-shrink:0;width:56px;height:56px}.coach-avatar-preview{position:relative;width:56px;height:56px}.coach-avatar-preview img{width:56px;height:56px;border-radius:50%;object-fit:cover}.coach-avatar-remove{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border:2px solid white;background:#000000b3;color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;z-index:1;transition:background .2s}.coach-avatar-remove:hover{background:var(--danger, #c62828)}.coach-avatar-placeholder{width:56px;height:56px;border-radius:50%;background:#fff;border:2px dashed var(--border-color);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);position:relative;overflow:hidden;cursor:pointer;transition:all .2s}.coach-avatar-placeholder svg{position:absolute;top:8px;opacity:.25}.coach-avatar-plus{position:absolute;bottom:4px;font-size:16px;font-weight:700;color:var(--text-secondary);opacity:.5;line-height:1;transition:all .2s}.coach-avatar-placeholder .image-uploader{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.coach-avatar-placeholder:hover{border-color:var(--primary-green);background:#2e7d320a}.coach-avatar-placeholder:hover .coach-avatar-plus{color:var(--primary-green);opacity:1}.coach-avatar-placeholder:hover svg{opacity:.4}.coach-form-fields{flex:1;min-width:0}.coach-form-fields .form-input{width:100%}.coach-remove-btn{flex-shrink:0;width:32px;height:32px;border:none;background:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:50%;transition:all .2s}.coach-remove-btn:hover{background:var(--danger);color:#fff}.team-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.team-kicks-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;margin:0 0 12px;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:6px;font-size:12px}.team-kicks-label{color:#5b21b6;font-weight:600}.team-kicks-badge{background:#7c3aed;color:#fff;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.team-actions{display:flex;gap:8px}.team-actions .btn{flex:1}.team-modal{max-width:600px}@media (max-width: 768px){.teams-grid{grid-template-columns:1fr}.team-modal{max-width:none}.team-info{padding:16px}.team-actions .btn{min-height:44px}.team-image-container{height:180px}}@media (max-width: 480px){.team-image-container{height:160px}.team-name{font-size:18px}}.players-page{max-width:1280px;margin:0 auto}.roster-groups{display:flex;flex-direction:column;gap:28px}.roster-group-head{display:flex;align-items:baseline;gap:12px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border, #e5e7eb)}.roster-group-title{font-size:1.0625rem;font-weight:700;color:#111827;margin:0;display:flex;align-items:baseline;gap:8px}.roster-group-age{font-size:.8125rem;font-weight:600;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:999px}.roster-group-count{font-size:.8125rem;color:#9ca3af;font-weight:500}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.page-header h1{margin:0 0 6px;font-size:28px;font-weight:700}.page-subtitle{margin:0;color:var(--color-text-muted, #666);font-size:14px;max-width:60ch;line-height:1.5}.players-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.players-toolbar select,.players-toolbar .players-search{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;font-family:inherit}.players-search{min-width:240px;flex:1 1 240px;max-width:360px}.players-search:focus-visible{outline:2px solid #22c55e;outline-offset:2px;border-color:#22c55e}.toolbar-toggle{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--color-text-muted, #666);cursor:pointer}.toolbar-count{margin-left:auto;font-size:13px;color:var(--color-text-muted, #999)}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.player-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s ease,transform .2s ease}.player-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.player-card.archived{opacity:.55}.player-photo{position:relative;aspect-ratio:4 / 3;background:#f4f4f4;display:flex;align-items:center;justify-content:center;overflow:hidden}.player-photo img{width:100%;height:100%;object-fit:cover;display:block}.player-photo-placeholder{font-size:48px;font-weight:700;color:#bbb;letter-spacing:-2px}.player-number{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:#000000b3;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.player-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.player-card-body h3{margin:0;font-size:16px;font-weight:600;line-height:1.2}.player-meta{margin:0;font-size:13px;color:var(--color-text-muted, #666)}.player-meta-secondary{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-active{background:#dcfce7;color:#166534}.badge-inactive{background:#fef3c7;color:#92400e}.badge-archived{background:#e5e7eb;color:#4b5563}.badge-public{background:#dbeafe;color:#1e3a8a}.badge-private{background:#fee2e2;color:#991b1b}.player-card-actions{display:flex;gap:6px;margin-top:auto;padding-top:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border:1px solid #d1d5db;background:#fff;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease;text-decoration:none;color:inherit}.btn:hover{background:#f9fafb}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:4px 10px;font-size:12px}.btn-primary{background:#22c55e;color:#fff;border-color:#16a34a}.btn-primary:hover{background:#16a34a}.btn-danger{color:#b91c1c;border-color:#fecaca}.btn-danger:hover{background:#fef2f2}.alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.alert-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.alert-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.alert-info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.empty-state{text-align:center;padding:48px 24px;border:2px dashed #e5e7eb;border-radius:12px;color:var(--color-text-muted, #666)}.empty-state p{margin:0 0 16px}.loading{text-align:center;padding:48px;color:var(--color-text-muted, #999)}.players-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px;overflow-y:auto}.players-modal{background:#fff;border-radius:12px;width:100%;max-width:540px;max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 20px 60px #0000004d}.players-modal-wide{max-width:760px}.players-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:1}.players-modal-header h2{margin:0;font-size:20px}.players-modal-close{background:none;border:none;font-size:28px;line-height:1;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.players-modal-close:hover{background:#f3f4f6}.player-form{padding:20px 24px 24px;display:flex;flex-direction:column;gap:20px}.player-form fieldset{border:1px solid #e5e7eb;border-radius:10px;padding:16px 18px 18px;margin:0}.player-form legend{font-size:13px;font-weight:600;color:#374151;padding:0 8px;text-transform:uppercase;letter-spacing:.04em}.player-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500;color:#374151}.player-form input[type=text],.player-form input[type=email],.player-form input[type=date],.player-form input[type=number],.player-form select,.player-form textarea{padding:9px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;background:#fff}.player-form textarea{resize:vertical;min-height:60px;font-family:inherit}.player-form small{font-weight:400;color:#6b7280;font-size:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row>label{width:100%}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.privacy-panel{background:#fffbeb;border-color:#fde68a!important}.privacy-note{margin:0 0 12px;font-size:13px;color:#78350f;line-height:1.5}.checkbox-row{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:8px;font-weight:400;cursor:pointer;padding:4px 0}.checkbox-row input[type=checkbox]{margin-top:2px}.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;margin-top:8px;padding-left:24px}@media (max-width: 600px){.checkbox-grid{grid-template-columns:1fr;padding-left:16px}}.consent-meta{margin:4px 0 0;font-size:12px;color:#6b7280;font-style:italic}.consent-meta strong{color:#374151;font-style:normal;font-weight:600}.consent-audit{margin-top:10px;padding:8px 10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.player-form fieldset.consent-required{background:#fffbeb;border-color:#fde68a}.legend-required{color:#b45309;font-weight:600;text-transform:none;letter-spacing:0}.label-required{color:#b91c1c;font-weight:700;margin-left:2px}.form-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #e5e7eb;margin-top:4px;padding-top:16px}.stats-form{padding:20px 24px 24px;display:flex;flex-direction:column;gap:16px}.stats-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500;color:#374151}.stats-form input{padding:9px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 600px){.stats-grid{grid-template-columns:1fr}}.stats-intro{margin:0;font-size:13px;color:#6b7280;line-height:1.5}.stats-empty{margin:0;font-size:13px;color:#6b7280;font-style:italic;text-align:center;padding:16px 0}.season-block{border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px 16px;margin:0;background:#fcfcfc}.season-block legend{padding:0 8px;display:inline-flex;align-items:center;gap:6px}.season-block-name{width:110px;padding:4px 10px!important;border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;font-weight:600;background:#fff;color:#111827;letter-spacing:.02em}.season-block-name:focus-visible{outline:2px solid #22c55e;outline-offset:1px;border-color:#22c55e}.season-block-remove{background:none;border:none;font-size:22px;line-height:1;color:#9ca3af;cursor:pointer;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:0;transition:background .12s ease,color .12s ease}.season-block-remove:hover{background:#fee2e2;color:#b91c1c}.season-add-btn{align-self:flex-start;background:#f9fafb!important;border-style:dashed!important;color:#16a34a!important;font-weight:600!important}.season-add-btn:hover{background:#f0fdf4!important;border-color:#22c55e!important}.team-picker{padding:24px 0}.team-picker-title{margin:0 0 6px;font-size:20px;font-weight:600}.team-picker-sub{margin:0 0 20px;color:var(--color-text-muted, #6b7280);font-size:14px;max-width:60ch}.team-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.team-picker-card{display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:16px 18px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;font-family:inherit;text-align:left;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.team-picker-card:hover{border-color:#22c55e;transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.team-picker-card:focus-visible{outline:2px solid #22c55e;outline-offset:2px}.team-picker-name{font-size:16px;font-weight:600;color:#111827;line-height:1.2}.team-picker-age{font-size:12px;color:#16a34a;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.team-picker-count{margin-top:4px;font-size:13px;color:#6b7280}.orders-page{max-width:1400px;margin:0 auto}.badge-status-received{background-color:#e8f5e9;color:#388e3c}.badge-status-ready{background-color:#c8e6c9;color:#2e7d32}.badge-status-collected{background-color:#a5d6a7;color:#1b5e20}.badge-status-complete{background-color:#2e7d32;color:#fff}.items-count{font-size:13px;color:var(--text-secondary)}.orders-cards{display:none}.order-modal{max-width:700px}.order-details{display:flex;flex-direction:column;gap:24px}.detail-section{padding-bottom:20px;border-bottom:1px solid var(--border-color)}.detail-section:last-child{border-bottom:none;padding-bottom:0}.detail-heading{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.detail-value{font-size:14px;color:var(--text-primary);word-break:break-word}.collection-note{font-size:14px;color:var(--text-secondary);background:#f0faf0;border:1px solid #c3e6c3;border-radius:6px;padding:12px 16px;margin:0}.order-items{display:flex;flex-direction:column;gap:12px}.order-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:var(--bg-secondary);border-radius:6px}.item-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.item-name{font-size:14px;font-weight:600;color:var(--text-primary)}.item-details{font-size:12px;color:var(--text-secondary)}.item-price{font-size:15px;font-weight:600;color:var(--primary-green);white-space:nowrap;margin-left:12px}.status-actions{display:flex;flex-wrap:wrap;gap:8px}.order-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--glass-border);padding:16px;cursor:pointer;transition:all var(--transition-normal);animation:fadeInUp .4s ease-out both}.order-card:active{transform:scale(.98)}.order-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.order-card-header .order-id{font-size:13px;font-weight:600;color:var(--primary-green)}.order-card-body{display:flex;flex-direction:column;gap:6px}.order-card-customer{font-size:15px;font-weight:600;color:var(--text-primary)}.order-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-secondary)}.order-card-total{font-weight:700;color:var(--primary-green);font-size:15px}.order-card-date{font-size:12px;color:var(--text-secondary)}@media (max-width: 768px){.orders-cards{display:flex;flex-direction:column;gap:12px;margin-top:16px}.orders-table-wrapper{display:none}.detail-grid{grid-template-columns:1fr}.order-item{flex-direction:column;align-items:flex-start;gap:8px}.item-price{margin-left:0}.order-modal{max-width:none}.status-actions{flex-direction:column}.status-actions .btn{width:100%;justify-content:center;text-align:center;min-height:44px}}@media (max-width: 480px){.detail-section{padding-bottom:16px}.detail-heading{font-size:15px;margin-bottom:12px}}.settings-page{max-width:1400px;margin:0 auto}.settings-container{display:grid;grid-template-columns:1fr 350px;gap:24px;margin-top:24px}.settings-form{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md);border:1px solid var(--glass-border);animation:fadeInUp .4s ease-out both}.settings-section{padding-bottom:32px;margin-bottom:32px;border-bottom:2px solid var(--border-color)}.settings-section:last-of-type{border-bottom:none;padding-bottom:0;margin-bottom:0}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.checkbox-text{font-size:14px;font-weight:500;color:var(--text-primary)}.form-hint{font-size:13px;color:var(--text-secondary);margin-top:8px;line-height:1.5}.settings-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid var(--border-color)}.settings-info{display:flex;flex-direction:column;gap:20px}.info-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-md);border:1px solid var(--glass-border);animation:fadeInUp .4s ease-out both}.info-title{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:12px}.info-value{font-size:15px;color:var(--text-primary)}.info-text{font-size:14px;color:var(--text-secondary);line-height:1.6}.badge-upload-area{display:flex;align-items:center;gap:24px;padding:16px 0}.badge-preview{width:110px;height:110px;border-radius:12px;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center;flex-shrink:0}.badge-preview-img{width:100%;height:100%;object-fit:contain}.badge-upload-actions,.quick-links{display:flex;flex-direction:column;gap:8px}.quick-link{color:var(--primary-green);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.quick-link:hover{color:var(--primary-green-dark)}.stripe-status-area{margin-top:16px}.stripe-not-connected,.stripe-incomplete,.stripe-pending,.stripe-connected{display:flex;align-items:center;gap:16px;padding:20px;border-radius:8px;background:#f8f9fa;border:1px solid var(--border-color)}.stripe-not-connected{flex-wrap:wrap}.stripe-icon{flex-shrink:0}.stripe-incomplete,.stripe-pending{flex-direction:column;align-items:flex-start}.stripe-connected{flex-direction:column;align-items:flex-start;background:#f0fdf4;border-color:#bbf7d0}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.3px}.status-badge.status-success{background:#dcfce7;color:#166534}.status-badge.status-warning{background:#fef3c7;color:#92400e}.subscription-status-area{margin-top:16px;padding:20px;border-radius:8px;background:#f8f9fa;border:1px solid var(--border-color)}.subscription-info-row{display:flex;gap:32px;flex-wrap:wrap;margin-bottom:16px}.subscription-plan-display{display:flex;flex-direction:column;gap:4px}.subscription-plan-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-weight:600}.subscription-plan-name{font-size:18px;font-weight:700;color:var(--text-primary);text-transform:capitalize}.subscription-plan-name.club{color:var(--primary-green)}.subscription-plan-name.pro{color:#7c3aed}.subscription-plan-value{font-size:14px;color:var(--text-primary)}.subscription-actions{display:flex;gap:12px}@media (max-width: 1024px){.settings-container{grid-template-columns:1fr}.settings-info{order:-1}.info-card{display:inline-block}.settings-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.settings-form{padding:16px}.settings-section{padding-bottom:24px;margin-bottom:24px}.settings-info{grid-template-columns:1fr}.settings-actions{flex-direction:column}.settings-actions .btn{width:100%;justify-content:center;text-align:center;min-height:48px}.checkbox-label{min-height:44px;padding:4px 0}.checkbox-label input[type=checkbox]{width:22px;height:22px}}@media (max-width: 480px){.settings-form{padding:12px}}.admin-force-pw-banner{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:12px 16px;margin-bottom:20px;color:#92400e;font-size:14px;line-height:1.5}.admin-required-badge{display:inline-flex;align-items:center;margin-left:10px;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:#fef3c7;color:#92400e;vertical-align:middle}.admin-users-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.admin-invite-action{flex-shrink:0;margin-top:2px}.admin-limit-badge{display:inline-block;margin-left:10px;padding:2px 8px;border-radius:10px;background:var(--glass-bg);border:1px solid var(--border-color);font-size:12px;font-weight:600;color:var(--text-secondary);vertical-align:middle}.admin-plan-notice{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:10px 14px;margin-bottom:16px;font-size:13px;color:#166534;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.admin-plan-notice--warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.admin-users-loading{padding:24px 0;text-align:center;color:var(--text-secondary);font-size:14px}.admin-users-list{display:flex;flex-direction:column;gap:2px}.admin-user-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:8px;border:1px solid var(--border-color);background:var(--glass-bg);transition:background .15s}.admin-user-row:hover{background:#fafafa}.admin-user-avatar{width:38px;height:38px;border-radius:50%;background:#22c55e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex-shrink:0}.admin-user-info{flex:1;min-width:0}.admin-user-name{font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.admin-user-email{font-size:13px;color:var(--text-secondary);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-pending-badge{font-size:11px;color:#92400e;background:#fef3c7;border-radius:4px;padding:1px 6px;margin-top:3px;display:inline-block}.admin-you-badge{display:inline-block;padding:1px 7px;border-radius:10px;font-size:11px;font-weight:600;background:#e0f2fe;color:#0369a1}.admin-user-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.admin-role-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600;letter-spacing:.2px}.admin-role-owner{background:#f3e8ff;color:#7c3aed}.admin-role-admin{background:#dcfce7;color:#166534}.admin-user-date{font-size:12px;color:var(--text-secondary)}.admin-remove-btn{flex-shrink:0;font-size:13px;padding:5px 12px;border:1px solid #fca5a5;color:#dc2626;background:transparent;border-radius:6px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.admin-remove-btn:hover:not(:disabled){background:#fee2e2;color:#991b1b}.admin-remove-btn:disabled{opacity:.6;cursor:wait}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.admin-modal{background:#fff;border-radius:14px;padding:28px 32px;width:100%;max-width:460px;box-shadow:0 20px 60px #0000002e;animation:fadeInUp .2s ease-out both}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.admin-modal-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.admin-modal-close{background:none;border:none;font-size:22px;line-height:1;color:var(--text-secondary);cursor:pointer;padding:0 4px;border-radius:4px;transition:color .15s}.admin-modal-close:hover{color:var(--text-primary)}.admin-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}@media (max-width: 480px){.admin-modal{padding:20px 16px}.admin-user-row{flex-wrap:wrap}.admin-user-meta{align-items:flex-start}.admin-modal-actions{flex-direction:column}.admin-modal-actions .btn{width:100%;justify-content:center;text-align:center}}.section-subtitle{margin:-8px 0 16px;color:var(--text-secondary);font-size:14px}.theme-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.theme-picker-card{position:relative;display:flex;flex-direction:column;text-align:left;border:2px solid var(--border-color, #e0e0e0);border-radius:var(--radius-lg, 12px);background:var(--glass-bg, #fff);padding:0;cursor:pointer;overflow:hidden;transition:border-color .2s ease,transform .15s ease,box-shadow .2s ease;font-family:inherit}.theme-picker-card:hover:not(:disabled){border-color:var(--primary-green, #2da44e);transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 12px rgba(0,0,0,.08))}.theme-picker-card.selected{border-color:var(--primary-green, #2da44e);box-shadow:0 0 0 3px #2da44e26}.theme-picker-card:disabled{opacity:.6;cursor:not-allowed}.theme-picker-preview{height:130px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;letter-spacing:1px}.theme-preview-classic{background:linear-gradient(135deg,#ffffffd9,#f1f5f9b3),linear-gradient(135deg,#e0e7ff,#fef3c7);color:#1e293b;border-bottom:4px solid #2da44e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.theme-preview-matchday{background:linear-gradient(135deg,#0000008c,#00000040),radial-gradient(circle at 30% 40%,#1e3a5f,#0a1929);color:#fff;border-bottom:4px solid #ff6b35;text-transform:uppercase}.theme-preview-heritage{background:linear-gradient(135deg,#78350f1a,#78350f40),repeating-linear-gradient(0deg,#f5f0e6,#f5f0e6 24px,#ebe3d3 24px,#ebe3d3 25px);color:#44403c;border-bottom:4px solid #78350f;font-family:Georgia,Times New Roman,serif;font-style:italic}.theme-preview-newsfeed{position:relative;background:linear-gradient(to bottom,transparent 0%,transparent 18%,rgba(255,255,255,.85) 18%,rgba(255,255,255,.85) 36%,transparent 36%,transparent 42%,rgba(255,255,255,.85) 42%,rgba(255,255,255,.85) 60%,transparent 60%,transparent 66%,rgba(255,255,255,.85) 66%,rgba(255,255,255,.85) 84%,transparent 84%) right / 35% 100% no-repeat,linear-gradient(135deg,#ffffffeb,#ffffffc7) left / 60% 100% no-repeat,linear-gradient(135deg,#93c5fd,#c7d2fe,#fbcfe8);color:#1e293b;border-bottom:4px solid #c41e3a;font-family:Outfit,Inter,system-ui,sans-serif;letter-spacing:.5px}.theme-picker-card.theme-picker-card-disabled{opacity:.65;cursor:not-allowed}.theme-picker-card.theme-picker-card-disabled:hover{transform:none;border-color:var(--border-color, #e0e0e0);box-shadow:none}.theme-picker-coming-soon{position:absolute;top:10px;right:10px;background:#78350fd9;color:#fff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:4px;letter-spacing:.3px}.theme-preview-label{font-size:20px}.theme-picker-info{padding:14px 16px 16px}.theme-picker-info h3{margin:0 0 6px;font-size:16px;color:var(--text-primary, #1a1a1a)}.theme-picker-info p{margin:0;font-size:13px;line-height:1.5;color:var(--text-secondary, #666)}.theme-picker-current{position:absolute;top:10px;right:10px;background:var(--primary-green, #2da44e);color:#fff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:4px}.colour-editor{display:flex;flex-direction:column;gap:24px;margin-top:12px}.colour-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.colour-row-label{flex:0 0 110px;font-weight:600;font-size:14px;color:var(--text-primary, #1a1a1a)}.colour-row-controls{display:flex;gap:10px;align-items:center}.colour-input-picker{width:56px;height:40px;padding:2px;border:1px solid var(--border-color, #d0d7de);border-radius:8px;cursor:pointer;background:#fff}.colour-input-hex{width:140px;font-family:ui-monospace,monospace;text-transform:uppercase;letter-spacing:.04em}.colour-hint{flex:1 1 100%;margin:0 0 0 126px;font-size:12px;font-weight:500}.colour-preview{background:#00000005;border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:14px 16px}.colour-preview-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #666);margin-bottom:10px}.colour-preview-card{display:flex;flex-direction:column;gap:0;border-radius:8px;overflow:hidden}.colour-preview-band-primary,.colour-preview-band-secondary{padding:18px 16px;font-weight:700;font-size:15px;transition:background-color .15s ease,color .15s ease}.colour-preview-buttons{display:flex;gap:10px;padding:16px;background:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:1px solid var(--border-color, #e5e7eb)}.colour-preview-btn{padding:10px 18px;border-radius:8px;border:0;font-weight:600;font-size:14px;cursor:pointer;transition:background-color .15s ease,transform .1s ease}.colour-preview-btn:hover{transform:translateY(-1px)}.colour-preview-btn-outline{background:transparent!important;border:1.5px solid currentColor}.colour-actions{display:flex;gap:10px;flex-wrap:wrap}@media (max-width: 600px){.colour-row-label{flex:1 1 100%}.colour-hint{margin-left:0}.colour-input-hex{width:110px}}.upgrade-page{max-width:1200px;margin:0 auto}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}.plan-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);padding:32px;box-shadow:var(--shadow-md);border:2px solid var(--glass-border);position:relative;text-align:center;display:flex;flex-direction:column;transition:all var(--transition-normal);animation:fadeInUp .4s ease-out both}.plan-card:nth-child(2){animation-delay:.08s}.plan-card:nth-child(3){animation-delay:.16s}.plan-card.highlighted{border-color:var(--primary-green);box-shadow:var(--shadow-lg),0 0 0 1px #2e7d3233;transform:scale(1.02)}.plan-card.current{border-color:var(--primary-green-light)}.plan-popular{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary-green);color:#fff;padding:4px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.plan-current-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary-green-light);color:var(--primary-green);padding:4px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.plan-name{font-size:24px;font-weight:700;margin-bottom:16px;color:var(--text-primary)}.plan-price{margin-bottom:8px;display:flex;align-items:baseline;justify-content:center;gap:2px}.plan-subtitle{font-size:13px;color:var(--text-secondary);margin-bottom:20px}.plan-currency{font-size:22px;font-weight:600;color:var(--text-secondary)}.plan-amount{font-size:48px;font-weight:700;color:var(--text-primary);line-height:1}.plan-period{font-size:14px;color:var(--text-secondary);margin-left:4px}.plan-features{list-style:none;padding:0;margin:0;text-align:left;flex:1}.plan-feature{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border-color);font-size:14px}.plan-feature:last-child{border-bottom:none}.plan-feature.included{color:var(--text-primary)}.plan-feature.excluded{color:var(--text-secondary);opacity:.6}.feature-icon{width:20px;text-align:center;font-weight:700;flex-shrink:0}.plan-feature.included .feature-icon{color:#16a34a}.plan-feature.excluded .feature-icon{color:#dc2626}.feature-kicks-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-primary);font-weight:500;transition:color .2s}.feature-kicks-link:hover{color:var(--primary-green)}.feature-kicks-logo{height:20px;width:auto;display:block;flex-shrink:0}.feature-soon-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#facc1526;color:#a16207;padding:2px 6px;border-radius:3px;margin-left:8px}.plan-card.coming-soon{opacity:.7;border-color:var(--border-color)}.plan-coming-soon-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--text-secondary);color:#fff;padding:4px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.plan-btn-coming-soon{color:var(--text-secondary);font-style:italic}.plan-action{margin-top:24px}.plan-btn{width:100%;padding:12px 24px;border-radius:var(--radius-btn);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all var(--transition-normal)}.plan-btn-upgrade{background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-dark) 100%);color:#fff;box-shadow:0 4px 14px #2e7d324d}.plan-btn-upgrade:hover:not(:disabled){box-shadow:0 6px 20px #2e7d3266;transform:translateY(-2px)}.plan-btn-upgrade:disabled{opacity:.6;cursor:not-allowed}.plan-btn-manage{background:transparent;color:var(--primary-green);border:2px solid var(--primary-green)}.plan-btn-manage:hover{background:var(--primary-green);color:#fff}.plan-btn-change{background:transparent;color:var(--text-secondary);border:2px solid var(--border-color)}.plan-btn-change:hover{border-color:var(--primary-green);color:var(--primary-green)}.plan-btn-placeholder{padding:12px 24px;font-size:14px;color:var(--text-secondary);text-align:center}.past-due-banner{display:flex;align-items:center;gap:16px;background:#fef3c7;border:1px solid #f59e0b;border-radius:12px;padding:16px 24px;margin-bottom:24px}.past-due-icon{width:36px;height:36px;background:#f59e0b;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.past-due-content{flex:1}.past-due-content strong{display:block;font-size:15px;color:#92400e;margin-bottom:2px}.past-due-content p{margin:0;font-size:13px;color:#a16207;line-height:1.4}.past-due-btn{flex-shrink:0}.connect-prompt{display:flex;align-items:center;gap:20px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:2px solid #22c55e;border-radius:var(--radius-xl);padding:24px 32px;margin-top:32px;box-shadow:var(--shadow-md)}.connect-prompt-icon{font-size:32px;flex-shrink:0}.connect-prompt-content{flex:1}.connect-prompt-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.connect-prompt-text{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0}.connect-prompt-btn{flex-shrink:0;white-space:nowrap}.upgrade-success{background:#dcfce7;border:1px solid #22c55e;color:#166534;padding:14px 20px;border-radius:8px;margin-bottom:20px;font-size:14px;font-weight:500}.upgrade-error{background:#fee2e2;border:1px solid #ef4444;color:#991b1b;padding:14px 20px;border-radius:8px;margin-bottom:20px;font-size:14px;font-weight:500}.kicks-partnership{display:flex;align-items:center;gap:24px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:2px solid var(--glass-border);border-radius:var(--radius-xl);padding:24px 32px;margin-top:32px;box-shadow:var(--shadow-md)}.kicks-partnership-link{flex-shrink:0}.kicks-logo{height:48px;width:auto;display:block}.kicks-partnership-content{flex:1}.kicks-partnership-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.kicks-partnership-text{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0}.kicks-partnership-text a{color:var(--primary-green);font-weight:600;text-decoration:none}.kicks-partnership-text a:hover{text-decoration:underline}.upgrade-cta{margin-top:40px}.cta-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);padding:40px;text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--glass-border)}.cta-title{font-size:22px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.cta-text{font-size:15px;color:var(--text-secondary);margin-bottom:0;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.6}@media (max-width: 900px){.plans-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.plan-card.highlighted{transform:none}.connect-prompt,.kicks-partnership{flex-direction:column;text-align:center;padding:24px}.past-due-banner{flex-direction:column;text-align:center}}@media (max-width: 768px){.plan-card{padding:24px}.plan-amount{font-size:40px}.cta-card{padding:24px}.cta-title{font-size:18px}}@media (max-width: 480px){.plan-card,.cta-card{padding:20px}}.news-admin{max-width:1000px;margin:0 auto}.news-editor{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md);border:1px solid var(--glass-border);animation:fadeInUp .4s ease-out both}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border-color)}.editor-header h2{font-size:20px;font-weight:600}.editor-actions{display:flex;gap:10px}.news-form{display:flex;flex-direction:column;gap:20px}.news-list{display:flex;flex-direction:column;gap:12px}.news-list-item{display:flex;gap:16px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm);border:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-normal);animation:fadeInUp .3s ease-out both}.news-list-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.news-list-image{width:100px;height:72px;object-fit:cover;border-radius:6px;flex-shrink:0}.news-list-content{flex:1;min-width:0}.news-list-meta{display:flex;align-items:center;gap:10px;margin-bottom:4px}.news-list-date{font-size:13px;color:var(--text-secondary)}.news-list-title{font-size:16px;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.news-list-excerpt{font-size:14px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary);background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--glass-bg-heavy);backdrop-filter:var(--glass-blur-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy);border-radius:var(--radius-xl);padding:32px;max-width:500px;width:100%;box-shadow:var(--shadow-xl),0 0 0 1px var(--glass-border);animation:modalIn .35s cubic-bezier(.34,1.56,.64,1) both}.modal h3{font-size:20px;font-weight:600;margin-bottom:12px}.modal p{color:var(--text-secondary);margin-bottom:16px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}@media (max-width: 768px){.news-list-item{flex-direction:column}.news-list-image{width:100%;height:160px}.news-editor{padding:16px}.editor-header{flex-direction:column;gap:12px;align-items:flex-start}.editor-actions{flex-wrap:wrap;width:100%}.editor-actions .btn{flex:1;min-width:90px;justify-content:center;text-align:center}.news-list-item{padding:12px}.news-list-excerpt{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal{padding:20px}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%;justify-content:center}}@media (max-width: 480px){.news-editor{padding:12px}.editor-actions{flex-direction:column}.editor-actions .btn{min-width:auto}}.sponsors-page{max-width:1200px;margin:0 auto}.page-header-actions{display:flex;gap:12px}.tiers-list{display:flex;flex-direction:column;gap:24px;margin-top:24px}.tier-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--glass-border);animation:fadeInUp .4s ease-out both}.tier-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.tier-header-left{display:flex;align-items:center;gap:12px;flex:1}.tier-number{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);white-space:nowrap}.tier-name-input{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:16px;font-weight:600;color:var(--text-primary);max-width:400px}.tier-name-input:focus{outline:none;border-color:var(--primary-green)}.sponsors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.sponsor-card{position:relative;background:#fff9;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:12px}.sponsor-image-area{width:100%;aspect-ratio:3/2;background:#fff;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center}.sponsor-image-preview{position:relative;width:100%;height:100%}.sponsor-image-preview img{width:100%;height:100%;object-fit:contain;padding:12px}.sponsor-image-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;border:none;background:#000000b3;color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1}.sponsor-image-remove:hover{background:var(--danger)}.sponsor-fields{display:flex;flex-direction:column;gap:8px}.sponsor-fields .form-input{padding:8px 10px;font-size:13px}.sponsor-remove-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border:none;background:#0000000d;color:var(--text-secondary);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;transition:all .2s}.sponsor-remove-btn:hover{background:var(--danger);color:#fff}.add-sponsor-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:none;border:2px dashed var(--border-color);border-radius:8px;padding:32px 16px;color:var(--text-secondary);cursor:pointer;transition:all .2s;min-height:200px}.add-sponsor-btn:hover{border-color:var(--primary-green);color:var(--primary-green)}.add-sponsor-icon{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:300}.add-sponsor-btn:hover .add-sponsor-icon{background:#2e7d321a}.empty-state{text-align:center;padding:60px 24px;background:#fff;border-radius:12px;margin-top:24px}.empty-state h3{font-size:20px;margin-bottom:8px;color:var(--text-primary)}.empty-state p{color:var(--text-secondary);max-width:400px;margin:0 auto 20px;line-height:1.6}@media (max-width: 768px){.page-header-actions{flex-direction:column}.tier-header{flex-direction:column;align-items:flex-start}.tier-header-left{flex-direction:column;align-items:flex-start;width:100%}.tier-name-input{max-width:100%;width:100%}.tier-header .btn{width:100%;text-align:center;justify-content:center}.sponsors-grid{grid-template-columns:1fr}.sponsor-card{min-height:auto}.add-sponsor-btn{min-height:120px}}.events-page{max-width:1400px;margin:0 auto}.events-list{display:flex;flex-direction:column;gap:16px;margin-top:24px}.event-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);display:flex;align-items:flex-start;gap:20px;padding:20px 24px;transition:all var(--transition-normal);animation:fadeInUp .4s ease-out both}.event-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.event-date-block{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--primary-green);color:#fff;border-radius:var(--radius-md);width:64px;padding:10px 8px;text-align:center;min-width:64px}.event-day{font-size:26px;font-weight:700;line-height:1;display:block}.event-month{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:block;margin-top:2px}.event-year{font-size:11px;font-weight:400;opacity:.8;display:block;margin-top:2px}.event-info{flex:1;min-width:0}.event-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.event-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px}.event-meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.event-meta-icon{font-size:14px;flex-shrink:0}.event-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-actions{flex-shrink:0;display:flex;flex-direction:column;gap:8px;align-self:center}.event-actions .btn{min-width:72px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:12px;display:block}.event-modal{max-width:560px}.delete-confirm-modal{max-width:440px}.delete-confirm-text{color:var(--text-secondary);font-size:15px;line-height:1.6;margin:0 0 24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.event-card{flex-wrap:wrap;padding:16px;gap:16px}.event-actions{flex-direction:row;align-self:auto;width:100%;margin-left:80px}.event-actions .btn{flex:1;min-height:44px}.event-modal{max-width:none}.form-row{grid-template-columns:1fr}}@media (max-width: 480px){.event-date-block{width:56px;min-width:56px}.event-day{font-size:22px}.event-title{font-size:16px}.event-actions{margin-left:72px}}.gallery-page{max-width:1400px;margin:0 auto}.limit-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-radius:8px;margin-top:16px;background:#e3f2fd;border:1px solid #90caf9}.limit-banner-content{display:flex;align-items:center;gap:16px;flex:1}.limit-banner-icon{font-size:28px;flex-shrink:0}.limit-banner-content p{margin:4px 0 0;font-size:14px;color:var(--text-secondary)}.limit-banner .btn{flex-shrink:0;white-space:nowrap}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:24px}.album-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--glass-border);transition:all var(--transition-normal);animation:fadeInUp .4s ease-out both}.album-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.album-cover{position:relative;width:100%;height:220px;background-color:var(--bg-secondary);overflow:hidden}.album-cover-img{width:100%;height:100%;object-fit:cover}.album-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:14px}.album-image-count{position:absolute;bottom:10px;right:10px;background:#000000a6;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.album-cover .hidden-badge{position:absolute;bottom:10px;left:10px;background:#000000bf;color:#fff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.album-card.hidden-from-public .album-cover-img,.album-card.hidden-from-public .album-cover-placeholder{opacity:.55}.album-card.hidden-from-public{border:1px dashed var(--border, #d0d0d0)}.album-info{padding:18px 20px 20px}.album-title{font-size:17px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.album-description{font-size:13px;color:var(--text-secondary);margin-bottom:16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.album-actions{display:flex;gap:8px}.album-actions .btn{flex:1}.empty-state{text-align:center;padding:64px 24px}.empty-state-icon{font-size:48px;margin-bottom:16px}.empty-state p{color:var(--text-secondary);margin-bottom:24px;font-size:15px}.gallery-modal{max-width:640px}.album-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-bottom:16px}.album-image-item{position:relative;width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden;border:2px solid transparent;transition:border-color .15s}.album-image-item.is-cover{border-color:var(--primary-green)}.album-image-thumb{width:100%;height:100%;object-fit:cover;display:block}.album-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;display:flex;align-items:flex-start;justify-content:flex-end;gap:4px;padding:6px;transition:background .15s}.album-image-item:hover .album-image-overlay{background:#00000073}.image-remove{width:24px;height:24px;border:none;background-color:#000000b3;color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;opacity:0;transition:opacity .15s,background-color .15s}.album-image-item:hover .image-remove{opacity:1}.image-remove:hover{background-color:var(--danger)}.image-set-cover{font-size:11px;font-weight:600;padding:3px 8px;border:none;background:#000000b3;color:#fff;border-radius:4px;cursor:pointer;opacity:0;transition:opacity .15s,background-color .15s}.album-image-item:hover .image-set-cover{opacity:1}.image-set-cover:hover{background:var(--primary-green)}.image-cover-badge{font-size:11px;font-weight:600;padding:3px 8px;background:var(--primary-green);color:#fff;border-radius:4px}.form-hint{font-size:12px;color:var(--text-secondary);margin-top:8px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color)}@media (max-width: 768px){.gallery-grid{grid-template-columns:1fr 1fr;gap:16px}.limit-banner{flex-direction:column;align-items:flex-start}.limit-banner .btn{width:100%;justify-content:center;text-align:center}.gallery-modal{max-width:none}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%;justify-content:center;text-align:center}}@media (max-width: 480px){.gallery-grid{grid-template-columns:1fr}.album-cover{height:200px}}.documents-page{max-width:1400px;margin:0 auto}.doc-usage-bar{display:flex;align-items:center;gap:12px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:24px;flex-wrap:wrap}.doc-usage-bar.doc-usage-at-limit{border-color:var(--warning);background:#ff98000f}.doc-usage-text{font-size:13px;color:var(--text-secondary);white-space:nowrap}.doc-usage-track{flex:1;min-width:120px;height:6px;background:var(--border-color);border-radius:9999px;overflow:hidden}.doc-usage-fill{height:100%;background:var(--primary-green);border-radius:9999px;transition:width .4s ease}.doc-usage-at-limit .doc-usage-fill{background:var(--warning)}.doc-usage-warning{font-size:13px;color:var(--warning);white-space:nowrap}.doc-usage-warning a{color:var(--warning);font-weight:600;text-decoration:underline}.doc-filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.doc-filter-btn{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:6px 14px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.doc-filter-btn:hover{border-color:var(--primary-green);color:var(--primary-green)}.doc-filter-btn.active{background:var(--primary-green);border-color:var(--primary-green);color:#fff;font-weight:600}.doc-table-wrapper{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);overflow-x:auto;animation:fadeInUp .4s ease-out both}.doc-table{width:100%;border-collapse:collapse;font-size:14px}.doc-table thead tr{border-bottom:1px solid var(--border-color)}.doc-table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.doc-table tbody tr{border-bottom:1px solid var(--border-color);transition:background var(--transition-normal)}.doc-table tbody tr:last-child{border-bottom:none}.doc-table tbody tr:hover{background:#2e7d320a}.doc-table td{padding:14px 16px;vertical-align:middle}.doc-title-cell{display:flex;align-items:flex-start;gap:10px}.doc-file-icon{font-size:20px;flex-shrink:0;margin-top:1px}.doc-title{font-weight:600;color:var(--text-primary);margin-bottom:2px}.doc-description{font-size:12px;color:var(--text-secondary);line-height:1.4;max-width:280px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.doc-category-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.doc-category-general{background:#2196f31f;color:#1565c0}.doc-category-safeguarding{background:#9c27b01f;color:#6a1b9a}.doc-category-policies{background:#2e7d321f;color:#1b5e20}.doc-category-minutes{background:#ff98001f;color:#e65100}.doc-category-forms{background:#00bcd41f;color:#006064}.doc-category-other{background:#9e9e9e26;color:#424242}.doc-file-info{display:flex;flex-direction:column;gap:2px}.doc-file-name{font-size:13px;color:var(--text-primary);max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-file-size{font-size:12px;color:var(--text-secondary)}.doc-download-link{font-size:12px;color:var(--primary-green);font-weight:600;text-decoration:none;margin-top:2px}.doc-download-link:hover{text-decoration:underline}.doc-date{font-size:13px;color:var(--text-secondary);white-space:nowrap}.doc-actions{display:flex;gap:8px}.doc-empty-filter{padding:40px 20px;text-align:center;color:var(--text-secondary);font-size:14px}.doc-modal{max-width:560px}.doc-upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:28px 20px;text-align:center;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;background:var(--bg-secondary)}.doc-upload-area:hover{border-color:var(--primary-green);background:var(--primary-green-lightest)}.doc-upload-area.doc-upload-done{border-color:var(--success);border-style:solid;background:#4caf500f}.doc-upload-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.doc-upload-prompt{display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.doc-upload-icon{font-size:28px}.doc-upload-prompt span:nth-child(2){font-size:14px;font-weight:600;color:var(--text-primary)}.doc-upload-hint{font-size:12px;color:var(--text-secondary)}.doc-upload-uploading{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;color:var(--text-secondary);pointer-events:none}.doc-upload-spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--primary-green);border-radius:50%;animation:spin .8s linear infinite}.doc-upload-success{display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.doc-upload-checkmark{font-size:22px;color:var(--success)}.doc-upload-success span:nth-child(2){font-size:14px;font-weight:600;color:var(--text-primary);max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-upload-size{font-size:12px;color:var(--text-secondary)}.doc-row-hidden td{opacity:.6}.doc-hidden-badge{display:inline-block;margin-left:8px;font-size:10px;font-weight:600;color:#fff;background:#000000b3;padding:2px 8px;border-radius:4px;vertical-align:middle}@media (max-width:768px){.doc-table th:nth-child(3),.doc-table td:nth-child(3),.doc-table th:nth-child(4),.doc-table td:nth-child(4){display:none}.doc-modal{max-width:none}.doc-usage-bar{flex-direction:column;align-items:flex-start}.doc-usage-track{width:100%}}@media (max-width:480px){.doc-table th:nth-child(2),.doc-table td:nth-child(2){display:none}.doc-actions{flex-direction:column}.doc-filter-btn{font-size:12px;padding:5px 11px}}.email-nav{background:#fff;border-bottom:1px solid var(--border, #e5e7eb);padding:0 32px;margin:-24px -32px 24px}.email-nav-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.email-nav-tabs::-webkit-scrollbar{display:none}.email-nav-tab{display:inline-flex;align-items:center;padding:14px 18px;font-size:.9375rem;font-weight:600;color:var(--text-muted, #6b7280);border-bottom:2px solid transparent;text-decoration:none;transition:color .12s ease,border-color .12s ease;white-space:nowrap;letter-spacing:-.005em}.email-nav-tab:hover{color:var(--text-primary, #1f2937)}.email-nav-tab.active{color:var(--accent, #2563eb);border-bottom-color:var(--accent, #2563eb)}@media (max-width: 768px){.email-nav{padding:0 16px;margin:-16px -16px 16px}.email-nav-tab{padding:12px 14px;font-size:.875rem}}.email-compose-page{max-width:1400px;margin:0 auto}.compose-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:flex-start}.compose-form{background:var(--glass-bg, #fff);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border, #e0e0e0);border-radius:var(--radius-lg, 12px);padding:24px;box-shadow:var(--shadow-md)}.recipients-textarea{font-family:ui-monospace,monospace;font-size:13px;resize:vertical;min-height:100px}.body-textarea{font-family:inherit;font-size:14px;line-height:1.5;resize:vertical;min-height:200px}.recipients-status{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;min-height:22px}.status-validating{font-size:13px;color:var(--text-secondary, #666);font-style:italic}.status-pill{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.status-pill.status-ok{background:#22c55e1f;color:#15803d}.status-pill.status-err{background:#dc26261f;color:#991b1b}.consent-block{background:#f59e0b0f;border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:14px}.consent-block .checkbox-label{align-items:flex-start}.form-actions{margin-top:16px;text-align:right}.compose-preview{background:var(--glass-bg, #fff);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border, #e0e0e0);border-radius:var(--radius-lg, 12px);padding:0;overflow:hidden;position:sticky;top:20px;display:flex;flex-direction:column;max-height:calc(100vh - 40px)}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color, #e0e0e0);background:#00000005}.preview-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #666)}.preview-mode-toggle{display:flex;gap:4px}.preview-mode-toggle .mode-btn{padding:4px 10px;background:transparent;border:1px solid var(--border-color, #d0d0d0);border-radius:6px;font-size:12px;cursor:pointer;color:var(--text-secondary)}.preview-mode-toggle .mode-btn.active{background:var(--primary-green, #22c55e);border-color:var(--primary-green, #22c55e);color:#fff}.preview-iframe{flex:1;width:100%;border:0;min-height:600px;background:#f8fafc;transition:max-width .25s ease}.preview-iframe.mobile{max-width:420px;margin:0 auto;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}.preview-empty{padding:60px 20px;text-align:center;color:var(--text-secondary, #999);font-size:14px}@media (max-width: 1024px){.compose-layout{grid-template-columns:1fr}.compose-preview{position:static;max-height:none}.preview-iframe{min-height:400px}}.recipients-mode-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border, #e5e7eb);margin-bottom:12px}.recipients-mode-tabs .tab{background:transparent;border:none;border-bottom:2px solid transparent;padding:8px 14px;font-size:.9375rem;font-weight:600;color:var(--text-muted, #666);cursor:pointer;transition:color .15s ease,border-color .15s ease;display:inline-flex;align-items:center;gap:8px}.recipients-mode-tabs .tab:hover:not(:disabled){color:var(--text-primary, #1a1a1a)}.recipients-mode-tabs .tab.active{color:var(--text-primary, #1a1a1a);border-bottom-color:var(--accent, #22c55e)}.recipients-mode-tabs .tab:disabled{opacity:.5;cursor:not-allowed}.recipients-mode-tabs .tab-count{background:var(--bg-subtle, #f1f5f9);color:var(--text-muted, #666);padding:1px 8px;font-size:.75rem;border-radius:10px;font-weight:600}.recipients-mode-tabs .tab.active .tab-count{background:color-mix(in srgb,var(--accent, #22c55e) 20%,transparent);color:var(--text-primary, #1a1a1a)}.recipients-list-mode{background:var(--bg-subtle, #f8fafc);border:1px solid var(--border, #e5e7eb);border-radius:6px;padding:14px 16px}.recipients-list-msg{margin:0;color:var(--text-primary, #1a1a1a);font-size:.9375rem;line-height:1.5}.recipients-list-count strong{color:var(--accent, #22c55e);font-size:1.0625rem}.recipients-list-empty{color:var(--text-muted, #666)}.recipients-list-empty a{color:var(--accent, #22c55e);font-weight:600;text-decoration:underline}.group-picker{margin-top:4px}.group-picker-label{margin:0 0 10px;font-size:.8125rem;font-weight:600;color:var(--text-muted, #666);text-transform:uppercase;letter-spacing:.04em}.group-picker-loading{font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-muted, #999);font-style:italic}.group-chips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}.group-chip{background:#fff;border:1.5px solid var(--border, #e5e7eb);border-radius:999px;padding:6px 12px;display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500;color:var(--text-primary, #1a1a1a);cursor:pointer;transition:background .15s ease,border-color .15s ease}.group-chip:hover{background:var(--bg-subtle, #f8fafc);border-color:var(--text-muted, #999)}.group-chip.selected{background:var(--accent, #22c55e);border-color:var(--accent, #22c55e);color:#fff}.group-chip.selected:hover{filter:brightness(.95)}.group-chip.auto{font-weight:600}.group-chip.auto.selected{background:var(--accent, #22c55e)}.group-chip-count{background:#fff6;padding:1px 8px;font-size:.75rem;border-radius:999px;font-variant-numeric:tabular-nums;font-weight:600}.group-chip:not(.selected) .group-chip-count{background:var(--bg-subtle, #f1f5f9);color:var(--text-muted, #666)}.email-history-page{max-width:1200px;margin:0 auto}.just-sent-banner{display:flex;align-items:center;gap:12px;background:#22c55e14;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md, 8px);padding:14px 16px;margin-bottom:24px;color:#15803d}.just-sent-icon{font-size:24px}.just-sent-dismiss{margin-left:auto;background:transparent;border:0;color:#15803d;font-size:22px;cursor:pointer;padding:0 6px;line-height:1}.history-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.stat-card{background:var(--glass-bg, #fff);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border, #e0e0e0);border-radius:var(--radius-lg, 12px);padding:16px 18px;box-shadow:var(--shadow-sm)}.stat-card.stat-quota{background:linear-gradient(135deg,#22c55e0f,#22c55e05);border-color:#22c55e33}.stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #666);margin-bottom:8px}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary, #1a1a1a);line-height:1.1;margin-bottom:4px}.stat-value.stat-warn{color:#92400e}.stat-sub{font-size:12px;color:var(--text-secondary, #888)}.quota-bar{margin-top:10px;height:4px;background:#0000000f;border-radius:4px;overflow:hidden}.quota-fill{height:100%;background:var(--primary-green, #22c55e);border-radius:4px;transition:width .3s ease}.history-list{display:flex;flex-direction:column;gap:10px}.history-card{display:flex;align-items:center;gap:24px;padding:18px 20px;background:var(--glass-bg, #fff);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border, #e0e0e0);border-radius:var(--radius-lg, 12px);text-align:left;font-family:inherit;cursor:pointer;transition:border-color .15s ease,transform .1s ease,box-shadow .15s ease;width:100%}.history-card:hover{border-color:var(--primary-green, #22c55e);transform:translateY(-1px);box-shadow:var(--shadow-md)}.history-card-main{flex:1;min-width:0}.history-card-subject{font-size:16px;font-weight:600;color:var(--text-primary, #1a1a1a);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-card-meta{font-size:13px;color:var(--text-secondary, #666);display:flex;flex-wrap:wrap;align-items:center;gap:6px}.meta-sep{opacity:.5}.history-card-stats{display:flex;align-items:center;gap:10px;flex-shrink:0}.stat-pill{display:flex;flex-direction:column;align-items:center;padding:8px 14px;background:#00000008;border-radius:8px;min-width:64px}.stat-pill-num{font-size:18px;font-weight:700;color:var(--text-primary, #1a1a1a);line-height:1}.stat-pill-label{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary, #888);margin-top:4px}.status-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.status-pill.status-success{background:#22c55e1f;color:#15803d}.status-pill.status-error{background:#dc26261f;color:#991b1b}.status-pill.status-warn{background:#f59e0b1f;color:#92400e}.status-pill.status-neutral{background:#7878781a;color:#555}.engagement-card{border-top:1px solid var(--border, #e5e5e5);padding-top:16px;margin-top:4px}.engagement-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:8px 0}.engagement-metric{background:var(--bg-subtle, #f8f9fa);border:1px solid var(--border, #e5e5e5);border-radius:8px;padding:14px 16px}.engagement-metric-value{font-size:28px;font-weight:700;color:var(--text-primary, #1a1a1a);line-height:1.1}.engagement-metric-denom{font-size:16px;font-weight:500;color:var(--text-secondary, #888);margin-left:2px}.engagement-metric-label{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:13px;font-weight:600;color:var(--text-secondary, #555);text-transform:uppercase;letter-spacing:.04em}.engagement-rate{padding:2px 8px;border-radius:6px;font-size:12px;font-weight:700}.engagement-metric-sub{margin-top:4px;font-size:12px;color:var(--text-tertiary, #999)}.engagement-toplinks{margin-top:12px}.engagement-toplinks-label{font-size:13px;font-weight:600;color:var(--text-secondary, #555);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.engagement-toplinks-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.engagement-toplink{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-subtle, #f8f9fa);border-radius:6px}.engagement-toplink-count{font-weight:700;color:var(--text-primary, #1a1a1a);min-width:24px;text-align:right}.engagement-toplink-url{color:var(--accent, #3b82f6);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.engagement-toplink-url:hover{text-decoration:underline}.engagement-disclaimer{margin-top:12px;padding:8px 12px;background:#3b82f60d;border-left:3px solid #3b82f6;font-size:12px;color:var(--text-secondary, #555);border-radius:4px}@media (max-width: 600px){.engagement-grid{grid-template-columns:1fr}}.history-detail-modal{max-width:720px}.history-detail{padding:0 4px}.detail-row{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--border-color, #f0f0f0);align-items:start}.detail-row:last-child{border-bottom:0}.detail-row-stacked{grid-template-columns:1fr;gap:8px}.detail-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary, #666);padding-top:2px}.detail-value{font-size:14px;color:var(--text-primary, #1a1a1a);word-break:break-word}.recipient-list{display:flex;flex-wrap:wrap;gap:6px}.recipient-chip{display:inline-block;padding:4px 10px;background:#0000000d;border-radius:4px;font-size:12px;font-family:ui-monospace,monospace;color:var(--text-primary, #1a1a1a)}.recipient-chip-failed{background:#dc26261a;color:#991b1b}.recipient-chip-icon{display:inline-block;margin-right:5px;font-size:11px;vertical-align:middle;opacity:.85}.recipient-chip-opened{background:#22c55e1f;color:#15803d}.recipient-chip-clicked{background:#3b82f626;color:#1d4ed8;font-weight:600}.recipient-chip-noopen{background:#78787814;color:#666}.recipient-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px;font-size:11px;color:var(--text-tertiary, #999);font-family:system-ui,sans-serif}.recipient-legend span{display:inline-flex;align-items:center}.detail-body-iframe{width:100%;min-height:400px;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;background:#f8fafc}.empty-state{text-align:center;padding:60px 20px;background:var(--glass-bg, #fff);border:1px solid var(--glass-border, #e0e0e0);border-radius:var(--radius-lg, 12px)}.empty-state-icon{font-size:48px;margin-bottom:12px}.empty-state h3{margin:0 0 8px;font-size:18px;color:var(--text-primary, #1a1a1a)}.empty-state p{margin:0;color:var(--text-secondary, #888)}@media (max-width: 900px){.history-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.history-card{flex-wrap:wrap}.history-card-stats{width:100%;justify-content:space-between}.detail-row{grid-template-columns:1fr;gap:4px}}.email-subscribers-page{padding:24px 32px}.email-subscribers-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;padding:0;background:transparent;flex-wrap:wrap}.email-subscribers-page .page-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary, #1a1a1a);margin:0 0 6px}.email-subscribers-page .page-subtitle{font-size:.875rem;color:var(--text-muted, #666);margin:0}.email-subscribers-page .page-header-actions{display:flex;gap:8px;flex-wrap:wrap}.add-panel{background:#fff;border:1px solid var(--border, #e5e7eb);border-radius:8px;padding:16px;margin-bottom:20px;box-shadow:0 1px 3px #0000000a}.add-panel-tabs{display:flex;gap:4px;align-items:center;margin-bottom:12px;border-bottom:1px solid var(--border, #e5e7eb);padding-bottom:0}.add-panel-tabs .tab{background:transparent;border:none;border-bottom:2px solid transparent;padding:8px 14px;font-size:.875rem;font-weight:600;color:var(--text-muted, #666);cursor:pointer;transition:color .15s ease,border-color .15s ease}.add-panel-tabs .tab:hover{color:var(--text-primary, #1a1a1a)}.add-panel-tabs .tab.active{color:var(--text-primary, #1a1a1a);border-bottom-color:var(--accent, #22c55e)}.add-panel-close{margin-left:auto;background:transparent;border:none;font-size:20px;color:var(--text-muted, #999);cursor:pointer;padding:4px 10px;line-height:1}.add-panel-close:hover{color:var(--text-primary, #1a1a1a)}.add-form{display:flex;flex-direction:column;gap:12px}.add-form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.add-form input[type=email],.add-form input[type=text]{padding:8px 12px;font-size:.9375rem;border:1px solid var(--border, #e5e7eb);border-radius:6px;background:#fff;color:var(--text-primary, #1a1a1a);min-height:38px}.add-form input[type=email]{flex:1.5;min-width:200px}.add-form input[type=text]{flex:1;min-width:150px}.add-form input:focus{outline:none;border-color:var(--accent, #22c55e);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent, #22c55e) 20%,transparent)}.add-form textarea{padding:10px 12px;font-size:.9375rem;font-family:-apple-system,BlinkMacSystemFont,sans-serif;border:1px solid var(--border, #e5e7eb);border-radius:6px;background:#fff;color:var(--text-primary, #1a1a1a);resize:vertical;min-height:120px}.add-form textarea:focus{outline:none;border-color:var(--accent, #22c55e);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent, #22c55e) 20%,transparent)}.add-form .hint{font-size:.8125rem;color:var(--text-muted, #666)}.add-result{margin-top:14px;padding-top:12px;border-top:1px solid var(--border, #e5e7eb)}.add-result p{margin:0 0 6px;font-size:.875rem}.add-result-success{color:#16a34a;font-weight:600}.add-result-info{color:var(--text-muted, #666)}.add-result-warning{color:#d97706}.list-filters{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap}.status-filter{display:flex;gap:4px;background:#fff;padding:4px;border-radius:8px;border:1px solid var(--border, #e5e7eb)}.status-filter .pill{background:transparent;border:none;padding:6px 14px;font-size:.875rem;font-weight:600;color:var(--text-muted, #666);cursor:pointer;border-radius:6px;transition:background .15s ease,color .15s ease}.status-filter .pill:hover{color:var(--text-primary, #1a1a1a)}.status-filter .pill.active{background:var(--accent, #22c55e);color:#fff}.search-input{flex:1;max-width:320px;padding:8px 14px;font-size:.9375rem;border:1px solid var(--border, #e5e7eb);border-radius:6px;background:#fff;color:var(--text-primary, #1a1a1a);min-height:38px}.group-filter{padding:8px 28px 8px 12px;font-size:.875rem;border:1px solid var(--border, #e5e7eb);border-radius:6px;background:#fff;color:var(--text-primary, #1a1a1a);min-height:38px;cursor:pointer}.group-filter:focus{outline:none;border-color:var(--accent, #22c55e)}.search-input:focus{outline:none;border-color:var(--accent, #22c55e);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent, #22c55e) 20%,transparent)}.subscribers-table-wrap{background:#fff;border:1px solid var(--border, #e5e7eb);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.subscribers-table{width:100%;border-collapse:collapse}.subscribers-table thead{background:var(--bg-subtle, #f8fafc);border-bottom:1px solid var(--border, #e5e7eb)}.subscribers-table th{text-align:left;padding:12px 16px;font-size:.75rem;font-weight:700;color:var(--text-muted, #666);letter-spacing:.04em;text-transform:uppercase}.subscribers-table td{padding:12px 16px;font-size:.9375rem;color:var(--text-primary, #1a1a1a);border-bottom:1px solid var(--border-light, #f1f5f9)}.subscribers-table tbody tr:last-child td{border-bottom:none}.subscribers-table tbody tr:hover{background:color-mix(in srgb,var(--accent, #22c55e) 4%,transparent)}.subscribers-table .row-deleted{opacity:.55}.cell-email{font-family:-apple-system,BlinkMacSystemFont,monospace;font-size:.875rem}.cell-name .editable{cursor:text;padding:4px 8px;border-radius:4px;transition:background .1s ease;display:inline-block}.cell-name .editable:hover{background:var(--bg-subtle, #f4f4f5)}.cell-name .inline-edit input{padding:4px 8px;font-size:.9375rem;border:1px solid var(--accent, #22c55e);border-radius:4px;background:#fff;outline:none;width:100%;max-width:240px}.muted{color:var(--text-muted, #999);font-style:italic}.cell-date{color:var(--text-muted, #666);font-size:.875rem;white-space:nowrap}.source-badge{display:inline-block;padding:2px 10px;font-size:.75rem;font-weight:600;border-radius:12px;background:var(--bg-subtle, #f1f5f9);color:var(--text-muted, #666);text-transform:capitalize}.cell-groups{max-width:240px}.subscriber-group-chips{display:flex;gap:4px;flex-wrap:wrap}.subscriber-group-chip{display:inline-block;padding:2px 10px;font-size:.75rem;font-weight:600;background:color-mix(in srgb,var(--accent, #22c55e) 12%,transparent);color:#15803d;border-radius:12px;white-space:nowrap}.muted-dash{color:var(--text-muted, #999)}.add-csv-hint{margin:0 0 12px;font-size:.875rem;color:var(--text-muted, #666);line-height:1.5}.add-csv-hint code{background:var(--bg-subtle, #f1f5f9);padding:1px 6px;border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,monospace;font-size:.8125rem}.add-csv-file{display:block;margin:0 0 12px;font-size:.875rem}.add-csv-textarea{padding:10px 12px;font-size:.875rem;font-family:-apple-system,BlinkMacSystemFont,monospace;border:1px solid var(--border, #e5e7eb);border-radius:6px;background:#fff;color:var(--text-primary, #1a1a1a);resize:vertical;min-height:160px;width:100%;box-sizing:border-box;margin-bottom:12px}.add-csv-textarea:focus{outline:none;border-color:var(--accent, #22c55e);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent, #22c55e) 20%,transparent)}.bootstrap-group-row{display:flex;align-items:center;gap:12px;margin:0 0 16px}.bootstrap-group-row label{font-size:.875rem;font-weight:600;color:var(--text-primary, #1a1a1a)}.email-page-shell .cell-select{width:32px;padding-right:0}.email-page-shell .cell-select input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#2563eb}.email-page-shell .groups-cell-button{background:transparent;border:none;padding:4px 8px;margin:-4px -8px;border-radius:6px;cursor:pointer;text-align:left;transition:background .1s ease;display:block;width:100%;font-family:inherit;color:inherit}.email-page-shell .groups-cell-button:hover{background:#eef2ff}.email-page-shell .add-groups-cta{color:#6b7280;font-size:.8125rem;font-weight:500}.email-page-shell .groups-cell-button:hover .add-groups-cta{color:#2563eb}.email-page-shell .modal-empty-msg{margin:0;text-align:center;color:#6b7280;padding:20px 0;font-size:.9375rem}.email-page-shell .modal-empty-msg a{color:#2563eb;font-weight:600}.email-page-shell .group-toggle-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.email-page-shell .group-toggle-row{display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:background .1s ease,border-color .1s ease}.email-page-shell .group-toggle-row:hover{background:#f9fafb;border-color:#d1d5db}.email-page-shell .group-toggle-row:has(input:checked){background:#eef2ff;border-color:#c7d2fe}.email-page-shell .group-toggle-row input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:#2563eb}.email-page-shell .group-toggle-name{flex:1;font-size:.9375rem;color:#111827;font-weight:500}.email-page-shell .group-toggle-count{font-size:.75rem;color:#6b7280;background:#f3f4f6;padding:1px 8px;border-radius:10px;font-weight:600}.email-page-shell .bulk-group-select{padding:5px 8px;font-size:.8125rem;border-radius:4px;border:1px solid rgba(255,255,255,.25);background:#fffffff2;color:#111827;font-family:inherit}.source-badge.source-join-form{background:color-mix(in srgb,#2563eb 12%,transparent);color:#1e40af}.source-badge.source-contact-form{background:color-mix(in srgb,#0891b2 12%,transparent);color:#155e75}.source-badge.source-csv{background:color-mix(in srgb,#9333ea 12%,transparent);color:#6b21a8}.source-badge.source-import-from-send{background:color-mix(in srgb,#d97706 12%,transparent);color:#92400e}.status-badge{display:inline-block;padding:2px 10px;font-size:.75rem;font-weight:600;border-radius:12px}.status-badge.status-active{background:color-mix(in srgb,#16a34a 12%,transparent);color:#15803d}.status-badge.status-deleted{background:var(--bg-subtle, #f1f5f9);color:var(--text-muted, #666)}.btn-icon{background:transparent;border:1px solid var(--border, #e5e7eb);padding:4px 10px;font-size:.8125rem;color:var(--text-muted, #666);cursor:pointer;border-radius:4px;transition:background .15s ease,color .15s ease,border-color .15s ease}.btn-icon:hover{background:color-mix(in srgb,#b91c1c 8%,transparent);color:#b91c1c;border-color:color-mix(in srgb,#b91c1c 35%,transparent)}.list-count-footer{padding:12px 16px;font-size:.8125rem;color:var(--text-muted, #666);border-top:1px solid var(--border-light, #f1f5f9);margin:0}.loading-state,.empty-state{background:#fff;border:1px solid var(--border, #e5e7eb);border-radius:8px;padding:48px 24px;text-align:center;box-shadow:0 1px 3px #0000000a}.loading-state .spinner{width:28px;height:28px;border:3px solid var(--border, #e5e7eb);border-top-color:var(--accent, #22c55e);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}.loading-state p,.empty-state p{color:var(--text-muted, #666);font-size:.9375rem;margin:0 0 16px}.empty-state h3{font-size:1.0625rem;color:var(--text-primary, #1a1a1a);margin:0 0 8px}@keyframes spin{to{transform:rotate(360deg)}}.alert{padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:.9375rem}.alert-error{background:color-mix(in srgb,#b91c1c 8%,transparent);border-left:3px solid #b91c1c;color:#7f1d1d}.alert-error a{color:#7f1d1d;font-weight:600;text-decoration:underline}@media (max-width: 768px){.email-subscribers-page{padding:16px}.email-subscribers-page .page-header{flex-direction:column}.page-header-actions{width:100%}.subscribers-table th:nth-child(3),.subscribers-table td:nth-child(3),.subscribers-table th:nth-child(4),.subscribers-table td:nth-child(4){display:none}}.email-subscribers-page{max-width:1100px;margin:0 auto}.subs-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.manual-add{background:var(--glass-bg, #fff);border:1px solid var(--glass-border, #e0e0e0);border-radius:var(--radius-lg, 12px);padding:14px 18px;margin-bottom:16px}.manual-add summary{cursor:pointer;font-weight:600;color:var(--text-primary, #1a1a1a);font-size:14px;-webkit-user-select:none;user-select:none}.manual-add summary:hover{color:var(--primary-green, #22c55e)}.manual-add-form{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.manual-add-form .form-input{flex:1;min-width:200px}.manual-add-hint{margin:8px 0 0;font-size:12px;color:var(--text-secondary, #888)}.subs-filter-bar{display:flex;gap:10px;margin-bottom:12px}.subs-filter-bar .form-input{flex:1}.subs-filter-bar select.form-input{flex:0 0 200px}.subs-table-wrap{background:var(--glass-bg, #fff);border:1px solid var(--glass-border, #e0e0e0);border-radius:var(--radius-lg, 12px);overflow:hidden}.subs-table{width:100%;border-collapse:collapse;font-size:14px}.subs-table th{text-align:left;padding:14px 18px;background:#00000006;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary, #666);border-bottom:1px solid var(--border-color, #f0f0f0)}.subs-table td{padding:14px 18px;border-bottom:1px solid var(--border-color, #f5f5f5);vertical-align:middle}.subs-table tbody tr:last-child td{border-bottom:0}.subs-table tbody tr:hover{background:#00000004}.cell-email{font-family:ui-monospace,monospace;font-size:13px;color:var(--text-primary, #1a1a1a);word-break:break-all}.cell-date{color:var(--text-secondary, #666);font-size:13px;white-space:nowrap}.cell-action{width:1%;white-space:nowrap}.reason-pill{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.reason-pill.reason-unsubscribe{background:#22c55e1a;color:#15803d}.reason-pill.reason-bounce{background:#f59e0b1f;color:#92400e}.reason-pill.reason-complaint{background:#dc26261a;color:#991b1b}.reason-pill.reason-manual{background:#0000000d;color:#555}.reason-detail{font-size:11px;color:var(--text-secondary, #888);margin-top:4px;font-style:italic}.confirm-cluster{display:flex;gap:6px;align-items:center}.btn-sm{padding:6px 12px;font-size:12px;border-radius:6px}.btn-danger{background:#dc2626;color:#fff;border:0}.btn-danger:hover{background:#b91c1c}.btn-danger:disabled{background:#fca5a5;cursor:not-allowed}.list-note{text-align:center;padding:12px 16px;font-size:12px;color:var(--text-secondary, #888);background:#00000005;border-top:1px solid var(--border-color, #f0f0f0);margin:0}@media (max-width: 900px){.subs-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.subs-filter-bar{flex-direction:column}.subs-filter-bar select.form-input{flex:initial}.manual-add-form .form-input{flex:1 1 100%}.subs-table{font-size:12px}.subs-table th,.subs-table td{padding:10px 12px}}.page-subtitle-link{color:var(--accent, #22c55e);font-weight:600;text-decoration:none}.page-subtitle-link:hover{text-decoration:underline}.email-page-shell .create-card{padding:12px;margin-bottom:20px}.email-page-shell .create-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.email-page-shell .create-form input{flex:1;min-width:200px;padding:8px 12px;font-size:.9375rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#111827;font-family:inherit}.email-page-shell .create-form input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb2e}.groups-table{width:100%;border-collapse:collapse}.groups-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.groups-table th{text-align:left;padding:11px 18px;font-size:.6875rem;font-weight:700;color:#6b7280;letter-spacing:.06em;text-transform:uppercase}.groups-table th.cell-count,.groups-table td.cell-count{text-align:right;font-variant-numeric:tabular-nums}.groups-table td{padding:14px 18px;font-size:.9375rem;color:#111827;border-bottom:1px solid #f3f4f6}.groups-table tbody tr:last-child td{border-bottom:none}.groups-table tbody tr:hover{background:#f9fafb}.groups-table tbody tr.row-auto{background:#fafbff}.groups-table tbody tr.row-auto:hover{background:#f3f4ff}.cell-name{display:flex;align-items:center;gap:10px}.group-name{font-weight:500}.group-name.editable{cursor:text;padding:4px 8px;margin:-4px -8px;border-radius:4px;transition:background .1s ease;display:inline-block}.group-name.editable:hover{background:#eef2ff;color:#1e40af}.group-name-auto{font-weight:600;color:#111827}.inline-edit-input{padding:5px 9px;font-size:.9375rem;border:1.5px solid #2563eb;border-radius:4px;background:#fff;outline:none;font-weight:500;width:100%;max-width:260px;font-family:inherit;color:#111827}.auto-badge{display:inline-block;padding:1px 8px;font-size:.6875rem;font-weight:700;background:#dbeafe;color:#1e40af;border-radius:4px;text-transform:uppercase;letter-spacing:.04em}.cell-actions{text-align:right}.ebtn-sm{padding:5px 10px;font-size:.8125rem}.empty-hint{padding:16px 18px;font-size:.875rem;color:#6b7280;border-top:1px solid #f3f4f6;margin:0;font-style:italic}.email-page-shell .loading-state,.email-page-shell .empty-state{padding:48px 24px;text-align:center}.email-page-shell .loading-state .spinner{width:28px;height:28px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:groups-spin .8s linear infinite;margin:0 auto 12px}@keyframes groups-spin{to{transform:rotate(360deg)}}.email-page-shell .loading-state p{color:#6b7280;font-size:.9375rem;margin:0}.email-page-shell .empty-state h3{font-size:1.0625rem;color:#111827;margin:0 0 8px;font-weight:700}.email-page-shell .empty-state p{color:#6b7280;font-size:.9375rem;margin:0 auto 16px;max-width:480px;line-height:1.55}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;z-index:100;box-shadow:2px 0 20px #2e7d320f}.sidebar-header{padding:24px 20px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-dark) 100%);color:#fff}.sidebar-title{font-size:24px;font-weight:700;margin-bottom:4px}.sidebar-subtitle{font-size:13px;opacity:.9}.sidebar-user{padding:20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-green-light) 0%,#c8e6c9 100%);color:var(--primary-green);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;box-shadow:var(--shadow-sm)}.user-info{flex:1;min-width:0}.user-name{font-weight:600;font-size:14px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--text-primary);text-decoration:none;transition:all var(--transition-normal);border-left:3px solid transparent;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-right:8px}.nav-item:hover{background:#2e7d320f;border-left-color:#2e7d324d}.nav-item.active{background:linear-gradient(90deg,#2e7d321f,#2e7d320a);border-left-color:var(--primary-green);color:var(--primary-green);font-weight:600}.nav-icon{font-size:20px;width:24px;text-align:center}.nav-text{font-size:14px}.sidebar-footer{padding:12px;border-top:1px solid var(--border-color)}.logout-btn{width:100%;display:flex;align-items:center;gap:12px;padding:12px 20px;background:none;border:none;color:var(--danger);text-align:left;transition:all var(--transition-normal);border-radius:var(--radius-sm)}.logout-btn:hover{background:#f443360f}.sidebar-plan-badge{padding:8px 20px;border-bottom:1px solid var(--border-color)}.plan-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.plan-badge.free{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.plan-badge.club{background:linear-gradient(135deg,#d1fae5,#6ee7b7);color:#065f46}.plan-badge.pro{background:linear-gradient(135deg,#fde68a,#f59e0b);color:#78350f;box-shadow:0 1px 3px #f59e0b4d}.nav-item.nav-item-upgrade{color:var(--primary-green, #2da44e);font-weight:600}.nav-item.nav-item-upgrade:hover{background:#2da44e14}.nav-item.gated{opacity:.55}.nav-item.gated:hover{opacity:.8}.upgrade-badge{margin-left:auto;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.hamburger-btn{display:none;position:fixed;top:12px;left:12px;z-index:200;width:44px;height:44px;padding:10px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;box-shadow:var(--shadow-md)}.hamburger-line{display:block;width:22px;height:2px;background-color:var(--text-primary);border-radius:2px;transition:transform .3s,opacity .3s}.hamburger-line.open:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.sidebar-overlay{display:none}@media (max-width: 768px){.hamburger-btn{display:flex}.sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:99;animation:overlayIn .2s ease-out both}.sidebar{transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar.open{transform:translate(0)}.nav-item,.logout-btn{padding:14px 20px;min-height:48px}}.app-container{display:flex;min-height:100vh}.main-content{flex:1;margin-left:260px;padding:30px;background:transparent}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:18px;color:var(--text-secondary)}@media (max-width: 768px){.main-content{margin-left:0;padding:70px 16px 16px}}@media (max-width: 480px){.main-content{padding:66px 12px 12px}}@font-face{font-family:Inter;src:url(/fonts/Inter_18pt-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter_18pt-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter_18pt-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter_18pt-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter_18pt-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter_18pt-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #2e7d32;--primary-dark: #1b5e20;--primary-light: #43a047;--accent: #333333;--accent-dark: #1a1a1a;--bg-primary: #ffffff;--bg-secondary: #f0f5f1;--text-primary: #1a2e1a;--text-secondary: #5a6b5a;--border-color: rgba(46, 125, 50, .12);--success: #4caf50;--warning: #ff9800;--danger: #f44336;--info: #2196f3;--primary-green: #2e7d32;--primary-green-dark: #1b5e20;--primary-green-light: #e8f5e9;--primary-green-lightest: #f1f8e9;--glass-bg: rgba(255, 255, 255, .72);--glass-bg-heavy: rgba(255, 255, 255, .85);--glass-blur: blur(20px);--glass-blur-heavy: blur(30px);--glass-border: rgba(255, 255, 255, .5);--shadow-sm: 0 1px 3px rgba(46, 125, 50, .06), 0 1px 2px rgba(46, 125, 50, .04);--shadow-md: 0 4px 16px rgba(46, 125, 50, .08), 0 1px 4px rgba(46, 125, 50, .05);--shadow-lg: 0 8px 32px rgba(46, 125, 50, .1), 0 2px 8px rgba(46, 125, 50, .06);--shadow-xl: 0 16px 48px rgba(46, 125, 50, .14), 0 4px 12px rgba(46, 125, 50, .08);--shadow-glow: 0 0 20px rgba(46, 125, 50, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-btn: 10px;--radius-input: 10px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .35s cubic-bezier(.4, 0, .2, 1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background:linear-gradient(160deg,#eaf5ea,#e4efe4 35%,#f2f4f2 65%,#eaf5ea);background-attachment:fixed;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{padding:10px 20px;border:none;border-radius:var(--radius-btn);font-size:14px;font-weight:600;letter-spacing:.01em;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.97);transition-duration:.1s}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 14px #2e7d324d}.btn-primary:hover{box-shadow:0 6px 20px #2e7d3266}.btn-primary:active{box-shadow:0 2px 8px #2e7d324d}.btn-secondary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;box-shadow:0 4px 14px #00000026}.btn-secondary:hover{box-shadow:0 6px 20px #0003}.btn-success{background:linear-gradient(135deg,#43a047,#2e7d32);color:#fff;box-shadow:0 4px 14px #2e7d324d}.btn-danger{background:linear-gradient(135deg,#ef5350,#c62828);color:#fff;box-shadow:0 4px 14px #f443364d}.btn-outline{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:2px solid var(--primary);color:var(--primary);box-shadow:var(--shadow-sm)}.btn-outline:hover{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 14px #2e7d324d}.btn-small{padding:6px 12px;font-size:12px}.card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-md);border:1px solid var(--glass-border);animation:fadeInUp .4s ease-out both}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:6px;font-weight:500;color:var(--text-primary);font-size:14px}.form-input,.form-textarea,.form-select{width:100%;padding:10px 14px;border:1.5px solid var(--border-color);border-radius:var(--radius-input);font-size:16px;background:#fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--transition-normal)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2e7d321f,var(--shadow-sm);background:#fffffff2}.form-textarea{min-height:100px;resize:vertical}.form-error{color:var(--danger);font-size:12px;margin-top:4px}.table-container{overflow-x:auto;border-radius:var(--radius-lg)}.table{width:100%;border-collapse:collapse;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}.table th{background:#2e7d320f;font-weight:600;color:var(--text-primary);font-size:14px}.table tbody tr{transition:background-color var(--transition-fast)}.table tbody tr:hover{background-color:#2e7d320a}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.02em}.badge-success{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.badge-warning{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100}.badge-info{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0}.badge-danger{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828}.loading{display:flex;justify-content:center;align-items:center;padding:40px;color:var(--text-secondary)}.error-message{background:linear-gradient(135deg,#ffebeee6,#ffcdd2b3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#c62828;padding:14px 18px;border-radius:var(--radius-md);margin-bottom:20px;border-left:4px solid var(--danger);animation:fadeInUp .3s ease-out both}.success-message{background:linear-gradient(135deg,#e8f5e9e6,#c8e6c9b3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#2e7d32;padding:14px 18px;border-radius:var(--radius-md);margin-bottom:20px;border-left:4px solid var(--success);animation:fadeInUp .3s ease-out both}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000059;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:overlayIn .2s ease-out both}.modal-content{background:var(--glass-bg-heavy);backdrop-filter:var(--glass-blur-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy);border-radius:var(--radius-xl);padding:28px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl),0 0 0 1px var(--glass-border);animation:modalIn .35s cubic-bezier(.34,1.56,.64,1) both}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-size:20px;font-weight:600;color:var(--text-primary)}.modal-close{background:#0000000d;border:none;font-size:20px;color:var(--text-secondary);cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast)}.modal-close:hover{background:#0000001a;color:var(--text-primary);transform:scale(1.1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #2e7d3259}50%{box-shadow:0 0 0 8px #2e7d3200}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 768px){.btn{padding:12px 20px;font-size:14px;min-height:44px}.btn-small{padding:10px 14px;font-size:13px;min-height:44px}.form-input,.form-textarea,.form-select{padding:12px;font-size:16px}.form-label{font-size:14px;margin-bottom:8px}.table th,.table td{padding:10px 8px;font-size:13px}.table-container{margin:0 -16px;padding:0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-content{width:95%;max-width:none;padding:20px;max-height:85vh}.modal-overlay{padding:10px}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-title{font-size:24px}.page-subtitle{font-size:14px}.card{padding:16px;border-radius:var(--radius-md)}.modal-close{width:44px;height:44px;font-size:24px}}@media (max-width: 480px){.btn{padding:12px 16px;font-size:13px}.page-title{font-size:22px}.modal-content{padding:16px;border-radius:var(--radius-lg)}}.ga-help-trigger{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--primary-green);color:#fff;font-size:11px;font-weight:700;margin-left:6px;cursor:pointer;vertical-align:middle;line-height:1}.ga-help-trigger:hover{opacity:.8}.email-page-shell{padding:24px 32px;background:var(--bg, #f8fafc);min-height:100vh}.email-page-shell .page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;flex-wrap:wrap}.email-page-shell .page-head h1{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 6px;letter-spacing:-.02em}.email-page-shell .page-head .subtitle{font-size:.9375rem;color:#6b7280;margin:0;max-width:640px;line-height:1.5}.email-page-shell .page-head .head-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.email-page-shell .ebtn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:600;border-radius:6px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background .12s ease,color .12s ease,border-color .12s ease;white-space:nowrap;font-family:inherit}.email-page-shell .ebtn:disabled{opacity:.55;cursor:not-allowed}.email-page-shell .ebtn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.email-page-shell .ebtn-primary:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.email-page-shell .ebtn-secondary{background:#fff;color:#374151;border-color:#d1d5db}.email-page-shell .ebtn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#111827}.email-page-shell .ebtn-ghost{background:transparent;color:#374151;border-color:transparent}.email-page-shell .ebtn-ghost:hover:not(:disabled){background:#f3f4f6;color:#111827}.email-page-shell .ebtn-danger{background:#fff;color:#b91c1c;border-color:#fecaca}.email-page-shell .ebtn-danger:hover:not(:disabled){background:#fef2f2;border-color:#f87171}.email-page-shell .card-surface{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.email-page-shell .ealert{padding:12px 16px;border-radius:8px;font-size:.9375rem;margin-bottom:16px;line-height:1.45}.email-page-shell .ealert-error{background:#fef2f2;border:1px solid #fecaca;color:#7f1d1d}.email-page-shell .ealert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.email-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.email-modal{background:#fff;border-radius:10px;width:100%;max-width:440px;max-height:90vh;overflow:auto;box-shadow:0 25px 60px #0f172a40}.email-modal-head{padding:18px 22px 12px;border-bottom:1px solid #f3f4f6}.email-modal-head h3{margin:0;font-size:1.0625rem;font-weight:700;color:#111827}.email-modal-head .modal-sub{margin:4px 0 0;font-size:.8125rem;color:#6b7280}.email-modal-body{padding:16px 22px}.email-modal-foot{padding:14px 22px 18px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #f3f4f6}.email-bulk-bar{position:sticky;top:0;background:#1e293b;color:#fff;padding:10px 16px;border-radius:8px;margin-bottom:12px;display:flex;align-items:center;gap:12px;z-index:10;box-shadow:0 4px 12px #0f172a26}.email-bulk-bar-count{font-weight:600;font-size:.9375rem}.email-bulk-bar-actions{display:flex;gap:6px;margin-left:auto}.email-bulk-bar-actions .ebtn{background:#ffffff1f;color:#fff;border-color:transparent}.email-bulk-bar-actions .ebtn:hover:not(:disabled){background:#ffffff38}.email-bulk-bar-actions .ebtn-danger{background:#f8717138;color:#fecaca}.email-bulk-bar-actions .ebtn-danger:hover:not(:disabled){background:#f8717152}.email-bulk-bar-close{background:transparent;border:none;color:#ffffffb3;cursor:pointer;font-size:20px;line-height:1;padding:4px 8px}.email-bulk-bar-close:hover{color:#fff}@media (max-width: 768px){.email-page-shell{padding:16px}}.tm-page-shell{padding:24px 32px;background:var(--bg, #f8fafc);min-height:100vh}.tm-page-shell .page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;flex-wrap:wrap}.tm-page-shell .page-head h1{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 6px;letter-spacing:-.02em}.tm-page-shell .page-head .subtitle{font-size:.9375rem;color:#6b7280;margin:0;max-width:640px;line-height:1.5}.tm-page-shell .page-head .head-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tm-page-shell .ebtn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:600;border-radius:6px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background .12s ease,color .12s ease,border-color .12s ease;white-space:nowrap;font-family:inherit}.tm-page-shell .ebtn:disabled{opacity:.55;cursor:not-allowed}.tm-page-shell .ebtn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.tm-page-shell .ebtn-primary:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.tm-page-shell .ebtn-secondary{background:#fff;color:#374151;border-color:#d1d5db}.tm-page-shell .ebtn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#111827}.tm-page-shell .ebtn-ghost{background:transparent;color:#374151;border-color:transparent}.tm-page-shell .ebtn-ghost:hover:not(:disabled){background:#f3f4f6;color:#111827}.tm-page-shell .ebtn-danger{background:#fff;color:#b91c1c;border-color:#fecaca}.tm-page-shell .ebtn-danger:hover:not(:disabled){background:#fef2f2;border-color:#f87171}.tm-page-shell .ebtn-sm{padding:5px 10px;font-size:.8125rem}.tm-page-shell .card-surface{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.tm-page-shell .ealert{padding:12px 16px;border-radius:8px;font-size:.9375rem;margin-bottom:16px;line-height:1.45}.tm-page-shell .ealert-error{background:#fef2f2;border:1px solid #fecaca;color:#7f1d1d}.tm-page-shell .ealert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.tm-page-shell .ealert-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}@media (max-width: 768px){.tm-page-shell{padding:16px}}