*{box-sizing:border-box;margin:0;padding:0;font-family:Helvetica Neue,Arial,sans-serif}body{color:#334155;background:#f0f5fa}header{color:#fff;background:linear-gradient(135deg,#4b92db,#3470b9);justify-content:space-between;align-items:center;padding:12px 28px;display:flex;box-shadow:0 2px 4px #00000014}.header-logo{align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.header-logo-icon{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.header-date{align-items:center;gap:8px;font-size:15px;display:flex}.container{max-width:900px;margin:24px auto;padding:0 20px}.action-bar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-title{color:#1e293b;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.page-title-icon{color:#fff;background:#c084fc;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.btn{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:#f8fafc;border-color:#94a3b8}.card{background:#fff;border-radius:12px;margin-bottom:20px;padding:24px;box-shadow:0 1px 3px #0000000d}.section-title{color:#1e293b;border-bottom:2px solid #e2e8f0;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:10px;font-size:16px;font-weight:700;display:flex}.icon-plus{color:#2563eb}.icon-minus{color:#dc2626}.icon-trophy{color:#facc15}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:center;background:#edf4fa;border-bottom:1px solid #cbd5e1;padding:10px 14px}td{text-align:center;border-bottom:1px solid #f1f5f9;padding:12px 14px}th:first-child,td:first-child{text-align:left}.plus{color:#2563eb;font-weight:700}.minus{color:#dc2626;font-weight:700}.none{color:#94a3b8}.note-box{color:#64748b;background:#f8fafc;border-radius:6px;margin-top:12px;padding:10px 14px;font-size:12px}@media (width<=640px){header{padding:10px 16px}.header-logo{font-size:17px}.header-date{font-size:13px}.container{padding:0 12px}.action-bar{flex-direction:column;align-items:flex-start;gap:12px}.card{padding:16px;overflow-x:auto}table{min-width:560px}}
