*{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:cardSlideIn .45s cubic-bezier(.22,.68,0,1.15) both;transition:transform .22s ease,box-shadow .22s ease}.report-card:hover{transform:translateY(-4px) scale(1.006)}.report-card.removing{animation:cardRemove .32s ease forwards!important}@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:10px 8px 4px}.chart-wrap svg{width:100%;height:auto;display:block;overflow:visible}.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}.svg-bar-group{transition:filter .15s ease}.svg-bar-group:hover{filter:brightness(1.14) drop-shadow(0 0 8px rgba(255,255,255,.3))}.next-theme-hint{font-size:11px;color:#4a6a9a;text-align:right;margin:6px 0 10px;letter-spacing:.5px}.next-theme-hint span{font-weight:700}.app-header{animation:appHeaderIn .5s ease both}#empty-state{text-align:center;padding:50px 20px;color:#2a4a7a;font-size:15px}#empty-state .big{font-size:44px;margin-bottom:10px}.empty-sub{font-size:12px;color:#1e3a6a;margin-top:6px;opacity:.7}#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}@keyframes barRise3D{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes labelFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(-16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardRemove{to{opacity:0;transform:scale(.95) translateY(-10px)}}@keyframes appHeaderIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.pro-header{padding:20px 22px 14px!important}.pro-title-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.title-rule{flex:1;height:2.5px;border-radius:2px;opacity:.55}.pro-header .rpt-title{font-size:clamp(13px,3.5vw,20px);white-space:nowrap;letter-spacing:1.5px}.th-with-icon{display:flex;align-items:center;justify-content:center;gap:5px}@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}}