*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.form{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:0 auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.form h2{text-align:center;margin-bottom:1rem;color:#333}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.9rem;font-weight:500;color:#555}.form-input{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}.form-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-button{padding:.75rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.form-button:hover{background-color:#0056b3}.form-button:disabled{background-color:#6c757d;cursor:not-allowed}.btn{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;margin-bottom:1rem}.header{background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:1rem 0;margin-bottom:2rem}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:#007bff;text-decoration:none}.nav{display:flex;gap:1rem;align-items:center}.nav-link{text-decoration:none;color:#333;font-weight:500;transition:color .2s}.nav-link:hover{color:#007bff}.nav-link.active{color:#007bff;font-weight:600;border-bottom:2px solid #007bff}.home-page-tabs{display:flex;gap:1rem;margin-right:1rem}.dropdown{position:relative;display:inline-block}.avatar{width:36px;height:36px;border-radius:50%;background-color:#007bff;color:#fff;border:none;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.avatar:hover{background-color:#0056b3}.dropdown-menu{position:absolute;right:0;top:100%;margin-top:.5rem;background-color:#fff;border:1px solid #e9ecef;border-radius:4px;box-shadow:0 2px 8px #00000026;min-width:120px;z-index:1000}.dropdown-item{display:block;width:100%;padding:.5rem 1rem;text-align:left;background:none;border:none;cursor:pointer;font-size:.9rem;color:#495057;text-decoration:none;transition:background-color .2s}.dropdown-item:hover{background-color:#f8f9fa;color:#212529}.dropdown-item:focus{outline:none;background-color:#f8f9fa}.dashboard{display:flex;flex-direction:column;gap:2rem}.alert{padding:1rem;border-radius:4px;margin-bottom:1rem}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-danger{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:1.2rem;color:#666}.table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.table th,.table td{padding:1rem;text-align:left;border-bottom:1px solid #eee}.table th{background-color:#f8f9fa;font-weight:600;color:#495057}.table tr:hover{background-color:#f8f9fa}.form-section{margin:2rem 0;padding:1.5rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.form-section h4{margin-bottom:.5rem;color:#495057;font-size:1.1rem}.form-section-hint{margin-bottom:1rem;color:#6c757d;font-size:.9rem;font-style:italic}.form-section .form-group{margin-top:1rem}.checkbox-group{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.checkbox-item{display:flex;align-items:center;gap:.5rem}.checkbox-item input[type=checkbox]{margin:0}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e9ecef}.modal-header h3{margin:0;font-size:1.2rem;color:#495057}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.modal-close:hover{background-color:#f8f9fa}.modal-body{padding:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1rem;border-top:1px solid #e9ecef}.admin-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.admin-tab{padding:.75rem 1.5rem;border:none;border-radius:4px;background-color:#f0f0f0;color:#666;font-weight:500;cursor:pointer;transition:all .2s}.admin-tab:hover{background-color:#e0e0e0;color:#333}.admin-tab.active{background-color:#007bff;color:#fff;font-weight:600}.permission-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.permission-tab{padding:.75rem 1.5rem;border:none;border-radius:4px;background-color:#f0f0f0;color:#666;font-weight:500;cursor:pointer;transition:all .2s}.permission-tab:hover{background-color:#e0e0e0;color:#333}.permission-tab.active{background-color:#007bff;color:#fff;font-weight:600}.permission-sub-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.permission-sub-tab{padding:.5rem 1rem;border:none;border-radius:4px;background-color:#f0f0f0;color:#666;font-weight:500;cursor:pointer;transition:all .2s}.permission-sub-tab:hover{background-color:#e0e0e0;color:#333}.permission-sub-tab.active{background-color:#007bff;color:#fff;font-weight:600}.password-requirements{margin:1rem 0;padding:1rem;background-color:#f8f9fa;border-radius:4px}.password-requirements ul{list-style:none;padding-left:0;margin:0}.password-requirements li{margin:.5rem 0;padding-left:20px;position:relative}.password-requirements li:before{content:"•";position:absolute;left:0;font-size:1.5rem}.password-requirements li.valid{color:#155724}.password-requirements li.valid:before{content:"✓";color:#28a745}.password-requirements li.invalid{color:#721c24}.password-requirements li.invalid:before{content:"✗";color:#dc3545}.password-strength{margin:1rem 0}.strength-label{display:block;margin-bottom:.5rem;font-weight:500}.strength-bar{height:8px;border-radius:4px;margin-bottom:.5rem;transition:all .3s ease}.strength-bar.weak{background-color:#dc3545;width:33%}.strength-bar.medium{background-color:#ffc107;width:66%}.strength-bar.strong{background-color:#28a745;width:100%}.strength-text{font-weight:500}.strength-text.weak{color:#dc3545}.strength-text.medium{color:#ffc107}.strength-text.strong{color:#28a745}.password-feedback{padding:1rem;border-radius:4px;margin:1rem 0}.password-feedback.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.password-feedback ul{margin:0;padding-left:1.5rem}:root{--bg-primary: #ffffff;--bg-secondary: #f5f7fa;--bg-tertiary: #e4e7ea;--text-primary: #333333;--text-secondary: #666666;--text-muted: #999999;--border-color: #e4e7ea;--primary-color: #007bff;--primary-hover: #0056b3;--secondary-color: #6c757d;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--shadow-color: rgba(0, 0, 0, .1);--card-bg: #ffffff;--header-bg: #ffffff;--footer-bg: #ffffff;--sidebar-bg: #ffffff;--input-bg: #ffffff;--input-border: #e4e7ea;--button-primary-bg: #007bff;--button-primary-hover-bg: #0056b3;--button-secondary-bg: #6c757d;--button-secondary-hover-bg: #5a6268}.dark{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #404040;--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #999999;--border-color: #404040;--primary-color: #4da6ff;--primary-hover: #2a80d8;--secondary-color: #999999;--success-color: #4caf50;--danger-color: #f44336;--warning-color: #ffc107;--info-color: #2196f3;--shadow-color: rgba(0, 0, 0, .3);--card-bg: #2d2d2d;--header-bg: #2d2d2d;--footer-bg: #2d2d2d;--sidebar-bg: #2d2d2d;--input-bg: #404040;--input-border: #666666;--button-primary-bg: #4da6ff;--button-primary-hover-bg: #2a80d8;--button-secondary-bg: #999999;--button-secondary-hover-bg: #7d7d7d}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.card{background-color:var(--card-bg);border-color:var(--border-color);color:var(--text-primary)}.form-input{background-color:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}.btn-primary{background-color:var(--button-primary-bg);border-color:var(--button-primary-bg);color:#fff}.btn-primary:hover{background-color:var(--button-primary-hover-bg);border-color:var(--button-primary-hover-bg)}.btn-secondary{background-color:var(--button-secondary-bg);border-color:var(--button-secondary-bg);color:#fff}.btn-secondary:hover{background-color:var(--button-secondary-hover-bg);border-color:var(--button-secondary-hover-bg)}nav{background-color:var(--header-bg);border-bottom-color:var(--border-color)}.theme-toggle{background:none;border:none;cursor:pointer;color:var(--text-primary);font-size:1.5rem;padding:.5rem;border-radius:50%;transition:background-color .2s ease}.theme-toggle:hover{background-color:var(--bg-tertiary)}.language-selector{background-color:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}@media(prefers-color-scheme:dark){:root:not(.light):not(.dark){--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #404040;--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #999999;--border-color: #404040;--shadow-color: rgba(0, 0, 0, .3);--card-bg: #2d2d2d;--header-bg: #2d2d2d;--footer-bg: #2d2d2d;--sidebar-bg: #2d2d2d;--input-bg: #404040;--input-border: #666666}}:root.light{--bg-primary: #ffffff;--bg-secondary: #f5f7fa;--bg-tertiary: #e4e7ea;--text-primary: #333333;--text-secondary: #666666;--text-muted: #999999;--border-color: #e4e7ea;--primary-color: #007bff;--primary-hover: #0056b3;--secondary-color: #6c757d;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--shadow-color: rgba(0, 0, 0, .1);--card-bg: #ffffff;--header-bg: #ffffff;--footer-bg: #ffffff;--sidebar-bg: #ffffff;--input-bg: #ffffff;--input-border: #e4e7ea;--button-primary-bg: #007bff;--button-primary-hover-bg: #0056b3;--button-secondary-bg: #6c757d;--button-secondary-hover-bg: #5a6268}