.date-box{align-items:center;background:#2a2f36;background:var(--bg-medium);border:2px solid #fff;border:2px solid var(--text-light);border-radius:18px;display:flex;gap:32px;justify-content:center;margin-top:12px;padding:18px 32px}.date-box label{color:#00d1ff;color:var(--accent-cyan);font-family:Montserrat,sans-serif;font-size:22px;margin-right:12px}.date-box input[type=date],.date-box select{color:#fff!important;color:var(--text-light)!important}.date-box .save-date,.date-box input[type=date],.date-box select{background:#1e2329;background:var(--bg-dark);border:none;border-radius:12px;font-family:Roboto Mono,monospace;font-size:22px;margin-right:24px;padding:10px 18px}.date-box .save-date{color:#fff;color:var(--text-light)}.topbar-dates{align-items:center;display:flex;gap:32px;justify-content:center;margin-top:12px}.topbar-dates label{color:#fff;color:var(--text-light);font-family:Montserrat,sans-serif;font-size:22px;margin-right:12px}.topbar-dates input[type=date],.topbar-dates select{background:#ebeeef;background:var(--bg-light);border:none;border-radius:12px;color:#fff;color:var(--text-light);font-family:Roboto Mono,monospace;font-size:22px;margin-right:24px;padding:10px 18px}.date-field{align-items:center;display:flex;flex-direction:column;gap:6px}.date-field label{color:#06a3b8;color:var(--accent-blue);font-family:Montserrat,sans-serif;font-size:16px;font-weight:700;text-align:center;width:100%}.date-field input[type=date]{background:#ebeeef;background:var(--bg-light);border:1px solid #fff3;border-radius:10px;color:#1e2329!important;color:var(--bg-dark)!important;font-size:20px;font-weight:700;min-width:180px;padding:12px 16px;text-align:center}.today-btn{background:#00d1ff;background:var(--accent-cyan);border:none;border-radius:8px;color:#1e2329;color:var(--bg-dark);cursor:pointer;font-weight:700;padding:8px 12px}.date-field>div{align-items:center;display:flex;gap:8px}.date-field>div input[type=date]{min-width:160px}:root{--bg-dark:#1e2329;--bg-darker:#15181e;--bg-medium:#2a2f36;--bg-light:#ebeeef;--text-light:#fff;--text-gray:#b0b0b0;--text-muted:#888;--accent-cyan:#00d1ff;--accent-blue:#06a3b8;--donut-vertical-offset:1px}html{font-size:16px}body{background-color:#1e2329;background-color:var(--bg-dark);color:#fff;color:var(--text-light);font-family:Roboto,sans-serif;margin:0;padding:0}*{transition:all .2s ease-in-out}.sidebar{background-color:#2a2f36;background-color:var(--bg-medium);box-shadow:2px 0 10px #0000004d;box-sizing:border-box;flex-shrink:0;min-height:100vh;padding:20px;position:relative;width:220px;z-index:20}.sidebar h1,.sidebar h2,.sidebar h3{color:#fff;color:var(--text-light);font-family:Montserrat,sans-serif}.sidebar a{color:#b0b0b0;color:var(--text-gray);display:block;margin:10px 0;text-decoration:none;transition:color .3s}.sidebar a:hover{color:#00d1ff;color:var(--accent-cyan)}.main-content{flex:1 1;overflow-y:auto}.horizontal-container{box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:1.5em;min-width:1200px;overflow-x:auto;width:100%}.topbar{align-items:center;background-color:#2a2f36;background-color:var(--bg-medium);border-bottom:1px solid #15181e;border-bottom:1px solid var(--bg-darker);display:flex;justify-content:space-between;padding:16px 32px}.topbar h1{color:#fff;color:var(--text-light);font-family:Montserrat,sans-serif;font-size:18px;letter-spacing:1px}.topbar p{color:#b0b0b0;color:var(--text-gray);font-size:14px;opacity:.8}.kpi-container{display:flex;gap:24px;margin:24px}.kpi-card{background-color:#2a2f36;background-color:var(--bg-medium);border-radius:8px;box-shadow:0 2px 8px #0000004d;flex:1 1;padding:16px 24px}.kpi-title{color:#888;color:var(--text-muted);font-size:12px;text-transform:uppercase}.kpi-value{color:#00d1ff;color:var(--accent-cyan);font-family:Roboto Mono,monospace;font-size:28px;font-weight:700}.chart-container{background-color:#15181e;background-color:var(--bg-darker);border-radius:8px;box-shadow:0 2px 8px #0003;margin:16px;padding:16px}.chart-title{color:#fff;color:var(--text-light);font-size:14px;margin-bottom:12px}.donut-row{align-items:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:48px;justify-content:flex-start;margin:12px 0 24px;width:100%}.donut-card{height:auto;max-width:160px}.donut-row{position:relative;z-index:0}.donut-card:before{aspect-ratio:1/1;border-radius:50%;box-shadow:0 8px 24px #00000059;content:"";height:auto;left:50%;max-height:100%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:0}.donut-card>*{height:100%!important;position:relative;width:100%!important;z-index:1}.chart-container{min-width:0;position:relative;z-index:1}.chart-container,.kpi-container{min-width:0}.goal-bar{align-items:center;display:flex;flex-direction:column;gap:6px}.goal-bar svg{display:block;flex:0 0 auto}.goal-bar .goal-rect{fill:#c8c8c859}.goal-bar .current-rect,.goal-bar .goal-rect{transition:height .3s ease,y .3s ease}.goal-bar-labels{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center;min-height:48px;padding-top:2px}.goal-bar-labels .goal-bar-current{font-size:22px;font-size:var(--goal-current-size,22px);line-height:1}.goal-bar-labels .goal-bar-goal{color:#ffffff80;font-size:12px;font-size:var(--goal-goal-size,12px)}.donut-item{margin-top:1px;margin-top:var(--donut-vertical-offset)}.donut-card{align-items:center;aspect-ratio:1/1;border-radius:50%;box-sizing:border-box;display:flex;flex:0 0 auto;flex-basis:auto;height:160px;justify-content:center;position:relative;width:160px;z-index:1}:root{--goal-block-offset:18px;--goal-label-offset:8px;--donut-right-offset:-40px;--donut-left-offset:50px}.goal-block{flex-direction:column;gap:6px}.goal-block,.goal-block .goal-wrapper{align-items:center;box-sizing:border-box;display:flex}.goal-block .goal-wrapper{height:120px;justify-content:center;width:120px}.goal-block .goal-label{color:#888;color:var(--text-muted);font-size:13px;margin-top:8px;margin-top:var(--goal-label-offset,6px);text-align:center}
/*# sourceMappingURL=main.345157a5.css.map*/