@charset "UTF-8";html,body,#app{margin:0;padding:0;width:100%;height:100%;font-family:PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;color:#1a1a1a;background-color:#f3f5f7}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background-color:#c1c5cd;border-radius:3px}::-webkit-scrollbar-track{background-color:transparent}:root{--td-brand-color: #0052d9;--td-success-color: #00a870;--td-warning-color: #ed7b2f;--td-error-color: #e34d59;--td-bg-color-page: #f3f5f7;--td-bg-color-container: #ffffff;--td-text-color-primary: #1a1a1a;--td-text-color-secondary: #63666f;--td-text-color-placeholder: #8e93a0;--td-border-level-1-color: #ebeced}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}#app{width:100%;height:100%}.app-layout{display:flex;height:100vh;overflow:hidden}.app-layout__sidebar{width:240px;background-color:var(--td-bg-color-container);border-right:1px solid var(--td-border-level-1-color);display:flex;flex-direction:column;flex-shrink:0;transition:width .28s}.app-layout__main{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--td-bg-color-page)}.app-layout__header{height:56px;background-color:var(--td-bg-color-container);border-bottom:1px solid var(--td-border-level-1-color);display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0}.app-layout__content{flex:1;padding:20px;overflow-y:auto;overflow-x:hidden}.page-container{min-height:calc(100vh - 136px)}.page-container .search-bar{margin-bottom:16px;padding:16px 20px;background:var(--td-bg-color-container);border-radius:6px;display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.page-container .table-container{background:var(--td-bg-color-container);border-radius:6px;padding:20px}.stat-cards-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card{background:var(--td-bg-color-container);border-radius:8px;padding:24px;display:flex;flex-direction:column}.stat-card__label{font-size:14px;color:var(--td-text-color-secondary);margin-bottom:12px}.stat-card__value{font-size:32px;font-weight:700;color:var(--td-text-color-primary);line-height:1.2}.stat-card__value--primary{color:var(--td-brand-color)}.stat-card__value--success{color:var(--td-success-color)}.stat-card__value--warning{color:var(--td-warning-color)}.stat-card__value--error{color:var(--td-error-color)}.stat-card__trend{font-size:12px;color:var(--td-text-color-placeholder);margin-top:8px;display:flex;align-items:center;gap:4px}.chart-container{background:var(--td-bg-color-container);border-radius:8px;padding:20px;margin-bottom:20px}.chart-container__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chart-container__header h4{font-size:16px;font-weight:600;color:var(--td-text-color-primary)}.chart-container__body{min-height:360px;width:100%}.status-tag--active{color:var(--td-success-color);background:#00a8701a}.status-tag--inactive{color:var(--td-text-color-placeholder);background:#8e93a01a}.status-tag--pending{color:var(--td-warning-color);background:#ed7b2f1a}.status-tag--error{color:var(--td-error-color);background:#e34d591a}@media screen and (max-width: 1200px){.stat-cards-row{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){.app-layout__sidebar{position:fixed;left:-240px;z-index:1000}.stat-cards-row{grid-template-columns:1fr}}