body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.widget-card{background:linear-gradient(135deg,#fff,#fafcff);border:1px solid #e6edff;border-radius:16px;box-shadow:0 10px 25px #3b4a9a14;min-height:280px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.widget-card:hover{border-color:#c7d2fe;box-shadow:0 15px 35px #3b4a9a1f;transform:translateY(-2px)}.widget-card.widget-pie{border-left:4px solid #3b4a9a}.widget-card.widget-line{border-left:4px solid #10b981}.widget-card.widget-bar{border-left:4px solid #f59e0b}.widget-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.widget-title-section{flex:1 1}.widget-title{color:#1f2937;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 6px}.widget-type-badge{background:#eef2ff;border-radius:12px;color:#3b4a9a;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.remove-widget-button{background:#fef2f2;border-radius:8px;color:#dc2626;opacity:.7;padding:6px;transition:all .2s ease}.remove-widget-button:hover{background:#fee2e2;opacity:1;transform:scale(1.05)}.widget-content{color:#6b7280;font-size:14px}.widget-description{color:#6b7280;font-size:13px;line-height:1.4;margin-bottom:12px}.chart-container{margin-top:8px}.unified-progress-container{display:flex;flex-direction:column;gap:12px}.unified-progress-track{background:#eef2ff;border:1px solid #dde3f6;border-radius:8px;height:20px;overflow:hidden;position:relative}.progress-segment{cursor:pointer;height:100%;position:absolute;top:0;transition:all .4s ease}.progress-segment:hover{opacity:.8}.progress-legend{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:8px}.progress-legend-item{align-items:center;display:flex;font-size:12px;gap:6px}.progress-legend-color{border-radius:2px;flex-shrink:0;height:10px;width:10px}.progress-legend-text{color:#4b5563;line-height:1.2}.progress-total{border:1px solid #e2e8f0;border-radius:6px;color:#374151;font-size:14px;padding:8px 12px}.chart-placeholder,.progress-total{background:#f8fafc;text-align:center}.chart-placeholder{border:1px dashed #cbd5e1;border-radius:12px;color:#9ca3af;padding:24px}.chart-icon{font-size:32px;margin-bottom:8px;opacity:.6}.pie-chart-container{height:100%;width:100%}.pie-chart-content{align-items:center;display:flex;gap:20px;height:180px}.pie-chart-wrapper{flex-shrink:0;position:relative}.pie-legend-right{display:flex;flex:1 1;flex-direction:column;gap:8px;padding-left:8px}.legend-item-right{align-items:center;display:flex;gap:10px;padding:4px 0}.legend-color-right{border:1px solid #0000001a;border-radius:3px;flex-shrink:0;height:14px;width:14px}.legend-text-right{display:flex;flex:1 1;flex-direction:column}.legend-label-right{color:#374151;font-size:12px;font-weight:500;line-height:1.2}.legend-value-right{color:#6b7280;font-size:11px;font-weight:600;margin-top:1px}.pie-legend{display:flex;flex-direction:column;gap:6px;width:100%}.legend-item{align-items:center;display:flex;font-size:12px;gap:8px}.legend-color{border-radius:2px;flex-shrink:0;height:12px;width:12px}.legend-label{color:#4b5563;font-weight:500}.text-content{background:#f8fafc;border-left:3px solid #6366f1;border-radius:8px;padding:16px}@media (max-width:768px){.widget-card{min-height:240px;padding:16px}.widget-title{font-size:14px}.pie-chart-content{flex-direction:column;gap:12px;height:auto}.pie-chart-wrapper{align-self:center}.pie-legend-right{align-self:center;max-width:200px;padding-left:0}.legend-item-right{justify-content:center}}.add-widget-card{align-items:center;background:linear-gradient(135deg,#fff,#fafcff);border:2px dashed #c7d2fe;border-radius:16px;cursor:pointer;display:flex;justify-content:center;min-height:280px;overflow:hidden;position:relative;transition:all .3s ease}.add-widget-card:hover{background:linear-gradient(135deg,#f8fafc,#eef2ff);border-color:#3b4a9a;box-shadow:0 15px 35px #3b4a9a26;transform:translateY(-2px)}.add-widget-content{position:relative;text-align:center;z-index:1}.add-widget-icon{color:#3b4a9a;filter:drop-shadow(0 2px 4px rgba(59,74,154,.2));margin-bottom:12px}.add-widget-text{color:#64748b;font-size:16px;font-weight:600;letter-spacing:.5px}.add-widget-card:before{background:radial-gradient(circle at 20% 80%,#3b4a9a08 0,#0000 50%),radial-gradient(circle at 80% 20%,#667eea08 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@media (max-width:768px){.add-widget-card{min-height:240px;padding:16px}.add-widget-text{font-size:14px}}.category-section{margin-bottom:2rem}.category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.category-title{color:#2c3e50;font-size:1.25rem;font-weight:600;margin:0}.add-widget-button{align-items:center;background:#3b4a9a;border-radius:8px;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.add-widget-button:hover{background:#2d3a7d;box-shadow:0 4px 12px #3b4a9a33;transform:translateY(-1px)}.widgets-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.no-results{color:#64748b;font-style:italic;grid-column:1/-1;padding:2rem;text-align:center}@media (max-width:768px){.category-header{align-items:flex-start;flex-direction:column;gap:1rem}.widgets-grid{gap:1rem;grid-template-columns:1fr}.add-widget-button{align-self:stretch;justify-content:center}}.modal-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal{background:#fff;border-radius:12px;box-shadow:0 16px 40px #00000040;max-width:95vw;overflow:hidden;width:720px}.modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:16px 20px}.modal-header,.modal-title{align-items:center;display:flex}.modal-title{gap:12px}.chart-type-badge{background:#eef2ff;border:1px solid #dde3f6;border-radius:999px;color:#3b4a9a;font-size:12px;padding:6px 10px}.close-button{background:#f1f5f9;border-radius:8px;padding:6px}.modal-body{padding:16px 20px}.form-section{background:#fafbff;border:1px solid #e6edff;border-radius:12px;margin-bottom:16px;padding:16px}.section-header{display:flex;justify-content:space-between}.form-row,.section-header{align-items:center;margin-bottom:12px}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:160px 1fr}.form-input,.form-textarea{width:100%}.chart-data-container{display:flex;flex-direction:column;gap:8px}.data-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 140px 36px}.data-input{width:100%}.add-data-button{align-items:center;background:#3b4a9a;border-radius:8px;color:#fff;display:inline-flex;gap:6px;padding:8px 12px}.remove-data-button{background:#fee2e2;border-radius:8px;color:#b91c1c}.chart-preview{background:#fff;border:1px dashed #cbd5e1;border-radius:8px;margin-top:12px;padding:12px}.preview-text{color:#475569}.modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.btn.primary{background:#3b4a9a;color:#fff}.btn.primary,.btn.secondary{border-radius:8px;padding:10px 16px}.btn.secondary{background:#f1f5f9;color:#1f2937}.dashboard{background-color:#f8f9fa;min-height:100vh}.dashboard-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e6edff;box-shadow:0 4px 20px #667eea26;display:flex;justify-content:space-between;overflow:hidden;padding:1.5rem 2rem;position:relative}.dashboard-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header-left{align-items:center;display:flex}.dashboard-title{color:#fff;font-size:1.75rem;font-weight:700;margin:0;position:relative;text-shadow:0 2px 4px #0000001a;z-index:1}.header-right{align-items:center;display:flex;gap:1rem;position:relative;z-index:1}.time-filter-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;display:flex;gap:8px;height:40px;padding:8px 12px;transition:all .3s ease}.time-filter-container:hover{background:#ffffff40;border-color:#fff6}.time-icon{color:#fff;opacity:.8}.time-filter-select{background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;outline:none;padding:4px 8px;transition:all .3s ease}.time-filter-select:hover{background:#fff3}.time-filter-select option{background:#fff;border:none;color:#374151;padding:8px 12px}.refresh-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#fff;display:flex;height:40px;justify-content:center;padding:10px;transition:all .3s ease;width:40px}.refresh-button:hover{background:#ffffff4d;border-color:#fff6;box-shadow:0 4px 15px #ffffff1a;transform:translateY(-1px)}.search-container{align-items:center;display:flex;position:relative}.search-icon{color:#fffc;left:12px;position:absolute;z-index:1}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#fff;font-size:14px;height:40px;padding-left:40px;padding-right:12px;transition:all .3s ease;width:280px}.search-input::placeholder{color:#ffffffb3}.search-input:hover{background:#ffffff40;border-color:#fff6}.add-widget-dropdown{position:relative;z-index:10000}.global-add-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #fff6;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 18px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.global-add-button:hover{background:#ffffff59;border-color:#ffffff80;box-shadow:0 6px 20px #fff3;transform:translateY(-2px)}.global-add-button:active{box-shadow:0 4px 15px #ffffff26;transform:translateY(-1px)}.global-add-button.active{background:#fff6;border-color:#fff9;box-shadow:0 4px 15px #fff3}.add-widget-menu{animation:fadeInDown .2s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 20px 50px #00000040;min-width:240px;overflow:hidden}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:14px 18px;text-align:left;transition:all .2s ease;width:100%}.menu-item:hover{background:#f8fafc;color:#3b4a9a;transform:translateX(2px)}.menu-item:active{background:#e6edff}.menu-icon{display:inline-block;font-size:16px;min-width:20px}.dashboard-main{margin:0 auto;max-width:1400px;padding:2rem}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:1rem;padding:1rem}.header-right{flex-wrap:wrap;gap:1rem;justify-content:space-between;width:100%}.search-input{width:200px}.dashboard-main{padding:1rem}.add-widget-menu{left:0;right:auto}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{background-color:#f8f9fa}.App{min-height:100vh}button{background:none;border:none;cursor:pointer;font-family:inherit}input,select,textarea{border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s ease}input:focus,select:focus,textarea:focus{border-color:#3b4a9a;box-shadow:0 0 0 3px #3b4a9a1a}
/*# sourceMappingURL=main.6ca80574.css.map*/