.sa-page{font-family:Microsoft YaHei,sans-serif;background:#f0f2f5;min-height:100vh}.sa-topbar{background:#1a1a2e;color:#fff;padding:0 24px;height:56px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:sticky;top:0;z-index:100}.sa-topbar h1{font-size:16px;font-weight:600;margin:0}.sa-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;font-size:13px}.sa-nav a{color:hsla(0,0%,100%,.7);text-decoration:none}.sa-nav a.active,.sa-nav a.router-link-active,.sa-nav a:hover{color:#fff;font-weight:600}.sa-sep{color:hsla(0,0%,100%,.3)}.sa-user{color:hsla(0,0%,100%,.6)}.sa-container{max-width:1200px;margin:0 auto;padding:24px}.sa-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.sa-stat-card{background:#fff;border-radius:10px;padding:20px 24px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.08);box-shadow:0 1px 3px rgba(0,0,0,.08)}.sa-stat-card .label{font-size:13px;color:#999;margin-bottom:6px}.sa-stat-card .value{font-size:28px;font-weight:700;color:#1a1a2e}.sa-stat-card .value.green{color:#52c41a}.sa-stat-card .value.red{color:#ff4d4f}.sa-stat-card .value.blue{color:#1890ff}.sa-stat-card .sub{font-size:12px;color:#bbb;margin-top:4px}.sa-row2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.sa-panel{background:#fff;border-radius:10px;padding:24px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.08);box-shadow:0 1px 3px rgba(0,0,0,.08);margin-bottom:0}.sa-panel h3{font-size:15px;color:#333;margin:0 0 16px 0;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.sa-panel table{width:100%;border-collapse:collapse;font-size:13px}.sa-panel th{text-align:left;padding:10px 12px;background:#fafafa;color:#666;font-weight:500;border-bottom:1px solid #f0f0f0}.sa-panel td{padding:10px 12px;border-bottom:1px solid #f5f5f5;color:#333}.sa-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px}.badge-green{background:#f6ffed;color:#52c41a}.badge-red{background:#fff2f0;color:#ff4d4f}.badge-gray{background:#f5f5f5;color:#999}.badge-blue{background:#e6f7ff;color:#1890ff}.badge-orange{background:#fff7e6;color:#fa8c16}.badge-purple{background:#f9f0ff;color:#722ed1}.sa-plan-bar{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;-ms-flex-wrap:wrap;flex-wrap:wrap}.sa-plan-item{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:100px;text-align:center;padding:16px;border-radius:8px;border:1px solid #f0f0f0}.sa-plan-item .num{font-size:24px;font-weight:700;margin-bottom:4px}.sa-plan-item .name{font-size:12px;color:#999}.sa-plan-item.free .num{color:#999}.sa-plan-item.std .num{color:#1890ff}.sa-plan-item.pro .num{color:#fa8c16}.sa-plan-item.ent .num{color:#722ed1}.sa-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;margin-bottom:16px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sa-toolbar input,.sa-toolbar select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:13px;outline:none}.sa-toolbar input:focus,.sa-toolbar select:focus{border-color:#1890ff}.sa-btn-sm,.sa-toolbar button{padding:8px 16px;border:none;border-radius:6px;font-size:13px;cursor:pointer;font-weight:500}.sa-btn-primary{background:#1890ff;color:#fff}.sa-btn-primary:hover{background:#40a9ff}.sa-btn-danger{background:#ff4d4f;color:#fff}.sa-btn-danger:hover{background:#ff7875}.sa-btn-success{background:#52c41a;color:#fff}.sa-btn-success:hover{background:#73d13d}.sa-btn-warning{background:#fa8c16;color:#fff}.sa-btn-default{background:#f5f5f5;color:#333;border:1px solid #ddd}.sa-btn-default:hover{background:#e8e8e8}.sa-btn-sm{padding:4px 10px;font-size:12px}.sa-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:16px;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:13px;color:#666}.sa-pagination button{padding:6px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:13px}.sa-pagination button:hover{border-color:#1890ff;color:#1890ff}.sa-pagination button:disabled{opacity:.5;cursor:not-allowed}.sa-modal-mask{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sa-modal{background:#fff;border-radius:10px;width:600px;max-height:80vh;overflow-y:auto;-webkit-box-shadow:0 10px 40px rgba(0,0,0,.2);box-shadow:0 10px 40px rgba(0,0,0,.2)}.sa-modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px 24px;border-bottom:1px solid #f0f0f0}.sa-modal-header h3{margin:0;font-size:16px}.sa-modal-header .close{cursor:pointer;font-size:20px;color:#999;background:none;border:none}.sa-modal-body{padding:24px}.sa-modal-footer{padding:16px 24px;border-top:1px solid #f0f0f0;text-align:right;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.sa-form-group{margin-bottom:14px}.sa-form-group label{display:block;font-size:13px;color:#555;margin-bottom:4px}.sa-form-group input,.sa-form-group select,.sa-form-group textarea{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:13px;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}.sa-form-group textarea{min-height:80px;resize:vertical}.sa-form-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.sa-form-row .sa-form-group{-webkit-box-flex:1;-ms-flex:1;flex:1}@media(max-width:768px){.sa-stats{grid-template-columns:repeat(2,1fr)}.sa-row2{grid-template-columns:1fr}}