*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}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)}.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-logo{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:var(--spacing-md)}.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;flex-direction:column;height:100vh;overflow:hidden;background-color:#f0f2f5}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);background-color:transparent}.dashboard-header-left{display:flex;align-items:center}.dashboard-logo{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:var(--spacing-lg)}.dashboard-title{font-size:1.2rem;font-weight:600;color:#1a1a2e}.dashboard-header-right{display:flex;align-items:center;justify-content:flex-end}.dashboard-body{display:flex;flex:1;overflow:hidden}.sidebar{background-color:transparent;color:#333;padding:4px 2px 4px 12px;flex-shrink:0;overflow-y:auto}.sidebar ul{list-style:none}.sidebar li{margin-bottom:var(--spacing-sm)}.sidebar a{color:#555;text-decoration:none;padding:6px 8px;display:block;border-radius:var(--border-radius-small);transition:background-color var(--transition-normal) ease,color var(--transition-normal) ease}.sidebar a:hover{color:#000;font-weight:700}.sidebar a:active,.sidebar a:focus,.sidebar a.active,.sidebar a.router-link-active,.sidebar a.router-link-exact-active,.sidebar .menu-title.active,.sidebar .menu-title:active,.sidebar .menu-title:focus{border:none!important;outline:none!important;background-color:transparent!important;color:#555!important;box-shadow:none!important}.menu-title{display:block;padding:6px 8px;border-radius:var(--border-radius-small);transition:all var(--transition-normal) ease;position:relative;overflow:hidden;color:#555}.menu-title:before{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width var(--transition-normal) ease}.menu-title:hover{color:#000;font-weight:700}.menu-title:hover:before{width:0}.submenu{padding-left:1.5em;font-size:.85rem}.submenu li{margin-bottom:2px}.submenu a{padding:4px 6px}.content{flex:1;background-color:#f0f2f5;padding:5px 5px 5px 0;overflow:hidden;display:flex;flex-direction:column}.content-body{flex:1;background-color:#fff;border-radius:var(--border-radius-large);padding:var(--spacing-xl);overflow-y:auto;box-shadow:0 2px 12px #00000014}.page-title h1{font-size:1.5rem;color:var(--color-text-primary);margin:0}.user-profile{display:flex;align-items:center}.user-avatar-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;overflow:hidden;border:2px solid var(--color-primary-normal);transition:all var(--transition-normal) ease;cursor:pointer}.user-avatar-link:hover{transform:scale(1.05);box-shadow:0 4px 12px #fe85854d}.user-avatar{width:100%;height:100%;object-fit:cover}.user-info{display:flex;flex-direction:column;margin-right:12px;gap:2px;align-items:flex-end}.user-name{font-size:14px;font-weight:600;color:var(--color-text-primary)}.user-org{font-size:12px;color:var(--color-text-secondary)}.content-header{margin-bottom:var(--spacing-xl);flex-shrink:0}.business-page-content{flex:1;overflow-y:auto;overflow-x:hidden}.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)}