body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100vh;justify-content:center}.login-box{background:#fff;border-radius:10px;box-shadow:0 10px 25px #0003;padding:40px;width:350px}.login-box h2{color:#333;margin-bottom:30px;text-align:center}.login-box input{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:14px;margin-bottom:15px;padding:12px;width:100%}.login-box button{background:#667eea;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background .3s;width:100%}.login-box button:hover{background:#5568d3}.error{color:red;font-size:14px;margin-top:10px;text-align:center}.dashboard{display:flex;height:100vh}.sidebar{background:#2c3e50;color:#fff;display:flex;flex-direction:column;padding:20px;width:250px}.sidebar h2{margin-bottom:10px}.sidebar p{margin-bottom:30px;opacity:.8}.sidebar nav button{background:#0000;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-bottom:10px;padding:12px;text-align:left;transition:background .3s;width:100%}.sidebar nav button.active,.sidebar nav button:hover{background:#34495e}.logout-btn{background:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:auto;padding:12px}.content{background:#ecf0f1;flex:1 1;overflow-y:auto;padding:30px}.content h2{margin-bottom:20px}table{background:#fff;border-collapse:collapse;border-radius:5px;box-shadow:0 2px 5px #0000001a;width:100%}table thead{background:#34495e;color:#fff}table td,table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}table tbody tr:hover{background:#f5f5f5}.delete-btn{background:#e74c3c;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:6px 12px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:20px;text-align:center}.stat-number{color:#3498db;font-size:36px;font-weight:700;margin:10px 0}.filters{margin-bottom:20px}.filters button{background:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;margin-right:10px;padding:8px 16px}.filters button.active{background:#3498db;border-color:#3498db;color:#fff}.status-sent{color:green;font-weight:700}.status-blocked{color:red;font-weight:700}.status-rejected{color:orange;font-weight:700}.content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.add-btn{background:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.add-btn:hover{background:#229954}.form-modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;min-width:400px;padding:30px}.modal-content h3{margin-bottom:20px}.modal-content input[type=number],.modal-content input[type=text],.modal-content select{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;margin-bottom:15px;padding:10px;width:100%}.modal-content label{display:block;margin-bottom:15px}.modal-content label input[type=checkbox]{margin-right:10px}.form-actions{display:flex;gap:10px;margin-top:20px}.form-actions button{border:none;border-radius:5px;cursor:pointer;flex:1 1;font-size:14px;padding:10px}.form-actions button[type=submit]{background:#3498db;color:#fff}.form-actions button[type=button]{background:#95a5a6;color:#fff}.edit-btn{background:#3498db;border:none;border-radius:3px;color:#fff;cursor:pointer;margin-right:5px;padding:6px 12px}.edit-btn:hover{background:#2980b9}.modal-content textarea{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-family:inherit;margin-bottom:15px;padding:10px;resize:vertical;width:100%}.log-tabs{display:flex;gap:10px;margin-left:auto}.log-tabs button{background:#ecf0f1;border:none;border-radius:5px;cursor:pointer;padding:8px 16px;transition:all .3s}.log-tabs button.active{background:#3498db;color:#fff;font-weight:700}.log-tabs button:hover{background:#2980b9;color:#fff}.log-controls{align-items:center;display:flex;gap:20px;margin-left:auto}.refresh-controls{align-items:center;display:flex;gap:10px}.refresh-btn{background:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s}.refresh-btn:hover{background:#229954}.auto-refresh-toggle{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:5px}.auto-refresh-toggle input[type=checkbox]{cursor:pointer}.error-banner{align-items:center;background:#e74c3c;border-radius:5px;color:#fff;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.close-error{background:#0000;border:none;color:#fff;cursor:pointer;font-size:20px;padding:0 10px}.loading-spinner{color:#3498db;font-weight:700;padding:20px;text-align:center}.role-management-container{margin:0 auto;max-width:1600px;padding:20px}.role-management-header{margin-bottom:30px}.role-management-header h2{color:#1e293b;font-size:28px;margin:0 0 10px}.header-description{color:#64748b;font-size:14px;margin:0}.message-banner{align-items:center;border-radius:8px;display:flex;font-size:14px;justify-content:space-between;margin-bottom:20px;padding:12px 20px}.message-banner.success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.message-banner.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.message-banner.info{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.message-banner button{background:#0000;border:none;cursor:pointer;font-size:18px;opacity:.6;padding:0 5px}.message-banner button:hover{opacity:1}.role-management-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:350px 1fr;min-height:600px}.roles-panel{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.panel-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px}.panel-header h3{font-size:18px;margin:0}.role-card,.roles-list{padding:15px}.role-card{border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;margin-bottom:10px;transition:all .2s}.role-card:hover{background:#f8fafc;border-color:#cbd5e1}.role-card.selected{background:#f0f4ff;border-color:#667eea}.role-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.role-name{color:#1e293b;font-size:15px;font-weight:600}.role-badge{background:#e2e8f0;border-radius:12px;color:#475569;font-size:12px;font-weight:500;padding:2px 8px}.role-card.selected .role-badge{background:#667eea;color:#fff}.role-description{color:#64748b;font-size:13px;line-height:1.5;margin:0}.permissions-panel{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden}.permissions-panel .panel-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:20px}.permissions-panel .panel-header h3{font-size:18px;margin:0 0 5px}.permission-count{font-size:14px;margin:0;opacity:.9}.header-actions{align-items:center;display:flex;gap:10px}.search-input{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;font-size:14px;padding:8px 12px;width:250px}.search-input::placeholder{color:#ffffffb3}.search-input:focus{background:#ffffff4d;outline:none}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-primary{background:#fff;color:#667eea}.btn-primary:hover:not(:disabled){background:#f8fafc;box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:#fff3;border:1px solid #ffffff4d;color:#fff}.btn-secondary:hover:not(:disabled){background:#ffffff4d}.btn-secondary:disabled{cursor:not-allowed;opacity:.4}.unsaved-changes-warning{background:#fef3c7;border-bottom:1px solid #fcd34d;color:#92400e;font-size:14px;font-weight:500;padding:12px 20px}.permissions-list{flex:1 1;overflow-y:auto;padding:20px}.permission-category{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;overflow:hidden}.category-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;cursor:pointer;padding:12px 16px;transition:background .2s}.category-header:hover{background:#f1f5f9}.category-info{align-items:center;display:flex;gap:10px}.category-name{color:#1e293b;flex:1 1;font-size:15px;font-weight:600}.category-stats{background:#e2e8f0;border-radius:12px;color:#475569;font-size:12px;font-weight:500;padding:2px 8px}.category-permissions{padding:8px}.permission-item{border-radius:6px;padding:12px;transition:background .2s}.permission-item:hover{background:#f8fafc}.permission-item label{align-items:flex-start;cursor:pointer;display:flex;gap:10px}.permission-item input[type=checkbox]{cursor:pointer;margin-top:3px}.permission-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.permission-name{color:#334155;font-size:14px;font-weight:500}.permission-description{color:#64748b;font-size:13px;line-height:1.4}.no-role-selected{align-items:center;color:#94a3b8;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.placeholder-icon{font-size:64px;margin-bottom:20px;opacity:.3}.no-role-selected p{font-size:16px;margin:0}.loading{color:#64748b;padding:40px;text-align:center}@media (max-width:1200px){.role-management-content{grid-template-columns:1fr}.roles-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.header-actions{flex-wrap:wrap}.search-input{width:100%}}