.header{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:50}.header-content{width:100%;padding:0 var(--space-6);padding-left:0;height:64px;display:flex;align-items:center;justify-content:space-between}.header-brand{width:240px;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);padding-left:var(--space-6);transition:width var(--transition-base);flex-shrink:0}.header-brand.collapsed{width:72px;padding:0;justify-content:center}.header-brand .sidebar-toggle-btn{margin-left:0}.header-brand.collapsed .sidebar-toggle-btn{display:none}.header-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--text-primary)}.header-logo-icon{width:32px;height:32px}.header-logo-text{font-size:var(--font-size-lg);font-weight:700;background:var(--color-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.header-nav{display:flex;align-items:center;gap:var(--space-1);flex:1;justify-content:center}.header-nav-link{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.header-nav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.header-nav-link.active{color:var(--color-primary);background:#ff98001a}.header-user{position:relative}.header-user-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast)}.header-user-button:hover{background:var(--bg-hover)}.header-user-button .avatar{width:36px;height:36px}.sidebar-toggle-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);margin-left:var(--space-4)}.sidebar-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color)}.header-user-name{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.header-user-chevron{width:16px;height:16px;color:var(--text-muted)}.dropdown-header{padding:var(--space-2) var(--space-3)}.dropdown-email{font-size:var(--font-size-xs);color:var(--text-muted)}.dropdown-menu{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:200px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:slideDown .2s ease-out}.dropdown-divider{height:1px;background:var(--border-color);margin:var(--space-1) 0}.dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.dropdown-item:hover{background:var(--bg-hover);color:var(--color-error)}.dropdown-item svg{width:18px;height:18px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.header-nav,.header-user-name{display:none}}.sidebar{width:240px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:65px;height:calc(100vh - 65px);overflow:visible;transition:width var(--transition-base)}.sidebar.collapsed{width:72px}.sidebar-nav{flex:1;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto;overflow-x:hidden}.sidebar.collapsed .sidebar-nav{padding:var(--space-4) var(--space-3)}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-lg);transition:all var(--transition-fast);white-space:nowrap}.sidebar.collapsed .sidebar-link{padding:var(--space-3);justify-content:center}.sidebar-link:hover{color:var(--text-primary);background:var(--bg-hover)}.sidebar-link.active{color:var(--color-primary);background:#ff98001a}.sidebar-link.active .sidebar-link-icon{color:var(--color-primary)}.sidebar-link-icon{width:20px;height:20px;flex-shrink:0}.sidebar-link-icon svg{width:100%;height:100%}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--border-color);position:relative;display:flex;flex-direction:column}.sidebar.collapsed .sidebar-footer{padding:var(--space-4) 0}.sidebar-help{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);font-size:var(--font-size-sm);color:var(--text-muted);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;width:100%}.sidebar.collapsed .sidebar-help{justify-content:center;padding:var(--space-3) 0}.sidebar-help:hover{color:var(--text-secondary);background:var(--bg-hover)}.sidebar-help svg{width:20px;height:20px;flex-shrink:0}.sidebar-toggle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:0;position:absolute;right:-12px;top:38px;transform:translateY(-50%);z-index:100;box-shadow:var(--shadow-sm)}.sidebar.collapsed .sidebar-toggle{right:-12px}.sidebar-toggle:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--bg-secondary);box-shadow:var(--shadow-md)}.sidebar-toggle-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.sidebar-toggle svg{width:14px;height:14px}@media (max-width: 768px){.sidebar,.sidebar.collapsed{width:100%;border-right:none;border-bottom:1px solid var(--border-color);position:static;height:auto}.sidebar-header{display:none}.sidebar-nav{flex-direction:row;overflow-x:auto;padding:var(--space-2);gap:var(--space-2)}.sidebar-link{padding:var(--space-2) var(--space-3);white-space:nowrap}.sidebar-footer{display:none}}.layout{height:100vh;display:flex;flex-direction:column;overflow:hidden}.layout-body{flex:1;display:flex;min-height:0}.layout-main{flex:1;padding:var(--space-6);overflow-y:auto}@media (max-width: 768px){.layout-body{flex-direction:column}.layout-main{padding:var(--space-4)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:var(--space-4)}.login-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.login-bg-shape{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5;animation:float 8s ease-in-out infinite}.login-bg-shape-1{width:400px;height:400px;background:var(--color-primary);top:-100px;right:-100px;animation-delay:0s}.login-bg-shape-2{width:300px;height:300px;background:var(--color-secondary);bottom:-50px;left:-50px;animation-delay:2s}.login-bg-shape-3{width:200px;height:200px;background:var(--color-primary-light);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:4s}.login-container{position:relative;z-index:1;width:100%;max-width:480px}.login-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--glass-shadow)}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-logo{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#ff98001a;border-radius:var(--radius-xl);margin-bottom:var(--space-4);animation:glow 3s ease-in-out infinite}.login-logo-icon{width:48px;height:48px}.login-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-2);background:var(--color-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.login-features{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}.login-feature{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:#ffffff08;border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all var(--transition-fast)}.login-feature:hover{background:#ffffff0d;border-color:var(--color-primary);transform:translate(4px)}.login-feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ff98001a;border-radius:var(--radius-md);color:var(--color-primary);flex-shrink:0}.login-feature-icon svg{width:20px;height:20px}.login-feature-text h3{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-1)}.login-feature-text p{font-size:var(--font-size-xs);color:var(--text-muted)}.login-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);margin-bottom:var(--space-4);background:#ea43351a;border:1px solid rgba(234,67,53,.2);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm)}.login-error svg{width:16px;height:16px;flex-shrink:0}.login-btn{width:100%;padding:var(--space-4) var(--space-6);font-size:var(--font-size-base)}.login-terms{margin-top:var(--space-4);font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;line-height:1.5}@media (max-width: 480px){.login-card{padding:var(--space-6)}.login-title{font-size:var(--font-size-xl)}}.dashboard{max-width:1200px;margin:0 auto}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.dashboard-stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;align-items:center;gap:var(--space-4);text-decoration:none;transition:all var(--transition-base)}.dashboard-stat-card:hover{border-color:var(--stat-color, var(--color-primary));transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}.dashboard-stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:var(--radius-lg);flex-shrink:0}.dashboard-stat-icon svg{width:24px;height:24px}.dashboard-stat-content{display:flex;flex-direction:column}.dashboard-stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.dashboard-stat-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.dashboard-section{margin-bottom:var(--space-8)}.dashboard-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.dashboard-section-title{font-size:var(--font-size-lg);font-weight:600}.dashboard-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.dashboard-action-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;align-items:center;gap:var(--space-4);text-decoration:none;transition:all var(--transition-fast)}.dashboard-action-card:hover{border-color:var(--color-primary);background:var(--bg-tertiary)}.dashboard-action-card:hover .dashboard-action-arrow{transform:translate(4px);color:var(--color-primary)}.dashboard-action-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ff98001a;border-radius:var(--radius-lg);color:var(--color-primary);flex-shrink:0}.dashboard-action-icon svg{width:22px;height:22px}.dashboard-action-text{flex:1}.dashboard-action-text h3{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.dashboard-action-text p{font-size:var(--font-size-xs);color:var(--text-muted)}.dashboard-action-arrow{width:20px;height:20px;color:var(--text-muted);transition:all var(--transition-fast)}.dashboard-projects{display:flex;flex-direction:column;gap:var(--space-2)}.dashboard-project-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-4);text-decoration:none;transition:all var(--transition-fast)}.dashboard-project-card:hover{border-color:var(--color-primary);background:var(--bg-tertiary)}.dashboard-project-card:hover .dashboard-project-arrow{transform:translate(4px);color:var(--color-primary)}.dashboard-project-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border-radius:var(--radius-md);color:var(--color-primary)}.dashboard-project-icon svg{width:20px;height:20px}.dashboard-project-info{flex:1}.dashboard-project-info h3{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.dashboard-project-info p{font-size:var(--font-size-xs);color:var(--text-muted)}.dashboard-project-arrow{width:20px;height:20px;color:var(--text-muted);transition:all var(--transition-fast)}.dashboard-project-link{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;color:var(--text-secondary);background:var(--bg-hover);text-decoration:none;transition:all var(--transition-fast)}.dashboard-project-link:hover{color:var(--color-primary);background:#ff98001a}.dashboard-project-link svg{width:12px;height:12px}.dashboard-loading{display:flex;justify-content:center;padding:var(--space-8)}.dashboard-error{text-align:center;padding:var(--space-8);color:var(--text-secondary)}.dashboard-error p{margin-bottom:var(--space-4)}@media (max-width: 1024px){.dashboard-stats,.dashboard-actions{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.dashboard-stats,.dashboard-actions{grid-template-columns:1fr}}.projects-page{max-width:1200px;margin:0 auto}.projects-page .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.page-header-actions{display:flex;align-items:center;gap:var(--space-3)}.page-header-actions .btn{height:44px}.btn-refresh-projects{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border-radius:50%;color:var(--color-primary);border:2px solid var(--color-primary);background:#ff98000d;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);flex-shrink:0}.btn-refresh-projects:hover:not(:disabled){background:#ff980026;border-color:var(--color-primary-light);transform:rotate(180deg) scale(1.05)}.btn-refresh-projects:disabled{opacity:.5;cursor:not-allowed;border-color:var(--text-muted);color:var(--text-muted)}.create-project-container{position:relative;min-height:200px}.under-development-overlay{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;border-radius:var(--radius-lg);color:#fff;text-align:center}.under-development-overlay h3{font-size:var(--font-size-xl);margin-bottom:var(--space-2);color:var(--color-primary)}.under-development-overlay p{font-size:var(--font-size-base);opacity:.9}.projects-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.projects-search{position:relative;flex:1;min-width:300px;max-width:400px}.projects-search svg{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none}.projects-search .form-input{padding-left:var(--space-10)}.projects-toolbar-right{display:flex;align-items:center;gap:var(--space-4)}.page-size-selector{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary)}.page-size-selector select{width:auto;min-width:100px}.projects-count{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap}.pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0;margin-top:var(--space-4);border-top:1px solid var(--border-color)}.pagination:first-of-type{margin-top:0;margin-bottom:var(--space-4);border-top:none;border-bottom:1px solid var(--border-color)}.pagination-info{font-size:var(--font-size-sm);color:var(--text-muted)}.pagination-controls{display:flex;align-items:center;gap:var(--space-2)}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-2);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary)}.pagination-btn svg{width:16px;height:16px}.pagination-dots{color:var(--text-muted);padding:0 var(--space-2)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.project-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);text-decoration:none;transition:all var(--transition-base);display:flex;flex-direction:column}.project-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 10px 30px #0000004d,0 0 20px #ff98001a}.project-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.project-card-header-left{display:flex;align-items:center;gap:var(--space-3)}.project-card-icon{width:40px;height:40px}.project-card-icon svg{width:100%;height:100%}.project-card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.project-card-id{font-size:var(--font-size-sm);color:var(--text-muted);font-family:monospace;margin-bottom:var(--space-4)}.project-card-footer{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border-color)}.project-firebase-link{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;color:var(--text-secondary);background:var(--bg-hover);text-decoration:none;transition:all var(--transition-fast)}.project-firebase-link:hover{color:var(--color-primary);background:#ff98001a}.project-firebase-link svg{width:12px;height:12px}.project-card-action{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary)}.project-card-action svg{width:16px;height:16px;transition:transform var(--transition-fast)}.project-card:hover .project-card-action svg{transform:translate(4px)}.projects-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);gap:var(--space-4);color:var(--text-muted)}.projects-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center}.projects-error svg{width:48px;height:48px;color:var(--color-error);margin-bottom:var(--space-4)}.projects-error h3{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.projects-error p{color:var(--text-muted);margin-bottom:var(--space-6)}@media (max-width: 768px){.projects-toolbar{flex-direction:column;align-items:stretch}.projects-search{max-width:none}.projects-toolbar-right{justify-content:space-between}.pagination{flex-direction:column;gap:var(--space-4)}.pagination-controls{flex-wrap:wrap;justify-content:center}}.create-project-form{display:flex;flex-direction:column;gap:var(--space-4)}.creation-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) 0;gap:var(--space-4)}.creation-loader-container{margin-bottom:var(--space-2)}.creation-status{font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary);text-align:center}.form-hint-row{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--text-muted)}.form-hint-row .form-hint{margin-top:0}.form-label-row,.form-error-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.form-error-row{margin-top:var(--space-1);margin-bottom:0}.form-label-row .form-label{margin-bottom:0}.btn-text{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.btn-text:hover{background:#ff98001a;text-decoration:underline}.creation-members-section{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-color)}.creation-members-actions{display:flex;gap:var(--space-1)}.add-member-input-group .form-input{flex:1}.add-member-input-group .form-select{width:150px}.creation-pending-members{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--border-color)}.pending-members-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);font-size:var(--font-size-sm);font-weight:500}.pending-members-list.mini{display:flex;flex-direction:column;gap:var(--space-2);max-height:200px;overflow-y:auto;padding-right:var(--space-2)}.pending-member-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--font-size-xs)}.pending-member-email{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-member-role-select{padding:6px 24px 6px 10px;background:#ff98001a;color:var(--color-primary);border:1px solid transparent;border-radius:var(--radius-lg);font-size:11px;font-weight:600;cursor:pointer;outline:none;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23FF9800' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;width:110px}.pending-member-role-select:hover{background-color:#ff980033;border-color:var(--color-primary)}.btn-icon-sm{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;padding:0 4px;transition:color .2s}.btn-icon-sm:hover{color:var(--color-error)}.groups-list,.saved-lists,.email-library-list{display:flex;flex-direction:column;gap:var(--space-2)}.group-item,.saved-list-item,.email-library-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.group-item-info h4,.saved-list-info h4,.email-library-info h4{font-size:var(--font-size-sm);margin-bottom:2px}.group-item-info p,.saved-list-info p,.email-library-info p{font-size:var(--font-size-xs);color:var(--text-muted)}.project-detail{max-width:1000px;margin:0 auto}.project-detail-header{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-8)}.project-detail-title{display:flex;align-items:center;gap:var(--space-4)}.project-detail-icon{width:48px;height:48px}.project-detail-icon svg{width:100%;height:100%}.project-detail-title h1{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-1)}.project-detail-title p{font-size:var(--font-size-sm);color:var(--text-muted)}.project-detail-loading{display:flex;justify-content:center;padding:var(--space-16)}.project-detail-content{display:flex;flex-direction:column;gap:var(--space-8)}.project-detail-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6)}.project-detail-section h2{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-4)}.add-member-form{margin-bottom:var(--space-4)}.add-member-input-group{display:flex;gap:var(--space-2)}.add-member-input-group .form-input:first-child{flex:1;min-width:0}.add-member-input-group .form-select{width:160px;flex:0 0 160px}.pending-members-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:300px;overflow-y:auto;margin-bottom:var(--space-4)}.pending-member-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md)}.pending-member-email{flex:1;font-size:var(--font-size-sm);color:var(--text-primary)}.pending-member-role{width:150px;padding:var(--space-2);font-size:var(--font-size-xs)}.submit-btn{width:100%}.member-search-container{position:relative;display:flex;align-items:center}.member-search-container svg{position:absolute;left:12px;width:16px;height:16px;color:var(--text-muted);pointer-events:none}.existing-members-table{overflow-x:auto}.current-user-row{background-color:#ff980014;border-left:3px solid var(--color-primary)}.import-modal-content{text-align:center}.import-modal-content p{color:var(--text-secondary);margin-bottom:var(--space-4)}.import-dropzone{position:relative;margin-bottom:var(--space-4)}.import-format-help{text-align:left;padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--text-muted)}.import-format-help p{margin:var(--space-1) 0}@media (max-width: 768px){.add-member-input-group{flex-direction:column}.add-member-input-group .form-select{width:100%}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.section-actions{width:100%;flex-wrap:wrap}.pending-member-item{flex-wrap:wrap}.pending-member-email{width:100%;margin-bottom:var(--space-2)}.pending-member-role{flex:1}}.email-library-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:600;flex-shrink:0;overflow:hidden}.email-library-search svg{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted)}.add-app-container{display:flex;align-items:center;gap:var(--space-3);background:var(--bg-secondary);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--border-color)}.sa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.sa-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.sa-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--bg-hover)}.sa-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ff98001a;color:var(--color-primary);flex-shrink:0}.sa-icon svg{width:24px;height:24px}.sa-info{flex:1;min-width:0}.sa-name{font-weight:600;font-size:var(--font-size-sm);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-email{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-id-badge{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 8px;background:var(--bg-secondary);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);border:1px solid var(--border-color)}.sa-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);border-left:1px solid var(--border-color);padding-left:var(--space-2)}.btn-delete-sa{color:var(--color-error)!important}.btn-delete-sa:hover{background:#ea433f1a!important}.create-sa-form{display:flex;flex-direction:column;gap:var(--space-2)}.sa-id-input-wrapper{position:relative;display:flex;align-items:center}.sa-id-actions{position:absolute;right:8px;display:flex;gap:4px}.sa-email-preview{margin-top:8px;padding:8px 12px;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--text-muted);display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border-color)}.sa-roles-list{margin-bottom:var(--space-4)}.sa-role-item{animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.role-selector-container{position:relative;width:100%}.role-selector-trigger{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);min-height:42px}.role-selector-trigger:hover:not(.disabled){border-color:var(--color-primary);background:var(--bg-hover)}.role-selector-trigger.disabled{opacity:.5;cursor:not-allowed}.selected-role-info{display:flex;flex-direction:column;overflow:hidden}.role-title{font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-id{font-size:10px;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-selector-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1000;overflow:hidden;animation:fadeInDown var(--transition-fast) ease-out}.role-selector-search{padding:8px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.role-selector-list{max-height:300px;overflow-y:auto}.role-option{padding:10px 14px;cursor:pointer;transition:all var(--transition-fast);border-bottom:1px solid rgba(255,255,255,.05)}.role-option:last-child{border-bottom:none}.role-option:hover{background:#ff98001a}.role-option.selected{background:#ff980026;border-left:3px solid var(--color-primary)}.role-option-title{font-size:var(--font-size-sm);font-weight:600;margin-bottom:2px}.role-option-id{font-size:10px;color:var(--text-muted);font-family:var(--font-mono);margin-bottom:4px}.role-option-desc{font-size:11px;color:var(--text-secondary);line-height:1.4}.app-settings-form .form-group{gap:var(--space-2)}.web-sdk-setup{margin-top:var(--space-4);border-top:1px solid var(--border-color);padding-top:var(--space-4)}.web-sdk-setup .section-title{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-4);color:var(--text-primary)}.config-tabs{display:flex;gap:var(--space-1);background:var(--bg-secondary);padding:var(--space-1);border-radius:var(--radius-md);margin-bottom:var(--space-4);width:fit-content}.config-tab-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-muted);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.config-tab-btn.active{background:var(--bg-elevated);color:var(--color-primary);box-shadow:var(--shadow-sm)}.config-snippet-container{position:relative;background:#011627;border-radius:var(--radius-lg);padding:var(--space-4);overflow:hidden}.config-snippet{margin:0;font-family:var(--font-mono);font-size:11px;line-height:1.6;color:#d6deeb;overflow:auto;max-height:400px;padding-right:var(--space-12)}.btn-copy-config{position:absolute;top:16px;right:25px;width:32px;height:32px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);background:#011627;color:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);z-index:20}.btn-copy-config:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.config-loading{display:flex;align-items:center;gap:var(--space-3);color:var(--text-muted);font-size:var(--font-size-sm);padding:var(--space-4)}.add-app-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.app-type-buttons{display:flex;gap:var(--space-2)}.app-type-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;border:2px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:11px;font-weight:700}.app-type-btn:hover{border-color:var(--color-primary);transform:scale(1.1)}.app-type-btn svg{width:18px;height:18px}.app-type-btn.ios:hover,.app-type-btn.android:hover,.app-type-btn.web:hover{border-color:#ff9800}.create-app-form{display:flex;flex-direction:column;gap:var(--space-4)}.app-creation-help{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-tertiary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);margin-top:var(--space-2)}.input-error{border-color:var(--color-error)!important}.error-message{font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--space-1);line-height:1.4}.form-help-text{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:4px}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.btn-refresh-detail{width:36px;height:36px;padding:0;border-radius:50%;color:var(--color-primary);border-color:var(--color-primary);background:transparent;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.btn-refresh-detail:hover:not(:disabled){background:#ff98001a;border-color:var(--color-primary-light);transform:rotate(180deg) scale(1.1)}.btn-refresh-detail.loading{border-color:var(--text-muted);color:var(--text-muted)}.apps-loading{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);color:var(--text-muted);font-size:var(--font-size-sm)}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.app-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer}.app-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--bg-hover)}.app-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);border-left:1px solid var(--border-color);padding-left:var(--space-2)}.btn-delete-app{color:var(--color-error)!important}.btn-delete-app:hover{background:#ea43351a!important}.app-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.app-icon svg{width:24px;height:24px}.app-icon.android{background:#3ddc841a;color:#3ddc84}.app-icon.ios{background:#0000001a;color:var(--text-primary)}.app-icon.web{background:#03a9f41a;color:#03a9f4}.app-info{flex:1;min-width:0}.app-name{font-weight:600;font-size:var(--font-size-sm);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-package{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-id-badge{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 8px;background:var(--bg-secondary);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);border:1px solid var(--border-color)}.groups-page{max-width:1200px;margin:0 auto}.groups-page .page-header{display:flex;align-items:center;justify-content:space-between}.groups-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.groups-search{position:relative;flex:1;max-width:400px}.groups-search svg{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none}.groups-search .form-input{padding-left:var(--space-10)}.groups-count{font-size:var(--font-size-sm);color:var(--text-secondary)}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-4)}.group-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5);transition:all var(--transition-base)}.group-card:hover{border-color:var(--color-primary);box-shadow:0 10px 30px #0000004d}.group-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.group-info-w-avatar{display:flex;align-items:center;gap:var(--space-3)}.group-avatar-display{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;box-shadow:var(--shadow-sm);overflow:hidden}.group-avatar-display img{width:100%;height:100%;object-fit:cover}.group-card-header h3{font-size:var(--font-size-lg);font-weight:600}.group-card-actions{display:flex;gap:var(--space-1)}.group-card-members{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4);max-height:200px;overflow-y:auto}.group-card-member{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md)}.group-card-email{font-size:var(--font-size-sm);color:var(--text-primary)}.group-card-footer{padding-top:var(--space-3);border-top:1px solid var(--border-color)}.group-form{display:flex;flex-direction:column;gap:var(--space-4)}.avatar-preview{position:relative;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;cursor:pointer;transition:transform var(--transition-base);box-shadow:var(--shadow-md);overflow:visible;background:var(--bg-secondary)}.btn-remove-avatar{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:var(--color-error);color:#fff;border:2px solid var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all var(--transition-fast);padding:0}.avatar-preview:hover{transform:scale(1.05)}.avatar-image-preview{width:100%;height:100%;object-fit:cover}.avatar-options{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.avatar-type-selector{display:flex;gap:var(--space-2)}.mt-2{margin-top:var(--space-2)}.color-swatches{display:flex;flex-wrap:wrap;gap:var(--space-2)}.color-swatch{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:var(--text-inverse);box-shadow:0 0 0 2px var(--color-primary)}.emoji-picker-container{background:var(--bg-tertiary);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:var(--space-2)}.emoji-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.emoji-btn:hover{background:var(--bg-hover);transform:scale(1.1)}.emoji-btn.selected{background:rgba(var(--color-primary-rgb),.1);border-color:var(--color-primary)}.group-member-input{display:flex;gap:var(--space-2)}.group-member-input .form-input:first-child{flex:1}.group-member-input .form-select{width:150px}.form-library-quick{margin-top:var(--space-3);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md)}.form-library-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2);transition:all var(--transition-base)}.form-library-chips.expanded{max-height:200px;overflow-y:auto;padding-right:var(--space-2);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2);background:var(--bg-secondary)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.chip-avatar-img{width:16px;height:16px;border-radius:50%;object-fit:cover}.chip:hover{background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.group-temp-members{padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-lg)}.group-temp-list{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);max-height:200px;overflow-y:auto}.group-temp-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md)}.group-temp-email{flex:1;font-size:var(--font-size-sm);word-break:break-all}.group-temp-item.editing{border:1px solid var(--color-primary);background:var(--bg-card);padding:var(--space-1);align-items:stretch}.group-temp-item.editing .form-input{flex:1;height:32px;padding:0 var(--space-2);font-size:var(--font-size-sm)}.group-temp-item.editing .form-select{width:120px;height:32px;padding:0 var(--space-2);padding-right:var(--space-8)}.group-item-actions{display:flex;align-items:center;gap:var(--space-1)}@media (max-width: 768px){.groups-page .page-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.group-member-input{flex-direction:column}.group-member-input .form-select{width:100%}}.emails-page{max-width:1200px;margin:0 auto}.emails-page .page-header{display:flex;align-items:center;justify-content:space-between}.page-header-actions{display:flex;gap:var(--space-2)}.emails-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.emails-search{position:relative;flex:1;max-width:400px}.emails-search svg{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none}.emails-search .form-input{padding-left:var(--space-10)}.emails-count{font-size:var(--font-size-sm);color:var(--text-secondary)}.emails-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.email-card{display:flex;align-items:flex-start;gap:var(--space-4);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5);transition:all var(--transition-base)}.email-card:hover{border-color:var(--color-primary);box-shadow:0 10px 30px #0000004d}.email-card-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-primary-gradient);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-lg);flex-shrink:0;overflow:hidden}.email-card-avatar img{width:100%;height:100%;object-fit:cover}.avatar-picker-container{display:flex;align-items:center;gap:var(--space-4)}.avatar-preview{position:relative;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-primary);cursor:default;transition:transform var(--transition-base);box-shadow:var(--shadow-md);overflow:visible}.avatar-image-preview{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-options{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.btn-remove-avatar{position:absolute;top:-2px;right:-2px;width:20px;height:20px;background:var(--color-error);color:#fff;border:2px solid var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all var(--transition-fast);padding:0}.btn-remove-avatar:hover{transform:scale(1.1);background:#d32f2f}.btn-remove-avatar svg{width:12px;height:12px}.email-card-content{flex:1;min-width:0}.email-card-name{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-1)}.email-card-email{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-2);word-break:break-all}.email-card-actions{display:flex;flex-direction:column;gap:var(--space-1)}.email-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-hint{margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--text-muted)}@media (max-width: 768px){.emails-page .page-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.page-header-actions{width:100%;flex-direction:column}.emails-toolbar{flex-direction:column;align-items:stretch}.emails-search{max-width:none}.emails-count{text-align:center}}.saved-lists-page{max-width:1200px;margin:0 auto}.saved-lists-page .page-header{display:flex;align-items:center;justify-content:space-between}.saved-lists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-4)}.saved-list-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5);transition:all var(--transition-base)}.saved-list-card:hover{border-color:var(--color-primary);box-shadow:0 10px 30px #0000004d}.saved-list-header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.saved-list-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ff98001a;border-radius:var(--radius-md);color:var(--color-primary);flex-shrink:0}.saved-list-icon svg{width:20px;height:20px}.saved-list-info{flex:1}.saved-list-info h3{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-1)}.saved-list-info p{font-size:var(--font-size-sm);color:var(--text-muted)}.saved-list-actions{display:flex;gap:var(--space-1)}.saved-list-members{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.saved-list-member{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.saved-list-footer{padding-top:var(--space-3);border-top:1px solid var(--border-color)}.import-content{text-align:center}.import-content p{margin-bottom:var(--space-4)}.import-dropzone{position:relative}.import-dropzone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.import-dropzone-label{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8);border:2px dashed var(--border-color);border-radius:var(--radius-lg);color:var(--text-muted);transition:all var(--transition-fast)}.import-dropzone:hover .import-dropzone-label{border-color:var(--color-primary);color:var(--color-primary)}.import-dropzone-label svg{width:32px;height:32px}.export-options{display:flex;flex-direction:column;gap:var(--space-3)}.export-option{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left}.export-option:hover{border-color:var(--color-primary);background:var(--bg-elevated)}.export-option-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ff98001a;border-radius:var(--radius-md);font-weight:700;font-size:var(--font-size-sm);color:var(--color-primary)}.export-option-info h4{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-1);color:var(--text-primary)}.export-option-info p{font-size:var(--font-size-xs);color:var(--text-muted)}@media (max-width: 768px){.saved-lists-page .page-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}}.batch-operations-page{max-width:1200px;margin:0 auto}.batch-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);gap:var(--space-4);color:var(--text-muted)}.batch-content{display:flex;flex-direction:column;gap:var(--space-6)}.batch-sections-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:start}.batch-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6)}.batch-section-half{display:flex;flex-direction:column;min-width:0;height:100%;min-height:600px}.section-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-4);color:var(--text-primary)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section-header .section-title{margin-bottom:0}.section-actions{display:flex;gap:var(--space-2)}.operation-type-selector{display:flex;gap:var(--space-3)}.operation-type-selector .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.batch-projects-search-box{margin-bottom:var(--space-4);width:100%}.batch-projects-search{position:relative;width:100%}.batch-projects-search>svg:first-child{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none;z-index:1}.batch-projects-search .form-input{width:100%;padding-left:40px;padding-right:36px;box-sizing:border-box}.batch-projects-search .batch-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%)!important;padding:4px!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;display:flex!important;align-items:center;justify-content:center;border:none!important;background:transparent!important;cursor:pointer;z-index:2;margin:0;line-height:1}.batch-projects-search .batch-search-clear:hover{transform:translateY(-50%)!important;background:var(--bg-hover)!important;border-radius:var(--radius-sm);top:50%!important}.batch-projects-search .batch-search-clear:active{transform:translateY(-50%)!important;top:50%!important}.batch-projects-search .batch-search-clear:focus{transform:translateY(-50%)!important;top:50%!important}.batch-projects-search .batch-search-clear svg{width:14px!important;height:14px!important;display:block;margin:0;flex-shrink:0}.batch-search-hint{margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--text-muted)}.projects-search-box{margin-bottom:var(--space-4)}.projects-search{position:relative;display:block;width:100%}.projects-search svg:first-child{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;z-index:1}.projects-search .form-input{padding-left:var(--space-10);width:100%;box-sizing:border-box}.projects-search .btn-icon{position:absolute;top:50%;transform:translateY(-50%);right:var(--space-2);z-index:1}.projects-selection-container{height:400px;min-height:400px;max-height:400px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-tertiary);padding:var(--space-2);flex-shrink:0}.projects-checkbox-list{display:flex;flex-direction:column;gap:var(--space-1)}.project-checkbox-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.project-checkbox-item:hover{background:var(--bg-hover)}.project-checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary);flex-shrink:0}.project-checkbox-item:has(input:disabled){opacity:.5;cursor:not-allowed}.project-checkbox-info{flex:1;min-width:0}.project-checkbox-name{font-weight:500;font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:2px}.project-checkbox-id{font-size:var(--font-size-xs);color:var(--text-muted);font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-members{margin-top:var(--space-4);padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-lg)}.pending-members-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);font-size:var(--font-size-sm);color:var(--text-secondary)}.pending-members-actions{display:flex;gap:var(--space-2)}.pending-members-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:300px;overflow-y:auto;overflow-x:hidden;margin-bottom:var(--space-4)}.pending-member-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);min-width:0;overflow:hidden}.pending-member-email{flex:1;min-width:0;max-width:100%;font-size:var(--font-size-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:1.5}.pending-member-role{width:120px;max-width:120px;flex-shrink:0;font-size:var(--font-size-xs);padding:var(--space-2);box-sizing:border-box}.groups-list,.saved-lists{display:flex;flex-direction:column;gap:var(--space-2)}.group-item,.saved-list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md)}.group-item-info,.saved-list-info{flex:1}.group-item-info h4,.saved-list-info h4{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-1)}.group-item-info p,.saved-list-info p{font-size:var(--font-size-xs);color:var(--text-muted)}.email-library-content{display:flex;flex-direction:column}.email-library-search{margin-bottom:var(--space-3);position:relative}.email-library-search svg{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted);pointer-events:none;z-index:1}.email-library-search input{padding-left:var(--space-12);width:100%}.email-library-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3);max-height:400px;overflow-y:auto}.email-library-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid transparent;transition:all var(--transition-fast)}.email-library-item:hover{border-color:var(--color-primary);background:var(--bg-secondary)}.email-library-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:600;flex-shrink:0}.email-library-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.email-library-info{flex:1}.email-library-info h4{font-size:var(--font-size-sm);font-weight:600;margin-bottom:2px}.email-library-info p{font-size:var(--font-size-xs);color:var(--text-muted)}.progress-container{display:flex;flex-direction:column;gap:var(--space-2)}.progress-info{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--text-secondary)}.progress-bar-container{width:100%;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background:var(--color-primary-gradient);border-radius:var(--radius-full);transition:width .3s ease}.progress-percentage{text-align:right;font-size:var(--font-size-xs);color:var(--text-muted)}.results-summary{display:flex;gap:var(--space-2)}.results-container{display:flex;flex-direction:column;gap:var(--space-2);max-height:500px;overflow-y:auto;padding:var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.result-item{padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:3px solid var(--border-color)}.result-item.success{border-left-color:var(--color-success)}.result-item.error{border-left-color:var(--color-error)}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.result-project{font-weight:500;font-size:var(--font-size-sm);color:var(--text-primary)}.result-details{display:flex;gap:var(--space-2);align-items:center;margin-bottom:var(--space-1);font-size:var(--font-size-xs)}.result-email{color:var(--text-secondary);font-family:monospace}.result-role{color:var(--text-muted);font-size:10px}.result-message{font-size:var(--font-size-xs);color:var(--text-muted)}.batch-actions{margin-top:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--border-color)}.import-dropzone{margin-top:var(--space-4)}.import-dropzone input[type=file]{display:none}.import-dropzone-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);border:2px dashed var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:var(--bg-tertiary);color:var(--text-muted)}.import-dropzone-label:hover{border-color:var(--color-primary);background:#ff98000d;color:var(--color-primary)}@media (max-width: 1024px){.batch-sections-row{grid-template-columns:1fr}}@media (max-width: 768px){.operation-type-selector{flex-direction:column}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.section-actions{width:100%;justify-content:flex-end}.member-item{flex-wrap:wrap}.member-role-select{width:100%}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #FF9800;--color-primary-light: #FFB74D;--color-primary-dark: #F57C00;--color-primary-gradient: linear-gradient(135deg, #FF9800 0%, #F57C00 100%);--color-secondary: #1A73E8;--color-secondary-light: #4285F4;--color-secondary-dark: #1557B0;--color-success: #34A853;--color-warning: #FBBC04;--color-error: #EA4335;--color-info: #4285F4;--bg-primary: #0D1117;--bg-secondary: #161B22;--bg-tertiary: #21262D;--bg-elevated: #30363D;--bg-hover: rgba(255, 255, 255, .05);--text-primary: #F0F6FC;--text-secondary: #8B949E;--text-muted: #6E7681;--text-inverse: #0D1117;--border-color: #30363D;--border-light: rgba(255, 255, 255, .1);--glass-bg: rgba(22, 27, 34, .8);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(255, 152, 0, .3);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 100;--z-modal: 200;--z-toast: 300}[data-theme=light]{--bg-primary: #F3F4F6;--bg-secondary: #FFFFFF;--bg-tertiary: #F9FAFB;--bg-hover: rgba(0, 0, 0, .05);--text-primary: #111827;--text-secondary: #4B5563;--text-muted: #6B7280;--text-inverse: #FFFFFF;--border-color: #E5E7EB;--border-light: rgba(0, 0, 0, .1);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .05);--bg-elevated: #FFFFFF}html{font-size:16px;scroll-behavior:smooth;scrollbar-gutter:stable}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background:var(--bg-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,rgba(255,152,0,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(26,115,232,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(255,183,77,.05) 0%,transparent 70%);pointer-events:none;z-index:-1}a{color:var(--color-secondary-light);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--color-primary);color:var(--text-inverse)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #ff98004d}50%{box-shadow:0 0 40px #ff980080}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-fade-in-up{animation:fadeInUp var(--transition-base) ease-out}.animate-fade-in-down{animation:fadeInDown var(--transition-base) ease-out}.animate-scale-in{animation:scaleIn var(--transition-base) ease-out}.animate-slide-in-right{animation:slideInRight var(--transition-base) ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;line-height:1;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:hover{background:var(--bg-hover);border-color:var(--text-muted);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{color:var(--text-inverse);background:var(--color-primary-gradient);border:none;box-shadow:var(--shadow-md),0 0 20px #ff980033}.btn-primary:hover{background:linear-gradient(135deg,#ffb74d,#ff9800);box-shadow:var(--shadow-lg),0 0 30px #ff98004d}.btn-secondary{color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color)}.btn-ghost{background:transparent;border:none}.btn-ghost:hover{background:var(--bg-hover)}.btn-success{color:#fff;background:var(--color-success);border:none}.btn-success:hover{background:#2d8f47}.btn-danger{color:#fff;background:var(--color-error);border:none}.btn-danger:hover{background:#d32f2f}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base)}.btn-icon{padding:var(--space-2);width:36px;height:36px}.btn-xs{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);height:24px}.btn-link{display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;color:var(--color-secondary-light);font-weight:500;cursor:pointer}.btn-link:hover{color:var(--color-primary);text-decoration:underline}.btn-google{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);background:#fff;color:#3c4043;border:1px solid #dadce0;font-weight:500;padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.btn-google:hover{background:#f8f9fa;border-color:#dadce0;box-shadow:var(--shadow-md)}.btn-google svg{width:18px;height:18px}.card{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--glass-shadow);transition:all var(--transition-base)}.card:hover{border-color:var(--color-primary);box-shadow:var(--glass-shadow),0 0 20px #ff98001a;transform:translateY(-2px)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.card-description{font-size:var(--font-size-sm);color:var(--text-secondary)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff980033}.form-input::placeholder{color:var(--text-muted)}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238B949E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:16px;padding-right:var(--space-10)}.form-textarea{min-height:120px;resize:vertical}.form-error{font-size:var(--font-size-xs);color:var(--color-error)}.form-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.form-checkbox input{width:18px;height:18px;accent-color:var(--color-primary)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-full);background:var(--bg-elevated);color:var(--text-secondary)}.badge-primary{background:#ff980033;color:var(--color-primary-light)}.badge-success{background:#34a85333;color:var(--color-success)}.badge-error{background:#ea433533;color:var(--color-error)}.badge-info{background:#4285f433;color:var(--color-info)}.avatar{width:40px;height:40px;border-radius:var(--radius-full);overflow:hidden;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--color-primary)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:32px;height:32px;font-size:var(--font-size-sm)}.avatar-lg{width:48px;height:48px;font-size:var(--font-size-lg)}.avatar-xl{width:64px;height:64px;font-size:var(--font-size-xl)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:var(--z-modal);animation:fadeIn var(--transition-fast)}.modal{display:flex;flex-direction:column;width:100%;max-width:500px;max-height:90vh;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:scaleIn var(--transition-base)}.modal-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-color)}.modal-header .modal-title{margin-right:auto}.modal-header-actions{display:flex;align-items:center;gap:var(--space-2)}.modal-title{font-size:var(--font-size-lg);font-weight:600}.modal-close{padding:var(--space-1);background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:var(--space-6);flex:1;overflow-y:auto;min-height:0}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color)}.modal-lg{max-width:700px}.modal-xl{max-width:900px}.toast-container{position:fixed;top:80px;right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2)}.toast{display:flex;align-items:center;gap:var(--space-3);min-width:300px;padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:slideInRight var(--transition-base);transition:all var(--transition-base)}.toast.exiting{animation:slideOutRight var(--transition-base) forwards}.toast-success{border-left:3px solid var(--color-success)}.toast-error{border-left:3px solid var(--color-error)}.toast-warning{border-left:3px solid var(--color-warning)}.toast-info{border-left:3px solid var(--color-info)}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast-content{flex:1}.toast-title{font-weight:600;font-size:var(--font-size-sm)}.toast-message{font-size:var(--font-size-sm);color:var(--text-secondary)}.loader{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}.loader-lg{width:48px;height:48px;border-width:3px}.loading-skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-tertiary) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;right:0;min-width:180px;margin-top:var(--space-2);padding:var(--space-2);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);animation:fadeInDown var(--transition-fast)}.dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-divider{height:1px;margin:var(--space-2) 0;background:var(--border-color)}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);background:var(--bg-elevated);border-radius:var(--radius-full);color:var(--text-secondary)}.tag-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:var(--space-1);background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast)}.tag-remove:hover{background:var(--color-error);color:#fff}.table-container{overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--radius-lg)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border-color)}.table th{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary)}.table tr:hover td{background:var(--bg-hover)}.table tr:last-child td{border-bottom:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center}.empty-state-icon{width:64px;height:64px;margin-bottom:var(--space-4);color:var(--text-muted)}.empty-state-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-2)}.empty-state-description{color:var(--text-secondary);margin-bottom:var(--space-6)}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);white-space:nowrap;background:var(--bg-elevated);border-radius:var(--radius-md);opacity:0;visibility:hidden;transition:all var(--transition-fast)}.tooltip:hover:after{opacity:1;visibility:visible}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-6)}.tab{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);margin-bottom:-1px}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.progress{height:8px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background:var(--color-primary-gradient);border-radius:var(--radius-full);transition:width var(--transition-base)}.page{flex:1;display:flex;flex-direction:column}.page-header{padding:var(--space-6) 0;border-bottom:1px solid var(--border-color);margin-bottom:var(--space-6)}.page-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-2)}.page-description{color:var(--text-secondary)}@media (max-width: 768px){:root{--font-size-3xl: 1.75rem;--font-size-4xl: 2rem}.container{padding:0 var(--space-4)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.modal{max-width:100%;margin:var(--space-4);max-height:calc(100vh - var(--space-8))}.toast-container{left:var(--space-4);right:var(--space-4)}.toast{min-width:auto;width:100%}}@media (max-width: 480px){.btn{width:100%}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}