:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:#fff;background-color:#1a1a2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{margin:0;padding:0;min-height:100vh;width:100%}body{overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff;position:relative}.header{padding:2rem;text-align:center;position:relative;z-index:2}.logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}.logo h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#4dabf7,#74c0fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo svg{color:#4dabf7}.subtitle{color:#adb5bd;font-size:1.1rem;font-weight:400}.main{flex:1;padding:0 2rem 2rem;position:relative;z-index:2;max-width:1600px;margin:0 auto;width:100%}.chart-container{background:#ffffff0d;border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;min-height:500px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.title-section{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.title-section svg{color:#4dabf7}.title-section h2{font-size:1.5rem;font-weight:600;margin:0}.subtitle-text{color:#adb5bd;font-size:.9rem}.warning-box{background:#fab00526;border:1px solid rgba(250,176,5,.3);border-radius:8px;padding:.75rem 1rem;margin-bottom:1.5rem;color:#fab005;font-size:.9rem}.date-info{display:flex;align-items:center;gap:.5rem;color:#adb5bd;font-size:.95rem}.day-selector{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap;justify-content:center}.day-button{padding:.6rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#adb5bd;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500}.day-button:hover{background:#4dabf733;border-color:#4dabf766;color:#fff}.day-button.active{background:linear-gradient(135deg,#4dabf7,#339af0);border-color:#4dabf7;color:#fff}.day-button.today:not(.active){border-color:#ff6b6b;color:#ff6b6b}.day-button.today:after{content:" •"}.current-status{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#4dabf726;border-radius:8px;margin-bottom:1.5rem;border:1px solid rgba(77,171,247,.3)}.current-status svg{color:#4dabf7}.current-status strong{color:#4dabf7;font-size:1.2rem}.loading,.error,.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#adb5bd;gap:1rem}.spinner{width:40px;height:40px;border:3px solid rgba(77,171,247,.2);border-top-color:#4dabf7;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{color:#ff6b6b}.chart-wrapper{margin:1rem 0}.chart-wrapper *{outline:none!important}.chart-wrapper *:focus{outline:none!important}.legend{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#adb5bd}.legend-color{width:16px;height:16px;border-radius:4px}.legend-color.high{background:linear-gradient(135deg,#40c057,#69db7c)}.legend-color.medium{background:linear-gradient(135deg,#fab005,#fcc419)}.legend-color.low{background:linear-gradient(135deg,#ff6b6b,#fa5252)}.footer{padding:2rem;text-align:center;position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.footer-content{max-width:600px;margin:0 auto}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem;flex-wrap:wrap}.footer-link{display:flex;align-items:center;gap:.5rem;color:#adb5bd;text-decoration:none;transition:color .2s ease;font-size:.95rem}.footer-link:hover{color:#4dabf7}.footer-note{color:#6c757d;font-size:.85rem}.stats-container{background:#ffffff0d;border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;margin-top:2rem}.stats-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.stats-header svg{color:#4dabf7}.stats-header h3{font-size:1.5rem;font-weight:600;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#ffffff0d;border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;border:1px solid rgba(255,255,255,.08);transition:transform .2s ease,background .2s ease}.stat-card:hover{transform:translateY(-2px);background:#ffffff14}.stat-icon{width:48px;height:48px;border-radius:12px;background:#4dabf726;display:flex;align-items:center;justify-content:center;color:#4dabf7}.stat-icon.green{background:#40c05726;color:#40c057}.stat-icon.red{background:#fa525226;color:#fa5252}.stat-icon.gold{background:#fab00526;color:#fab005}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.75rem;font-weight:700;color:#fff;line-height:1.2}.stat-label{font-size:.85rem;color:#adb5bd;margin-top:.25rem}.days-stats{background:#ffffff08;border-radius:12px;padding:1.5rem}.days-stats-header{display:flex;align-items:center;gap:.5rem;color:#adb5bd;font-size:.95rem;margin-bottom:1.5rem}.days-stats-header svg{color:#4dabf7}.days-bars{display:flex;justify-content:space-around;align-items:flex-end;height:150px;gap:.5rem}.day-bar-container{display:flex;flex-direction:column;align-items:center;flex:1;max-width:80px}.day-bar-wrapper{width:100%;height:100px;background:#ffffff0d;border-radius:6px 6px 0 0;display:flex;align-items:flex-end;overflow:hidden}.day-bar{width:100%;border-radius:6px 6px 0 0;transition:height .5s ease;min-height:4px}.day-bar-label{font-size:.85rem;color:#adb5bd;margin-top:.5rem;font-weight:500}.day-bar-value{font-size:.75rem;color:#6c757d;margin-top:.25rem}@media(max-width:768px){.header{padding:1.5rem 1rem}.logo h1{font-size:2rem}.subtitle{font-size:.95rem}.main{padding:0 1rem 1rem}.chart-container{padding:1rem;min-height:auto}.chart-header{flex-direction:column;align-items:flex-start;gap:.75rem}.title-section h2{font-size:1.25rem}.subtitle-text{font-size:.8rem}.date-info{font-size:.85rem}.date-info svg{width:18px;height:18px}.day-selector{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(77,171,247,.3) transparent;padding-bottom:.5rem;justify-content:flex-start}.day-selector::-webkit-scrollbar{height:4px}.day-selector::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.day-selector::-webkit-scrollbar-thumb{background:#4dabf74d;border-radius:2px}.day-button{padding:.6rem 1rem;font-size:.85rem;white-space:nowrap;flex-shrink:0;min-width:fit-content}.current-status{padding:.75rem;font-size:.9rem;margin-bottom:1rem}.current-status svg{width:20px;height:20px}.current-status strong{font-size:1.1rem}.warning-box{padding:.6rem .75rem;font-size:.8rem;margin-bottom:1rem}.chart-wrapper{margin:.75rem -.5rem}.legend{gap:1rem}.legend-item{font-size:.75rem}.footer-links{flex-direction:column;gap:1rem}.stats-container{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:1rem}.stat-icon{width:40px;height:40px}.stat-value{font-size:1.5rem}.days-bars{height:120px}.day-bar-wrapper{height:80px}}