*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#667eea;--primary-dark:#5a67d8;--secondary:#64748b;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--bg:#f8fafc;--bg-card:#fff;--text:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--shadow:0 2px 12px #00000014;--shadow-lg:0 20px 60px #00000026;--radius:10px}body{background:#f8fafc;background:var(--bg);color:#1e293b;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.app{display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#1e1e2f,#2d2d44);display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:20px;position:fixed;width:260px}.sidebar-logo{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;gap:10px;margin-bottom:30px}.sidebar-nav{list-style:none}.sidebar-nav a{align-items:center;border-radius:10px;border-radius:var(--radius);color:#ffffffb3;display:flex;gap:12px;margin-bottom:4px;padding:12px 16px;text-decoration:none;transition:all .2s}.sidebar-nav a:hover{background:#ffffff1a;color:#fff}.sidebar-nav a.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.sidebar-nav a svg{height:20px;width:20px}.main-content{flex:1 1;margin-left:260px;padding:30px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.page-title{color:#1e293b;color:var(--text);font-size:1.75rem;font-weight:700}.card{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 12px #00000014;box-shadow:var(--shadow);margin-bottom:24px;padding:24px}.card-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.card-header,.card-title{align-items:center;display:flex}.card-title{color:#1e293b;color:var(--text);font-size:18px;font-weight:600;gap:8px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:30px}.stat-card{border-radius:16px;box-shadow:0 4px 15px #0000001a;color:#fff;overflow:hidden;padding:24px;position:relative;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.stat-card:first-child{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card:nth-child(3){background:linear-gradient(135deg,#a855f7,#6366f1)}.stat-card:nth-child(4){background:linear-gradient(135deg,#fa709a,#fee140)}.stat-card:before{background:radial-gradient(circle,#ffffff26 0,#0000 70%);content:"";height:100%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:100%}.stat-card .stat-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;height:48px;justify-content:center;margin-bottom:16px;width:48px}.stat-card .stat-icon svg{color:#fff}.stat-card .stat-content{position:relative;z-index:1}.stat-card .stat-label{font-size:14px;font-weight:500;margin-bottom:4px;opacity:.9}.stat-card .stat-value{font-size:32px;font-weight:700;line-height:1.2}.btn{align-items:center;border:none;border-radius:10px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 18px;text-decoration:none;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-1px)}.btn-secondary{background:#f1f5f9;border:1px solid #e2e8f0;border:1px solid var(--border);color:#1e293b;color:var(--text)}.btn-secondary:hover{background:#e2e8f0}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-success:hover{box-shadow:0 4px 15px #10b98166}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover{box-shadow:0 4px 15px #ef444466}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-sm{font-size:12px;padding:6px 12px}.btn-icon{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border);padding:8px}.btn-icon:hover{background:#f8fafc;background:var(--bg)}.btn-group{display:flex;gap:0}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:8px 0 0 8px}.btn-group .btn:last-child{border-radius:0 8px 8px 0}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);font-size:14px;padding:12px 14px;transition:all .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#667eea;border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.form-textarea{min-height:120px;resize:vertical}.table{border-collapse:collapse;width:100%}.table th{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);color:#64748b;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:14px 16px;vertical-align:middle}.table tbody tr:hover{background:#f8fafc}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px}.badge-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.badge-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.badge-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.badge-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.badge-info{background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff}.badge-secondary{background:#e2e8f0;color:#64748b}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow:hidden;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.modal-title{font-size:18px;font-weight:600}.modal-close{background:none;border:none;color:#64748b;color:var(--text-muted);cursor:pointer;font-size:24px;line-height:1;padding:0}.modal-close:hover{color:#1e293b;color:var(--text)}.modal-body{overflow-y:auto;padding:24px}.modal-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.empty-state{color:#64748b;color:var(--text-muted);padding:60px 20px;text-align:center}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state h3{color:#1e293b;color:var(--text);font-size:18px;margin-bottom:8px}.pagination{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;gap:16px;justify-content:center;margin-top:24px;padding-top:24px}.pagination button{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.pagination button:hover:not(:disabled){border-color:#667eea;border-color:var(--primary);color:#667eea;color:var(--primary)}.pagination button:disabled{cursor:not-allowed;opacity:.5}.tabs{background:#f1f5f9;border-radius:12px;display:flex;gap:4px;margin-bottom:24px;padding:4px;width:-webkit-fit-content;width:fit-content}.tab{background:#0000;border:none;border-radius:8px;color:#64748b;color:var(--text-muted);cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.tab.active,.tab:hover{color:#1e293b;color:var(--text)}.tab.active{background:#fff;box-shadow:0 2px 8px #0000001a}.actions{align-items:center;display:flex;gap:8px}.search-box{max-width:300px;position:relative}.search-box input{padding-left:40px}.search-box svg{color:#64748b;color:var(--text-muted);height:18px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:18px}.input-group{flex:1 1;position:relative}.input-group .input-icon{color:#64748b;color:var(--text-muted);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.input-group .form-input{padding-left:40px}.multi-select{position:relative}.multi-select-trigger{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);cursor:pointer;display:flex;justify-content:space-between;min-height:44px;padding:10px 12px}.multi-select-trigger:hover{border-color:#667eea;border-color:var(--primary)}.multi-select-tags{display:flex;flex:1 1;flex-wrap:wrap;gap:4px}.multi-select-tag{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;display:inline-flex;font-size:12px;gap:4px;padding:4px 8px}.multi-select-tag button{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;line-height:1;opacity:.8;padding:0}.multi-select-tag button:hover{opacity:1}.multi-select-dropdown{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 20px 60px #00000026;box-shadow:var(--shadow-lg);left:0;margin-top:4px;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.multi-select-option{align-items:center;cursor:pointer;display:flex;gap:10px;padding:12px 14px;transition:background .15s}.multi-select-option:hover{background:#f8fafc}.multi-select-option.selected{background:#eef2ff}.multi-select-placeholder{color:#64748b;color:var(--text-muted)}.flex{display:flex}.flex-1{flex:1 1}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.text-muted{color:#64748b;color:var(--text-muted)}.text-sm{font-size:14px}.text-xs{font-size:12px}.font-medium{font-weight:500}.font-bold{font-weight:700}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.ml-auto{margin-left:auto}.loading{align-items:center;display:flex;justify-content:center;min-height:300px}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;border-top:3px solid var(--primary);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;box-shadow:var(--shadow-lg);max-width:400px;padding:48px;text-align:center;width:90%}.login-header{margin-bottom:32px}.login-header h1{color:#1e293b;color:var(--text);font-size:28px;font-weight:700;margin-top:16px}.login-header p{color:#64748b;color:var(--text-muted);margin-top:8px}.login-icon{color:#667eea;color:var(--primary)}.email-editor{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);overflow:hidden}.email-editor .ql-toolbar{background:#f8fafc;background:var(--bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border)}.email-editor .ql-container{min-height:400px}.user-menu{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:20px}.user-info{margin-bottom:12px}.user-info .user-name{color:#fff;font-size:14px;font-weight:500}.user-info .user-email{color:#fff9;font-size:12px;overflow:hidden;text-overflow:ellipsis}.grid{grid-gap:20px;display:grid;gap:20px}.grid-3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
/*# sourceMappingURL=main.79e66077.css.map*/