@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#172033;font-family:Inter,sans-serif}button,select,input{font:inherit}.app{max-width:1440px;margin:0 auto;padding:24px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px}.hero h1{margin:0 0 8px;font-size:34px}.hero p{margin:0;color:#5f6b7a}.primary,.secondary,.tabs button,.pagination button,.table-toolbar button{border:0;border-radius:10px;padding:10px 16px;cursor:pointer}.primary{background:#172033;color:#fff}.secondary,.pagination button,.table-toolbar button{background:#e5e7eb;color:#172033}.primary:disabled,.pagination button:disabled{opacity:.6;cursor:not-allowed}.cards{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px;margin-bottom:24px}.card{background:#fff;padding:18px;border-radius:16px;box-shadow:0 8px 24px #1118270f}.card span{display:block;color:#6b7280;margin-bottom:8px}.card strong{font-size:24px}.tabs{display:flex;gap:8px;margin-bottom:24px;background:#fff;padding:8px;border-radius:14px;box-shadow:0 8px 24px #1118270f}.tabs button{background:transparent;color:#374151}.tabs button.active{background:#172033;color:#fff}.section-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.section-header h2{margin:0 0 6px}.section-header p{margin:0;color:#6b7280}select,input{border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;background:#fff}select{min-width:280px}.selected-list,.chart-card,.table-card,.notice{background:#fff;border-radius:16px;padding:18px;margin-bottom:24px;box-shadow:0 8px 24px #1118270f}.selected-list{color:#374151}.notice{border-left:5px solid #f59e0b}.notice.success{border-left-color:#10b981}.notice.error{border-left-color:#ef4444}.table-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.table-toolbar h3{margin:0}.table-toolbar input{min-width:320px}table{width:100%;border-collapse:collapse;overflow:hidden}th,td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}th{background:#f9fafb;font-weight:700}tr:hover td{background:#fafafa}td input[type=checkbox]{width:18px;height:18px;cursor:pointer}small{color:#6b7280}.danger{color:#b91c1c;font-weight:700}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px}@media(max-width:900px){.hero,.section-header,.table-toolbar{flex-direction:column}.cards{grid-template-columns:1fr 1fr}.tabs{flex-direction:column}select,.table-toolbar input{width:100%;min-width:0}}@media(max-width:600px){.app{padding:14px}.cards{grid-template-columns:1fr}}