*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;color:var(--color-text-primary);min-height:100vh}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:var(--spacing-xl);background:var(--color-bg-secondary)}.login-card{background:var(--color-bg-primary);border-radius:var(--border-radius-large);box-shadow:var(--shadow-large);padding:var(--spacing-xxl);width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.message{padding:var(--spacing-md);border-radius:var(--border-radius-small);margin-bottom:var(--spacing-xl);text-align:center;font-size:.9rem}.message.success{background-color:#27ae601a;color:var(--color-success)}.message.error{background-color:#e74c3c1a;color:var(--color-danger)}.login-header h1{font-size:1.8rem;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.login-header p{color:var(--color-text-secondary);font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:.9rem}.form-input{padding:var(--spacing-md) var(--spacing-lg);border:1px solid #ddd;border-radius:var(--border-radius-small);font-size:1rem;transition:border-color var(--transition-normal) ease,box-shadow var(--transition-normal) ease;outline:none}.form-input:focus{border-color:var(--color-primary-normal);box-shadow:0 0 0 3px var(--color-primary-opacity-20)}.form-input::placeholder{color:var(--color-text-tertiary)}.form-check{flex-direction:row;align-items:center;gap:var(--spacing-sm)}.check-input{width:18px;height:18px;cursor:pointer}.login-btn{background:linear-gradient(135deg,var(--color-primary-normal) 0%,var(--color-primary-dark) 100%);color:#fff;border:none;padding:var(--spacing-md);border-radius:var(--border-radius-small);font-size:1rem;font-weight:500;cursor:pointer;transition:transform var(--transition-normal) ease,box-shadow var(--transition-normal) ease}.login-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary)}.login-btn:active{transform:translateY(0)}.login-footer{text-align:center;margin-top:var(--spacing-xl)}.forgot-link{color:var(--color-primary-normal);text-decoration:none;font-size:.9rem;transition:color var(--transition-normal) ease}.forgot-link:hover{color:var(--color-primary-dark);text-decoration:underline}.dashboard{display:flex;min-height:100vh}.sidebar{width:250px;background:linear-gradient(180deg,#1a1a2e,#16213e);color:#fff;padding:var(--spacing-xl);flex-shrink:0}.logo-link{display:block;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo{width:50px;height:50px;border-radius:50%;object-fit:cover;display:block}.sidebar ul{list-style:none}.sidebar li{margin-bottom:var(--spacing-sm)}.sidebar a{color:#fffc;text-decoration:none;padding:var(--spacing-md) var(--spacing-lg);display:block;border-radius:var(--border-radius-small);transition:background-color var(--transition-normal) ease,color var(--transition-normal) ease}.sidebar a:hover{background-color:#667eea4d;color:#fff}.content{flex:1;background-color:var(--color-bg-secondary);padding:var(--spacing-xl);overflow-y:auto}.content-header{margin-bottom:var(--spacing-xl)}.content-header h1{font-size:2rem;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.content-header p{color:var(--color-text-secondary)}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl)}.stat-card{background:var(--color-bg-primary);padding:var(--spacing-xl);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-small)}.stat-card h3{color:var(--color-text-secondary);font-size:.95rem;font-weight:400;margin-bottom:var(--spacing-sm)}.stat-value{font-size:2rem;font-weight:700;color:var(--color-ai-normal)}.users-table-container{background:var(--color-bg-primary);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-small);overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:var(--spacing-lg);text-align:left;border-bottom:1px solid #eee}.users-table th{background-color:var(--color-bg-tertiary);font-weight:600;color:var(--color-text-primary)}.users-table tr:hover{background-color:var(--color-bg-tertiary)}.settings-form{background:var(--color-bg-primary);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-small);padding:var(--spacing-xl);max-width:600px}.form-section{margin-bottom:var(--spacing-xl)}.form-section h3{margin-bottom:var(--spacing-xl);color:var(--color-text-primary);padding-bottom:var(--spacing-sm);border-bottom:1px solid #eee}.save-btn{background:linear-gradient(135deg,var(--color-ai-normal) 0%,var(--color-ai-light) 100%);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-small);font-size:1rem;font-weight:500;cursor:pointer;transition:transform var(--transition-normal) ease,box-shadow var(--transition-normal) ease}.save-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-ai)}.btn-primary{background:var(--color-primary-normal);color:#fff;border:none;border-radius:var(--border-radius-xxlarge);padding:var(--spacing-md) var(--spacing-xxl);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal) ease;box-shadow:var(--shadow-primary)}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #fe858566}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;color:var(--color-primary-normal);border:1px solid var(--color-primary-normal);border-radius:var(--border-radius-xxlarge);padding:var(--spacing-md) var(--spacing-xxl);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal) ease}.btn-secondary:hover{background:var(--color-primary-normal);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-primary)}.btn-secondary:active{transform:translateY(0)}.round-input{padding:var(--spacing-md) var(--spacing-lg);border:1px solid #ddd;border-radius:var(--border-radius-xxlarge);font-size:1rem;transition:all var(--transition-normal) ease;outline:none;width:100%;box-sizing:border-box}.round-input:focus{border-color:var(--color-primary-normal);box-shadow:0 0 0 3px var(--color-primary-opacity-20)}.round-input::placeholder{color:var(--color-text-tertiary)}