*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:#f0f2f5;color:#333}a{color:inherit;text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:#001529;color:#fff;display:flex;flex-direction:column;flex-shrink:0}.sidebar-logo{height:56px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#4f7cff;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-menu{padding:12px 0;flex:1}.menu-item{display:block;padding:12px 24px;color:#ffffffa6;font-size:14px;cursor:pointer;transition:all .2s}.menu-item:hover,.menu-item.active{background:#1890ff;color:#fff}.main-content{flex:1;display:flex;flex-direction:column}.header{height:56px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 1px 4px #00000014}.header-title{font-size:16px;font-weight:600}.header-user{font-size:14px;color:#666;display:flex;align-items:center;gap:12px}.page-content{padding:24px;flex:1}.card{background:#fff;border-radius:8px;padding:20px;margin-bottom:16px;box-shadow:0 1px 3px #0000000f}.card-title{font-size:16px;font-weight:600;margin-bottom:16px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid #f0f0f0}th{background:#fafafa;font-weight:600;color:#666}tr:hover td{background:#f5f7ff}.btn{display:inline-block;padding:6px 16px;border-radius:6px;font-size:14px;cursor:pointer;border:none;transition:opacity .2s}.btn:hover{opacity:.85}.btn-primary{background:#4f7cff;color:#fff}.btn-danger{background:#ff4d4f;color:#fff}.btn-success{background:#52c41a;color:#fff}.btn-outline{background:#fff;color:#4f7cff;border:1px solid #4F7CFF}.btn-sm{padding:4px 10px;font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000000f}.stat-label{font-size:13px;color:#999;margin-bottom:8px}.stat-value{font-size:28px;font-weight:700;color:#333}.stat-value.primary{color:#4f7cff}.stat-value.success{color:#52c41a}.stat-value.warning{color:#faad14}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4f7cff,#667eea)}.login-box{width:380px;background:#fff;border-radius:12px;padding:40px;box-shadow:0 8px 24px #00000026}.login-title{font-size:24px;font-weight:700;text-align:center;margin-bottom:32px;color:#333}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;color:#666;margin-bottom:6px}.form-group input{width:100%;height:40px;border:1px solid #d9d9d9;border-radius:6px;padding:0 12px;font-size:14px;outline:none;transition:border .2s}.form-group input:focus{border-color:#4f7cff}.login-btn{width:100%;height:44px;background:#4f7cff;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer}.login-btn:hover{background:#3d6ce5}.switch-wrap{display:flex;align-items:center;gap:12px}.switch{width:44px;height:24px;border-radius:12px;background:#ccc;position:relative;cursor:pointer;transition:background .3s}.switch.on{background:#52c41a}.switch:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .3s}.switch.on:after{transform:translate(20px)}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px}.tag-active{background:#e6f7e6;color:#52c41a}.tag-disabled{background:#fff1f0;color:#ff4d4f}.tag-paid{background:#e6f7ff;color:#1890ff}.tag-pending{background:#fffbe6;color:#faad14}.search-bar{display:flex;gap:12px;margin-bottom:16px}.search-bar input{height:36px;border:1px solid #d9d9d9;border-radius:6px;padding:0 12px;font-size:14px;min-width:240px}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:16px;font-size:14px}.pagination button{padding:4px 12px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;cursor:pointer}.pagination button:disabled{opacity:.4;cursor:not-allowed}.page-info{color:#666}.icp-footer{position:fixed;bottom:16px;left:0;right:0;text-align:center}.icp-footer a{color:#9aa4b2;font-size:12px;text-decoration:none}.icp-footer a:hover{color:#4f7cff}