*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft JhengHei,Arial,sans-serif;background:#f5f7fa;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:40px 20px}.page-header{text-align:center;margin-bottom:40px}.page-header h1{font-size:36px;color:#2c3e50;margin-bottom:10px}.page-header p{font-size:16px;color:#7f8c8d}.chart-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:30px}.chart-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;transition:all .3s;text-decoration:none;color:inherit;display:block}.chart-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.chart-card-header{display:flex;align-items:center;margin-bottom:16px}.chart-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-right:16px}.chart-title{font-size:20px;font-weight:700;color:#2c3e50}.chart-meta{display:flex;gap:16px;margin-top:12px;font-size:14px;color:#7f8c8d}.chart-meta-item{display:flex;align-items:center;gap:4px}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.badge-success{background:#d4edda;color:#155724}.badge-error{background:#f8d7da;color:#721c24}.empty-state{text-align:center;padding:60px 20px;color:#7f8c8d}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state h2{font-size:24px;color:#2c3e50;margin-bottom:8px}.empty-state p{font-size:16px}.btn-create{display:inline-block;margin-top:20px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:transform .2s}.btn-create:hover{transform:translateY(-2px)}