:root{
  --bg:#f4f7fb;--panel:#fff;--ink:#172033;--muted:#6a7385;--blue:#007CC9;--orange:#FF9A00;--line:#dce3ef;--green:#12a150;--red:#db3b3b;--shadow:0 16px 40px rgba(21,33,57,.08);--radius:18px
}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#f7faff,#eef3f9);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink)}
a{color:var(--blue);text-decoration:none}.wrap{max-width:1280px;margin:0 auto;padding:24px}.hero{background:radial-gradient(circle at top left,rgba(255,154,0,.18),transparent 35%),linear-gradient(135deg,#172033,#263650);color:#fff;border-radius:26px;padding:28px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero h1{margin:0 0 8px;font-size:30px}.hero p{margin:0;color:#dfe8f5;max-width:850px;line-height:1.55}.badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:8px 12px;border-radius:999px;margin-bottom:14px;color:#fff;font-size:13px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card h2,.card h3{margin:0 0 12px}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-6{grid-column:span 6}.span-4{grid-column:span 4}.span-3{grid-column:span 3}.metric{display:flex;flex-direction:column;gap:6px}.metric strong{font-size:28px}.metric span{color:var(--muted);font-size:13px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs a{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:700;font-size:13px}.tabs a.active{background:var(--blue);color:#fff;border-color:var(--blue)}.form-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.form-row input,.form-row select,.form-row textarea{border:1px solid var(--line);border-radius:12px;padding:11px 12px;font:inherit;background:#fff}.form-row textarea{width:100%;min-height:150px}.btn{border:0;border-radius:12px;background:var(--blue);color:#fff;padding:11px 14px;font-weight:800;cursor:pointer}.btn.orange{background:var(--orange);color:#162033}.btn.ghost{background:#eef5fb;color:var(--blue)}.btn.danger{background:#ffecec;color:#b00000}.notice{border-radius:14px;padding:12px 14px;margin:14px 0;background:#ecf8ff;border:1px solid #b8e6ff;color:#164763}.notice.warn{background:#fff7e8;border-color:#ffd896;color:#6c4600}.notice.error{background:#ffecec;border-color:#ffb9b9;color:#7f0000}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{color:#4b5568;background:#f8fafc;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.ball{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#eef5fb;border:1px solid #cfe5f5;color:#0a67a3;font-weight:900;margin:2px}.ball.super{background:#fff3dc;border-color:#ffd394;color:#a75d00}.prediction{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fbfdff;margin-bottom:12px}.prediction-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.score{font-weight:900;color:#fff;background:var(--green);border-radius:999px;padding:8px 10px;font-size:12px}.reason{color:var(--muted);font-size:13px;margin:8px 0 0}.bar{height:9px;border-radius:999px;background:#e9eef5;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--orange));border-radius:999px}.small{font-size:12px;color:var(--muted)}.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#f6f8fb;border:1px solid var(--line);border-radius:12px;padding:12px;white-space:pre-wrap;overflow:auto}.footer{margin:26px 0;color:var(--muted);font-size:13px;text-align:center}.chart-row{display:grid;grid-template-columns:70px 1fr 50px;gap:10px;align-items:center;margin:7px 0}.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef5fb;color:#0a67a3;font-size:12px;font-weight:800}.two-col{columns:2}.danger-zone{border-color:#ffd0d0;background:#fffafa}
@media(max-width:900px){.span-8,.span-6,.span-4,.span-3{grid-column:span 12}.wrap{padding:14px}.hero h1{font-size:24px}.two-col{columns:1}.grid{gap:12px}.card{padding:14px}}
.highlight-card{border-color:#ffd596;background:linear-gradient(135deg,#fffaf1,#ffffff)}
.compact-grid{margin-top:10px;gap:12px}.compact-grid .card{box-shadow:none;padding:14px}.day-prediction{background:linear-gradient(135deg,#fbfdff,#fffaf2)}.date-list{display:grid;gap:10px;margin:12px 0 18px}.date-chip{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;color:var(--ink)}.date-chip.active{border-color:var(--orange);background:#fff7e8}.date-chip span{color:var(--muted);font-size:12px}.weekday-box{border:1px solid var(--line);border-radius:14px;padding:12px;margin:10px 0;background:#fbfdff}.pill.ok{background:#e8fff2;color:#0d7d42}.btn.secondary{background:#eef5fb;color:#0a67a3}