.system-admin{margin:0 auto;max-width:1400px;padding:20px}.system-admin-header{margin-bottom:30px}.system-admin-header h1{color:#2c3e50;font-size:2.5rem;font-weight:600;margin-bottom:20px}.system-info-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.info-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:15px}.info-label{font-weight:500;opacity:.9}.info-value{font-size:1.1rem;font-weight:700}.message-banner{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;font-weight:500;margin-bottom:20px;padding:15px}.system-admin-nav{border-bottom:2px solid #e9ecef;display:flex;gap:5px;margin-bottom:30px}.nav-tab{background:none;border:none;border-radius:8px 8px 0 0;color:#6c757d;cursor:pointer;font-size:1rem;font-weight:500;padding:15px 25px;transition:all .3s ease}.nav-tab:hover{background:#f8f9fa;color:#495057}.nav-tab.active{background:#007bff;border-bottom:2px solid #007bff;color:#fff}.system-admin-content{min-height:500px}.overview-section h2{color:#2c3e50;margin-bottom:25px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{align-items:center;border:1px solid #dee2e6;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;gap:20px;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.stat-icon{font-size:3rem;opacity:.8}.stat-details h3{color:#2c3e50;font-size:2.5rem;font-weight:700;margin:0}.stat-details p{color:#6c757d;font-weight:500;margin:5px 0 0}.recent-organizations{background:#fff;border:1px solid #dee2e6;border-radius:12px;padding:25px}.recent-organizations h3{color:#2c3e50;margin-bottom:20px}.org-list{display:flex;flex-direction:column;gap:15px}.org-item{align-items:center;background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.org-info h4{color:#2c3e50;margin:0 0 5px}.org-info p{margin:0}.org-info p,.org-stats{color:#6c757d;font-size:.9rem}.org-stats{align-items:center;display:flex;gap:15px}.organizations-section h2{color:#2c3e50;margin-bottom:25px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.organizations-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.organization-card{background:#fff;border:1px solid #dee2e6;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.organization-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.org-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.org-header h3{color:#2c3e50;font-size:1.3rem;margin:0}.org-details{margin-bottom:20px}.detail-row{align-items:center;border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#6c757d;font-weight:500}.org-actions{display:flex;gap:10px}.system-section,.users-section{background:#fff;border:1px solid #dee2e6;border-radius:12px;padding:30px}.system-section h2,.users-section h2{color:#2c3e50;margin-bottom:20px}.feature-preview{background:#f8f9fa;border-left:4px solid #ffc107;border-radius:8px;margin-top:20px;padding:20px}.feature-preview h3{color:#856404;margin-bottom:15px}.feature-preview ul{color:#6c757d;margin:0}.feature-preview li{margin-bottom:8px}.system-config-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.config-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:12px;padding:25px}.config-card h3{color:#2c3e50;margin-bottom:20px}.config-details{display:flex;flex-direction:column;gap:12px}.role-badge.system-admin{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;padding:4px 12px}.status-badge{font-size:.85rem;padding:4px 12px;white-space:nowrap}.status-badge.active{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-badge.inactive{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:50px;width:50px}.btn{align-items:center;border-radius:6px;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.btn-primary{background:#007bff}.btn-primary:hover{background:#0056b3;transform:translateY(-1px)}.btn-outline{background:#0000;border:1px solid #007bff;color:#007bff}.btn-outline:hover{background:#007bff;color:#fff}.btn-sm{font-size:.8rem}@media (max-width:768px){.system-admin{padding:10px}.system-admin-header h1{font-size:2rem}.system-info-summary{grid-template-columns:1fr}.system-admin-nav{flex-wrap:wrap}.nav-tab{flex:1 1;min-width:120px;text-align:center}.organizations-grid,.stats-grid{grid-template-columns:1fr}.section-header{align-items:stretch;flex-direction:column;gap:15px}.system-config-grid{grid-template-columns:1fr}}.navbar{display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;z-index:1000}.navbar-header{align-items:center;border-bottom:1px solid #34495e;display:flex;flex-shrink:0;justify-content:center;min-height:60px;padding:1rem}.navbar-brand h2{font-size:1.5rem;margin:0;white-space:nowrap}.user-info{border-bottom:1px solid #34495e;flex-shrink:0;padding:1rem;text-align:left}.welcome-text{color:#ecf0f1;font-size:.9rem;font-weight:500}.navbar .username,.welcome-text{margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar .username{align-items:center;color:#bdc3c7;display:flex;font-size:.85rem;justify-content:space-between}.navbar .cog-icon{flex-shrink:0;font-size:.9rem;margin-left:.5rem;padding:.25rem}.user-role{color:#95a5a6;font-size:.8rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-menu{flex-grow:1;list-style:none;margin:0;overflow-y:auto;padding:0}.nav-menu li{border-bottom:1px solid #34495e}.nav-menu a{align-items:center;color:#ecf0f1;display:flex;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .2s ease}.nav-menu a:hover{background-color:#34495e;color:#fff}.nav-menu a.active{background-color:#3498db;border-left:4px solid #2980b9;color:#fff}.nav-icon{flex-shrink:0;font-size:1.1rem;margin-right:.75rem;text-align:center;width:20px}.nav-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-section-header{background-color:initial;color:#ecf0f1;padding:.75rem 1rem;position:relative;transition:all .2s ease}.nav-section-header:hover{background-color:#34495e;color:#fff}.nav-section-header.section-active{background-color:#2980b9;color:#fff}.expand-icon{font-size:.8rem;margin-left:auto}.nav-subsection{background-color:#34495e;border-top:1px solid #2c3e50;list-style:none;margin:0;padding:0}.nav-subsection li{border-bottom:1px solid #2c3e50}.nav-subsection a{background-color:#34495e;font-size:.9rem;padding:.6rem 1rem .6rem 2.5rem}.nav-subsection a:hover{background-color:#2c3e50}.nav-subsection a.active{border-left:4px solid #2980b9}.navbar-footer{border-top:1px solid #34495e;flex-shrink:0;margin-top:auto;padding:1rem}.logout-btn{align-items:center;background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;margin:0 auto;padding:.75rem;transition:all .2s ease;width:80%}.logout-btn:hover{background-color:#c0392b;transform:translateY(-1px)}.logout-icon{flex-shrink:0;font-size:1rem}.logout-text{white-space:nowrap}@media (max-width:768px){.navbar{transform:translateX(-100%);transition:transform .3s ease}.navbar.mobile-open{transform:translateX(0)}}.navbar::-webkit-scrollbar{width:6px}.navbar::-webkit-scrollbar-track{background:#2c3e50}.navbar::-webkit-scrollbar-thumb{background:#34495e;border-radius:3px}.navbar::-webkit-scrollbar-thumb:hover{background:#4a5f7a}.App{text-align:center}.main-content{display:flex;flex-direction:column;margin-left:250px;min-height:100vh;padding:0}.page-content{flex:1 1;padding:20px}.main-content-full{display:flex;flex-direction:column;min-height:100vh;padding:0}.login-container{align-items:center;background-color:#f8f9fa;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001a;box-sizing:border-box;max-width:480px;padding:40px;width:100%}.login-title{color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:30px;text-align:center}.login-submit{margin-top:10px;width:100%}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 2s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{background-color:#2c3e50;box-sizing:border-box;color:#fff;height:100vh;left:0;padding:20px;position:fixed;text-align:left;top:0;width:250px}.navbar h2{border-bottom:1px solid #34495e;margin-bottom:30px;padding-bottom:20px}.navbar ul{list-style:none;padding:0}.navbar li{margin-bottom:10px}.navbar a{border-radius:4px;color:#fff;display:block;padding:10px;text-decoration:none;transition:background-color .3s}.navbar a.active,.navbar a:hover{background-color:#34495e}.navbar .logout-btn{background-color:#e74c3c;border:none;border-radius:4px;bottom:20px;color:#fff;cursor:pointer;left:20px;padding:10px;position:absolute;right:20px}.navbar .logout-btn:hover{background-color:#c0392b}.navbar .user-info{border-bottom:1px solid #34495e;margin-bottom:20px;padding-bottom:15px}.navbar .user-info p{font-size:14px;margin:5px 0}.navbar .user-info p:first-child{color:#ecf0f1;font-weight:700}.navbar .user-info p:last-child{color:#bdc3c7;font-size:12px}.navbar .user-email{align-items:center;display:flex;justify-content:space-between}.navbar .cog-icon{background:none;border:none;border-radius:3px;color:#bdc3c7;cursor:pointer;font-size:14px;margin-left:8px;padding:2px 4px;transition:all .2s ease}.navbar .cog-icon:hover{background-color:#34495e;color:#ecf0f1;transform:rotate(90deg)}.nav-menu{margin-bottom:60px}.nav-section{margin-bottom:8px}.nav-section-header{align-items:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 10px;transition:all .3s ease}.nav-section-header:hover{background-color:#ffffff1a;border-color:#fff3}.nav-section-header.section-active{background-color:#34495e;border-color:#3498db}.nav-section-header span:first-child{font-size:14px;font-weight:600}.expand-icon{color:#bdc3c7;font-size:12px;transition:transform .3s ease}.expand-icon.expanded{transform:rotate(90deg)}.nav-subsection{border-left:2px solid #ffffff1a;margin-left:20px;margin-top:5px;padding-left:15px}.nav-subsection li{margin-bottom:5px}.nav-subsection a{border-left:3px solid #0000;color:#bdc3c7;font-size:13px;padding:8px 12px;transition:all .3s ease}.nav-subsection a:hover{background-color:#ffffff0d;border-left-color:#3498db;color:#ecf0f1}.nav-subsection a.active{background-color:#3498db;border-left-color:#2980b9;color:#fff}.update-notification{animation:slideInRight .5s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 8px 32px #0000001a;color:#fff;max-width:400px;position:fixed;right:20px;top:20px;z-index:10000}.update-content{align-items:center;display:flex;gap:16px;padding:16px 20px}.update-icon{flex-shrink:0;font-size:24px}.update-message{flex:1 1}.update-message h4{font-size:16px;font-weight:600;margin:0 0 4px}.update-message p{font-size:13px;line-height:1.4;margin:0;opacity:.9}.update-actions{display:flex;flex-direction:column;gap:8px}.update-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;min-width:80px;padding:8px 16px;transition:all .2s ease}.update-btn.primary{background:#fff3;border:1px solid #ffffff4d;color:#fff}.update-btn.primary:hover{background:#ffffff4d;transform:translateY(-1px)}.update-btn.secondary{background:#0000;border:1px solid #fff3;color:#fffc}.update-btn.secondary:hover{border-color:#fff6;color:#fff}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:480px){.update-notification{left:10px;max-width:none;right:10px;top:10px}.update-content{padding:14px 16px}.update-actions{flex-direction:row}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:90vw;overflow:auto}.user-profile-modal{max-width:90vw;width:500px}.modal-header{align-items:center;border-bottom:1px solid #e1e8ed;display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:#2c3e50;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#7f8c8d;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.modal-close:hover{background-color:#ecf0f1;color:#e74c3c}.modal-body{padding:20px}.form-row{display:flex;gap:15px}.form-row .form-group{flex:1 1}.form-group{margin-bottom:20px}.form-group label{color:#2c3e50;font-weight:600}.form-control{border:1px solid #bdc3c7;box-sizing:border-box;padding:10px 12px;transition:border-color .3s}.form-control:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.password-toggle{margin:10px 0}.password-toggle label{align-items:center;cursor:pointer;display:flex;font-weight:400}.password-toggle input[type=checkbox]{margin-right:8px}.password-toggle-label{color:#7f8c8d;font-size:14px}.form-actions{border-top:1px solid #e1e8ed;display:flex;gap:10px;justify-content:flex-end;margin-top:30px;padding-top:20px}.btn{display:inline-block;font-weight:600}.btn,.btn:focus,.btn:hover{text-decoration:none}.btn:focus{outline:none}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2980b9}.btn-primary:disabled{background-color:#bdc3c7;cursor:not-allowed}.btn-secondary{background-color:#95a5a6;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#7f8c8d}.alert{border:1px solid}.alert-success{border-color:#c3e6cb}.alert-error{border-color:#f5c6cb}.alert-info{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.navbar .user-role{color:#95a5a6;font-size:11px;margin-top:5px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.page-header h1{margin:0}.btn-sm{font-size:12px;padding:6px 12px}.btn-warning{background-color:#f39c12}.btn-warning:hover{background-color:#e67e22}.btn-success{background-color:#27ae60}.btn-success:hover{background-color:#229954}.permissions-section{background-color:#f8f9fa;border:1px solid #e1e8ed;border-radius:4px;margin:20px 0;padding:15px}.permissions-section h4{color:#2c3e50;margin-bottom:15px;margin-top:0}.permissions-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.permission-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;padding:8px;transition:background-color .2s}.permission-item:hover{background-color:#e8f5e8}.permission-item input[type=checkbox]{margin-right:8px}.permission-item span{color:#2c3e50;font-size:14px}.users-table{display:flex;flex-direction:column;gap:15px}.user-row{align-items:center;background-color:#fff;border:1px solid #e1e8ed;border-radius:8px;display:flex;justify-content:space-between;padding:20px;transition:box-shadow .2s}.user-row:hover{box-shadow:0 2px 8px #0000001a}.user-row.inactive{background-color:#f8f9fa;opacity:.6}.user-details h4{color:#2c3e50;margin:0 0 5px}.user-details .user-email{color:#7f8c8d;font-size:14px;margin:0 0 8px}.user-permissions{margin-top:8px}.user-permissions small{color:#95a5a6;font-size:12px}.role-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;text-transform:uppercase}.role-badge.admin{background-color:#e8f5e8;color:#27ae60}.role-badge.user{background-color:#e3f2fd;color:#1976d2}.user-actions{align-items:flex-end;flex-direction:column;gap:10px}.permission-controls{display:flex;flex-wrap:wrap;gap:15px}.permission-toggle{color:#7f8c8d;display:flex;font-size:12px}.permission-toggle input[type=checkbox]{margin-right:4px}.permission-toggle span{white-space:nowrap}@media (max-width:768px){.user-row{flex-direction:column;gap:15px}.user-actions,.user-row{align-items:stretch}.permission-controls{justify-content:space-around}.page-header{align-items:stretch;flex-direction:column;gap:15px}}.app-footer{background-color:#e9ecef;border-top:1px solid #d1d8dd;bottom:0;color:#495057;margin-top:auto;padding:15px 0;position:-webkit-sticky;position:sticky}.footer-content{margin:0 auto;max-width:1200px;padding:0 20px;text-align:center}.footer-content p{color:#6c757d;font-size:14px;margin:0}.footer-content .version-info{color:#95a5a6;font-size:12px;font-weight:500;margin-top:4px}.main-content-full{position:relative}.main-content-full .page-content{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:calc(100vh - 70px)}.main-content-full .app-footer{bottom:0;left:0;position:absolute;right:0}.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:1px solid #e1e8ed;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:20px;text-align:center}.stat-card h3{color:#2c3e50;font-size:28px;margin:0 0 8px}.stat-card p{color:#7f8c8d;font-size:14px;margin:0}.filters-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.filter-actions{display:flex;gap:10px;justify-content:flex-end}.logs-table{display:flex;flex-direction:column;gap:12px}.log-entry{background:#fff;border:1px solid #e1e8ed;border-radius:6px;padding:16px;transition:box-shadow .2s}.log-entry:hover{box-shadow:0 2px 8px #0000001a}.log-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.log-time{color:#95a5a6;font-family:monospace;font-size:12px}.log-details{display:flex;flex-direction:column;gap:6px}.log-user{font-size:14px}.log-ip{color:#95a5a6;font-size:12px}.log-description{background:#f8f9fa;border-left:3px solid #3498db;border-radius:4px;color:#555;font-size:13px;padding:8px 12px}.log-metadata{color:#95a5a6;display:flex;font-size:11px;gap:15px}.log-resource,.log-resource-id{background:#ecf0f1;border-radius:3px;padding:2px 6px}.action-badge{display:inline-block;white-space:nowrap}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.filters-grid{grid-template-columns:1fr}.filter-actions{justify-content:stretch}.filter-actions .btn{flex:1 1}.log-header{align-items:flex-start;flex-direction:column;gap:8px}.log-metadata{flex-direction:column;gap:4px}.login-container{padding:10px}.login-box{max-width:400px;padding:30px 20px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;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}*{box-sizing:border-box}.container{margin:0 auto;max-width:1200px;padding:20px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s}.btn:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d}.btn-secondary:hover{background-color:#545b62}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:500;margin-bottom:5px}.form-control{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.form-control:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.alert{border-radius:4px;margin-bottom:20px;padding:12px 16px}.alert-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.user-management{margin:0 auto;max-width:1200px}.user-card{background:#fffffff2;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 4px 16px #0000001a;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.user-card:hover{box-shadow:0 6px 24px #00000026;transform:translateY(-2px)}.user-card.inactive{border-left-color:#ccc;opacity:.7}.user-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.user-info{flex:1 1}.user-name{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 .25rem}.user-email{color:#666;font-size:.9rem}.user-meta{align-items:center;display:flex;gap:.5rem}.role-badge{border-radius:20px;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.role-badge.admin{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff}.role-badge.user{background:#667eea33;color:#667eea}.status-badge{border-radius:20px;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.status-badge.active{background:#27ae6033;color:#27ae60}.status-badge.inactive{background:#e74c3c33;color:#e74c3c}.user-permissions{margin:1rem 0}.permission-toggle{align-items:center;background:#0000000d;border-radius:8px;cursor:pointer;display:inline-flex;gap:.5rem;margin-bottom:.5rem;margin-right:1rem;padding:.5rem;transition:background-color .2s ease}.permission-toggle:hover{background:#0000001a}.permission-toggle input{margin:0}.user-actions{display:flex;flex-wrap:wrap;gap:.5rem}.btn-sm{border-radius:6px;font-size:.85rem;padding:.5rem .75rem}.btn-danger{background:linear-gradient(45deg,#e74c3c,#c0392b);border:none;color:#fff}.btn-danger:hover{background:linear-gradient(45deg,#c0392b,#a93226);transform:translateY(-1px)}.btn-warning{background:linear-gradient(45deg,#f39c12,#e67e22);border:none;color:#fff}.btn-warning:hover{background:linear-gradient(45deg,#e67e22,#d35400);transform:translateY(-1px)}.btn-success{background:linear-gradient(45deg,#27ae60,#2ecc71);border:none;color:#fff}.btn-success:hover{background:linear-gradient(45deg,#2ecc71,#27ae60);transform:translateY(-1px)}.add-user-form{background:#fffffff2;border-radius:12px;box-shadow:0 4px 16px #0000001a;margin-bottom:2rem;padding:2rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}@media (max-width:768px){.form-row{grid-template-columns:1fr}.user-header{align-items:flex-start;flex-direction:column;gap:1rem}.user-actions{justify-content:flex-start;width:100%}}.message{border-radius:8px;font-weight:500;margin-bottom:1rem;padding:1rem}.message.success{background:#27ae601a;border-left:4px solid #27ae60;color:#27ae60}.message.error{background:#e74c3c1a;border-left:4px solid #e74c3c;color:#e74c3c}
/*# sourceMappingURL=main.51ab9d3c.css.map*/