.main-layout{min-height:100vh}.main-sider{background:#001529}.logo{display:flex;align-items:center;gap:.75rem;padding:1.25rem;color:#fff;font-size:1.1rem;font-weight:600}.logo-icon{font-size:1.5rem}.main-header{background:#fff;padding:0 2rem;display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid #f0f0f0}.header-right{display:flex;align-items:center;gap:1rem}.admin-name{color:#333;font-weight:500}.main-content{margin:1.5rem;padding:1.5rem;background:#fff;border-radius:8px;min-height:calc(100vh - 80px)}.dashboard h2,.dashboard h3{margin-bottom:1.5rem;color:#333}.dashboard .stats-row,.dashboard .charts-row,.dashboard .health-row{margin-bottom:1.5rem}.dashboard .chart-card{min-height:280px}.dashboard .loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.bar-chart{display:flex;justify-content:space-around;align-items:flex-end;height:200px;padding:20px 10px}.bar-chart.horizontal{flex-direction:column;justify-content:flex-start;align-items:flex-start;height:auto;gap:8px}.bar-item{display:flex;flex-direction:column;align-items:center;flex:1;max-width:60px}.bar-item.horizontal{flex-direction:row;align-items:center;width:100%;gap:8px}.bar{width:100%;max-width:40px;background:linear-gradient(180deg,#1890ff,#69c0ff);border-radius:4px 4px 0 0;position:relative;min-height:4px;transition:height .3s ease}.bar-item.horizontal .bar{max-width:none;height:24px;width:auto;min-width:4px;border-radius:0 4px 4px 0;background:linear-gradient(90deg,#1890ff,#69c0ff)}.bar-value{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:12px;font-weight:500;color:#666}.bar-item.horizontal .bar-value{position:relative;top:auto;left:auto;transform:none;margin-left:8px;color:#1890ff;font-weight:600}.bar-label{margin-top:8px;font-size:12px;color:#999}.bar-item.horizontal .bar-label{margin-top:0;min-width:50px;color:#666}.status-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fafafa;border-radius:8px}.stat-card{transition:box-shadow .3s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001a}.health-card{min-height:200px}.recent-alarms{margin-bottom:1.5rem}.user-management h2{margin-bottom:1.5rem;color:#333}.toolbar{display:flex;justify-content:space-between;margin-bottom:1.5rem}.alarm-management h2{margin-bottom:1.5rem;color:#333}.filters{display:flex;gap:1rem;margin-bottom:1.5rem}.device-management h2,.toolbar,.notification-management h2{margin-bottom:1.5rem}.toolbar{display:flex;gap:1rem;margin-bottom:1.5rem}.system-settings h2,.settings-card{margin-bottom:1.5rem}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{width:400px;padding:24px;border-radius:8px;box-shadow:0 8px 32px #0000001a}.login-header{text-align:center;margin-bottom:32px}.login-header h2{margin-bottom:8px;color:#1890ff}.login-footer{text-align:center;margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.code-input-wrapper{display:flex}.code-input-wrapper input{flex:1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#333;background:#f0f2f5}#root,.app-layout{min-height:100vh}