:root{--bg1: #edf2ff;--bg2: #dfe7ff;--bg3: #fff7cc;--primary1: #0b2162;--gold: #8a6a00;--danger: #7a1515;--success: #167a2e;--text: #16213d;--muted: #58627a;--white: #ffffff;--card-shadow: 0 10px 30px rgba(11,33,98,.1)}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--text);background:linear-gradient(135deg,var(--bg1),var(--bg2),var(--bg3))}a{text-decoration:none}.page{min-height:100vh;padding:24px}.center-bg{display:flex;align-items:center;justify-content:center}.container{max-width:1280px;margin:0 auto}.card,.summary-mini-card{background:#ffffffeb;border-radius:24px;padding:20px;box-shadow:var(--card-shadow)}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-card{width:100%;max-width:520px}.login-brand,.brand-wrap{display:flex;align-items:center;gap:16px}.login-logo{width:72px;height:72px;border-radius:18px}.brand-logo{width:48px;height:48px;border-radius:14px}.brand-text strong{font-size:20px;color:var(--primary1)}input,select{width:100%;padding:12px 14px;border-radius:14px;border:1px solid #d8deea;margin-top:8px;background:#fff}button{border:0;cursor:pointer}.solid-btn{padding:12px 18px;border-radius:14px;color:#fff;background:#0b2162;transition:.2s ease}.solid-btn:hover{filter:brightness(1.08);box-shadow:0 12px 24px #0b21622e}.logout-btn{padding:12px 18px;border-radius:14px;color:#fff;background:#7a1515;transition:.2s ease}.logout-btn:hover{filter:brightness(1.06)}.edit-btn,.view-btn,.delete-btn{padding:8px 12px;border-radius:10px;color:#fff;white-space:nowrap}.view-btn{background:#1f8f3a}.edit-btn{background:#0b2162}.delete-btn{background:#7a1515}.view-btn:hover,.edit-btn:hover,.delete-btn:hover{filter:brightness(1.05)}.navbar,.topbar,.row-between,.season-row,.row,.chart-label,.mini-row{display:flex;align-items:center;justify-content:space-between}.navbar{margin-bottom:20px;position:sticky;top:12px;z-index:100}.wrap{flex-wrap:wrap}.gap{gap:12px}.sub,p{color:var(--muted)}.subtle-note{margin-top:10px;color:var(--muted)}.nav-link{color:var(--primary1);font-weight:700;padding:10px 14px;border-radius:12px;background:#0b21620f}.nav-link:hover{background:#0b21621f}.summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin:20px 0;align-items:stretch}.stat-card h2{margin:6px 0 0;font-size:32px;color:#fff}.stat-card p{color:#ffffffe6;margin:0}.tone-blue{background:#0b2162}.tone-gold{background:#8a6a00}.tone-red{background:#7a1515}.tone-navy{background:#233a83}.summary-mini-card{min-height:165px;display:flex;flex-direction:column;justify-content:flex-start;border:1px solid #dde4f2}.summary-season{background:#eef3ff}.summary-program{background:#fff8dd}.summary-mini-card h3{margin:0 0 12px;font-size:18px;color:var(--primary1)}.mini-list,.chart-list{display:grid;gap:8px}.mini-row{padding:8px 10px;background:#ffffffb8;border-radius:12px}.section-gap{margin-top:20px}.grid-2,.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 12px;text-align:left;border-bottom:1px solid #e8edf7;vertical-align:middle}th{color:var(--primary1)}tr:hover{background:#0b21620a}.badge{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;display:inline-block}.pass{background:#dcfae6;color:#166534}.fail{background:#fee2e2;color:#991b1b}.hover-lift{transition:.2s ease}.hover-lift:hover{transform:translateY(-4px)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999}.modal{max-width:1100px;width:100%;max-height:90vh;overflow:auto}.modal-front{position:relative;z-index:10000}.form-grid,.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.detail-card{background:#f8faff;border:1px solid #e3e9f5;border-radius:16px;padding:14px}.detail-card small{display:block;color:var(--muted);margin-bottom:6px}.detail-card strong{word-break:break-word}.error{background:#fee2e2;color:#991b1b;padding:10px 12px;border-radius:12px;margin-bottom:12px}.success-text{color:#166534;font-weight:700;margin-top:12px}.user-list,.compact-chart-list{margin-top:8px;display:grid;gap:10px}.season-row{padding:14px;border-radius:16px;background:#ffffffb3;margin-top:10px}.search-input{max-width:520px}.action-row{display:flex;gap:8px;align-items:center}.chart-row{display:grid;gap:6px}.chart-bar-wrap{width:100%;height:12px;background:#0b21621a;border-radius:999px;overflow:hidden}.chart-bar-solid{height:100%;background:linear-gradient(90deg,#0b2162,#ffd200);border-radius:999px}.toast-bubble{position:fixed;right:24px;bottom:24px;background:#0b2162;color:#fff;padding:16px 18px;border-radius:16px;box-shadow:0 12px 30px #0b21623d;z-index:11000;max-width:380px}@media (max-width: 1200px){.summary-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 980px){.summary-grid,.grid-2,.form-grid,.detail-grid,.download-grid{grid-template-columns:1fr}.search-input{max-width:100%}}.brand-logo-wide{width:210px;height:56px;object-fit:contain;border-radius:10px;background:#fff;padding:4px 8px}.login-brand-column{flex-direction:column;align-items:center;text-align:center}.login-logo-wide{width:320px;max-width:100%;height:auto;border-radius:14px;background:#fff;padding:6px}.summary-grid-four{grid-template-columns:repeat(4,1fr)}.summary-section{min-height:340px}.summary-list-page{display:grid;gap:10px}.summary-list-row{display:flex;align-items:center;justify-content:space-between;background:#ffffffbf;border-radius:14px;padding:12px 14px}.tone-panel-season{background:#eef3ff}.tone-panel-program{background:#fff8dd}@media (max-width: 980px){.summary-grid-four{grid-template-columns:1fr}.brand-logo-wide{width:170px;height:48px}}