*{box-sizing:border-box;margin:0;padding:0}body{color:#2d3748;background:#f7fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a0aec0}*{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex}.spinner{border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:50px;height:50px;animation:.8s linear infinite spin}.spinner-small{border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:#fff;border-radius:12px;width:100%;max-width:450px;padding:40px;box-shadow:0 20px 60px #0000004d}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{color:#2d3748;margin-bottom:8px;font-size:28px}.auth-header p{color:#718096}.auth-form{flex-direction:column;gap:20px;display:flex}.form-group label{color:#2d3748;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;display:flex}.form-group input{border:2px solid #e2e8f0;border-radius:6px;width:100%;padding:12px;font-size:14px;transition:border-color .2s}.form-group input:focus{border-color:#667eea;outline:none}.error-message{color:#c53030;background:#fed7d7;border-radius:6px;padding:12px;font-size:14px}.verify-email-prompt{text-align:center;color:#744210;background:#fffbeb;border:1px solid #f6ad55;border-radius:8px;flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex}.verify-email-prompt svg{color:#dd6b20;flex-shrink:0}.verify-email-prompt-text{flex-direction:column;gap:4px;font-size:14px;display:flex}.verify-email-prompt-text strong{font-size:15px}.verify-email-prompt .btn-primary{width:auto;padding:8px 20px;font-size:14px}.form-group-error input{border-color:#e53e3e!important}.field-error{color:#e53e3e;margin-top:4px;font-size:12px;font-weight:500;display:block}.field-hint{color:#a0aec0;margin-top:4px;font-size:12px;display:block}.auth-footer{text-align:center;color:#718096;margin-top:20px}.auth-footer a{color:#667eea;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.invite-banner{color:#2b6cb0;background:#ebf4ff;border:1px solid #bee3f8;border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:10px 16px;font-size:14px;display:flex}.input-locked{cursor:not-allowed;color:#718096!important;background:#f7fafc!important;border-color:#e2e8f0!important}.btn-primary,.btn-secondary,.btn-outline,.btn-gmail,.btn-outlook,.btn-provider,.btn-icon,.btn-copy{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-small{gap:4px;padding:6px 12px;font-size:12px}.btn-primary{color:#fff;background:#667eea}.btn-primary:hover:not(:disabled){background:#5568d3;transform:translateY(-1px)}.btn-secondary{color:#fff;background:#48bb78}.btn-secondary:hover:not(:disabled){background:#38a169}.btn-outline{color:#2d3748;background:0 0;border:2px solid #e2e8f0}.btn-outline:hover{color:#667eea;border-color:#667eea}.btn-gmail{color:#fff;background:#4285f4;width:100%}.btn-gmail:hover:not(:disabled){background:#3367d6}.btn-outlook{color:#fff;background:#4285f4;width:100%}.btn-outlook:hover:not(:disabled){background:#3367d6}.btn-icon{color:#718096;background:0 0;padding:8px}.btn-icon:hover{color:#2d3748;background:#f7fafc}.btn-copy{color:#2d3748;background:#edf2f7;padding:6px 12px;font-size:12px}.btn-copy:hover{background:#e2e8f0}button:disabled{opacity:.5;cursor:not-allowed}.dashboard{flex-direction:column;height:100vh;display:flex;overflow:hidden}.dashboard-header{background:#fff;border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 40px;display:flex}.sync-banner{text-align:center;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.sync-progress{color:#3182ce;background:linear-gradient(90deg,#ebf4ff 0%,#c3dafe 50%,#ebf4ff 100%) 0 0/200% 100%;animation:.3s slideDown,2s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sync-success{color:#22543d;background:#c6f6d5}.sync-error{color:#c53030;background:#fed7d7}.header-left h1{margin-bottom:4px;font-size:24px}.header-left p{color:#718096;font-size:14px}.header-right{gap:12px;display:flex}.dashboard-content{flex:1;display:flex;overflow:hidden}.sidebar{background:#fff;border-right:2px solid #e2e8f0;width:300px;padding:20px;overflow-y:auto}.search-box{background:#f7fafc;border-radius:6px;align-items:center;gap:10px;margin-bottom:20px;padding:10px;display:flex}.search-box input{background:0 0;border:none;flex:1;font-size:14px}.search-box input:focus{outline:none}.sort-section{margin-bottom:20px}.sort-header{color:#2d3748;align-items:center;gap:8px;margin-bottom:8px;font-weight:700;display:flex}.sort-select{color:#2d3748;cursor:pointer;appearance:auto;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:8px 12px;font-size:14px}.sort-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.filters{margin-bottom:30px}.filter-header{color:#2d3748;align-items:center;gap:8px;margin-bottom:12px;font-weight:700;display:flex}.filter-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;width:100%;margin-bottom:4px;padding:10px 12px;transition:all .2s;display:flex}.filter-btn:hover{background:#f7fafc}.filter-btn.active{color:#667eea;background:#eef2ff;font-weight:600}.filter-name{text-transform:capitalize}.filter-count{background:#e2e8f0;border-radius:12px;padding:2px 8px;font-size:12px}.filter-btn.active .filter-count{color:#fff;background:#667eea}.filter-btn:disabled{opacity:1}.stats{flex-direction:column;gap:12px;display:flex}.stat-card{background:#f7fafc;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.stat-value{color:#2d3748;font-size:24px;font-weight:700}.stat-label{color:#718096;font-size:12px}.settings-section{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:16px}.settings-header{cursor:pointer;color:#2d3748;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;transition:all .2s;display:flex}.settings-header:hover{background:#f7fafc}.settings-title{align-items:center;gap:8px;font-weight:600;display:flex}.settings-content{background:#f7fafc;border-radius:8px;margin-top:8px;padding:12px}.setting-item{margin-bottom:16px}.setting-item label{color:#4a5568;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.setting-item select{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:8px 12px;font-size:14px}.setting-item select:focus{border-color:#667eea;outline:none}.formality-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.formality-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .3s}.formality-labels{color:#718096;justify-content:space-between;margin-top:4px;font-size:10px;display:flex}.btn-analyze{color:#667eea;cursor:pointer;background:#eef2ff;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.btn-analyze:hover:not(:disabled){background:#e0e7ff}.btn-analyze:disabled{opacity:.6;cursor:not-allowed}.last-analyzed{color:#718096;text-align:center;margin-top:8px;font-size:11px}.main-content{background:#f7fafc;flex:1;overflow:hidden}.loading-state,.empty-state{color:#718096;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;display:flex}.empty-state h2{color:#2d3748}.email-view{height:100%;display:flex;position:relative;overflow:hidden}.email-list-pane{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow:hidden}.email-resizer{cursor:col-resize;background:#e2e8f0;flex-shrink:0;width:6px;transition:background .15s;position:relative}.email-resizer:hover{background:#a0aec0}.email-resizer:after{content:"";background:#718096;border-radius:2px;width:2px;height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.email-detail-pane{flex:1;min-width:0;height:100%;overflow:hidden}.email-view-loading{pointer-events:none}.email-view-loader{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:3;background:#f7fafcad;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.email-view-loader .spinner{width:40px;height:40px}.email-list{background:#fff;border-right:2px solid #e2e8f0;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.email-list-toolbar{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;align-items:center;padding:4px 12px;display:flex}.email-list-pagination{align-items:center;gap:4px;display:flex}.email-list-range{color:#4a5568;white-space:nowrap;font-size:11px;font-weight:500}.email-list-page-btn{color:#4a5568;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;transition:background .2s,color .2s;display:inline-flex}.email-list-page-btn:hover:not(:disabled){color:#1a202c;background:#edf2f7}.email-list-page-btn:disabled{color:#cbd5e0;cursor:not-allowed}.email-list-scroll{flex:1;min-height:0;overflow-y:auto}.email-item{cursor:pointer;border-bottom:1px solid #e2e8f0;gap:16px;padding:20px;transition:background .2s;display:flex}.email-item:hover{background:#f7fafc}.email-item.selected{background:#eef2ff;border-left:4px solid #667eea}.email-icon{flex-shrink:0}.email-content{flex:1;min-width:0}.email-header-row{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.email-sender{color:#2d3748;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.email-date{color:#718096;white-space:nowrap;flex-shrink:0;font-size:12px}.email-subject{text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;overflow:hidden}.email-meta{gap:8px;display:flex}.category-badge,.priority-badge{border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.priority-badge{color:#718096;background:#e2e8f0}.priority-badge.priority-high{color:#c53030;background:#fed7d7}.priority-badge.priority-medium{color:#c05621;background:#feebc8}.priority-badge.priority-low{color:#22543d;background:#c6f6d5}.thread-badge{color:#667eea;vertical-align:middle;background:#eef2ff;border-radius:4px;align-items:center;gap:4px;margin-left:8px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-flex}.email-detail{background:#fff;height:100%;padding:30px;overflow-y:auto}.email-detail-header{border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;display:flex}.email-detail-header h2{font-size:20px}.detail-section{margin-bottom:20px}.detail-section label{color:#718096;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.detail-value{color:#2d3748}.category-pill{color:#667eea;text-transform:capitalize;background:#eef2ff;border-radius:6px;padding:6px 12px;font-weight:600;display:inline-block}.priority-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.priority-fill{background:linear-gradient(90deg,#48bb78,#667eea);height:100%;transition:width .3s}.priority-text{color:#718096;font-size:12px}.attachments-section label{align-items:center;gap:6px;display:flex}.attachments-list{flex-direction:column;gap:8px;margin-top:8px;display:flex}.attachment-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;padding:10px 12px}.attachment-header{color:#2d3748;align-items:center;gap:6px;font-size:13px;display:flex}.attachment-filename{font-weight:500}.attachment-size{color:#a0aec0;font-size:12px}.attachment-summary{color:#4a5568;white-space:pre-line;border-top:1px solid #e2e8f0;margin-top:6px;padding-top:6px;font-size:12px;line-height:1.5}.draft-section{border-top:2px solid #e2e8f0;margin-top:30px;padding-top:30px}.draft-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.draft-actions{align-items:center;gap:8px;display:flex}.draft-response,.draft-textarea{white-space:pre-wrap;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:20px;line-height:1.6}.draft-textarea{resize:vertical;color:#2d3748;font-family:inherit;font-size:14px;transition:border-color .2s}.draft-textarea:focus{background:#fff;border-color:#667eea;outline:none}.draft-empty{text-align:center;background:linear-gradient(135deg,#f7fafc 0%,#eef2ff 100%);border:2px dashed #cbd5e0;border-radius:8px;padding:30px}.draft-empty p{color:#718096;margin-bottom:16px;font-size:14px}.btn-generate-draft{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #667eea59}.btn-generate-draft:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea73}.btn-generate-draft:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-generate-draft .spin{animation:1s linear infinite spin}.email-body-content{white-space:pre-wrap;color:#2d3748;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;max-height:300px;padding:16px;font-size:14px;line-height:1.6;overflow-y:auto}.email-body-plain{white-space:pre-wrap;word-break:break-word}.email-body-empty{color:#a0aec0;font-style:italic}.email-body-html{white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.email-body-html img{max-width:100%;height:auto}.email-body-html a{color:#3182ce;text-decoration:underline}.email-body-html blockquote{color:#718096;border-left:3px solid #e2e8f0;margin:8px 0;padding-left:12px}.detail-actions{gap:12px;margin-top:30px;display:flex}.email-connect{justify-content:center;align-items:center;min-height:calc(100vh - 100px);padding:40px;display:flex}.email-connect-card{text-align:center;background:#fff;border-radius:12px;max-width:700px;padding:60px 40px;box-shadow:0 4px 12px #0000001a}.email-connect-icon{color:#667eea;margin-bottom:20px}.email-connect-card h2{margin-bottom:16px;font-size:28px}.email-connect-card>p{color:#718096;margin-bottom:30px;line-height:1.6}.provider-cards{grid-template-columns:1fr 1fr;gap:20px;margin:30px 0;display:grid}.provider-card{text-align:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;padding:30px 20px;transition:border-color .2s,box-shadow .2s;display:flex}.provider-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.provider-icon{margin-bottom:12px}.provider-icon-gmail{color:#4285f4}.provider-icon-outlook{color:#0078d4}.provider-card h3{color:#2d3748;margin-bottom:8px;font-size:18px}.provider-desc{color:#718096;flex:1;margin-bottom:16px;font-size:13px;line-height:1.4}.btn-provider{cursor:pointer;color:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.features{text-align:left;background:#f7fafc;border-radius:8px;margin:30px 0;padding:24px}.feature{color:#2d3748;align-items:center;gap:12px;padding:12px 0;display:flex}.feature svg{color:#48bb78;flex-shrink:0}.privacy-note{color:#718096;margin-top:20px;font-size:12px}.hamburger-btn{cursor:pointer;color:#2d3748;background:0 0;border:none;border-radius:6px;padding:8px;transition:background .2s;display:none}.hamburger-btn:hover{background:#f7fafc}.header-left{align-items:center;gap:12px;display:flex}.header-title h1{margin-bottom:4px;font-size:24px}.header-title p{color:#718096;font-size:14px}.sidebar-overlay{display:none}.email-detail-desktop-wrapper{display:block}.email-detail-mobile-wrapper{display:none}@media (max-width:1024px){.email-resizer{display:none}.email-list-pane{flex:1;width:100%!important}.email-detail-pane{display:none}.sidebar{width:250px}}@media (max-width:768px){.dashboard-header{flex-wrap:nowrap;padding:10px 12px}.hamburger-btn{flex-shrink:0;justify-content:center;align-items:center;display:flex}.header-left{flex:1;gap:8px;min-width:0}.header-title{min-width:0}.header-title h1{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.header-title p{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.header-right{flex-shrink:0;gap:6px}.header-right .btn-secondary,.header-right .btn-outline{padding:6px 10px;font-size:11px}.header-right .btn-secondary span,.header-right .btn-outline span{display:none}.sidebar{z-index:1001;width:280px;height:100vh;padding-top:20px;transition:left .3s;position:fixed;top:0;left:-300px;box-shadow:2px 0 12px #00000026}.sidebar.sidebar-open{left:0}.sidebar-overlay{z-index:1000;background:#00000080;display:block;position:fixed;inset:0}.email-view{position:relative}.email-list{border-right:none;height:calc(100vh - 70px)}.email-list-toolbar{padding:3px 10px}.email-list-pagination{gap:3px}.email-list-range{font-size:10px}.email-list-page-btn{width:22px;height:22px}.email-view .email-detail{z-index:100;background:#fff;animation:.3s slideUp;position:fixed;inset:60px 0 0;overflow-y:auto;box-shadow:0 -4px 20px #00000026}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.email-detail{padding:16px 16px 100px}.email-detail-header{margin-bottom:16px;padding-bottom:12px}.email-detail-header h2{font-size:16px}.detail-actions{z-index:101;background:#fff;margin-top:0;padding:16px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000001a}.detail-actions .btn-primary{justify-content:center;width:100%}.email-item{gap:12px;padding:12px 16px}.email-sender,.email-subject{font-size:13px}.email-meta{flex-wrap:wrap}.category-badge,.priority-badge{padding:3px 6px;font-size:10px}.dashboard-content{height:calc(100vh - 60px)}.main-content{height:100%}.email-connect{min-height:calc(100vh - 60px);padding:16px}.email-connect-card{max-width:100%;margin:0;padding:24px 20px}.email-connect-card h2{margin-bottom:12px;font-size:20px}.email-connect-card>p{margin-bottom:20px;font-size:14px}.email-connect-icon svg{width:48px;height:48px}.provider-cards{grid-template-columns:1fr}.features{margin:20px 0;padding:16px}.feature{gap:10px;padding:8px 0;font-size:14px}.feature svg{width:18px;height:18px}.btn-gmail,.btn-outlook,.btn-provider{padding:14px 20px;font-size:14px}.privacy-note{margin-top:16px;font-size:11px}.error-message{margin-bottom:12px;padding:10px;font-size:13px}.detail-section{margin-bottom:16px}.detail-section label{margin-bottom:4px;font-size:14px}.detail-value{font-size:14px}.category-pill{padding:4px 10px;font-size:14px}.priority-text,.draft-header label{font-size:14px}.draft-section{margin-top:20px;padding-top:20px}.draft-response,.draft-textarea{padding:14px;font-size:14px}.draft-actions .btn-copy,.draft-actions .btn-icon{padding:6px 10px;font-size:14px}.email-body-content{max-height:150px;padding:12px;font-size:13px}}.send-error{color:#c53030;background:#fed7d7;border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.send-success{color:#22543d;background:#c6f6d5;border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.spin{animation:1s linear infinite spin}.tier-selection-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.tier-selection-loading{color:#fff;flex-direction:column;align-items:center;gap:12px;font-size:16px;display:flex}.tier-selection-content{width:100%;max-width:1000px}.tier-selection-header{text-align:center;color:#fff;margin-bottom:32px}.tier-selection-header h1{margin-bottom:8px;font-size:32px;font-weight:700}.tier-selection-header p{opacity:.9;font-size:16px}.founder-slots-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff26;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-bottom:24px;padding:12px 20px;font-size:14px;display:flex}.tier-selection-error{color:#c53030;text-align:center;background:#fed7d7;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}.tier-cards-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px;display:grid}.tier-card{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:12px;padding:24px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;box-shadow:0 4px 12px #0000001a}.tier-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.tier-card-selected{border-color:#667eea;box-shadow:0 8px 24px #667eea4d}.tier-card-founder{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%)}.tier-card-disabled{opacity:.5;cursor:not-allowed}.tier-card-disabled:hover{transform:none;box-shadow:0 4px 12px #0000001a}.tier-card-header{color:#2d3748;align-items:center;gap:10px;margin-bottom:16px;display:flex}.tier-card-header h3{font-size:18px;font-weight:600}.tier-card-pricing{margin-bottom:16px}.tier-price{color:#1a202c;font-size:28px;font-weight:700}.tier-price-period{color:#718096;margin-left:2px;font-size:14px}.tier-price-original{color:#a0aec0;margin-top:2px;font-size:13px;text-decoration:line-through;display:block}.tier-card-features{margin:0;padding:0;list-style:none}.tier-card-features li{color:#4a5568;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.tier-card-features li svg{color:#48bb78;flex-shrink:0}.tier-card-sold-out{color:#fff;text-transform:uppercase;background:#e53e3e;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:12px;right:12px}.tier-card-check{color:#fff;background:#667eea;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:12px;right:12px}.tier-selection-submit{color:#fff;cursor:pointer;background:#fff3;border:2px solid #fff6;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;max-width:400px;margin:0 auto;padding:14px 24px;font-size:16px;font-weight:600;transition:background .2s,border-color .2s;display:flex}.tier-selection-submit:hover:not(:disabled){background:#ffffff4d;border-color:#fff9}.tier-selection-submit:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.tier-selection-container{padding:20px 16px}.tier-selection-header h1{font-size:24px}.tier-cards-grid{grid-template-columns:1fr;gap:16px}.tier-card{padding:20px}}.admin-nav-section{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.admin-nav-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:14px;font-weight:500;transition:opacity .2s;display:flex}.admin-nav-btn:hover{opacity:.9}.admin-dashboard{background:#f7fafc;min-height:100vh}.admin-loading{color:#4a5568;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.admin-header{background:#fff;border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.admin-header .header-left{align-items:center;gap:16px;display:flex}.admin-header .header-title h1{color:#2d3748;align-items:center;gap:8px;font-size:20px;display:flex}.admin-header .header-title p{color:#718096;margin-top:2px;font-size:13px}.btn-back{color:#4a5568;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;transition:background .2s;display:flex}.btn-back:hover{background:#f7fafc}.admin-error{color:#c53030;text-align:center;background:#fed7d7;border-radius:8px;max-width:600px;margin:40px auto;padding:16px 20px}.admin-content{max-width:1100px;margin:0 auto;padding:24px}.admin-section{background:#fff;border-radius:12px;margin-bottom:20px;padding:24px;box-shadow:0 1px 3px #0000000f}.admin-section h2{color:#2d3748;margin-bottom:16px;font-size:18px;font-weight:600}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.admin-stat-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:14px;padding:16px;display:flex}.admin-stat-card svg{color:#667eea;flex-shrink:0}.admin-stat-value{color:#1a202c;font-size:22px;font-weight:700}.admin-stat-label{color:#718096;font-size:13px}.admin-usage-bars{flex-direction:column;gap:16px;display:flex}.usage-bar-group{flex-direction:column;gap:6px;display:flex}.usage-bar-label{color:#4a5568;justify-content:space-between;font-size:14px;display:flex}.usage-bar-track{background:#e2e8f0;border-radius:5px;height:10px;overflow:hidden}.usage-bar-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:5px;height:100%;transition:width .4s}.usage-bar-fill-warning{background:linear-gradient(90deg,#ed8936,#dd6b20)}.usage-bar-fill-critical{background:linear-gradient(90deg,#e53e3e,#c53030)}.usage-bar-fill-reached{background:#c53030}.usage-warning-text{color:#e53e3e;margin-top:4px;font-size:12px}.usage-warning-text a{color:#667eea;font-weight:600;text-decoration:underline}.admin-table-wrapper{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th{text-align:left;color:#4a5568;white-space:nowrap;background:#f7fafc;border-bottom:2px solid #e2e8f0;padding:10px 14px;font-weight:600}.admin-table td{color:#2d3748;border-bottom:1px solid #edf2f7;padding:10px 14px}.admin-table .current-user-row{background:#ebf4ff}.role-badge{text-transform:capitalize;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.role-owner{color:#975a16;background:#fefcbf}.role-admin{color:#553c9a;background:#e9d8fd}.role-member{color:#4a5568;background:#e2e8f0}@media (max-width:768px){.admin-header{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.admin-header .header-right{align-self:flex-end}.admin-content,.admin-section{padding:16px}.admin-stats-grid{grid-template-columns:1fr 1fr}.admin-table{font-size:13px}.admin-table th,.admin-table td{padding:8px 10px}}.invite-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.invite-section-header h2{margin-bottom:0}.btn-invite{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:opacity .2s;display:flex}.btn-invite:hover{opacity:.9}.invite-form{margin-bottom:16px}.invite-form-fields{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.invite-input{border:1px solid #e2e8f0;border-radius:8px;outline:none;flex:1;min-width:200px;padding:9px 14px;font-size:14px;transition:border-color .2s}.invite-input:focus{border-color:#667eea}.invite-select{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:9px 14px;font-size:14px}.invite-select:focus{border-color:#667eea}.btn-invite-submit{color:#fff;cursor:pointer;white-space:nowrap;background:#667eea;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.btn-invite-submit:hover:not(:disabled){background:#5a6fd6}.btn-invite-submit:disabled{opacity:.6;cursor:not-allowed}.btn-invite-cancel{color:#718096;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.btn-invite-cancel:hover{background:#f7fafc}.invite-error{color:#c53030;background:#fed7d7;border-radius:8px;margin-top:10px;padding:10px 14px;font-size:14px}.invite-toast{color:#fff;z-index:1000;background:#22543d;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s ease-out toast-in;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 4px 12px #00000026}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.invite-loading{color:#718096;align-items:center;gap:8px;margin-top:12px;font-size:14px;display:flex}.invite-empty{color:#a0aec0;margin-top:8px;font-size:14px}.invite-expires{color:#718096;align-items:center;gap:5px;font-size:13px;display:flex}.btn-revoke{color:#c53030;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #feb2b2;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;transition:background .2s;display:flex}.btn-revoke:hover{background:#fff5f5}.role-change-select{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:4px 8px;font-size:13px;font-weight:600;transition:border-color .2s}.role-change-select:focus{border-color:#667eea}.role-change-select:disabled{opacity:.6;cursor:not-allowed}.btn-remove-member{color:#c53030;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #feb2b2;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;transition:background .2s;display:flex}.btn-remove-member:hover{background:#fff5f5}.inline-confirm{color:#4a5568;align-items:center;gap:6px;font-size:13px;display:flex}.btn-confirm-yes{color:#fff;cursor:pointer;background:#c53030;border:none;border-radius:5px;justify-content:center;align-items:center;min-width:36px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.btn-confirm-yes:hover{background:#9b2c2c}.btn-confirm-yes:disabled{opacity:.6;cursor:not-allowed}.btn-confirm-no{color:#4a5568;cursor:pointer;background:#edf2f7;border:none;border-radius:5px;padding:4px 10px;font-size:12px;font-weight:500}.btn-confirm-no:hover{background:#e2e8f0}.btn-confirm-no:disabled{opacity:.6;cursor:not-allowed}.btn-leave{color:#c53030;cursor:pointer;background:0 0;border:1px solid #feb2b2;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.btn-leave:hover{background:#fff5f5}.btn-transfer{color:#975a16;cursor:pointer;background:0 0;border:1px solid #fbd38d;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.btn-transfer:hover{background:ivory}.btn-danger{color:#fff;cursor:pointer;background:#c53030;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.btn-danger:hover:not(:disabled){background:#9b2c2c}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.admin-action-error{color:#c53030;background:#fed7d7;border-radius:8px;justify-content:space-between;align-items:center;margin:0 20px;padding:10px 20px;font-size:14px;display:flex}.admin-action-error button{color:#c53030;cursor:pointer;background:0 0;border:none;padding:2px}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:16px;width:100%;max-width:460px;padding:32px;box-shadow:0 20px 60px #00000026}.modal-card h3{color:#1a202c;margin-bottom:8px;font-size:20px;font-weight:700}.modal-card p{color:#4a5568;margin-bottom:20px;font-size:14px;line-height:1.5}.modal-field{margin-bottom:16px}.modal-field label{color:#4a5568;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.modal-select{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:9px 14px;font-size:14px}.modal-select:focus{border-color:#667eea}.modal-input{box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:9px 14px;font-size:14px}.modal-input:focus{border-color:#667eea}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.invite-name-input{flex:.6;min-width:150px}@media (max-width:600px){.admin-header .header-right{flex-wrap:wrap;gap:8px}.btn-leave,.btn-transfer{padding:6px 10px;font-size:13px}.modal-card{padding:24px 20px}.inline-confirm{flex-wrap:wrap}}.invite-accept-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.invite-accept-loading{color:#fff;flex-direction:column;align-items:center;gap:12px;font-size:16px;display:flex}.invite-accept-card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:460px;padding:40px;box-shadow:0 20px 60px #00000026}.invite-accept-card h2{color:#1a202c;margin-bottom:8px;font-size:24px;font-weight:700}.invite-accept-icon{color:#667eea;background:#ebf4ff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:inline-flex}.invite-accept-icon-error{color:#e53e3e;background:#fff5f5}.invite-accept-icon-success{color:#38a169;background:#f0fff4}.invite-accept-desc{color:#4a5568;margin-bottom:20px;font-size:15px;line-height:1.6}.invite-accept-desc .role-badge{vertical-align:middle;align-items:center;gap:4px;display:inline-flex}.invite-accept-details{text-align:left;background:#f7fafc;border-radius:10px;margin-bottom:24px;padding:16px}.invite-accept-detail-row{justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.invite-accept-detail-row span:first-child{color:#718096}.invite-accept-detail-row span:last-child{color:#2d3748;font-weight:500}.invite-accept-error{color:#c53030;background:#fed7d7;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:14px}.invite-accept-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-size:16px;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.invite-accept-btn:hover:not(:disabled){opacity:.9}.invite-accept-btn:disabled{opacity:.6;cursor:not-allowed}.invite-accept-btn-go{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;justify-content:center;align-items:center;padding:12px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.invite-accept-btn-go:hover{opacity:.9}.invite-accept-btn-secondary{color:#667eea;cursor:pointer;background:#fff;border:2px solid #667eea;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-size:16px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.invite-accept-btn-secondary:hover{background:#f7fafc}.invite-accept-auth-prompt{text-align:center}.invite-accept-auth-prompt p{color:#718096;margin-bottom:16px;font-size:14px}.invite-accept-auth-links{flex-direction:column;gap:10px;display:flex}.invite-accept-link{color:#667eea;font-size:14px;font-weight:500;text-decoration:none}.invite-accept-link:hover{text-decoration:underline}@media (max-width:768px){.invite-accept-card{padding:28px 20px}.invite-form-fields{flex-direction:column}.invite-input,.invite-select,.btn-invite-submit{width:100%}.btn-invite-cancel{align-self:flex-end}}.usage-limit-banner{justify-content:space-between;align-items:center;padding:10px 20px;font-size:14px;font-weight:500;animation:.3s slideDown;display:flex}.usage-limit-content{flex:1;align-items:center;gap:10px;display:flex}.usage-limit-warning{color:#744210;background:#fefcbf;border-bottom:1px solid #f6e05e}.usage-limit-critical{color:#7b341e;background:#feebc8;border-bottom:1px solid #f6ad55}.usage-limit-reached{color:#c53030;background:#fed7d7;border-bottom:1px solid #fc8181}.usage-limit-upgrade-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#667eea;border:none;border-radius:6px;padding:5px 14px;font-size:13px;font-weight:600}.usage-limit-upgrade-btn:hover{background:#5a67d8}.usage-limit-dismiss{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;margin-left:8px;padding:0 4px;font-size:20px}.usage-limit-dismiss:hover{opacity:1}.notification-bell-container{position:relative}.notification-bell-btn{cursor:pointer;color:#4a5568;background:0 0;border:none;align-items:center;padding:6px;display:flex;position:relative}.notification-bell-btn:hover{color:#667eea}.notification-badge{color:#fff;background:#e53e3e;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:0;right:0}.notification-dropdown{z-index:100;background:#fff;border-radius:10px;width:340px;animation:.2s slideDown;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 20px #00000026}.notification-dropdown-header{color:#2d3748;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.notification-dismiss-all{color:#667eea;cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:500}.notification-dismiss-all:hover{text-decoration:underline}.notification-dropdown-body{max-height:320px;overflow-y:auto}.notification-empty{text-align:center;color:#a0aec0;padding:24px 16px;font-size:14px}.notification-item{cursor:pointer;border-bottom:1px solid #f7fafc;padding:12px 16px;transition:background .15s}.notification-item:hover{background:#f7fafc}.notification-read{opacity:.6}.notification-item-title{color:#2d3748;margin-bottom:2px;font-size:13px;font-weight:600}.notification-item-message{color:#718096;font-size:12px;line-height:1.4}.notification-item-time{color:#a0aec0;margin-top:4px;font-size:11px}.notification-item-info{border-left:3px solid #667eea}.notification-item-warning{border-left:3px solid #ed8936}.notification-item-critical{border-left:3px solid #e53e3e}.admin-layout{background:#f7fafc;min-height:100vh;display:flex}.admin-layout-mobile-header{z-index:40;background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;padding:12px 16px;display:none;position:sticky;top:0}.admin-layout-org-name{color:#2d3748;font-size:15px;font-weight:600}.admin-sidebar-toggle{cursor:pointer;color:#4a5568;background:0 0;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.admin-sidebar{background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;width:260px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.admin-sidebar-header{border-bottom:1px solid #e2e8f0;padding:24px 20px 20px}.admin-sidebar-header h2{color:#1a202c;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:16px;font-weight:700;overflow:hidden}.admin-sidebar-header p{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.admin-sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex}.admin-sidebar-link{color:#4a5568;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.admin-sidebar-link:hover{color:#2d3748;background:#f7fafc}.admin-sidebar-link.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.admin-sidebar-link.active:hover{opacity:.95}.admin-sidebar-footer{border-top:1px solid #e2e8f0;flex-direction:column;gap:4px;padding:12px 10px;display:flex}.admin-sidebar-back,.admin-sidebar-logout{color:#718096;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:9px 14px;font-size:13px;transition:all .15s;display:flex}.admin-sidebar-back:hover{color:#2d3748;background:#f7fafc}.admin-sidebar-logout:hover{color:#e53e3e;background:#fff5f5}.admin-sidebar-backdrop{display:none}.admin-main{flex:1;min-width:0;overflow-y:auto}.admin-page{max-width:1100px;margin:0 auto;padding:24px}.admin-page-loading{color:#4a5568;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:400px;display:flex}.admin-page-header{margin-bottom:24px}.admin-page-header h1{color:#1a202c;margin-bottom:4px;font-size:24px;font-weight:700}.admin-page-header p{color:#718096;font-size:14px}.admin-page-header-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-page-header-actions{flex-shrink:0;gap:8px;display:flex}.admin-chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.admin-chart-header h2{align-items:center;gap:8px;margin-bottom:0;display:flex}.admin-period-toggle{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;overflow:hidden}.period-btn{color:#718096;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.period-btn:first-child{border-right:1px solid #e2e8f0}.period-btn.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.period-btn:hover:not(.active){background:#edf2f7}.admin-chart-container{margin-top:8px}.admin-chart-loading{color:#718096;justify-content:center;align-items:center;gap:10px;padding:60px 0;font-size:14px;display:flex}.admin-chart-empty{text-align:center;color:#a0aec0;flex-direction:column;align-items:center;gap:14px;padding:60px 20px;font-size:14px;display:flex}.btn-backfill{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:500;transition:opacity .2s;display:inline-flex}.btn-backfill:hover{opacity:.9}.btn-backfill:disabled{opacity:.6;cursor:not-allowed}.backfill-result{color:#38a169;font-size:13px;font-weight:500}.billing-plan-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.billing-plan-info{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.billing-plan-name{color:#1a202c;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.billing-plan-name svg{color:#667eea}.billing-status{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.billing-status-active{color:#276749;background:#c6f6d5}.billing-status-past_due{color:#975a16;background:#fefcbf}.billing-status-cancelled{color:#c53030;background:#fed7d7}.billing-status-inactive{color:#4a5568;background:#e2e8f0}.billing-status-trialing{color:#553c9a;background:#e9d8fd}.billing-reset-date{color:#718096;align-items:center;gap:6px;margin-bottom:16px;font-size:13px;display:flex}.btn-change-plan{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:500;transition:opacity .2s;display:inline-flex}.btn-change-plan:hover{opacity:.9}.billing-usage-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.billing-usage-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;gap:14px;padding:18px;display:flex}.billing-usage-icon{color:#667eea;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.billing-usage-details{flex:1;min-width:0}.billing-usage-label{color:#718096;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:12px;font-weight:500}.billing-usage-value{color:#1a202c;font-size:22px;font-weight:700}.billing-usage-limit{color:#a0aec0;font-size:14px;font-weight:400}.billing-founder-badge{color:#975a16;background:linear-gradient(135deg,#fefcbf 0%,#fef3c7 100%);border:1px solid #f6e05e;border-radius:8px;padding:14px 18px;font-size:14px;font-weight:500}.billing-price-line{align-items:baseline;gap:4px;margin-bottom:16px;display:flex}.billing-price{color:#1a202c;font-size:28px;font-weight:700}.billing-price-cycle{color:#a0aec0;font-size:14px;font-weight:400}.billing-cycles-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.billing-cycle-card{margin-bottom:0!important}.billing-cycle-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.billing-cycle-header svg{color:#667eea}.billing-cycle-header h2{margin-bottom:0}.billing-cycle-badge{color:#fff;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;margin-bottom:16px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.billing-cycle-details{flex-direction:column;gap:10px;display:flex}.billing-cycle-row{border-bottom:1px solid #f0f4f8;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.billing-cycle-row:last-child{border-bottom:none}.billing-cycle-label{color:#718096;font-size:13px;font-weight:500}.billing-cycle-value{color:#1a202c;font-size:14px;font-weight:600}.billing-cycle-amount{color:#667eea;font-size:16px}.billing-payment-card{color:#fff;background:linear-gradient(135deg,#1a202c 0%,#2d3748 100%);border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex}.billing-payment-icon{background:#ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.billing-payment-icon svg{color:#e2e8f0}.billing-payment-details{flex:1;min-width:0}.billing-payment-brand{text-transform:capitalize;margin-bottom:4px;font-size:16px;font-weight:700}.billing-payment-number{letter-spacing:2px;color:#cbd5e0;align-items:center;gap:8px;margin-bottom:4px;font-family:Courier New,Courier,monospace;font-size:15px;display:flex}.billing-card-dots{color:#718096}.billing-card-last4{color:#fff;font-weight:600}.billing-payment-expiry{color:#a0aec0;font-size:12px}.billing-payment-badge{color:#a3bffa;background:#667eea40;border:1px solid #667eea66;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:600;display:flex}.billing-no-payment{color:#a0aec0;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.billing-no-payment svg{color:#cbd5e0}.billing-no-payment p{color:#718096;margin:0;font-size:15px;font-weight:600}.billing-no-payment span{font-size:13px}@media (max-width:768px){.billing-cycles-grid{grid-template-columns:1fr}.billing-payment-card{text-align:center;flex-direction:column}.billing-payment-badge{align-self:center}}.profile-form{max-width:480px}.profile-field{margin-bottom:16px}.profile-field label{color:#4a5568;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.profile-field input{color:#2d3748;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:9px 12px;font-size:14px;transition:border-color .2s}.profile-field input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.profile-error{color:#c53030;background:#fed7d7;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px}.profile-success{color:#276749;background:#c6f6d5;border-radius:8px;align-items:center;gap:6px;margin-bottom:14px;padding:10px 14px;font-size:13px;display:flex}.btn-profile-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;font-size:14px;font-weight:500;transition:opacity .2s;display:inline-flex}.btn-profile-save:hover{opacity:.9}.btn-profile-save:disabled{opacity:.6;cursor:not-allowed}.profile-connected-list{flex-direction:column;gap:8px;display:flex}.profile-connected-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.profile-connected-info{flex-direction:column;gap:2px;display:flex}.profile-connected-provider{color:#a0aec0;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.profile-connected-email{color:#2d3748;font-size:14px;font-weight:500}.profile-connected-status{color:#38a169;background:#c6f6d5;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.profile-no-accounts{color:#a0aec0;font-size:14px}.profile-details-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.profile-detail{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:3px;padding:12px 16px;display:flex}.profile-detail-label{color:#a0aec0;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.profile-detail-value{color:#2d3748;font-size:14px;font-weight:500}.profile-founder-badge{color:#975a16!important;font-weight:600!important}@media (max-width:768px){.admin-layout-mobile-header{display:flex}.admin-sidebar{z-index:50;width:260px;height:100vh;transition:left .25s;position:fixed;top:0;left:-280px;box-shadow:4px 0 16px #0000001a}.admin-sidebar-open{left:0}.admin-sidebar-backdrop{z-index:45;background:#0000004d;display:block;position:fixed;inset:0}.admin-page{padding:16px}.admin-page-header h1{font-size:20px}.admin-page-header-row{flex-direction:column}.billing-usage-grid,.profile-details-grid{grid-template-columns:1fr}.admin-chart-header{flex-direction:column;align-items:flex-start}}.attachment-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:center;width:110px;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.attachment-card-clickable{cursor:pointer}.attachment-card-clickable:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.attachment-card-loading{opacity:.65;cursor:wait}.attachment-card-thumb{background:#edf2f7;justify-content:center;align-items:center;width:100%;height:80px;display:flex;position:relative;overflow:hidden}.attachment-card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.attachment-card-spinner{background:#edf2f7b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.attachment-card-name{color:#2d3748;white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;padding:5px 6px 2px;font-size:11px;font-weight:500;overflow:hidden}.attachment-card-size{color:#a0aec0;text-align:center;padding:0 6px 6px;font-size:10px}.attachment-preview-modal{background:#fff;border-radius:16px;flex-direction:column;width:auto;min-width:400px;max-width:90vw;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.attachment-preview-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.attachment-preview-title{color:#2d3748;align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:600;display:flex;overflow:hidden}.attachment-preview-title span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.attachment-preview-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.attachment-preview-body{background:#f7fafc;flex:1;justify-content:center;align-items:center;padding:24px;display:flex;overflow:auto}.attachment-preview-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:75vh;display:block}.attachment-preview-pdf{background:#fff;border:none;border-radius:8px;width:min(800px,80vw);height:75vh}.attachment-preview-fallback{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:48px 32px;display:flex}.attachment-preview-fallback-info h4{color:#2d3748;word-break:break-all;margin:0 0 4px;font-size:16px;font-weight:600}.attachment-preview-fallback-info p{color:#718096;margin:0;font-size:14px}.attachment-preview-fallback-hint{color:#a0aec0;font-size:13px}.meeting-banner{border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;font-size:13px;display:flex}.meeting-banner-available{color:#2b6cb0;background:#ebf8ff;border:1px solid #bee3f8}.meeting-banner-conflict{color:#975a16;background:#fffaf0;border:1px solid #fbd38d}.meeting-banner-created{color:#276749;background:#f0fff4;border:1px solid #9ae6b4}.btn-calendar{color:#fff;cursor:pointer;white-space:nowrap;background:#667eea;border:none;border-radius:6px;align-items:center;gap:6px;margin-left:auto;padding:5px 12px;font-size:12px;font-weight:600;transition:background .15s;display:flex}.btn-calendar:hover{background:#5a6fd6}.btn-calendar-action{white-space:nowrap;align-items:center;gap:6px;display:flex}.meet-link{color:#2b6cb0;align-items:center;gap:4px;margin-left:auto;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.meet-link:hover{text-decoration:underline}.modal-box{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;padding:28px;overflow-y:auto;box-shadow:0 20px 60px #0000002e}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3{color:#1a202c;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:700;display:flex}.calendar-form{flex-direction:column;gap:14px;display:flex}.form-field{flex-direction:column;gap:5px;display:flex}.form-field label{color:#4a5568;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.form-field input[type=text],.form-field input[type=email],.form-field input[type=datetime-local],.form-field textarea{color:#1a202c;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:14px;transition:border-color .15s}.form-field input:focus,.form-field textarea:focus{background:#fff;border-color:#667eea;outline:none}.form-field textarea{resize:vertical}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-toggle label{color:#2d3748;cursor:pointer;text-transform:none;letter-spacing:0;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.form-toggle input[type=checkbox]{accent-color:#667eea;cursor:pointer;width:16px;height:16px}.calendar-success{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:20px 0;display:flex}.calendar-success p{color:#276749;margin:0;font-size:16px;font-weight:600}.meet-link-large{color:#fff;background:#1a73e8;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.meet-link-large:hover{background:#1558b0}.event-link{color:#667eea;font-size:13px;text-decoration:none}.event-link:hover{text-decoration:underline}