*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:16px}body{font-family:Segoe UI,Arial,sans-serif;background:#060d1f;color:#fff;min-height:100vh;padding:12px}.app-header{text-align:center;margin-bottom:16px;padding:0 4px}.app-header h1{color:#00cfff;font-size:clamp(16px,5vw,22px);margin-bottom:4px;letter-spacing:1px}.app-header p{color:#4a6a9a;font-size:clamp(11px,3vw,13px)}.panel{background:#0f1c44;border:1px solid #1e3a8a;border-radius:14px;padding:14px 14px 16px;max-width:980px;margin:0 auto 16px}.panel-title{font-size:11px;color:#00cfff;margin-bottom:12px;text-transform:uppercase;letter-spacing:2px;font-weight:700}.title-inputs{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.title-inputs input{width:100%;background:#080f2e;border:1px solid #2563eb;color:#fff;border-radius:8px;padding:10px 12px;font-size:14px;outline:none;transition:border .2s}.title-inputs input:focus{border-color:#00cfff}.title-inputs input::placeholder{color:#4a6a9a}.data-grid-wrap{overflow-x:auto;margin:0 -14px;padding:0 14px 8px;-webkit-overflow-scrolling:touch}.data-grid-wrap::-webkit-scrollbar{height:4px}.data-grid-wrap::-webkit-scrollbar-track{background:#080f2e}.data-grid-wrap::-webkit-scrollbar-thumb{background:#2563eb;border-radius:4px}.data-grid{display:flex;gap:8px;margin-bottom:4px;width:max-content}.data-col{display:flex;flex-direction:column;gap:5px;width:90px;flex-shrink:0}.data-col label{font-size:9px;color:#7eaaff;text-align:center;font-weight:700;text-transform:uppercase}.data-col input{background:#080f2e;border:1px solid #2563eb;color:#fff;border-radius:6px;padding:8px 4px;font-size:14px;text-align:center;width:100%;outline:none;transition:border .2s}.data-col input[type=number]{-moz-appearance:textfield}.data-col input[type=number]::-webkit-outer-spin-button,.data-col input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.data-col input:focus{border-color:#00cfff;background:#0a1540}.scroll-hint{font-size:10px;color:#2a4a7a;text-align:center;margin-bottom:10px}.avg-display{margin:12px 0;padding:10px 14px;background:#080f2e;border:1px solid #1e3a8a;border-radius:10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.avg-label{font-size:11px;color:#7eaaff;font-weight:700;text-transform:uppercase;letter-spacing:1px}.avg-value{font-size:20px;font-weight:900;color:#00cfff;letter-spacing:2px}.avg-note{font-size:10px;color:#4a6a9a;margin-left:auto}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.btn-row button{flex:1;min-width:0;padding:12px 8px;border:none;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;touch-action:manipulation}.btn-generate{background:linear-gradient(135deg,#1e40af,#0891b2);color:#fff;font-size:14px}.btn-generate:active{transform:scale(.97)}.btn-reset{background:#1a2540;color:#94a3b8;border:1px solid #2a3a5a}.btn-reset:active{background:#2a3a5a}.btn-clear-all{background:#2a0808;color:#f87171;border:1px solid #7f1d1d}.btn-clear-all:active{background:#7f1d1d;color:#fff}#saved-section{max-width:980px;margin:0 auto}.saved-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.saved-header h2{color:#00cfff;font-size:14px;letter-spacing:1px;font-weight:700}.report-count{background:#1e3a8a;color:#7eaaff;padding:3px 12px;border-radius:20px;font-size:11px;font-weight:700}#reports-container{display:flex;flex-direction:column;gap:20px}.report-card{border-radius:14px;overflow:hidden;position:relative;animation:slideIn .4s cubic-bezier(.22,.68,0,1.15)}@keyframes slideIn{0%{opacity:0;transform:translateY(-14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.card-toolbar{position:absolute;top:10px;right:10px;display:flex;gap:6px;align-items:center;z-index:10}.card-badge{background:#0009;color:#fff;font-size:9px;padding:3px 8px;border-radius:20px;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.btn-delete,.btn-dl-card{border:none;border-radius:6px;padding:5px 10px;font-size:11px;cursor:pointer;font-weight:700;touch-action:manipulation}.btn-delete{background:#780000cc;color:#fca5a5;border:1px solid #7f1d1d}.btn-delete:active{background:#a00}.btn-dl-card{color:#fff}.btn-dl-card:active{opacity:.75}.report-header{padding:clamp(16px,4vw,24px) clamp(12px,3vw,20px) clamp(12px,3vw,18px);text-align:center;position:relative}.rpt-title{font-size:clamp(14px,4vw,22px);font-weight:900;letter-spacing:1px;margin-bottom:8px;line-height:1.2}.rpt-subtitle{font-size:clamp(11px,3vw,15px);font-weight:700;border-radius:6px;display:inline-block;padding:4px clamp(10px,3vw,22px)}.chart-wrap{padding:12px 10px 6px;height:clamp(220px,50vw,370px)}.table-wrap{padding:0 10px 14px;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap::-webkit-scrollbar{height:3px}.table-wrap::-webkit-scrollbar-thumb{background:#1e3a8a;border-radius:3px}table{width:100%;min-width:440px;border-collapse:collapse;table-layout:fixed}th,td{text-align:center;padding:8px 3px;font-size:clamp(10px,2.5vw,13px)}.row-label{font-weight:700;text-transform:uppercase;font-size:clamp(9px,2vw,11px);width:95px}#empty-state{text-align:center;padding:50px 20px;color:#2a4a7a;font-size:15px}#empty-state .big{font-size:44px;margin-bottom:10px}#toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#1e40af;color:#fff;padding:9px 22px;border-radius:30px;font-size:12px;font-weight:700;opacity:0;transition:opacity .3s;pointer-events:none;z-index:9999;box-shadow:0 4px 20px #0064ff66;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}#toast.show{opacity:1}@media (min-width: 600px){body{padding:20px}.title-inputs{flex-direction:row}.data-grid-wrap{overflow-x:visible;margin:0;padding:0 0 8px}.data-grid{display:grid;grid-template-columns:repeat(7,1fr);width:auto;gap:8px}.data-col{width:auto}.scroll-hint{display:none}.data-col input{font-size:13px}.btn-row button{flex:none;padding:12px 20px}.card-badge{font-size:11px;max-width:none}}