*,*:before,*:after{box-sizing:border-box}body{font-family:Inter,Instrument Sans,system-ui,-apple-system,sans-serif;color:#0f172a;background:#f8fafc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-container{max-width:1200px;margin:0 auto}.page-container--narrow{max-width:640px;margin:0 auto}.page-container--wide{max-width:1400px;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.page-title{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 4px;letter-spacing:-.4px}.page-subtitle{font-size:14px;color:#64748b;margin:0}.section-title{font-size:16px;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.2px}.sf-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f;overflow:hidden}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f;display:flex;align-items:center;gap:16px;padding:20px;transition:box-shadow .2s}.stat-card:hover{box-shadow:0 10px 25px #0000000f,0 4px 10px #0000000a}.stat-card__icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.stat-card__icon--blue{background:#3b82f61a;color:#3b82f6}.stat-card__icon--green{background:#10b9811a;color:#10b981}.stat-card__icon--orange{background:#f59e0b1a;color:#f59e0b}.stat-card__icon--red{background:#ef44441a;color:#ef4444}.stat-card__icon--purple{background:#7c5cfc1a;color:#7c5cfc}.stat-card__content{display:flex;flex-direction:column}.stat-card__value{font-size:24px;font-weight:700;color:#0f172a;line-height:1.2}.stat-card__label{font-size:13px;color:#64748b;margin-top:2px}.usage-meter{display:flex;flex-direction:column;gap:6px}.usage-meter__header{display:flex;align-items:center;justify-content:space-between}.usage-meter__label{font-size:13px;color:#64748b;font-weight:500}.usage-meter__count{font-size:14px;color:#0f172a;font-weight:700}.usage-meter__of{font-size:13px;color:#94a3b8;font-weight:400}.usage-meter__pct{font-size:12px;color:#94a3b8;font-weight:400}.code-text{font-family:SF Mono,Fira Code,Menlo,Monaco,monospace;font-size:13px}.log-time{font-family:SF Mono,Fira Code,Menlo,Monaco,monospace;font-size:12px;color:#64748b}.text-link{font-size:13px;color:#3b82f6;font-weight:500;text-decoration:none}.text-link:hover{text-decoration:underline}.live-dot{width:8px;height:8px;border-radius:50%;background:#10b981;display:inline-block;animation:pulse-dot 1.5s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.auth-form{width:100%;max-width:420px;margin:0 auto;padding-top:40px}.auth-form__title{font-size:1.65rem;font-weight:700;color:#0f172a;margin:0 0 6px;letter-spacing:-.4px}.auth-form__desc{font-size:.95rem;color:#64748b;margin:0 0 32px}.auth-form__success{text-align:center;padding:20px 0}.auth-form__success p{font-size:14px;color:#64748b;margin:16px 0 24px;line-height:1.6}.auth-form__footer{text-align:center;margin-top:16px}.auth-form__footer a{font-size:.85rem;color:#4f46e5;text-decoration:none;font-weight:500}.auth-form__footer a:hover{color:#4338ca}.auth-form .el-button--primary{background:#4f46e5;border-color:#4f46e5;border-radius:8px;font-weight:600;font-size:.9rem;height:44px}.auth-form .el-button--primary:hover{background:#4338ca;border-color:#4338ca}.auth-form :deep(.el-form-item__label){font-size:.85rem;font-weight:500;color:#334155;padding-bottom:4px}.auth-form :deep(.el-input__wrapper){border-radius:8px;box-shadow:0 0 0 1px #e2e8f0}.auth-form :deep(.el-input__wrapper):hover{box-shadow:0 0 0 1px #cbd5e1}.auth-form :deep(.el-input__wrapper).is-focus{box-shadow:0 0 0 1px #4f46e5,0 0 0 3px #4f46e51a}.pro-table{--el-table-border-color: #f1f5f9;--el-table-header-bg-color: #f8fafc;--el-table-header-text-color: $text-secondary;--el-table-text-color: #334155;--el-table-row-hover-bg-color: #f8fafc}.pro-table :deep(th){font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.stats-row .el-col{margin-bottom:12px}@media(max-width:575px){.page-header{flex-direction:column;align-items:flex-start;gap:8px}.page-title{font-size:20px}.page-subtitle{font-size:13px}.section-title{font-size:14px}.stat-card{padding:14px;gap:8px}.stat-card__icon{width:36px;height:36px;font-size:16px}.stat-card__value{font-size:18px}.stat-card__label{font-size:12px}.overview-stat-card{padding:14px}.overview-stat-card__value{font-size:20px}.overview-stat-card__label,.usage-meter__label{font-size:12px}.usage-meter__count{font-size:13px}.apexcharts-canvas{max-height:220px}.el-dialog{--el-dialog-width: 95% !important;margin:8px auto!important}.el-table{font-size:13px}.el-table .cell{padding:8px 10px}.el-pagination{flex-wrap:wrap;gap:4px}.action-text-label{display:none}.action-card{padding:12px 14px;gap:10px}.action-icon-wrap{width:34px;height:34px}.action-desc,.action-arrow{display:none}.app-card{padding:16px}.app-card__stats{padding:12px}.app-card__stat-value{font-size:16px}.app-card__footer{flex-wrap:wrap;gap:4px}.plan-usage-header{flex-direction:column;align-items:flex-start;gap:8px}.plan-usage-header__right{flex-wrap:wrap;gap:8px}.plan-usage-footer{flex-direction:column;align-items:flex-start;gap:8px}.live-connections{padding:6px 10px}.live-connections .live-count{font-size:16px}.live-connections .live-label{font-size:11px}}@media(max-width:767px){.hide-on-tablet{display:none!important}.welcome-section{flex-direction:column;gap:8px}.charts-row .el-col{margin-bottom:16px}.overview-stat-card{margin-bottom:8px}}@media(max-width:575px){.hide-on-mobile{display:none!important}}.show-on-mobile{display:none!important}@media(max-width:575px){.show-on-mobile{display:inline!important}}