*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f7fa;line-height:1.6}#app{height:100vh}.container{max-width:1400px;margin:0 auto;padding:0 20px}.page-header{margin-bottom:24px}.page-title{font-size:1.8rem;font-weight:600;color:#303133;margin-bottom:8px}.page-subtitle{color:#606266;font-size:.95rem}.card{background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000001a;margin-bottom:24px;overflow:hidden}.card-header{padding:20px 24px;border-bottom:1px solid #f0f0f0;background:#fafafa}.card-header h2{margin:0;font-size:1.3rem;color:#333;display:flex;align-items:center;gap:8px}.card-body{padding:24px}.table-actions{display:flex;gap:8px;margin-bottom:16px}.search-box{display:flex;gap:12px;margin-bottom:16px}.pagination-container{display:flex;justify-content:flex-end;margin-top:16px}