.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:40px;width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:30px}.login-header h1{color:#667eea;font-size:2.5em;margin-bottom:10px}.login-header p{color:#666;font-size:.95em}.login-form{display:flex;flex-direction:column;gap:20px}.form-group input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1em;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.login-button{padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-top:10px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.login-button:disabled{opacity:.6;cursor:not-allowed}.divider{text-align:center;margin:20px 0;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:45%;height:1px;background:#e0e0e0}.divider:before{left:0}.divider:after{right:0}.divider span{background:#fff;padding:0 10px;color:#999;font-size:.9em}.sso-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:#fff;color:#333;border:2px solid #e0e0e0;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.sso-button:hover{border-color:#00a4ef;background:#f8fcff;transform:translateY(-2px);box-shadow:0 4px 12px #00a4ef33}.sso-button svg{width:21px;height:21px}.error-message.blocked{background-color:#fff3cd;color:#856404;border-left-color:#ffc107}.block-info{margin-top:8px;font-weight:600;font-size:.95em}.login-info{margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0;text-align:center}.login-info p{margin:5px 0;color:#666;font-size:.9em}.login-info strong{color:#333;font-family:Courier New,monospace;background-color:#f5f5f5;padding:2px 6px;border-radius:4px}.login-info small{display:block;margin-top:10px;color:#ff9800;font-size:.85em}@media(prefers-color-scheme:dark){.login-box{background:#1e1e1e;color:#fff}.login-header h1{color:#8b9aee}.login-header p{color:#aaa}.form-group label{color:#ddd}.form-group input{background:#2a2a2a;border-color:#444;color:#fff}.form-group input:focus{border-color:#8b9aee}.form-group input:disabled{background-color:#333}.login-info p{color:#aaa}.login-info strong{color:#fff;background-color:#333}}.dashboard{min-height:100vh;background-color:#f5f7fa}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 0;box-shadow:0 2px 10px #0000001a}.header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.header-content h1{font-size:2em;margin:0}.user-info{display:flex;align-items:center;gap:15px}.user-badge{background-color:#fff3;padding:6px 12px;border-radius:20px;font-size:.85em;font-weight:600}.user-name{font-weight:500}.logout-button{background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.logout-button:hover{background-color:#ffffff4d;transform:translateY(-2px)}.dashboard-main{max-width:1200px;margin:0 auto;padding:40px 20px}.welcome-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px}.manage-users-button{margin:20px 0;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:inline-flex;align-items:center;gap:8px}.manage-users-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.welcome-card h2{color:#333;margin-bottom:10px;font-size:1.8em}.welcome-card p{color:#666;margin-bottom:30px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:25px;border-radius:10px;display:flex;align-items:center;gap:20px;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.stat-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #0000001a}.stat-icon{font-size:2.5em;background:#fff;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000001a}.stat-content h3{margin:0 0 5px;color:#333;font-size:1.2em}.stat-content p{margin:0;color:#666;font-size:.9em}.info-section{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #0000000d}.info-section h3{color:#333;margin-bottom:20px;font-size:1.4em}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.info-item{display:flex;flex-direction:column;gap:5px}.info-label{color:#666;font-size:.9em;font-weight:500}.info-value{color:#333;font-size:1.1em;font-weight:600}.status-active{color:#4caf50}@media(prefers-color-scheme:dark){.dashboard{background-color:#1a1a1a}.welcome-card,.info-section{background:#2a2a2a}.welcome-card h2,.info-section h3,.stat-content h3,.info-value{color:#fff}.welcome-card p,.stat-content p,.info-label{color:#aaa}.stat-card{background:linear-gradient(135deg,#2a2a2a,#3a3a3a)}.stat-icon{background:#1a1a1a}}.users-page{min-height:100vh;background-color:#f5f7fa}.users-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 0;box-shadow:0 2px 10px #0000001a}.users-main{max-width:1200px;margin:0 auto;padding:40px 20px}.create-user-card,.users-list-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px}.create-user-card h2,.users-list-card h2{color:#333;margin-bottom:20px;font-size:1.5em}.user-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#333;font-weight:500;font-size:.95em}.form-group input,.form-group select{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1em;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled,.form-group select:disabled{background-color:#f5f5f5;cursor:not-allowed}.create-button{padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;max-width:200px}.create-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.create-button:disabled{opacity:.6;cursor:not-allowed}.back-button{background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.back-button:hover{background-color:#ffffff4d;transform:translateY(-2px)}.error-message{background-color:#fee;color:#c33;padding:12px;border-radius:8px;font-size:.9em;border-left:4px solid #c33}.success-message{background-color:#efe;color:#3c3;padding:12px;border-radius:8px;font-size:.9em;border-left:4px solid #3c3}.users-table{width:100%;border-collapse:collapse;margin-top:20px}.users-table thead{background-color:#f5f7fa}.users-table th,.users-table td{padding:15px;text-align:left;border-bottom:1px solid #e0e0e0}.users-table th{font-weight:600;color:#666;font-size:.9em;text-transform:uppercase}.users-table tbody tr:hover{background-color:#f9f9f9}.role-badge{background-color:#667eea;color:#fff;padding:4px 12px;border-radius:12px;font-size:.85em;font-weight:600;text-transform:uppercase}@media(max-width:768px){.form-row{grid-template-columns:1fr}.users-table{font-size:.9em}.users-table th,.users-table td{padding:10px}}@media(prefers-color-scheme:dark){.users-page{background-color:#1a1a1a}.create-user-card,.users-list-card{background:#2a2a2a}.create-user-card h2,.users-list-card h2{color:#fff}.form-group label{color:#ddd}.form-group input,.form-group select{background:#333;border-color:#444;color:#fff}.form-group input:disabled,.form-group select:disabled{background-color:#222}.users-table{color:#fff}.users-table thead{background-color:#333}.users-table th{color:#aaa}.users-table tbody tr:hover{background-color:#333}}*{box-sizing:border-box;margin:0;padding:0}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}#root{min-height:100vh}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}}