*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-2>*+*{margin-left:.5rem}.space-x-4>*+*{margin-left:1rem}.space-x-6>*+*{margin-left:1.5rem}.space-y-6>*+*{margin-top:1.5rem}.w-16{width:4rem}.w-10{width:2.5rem}.w-8{width:2rem}.w-6{width:1.5rem}.w-5{width:1.25rem}.w-4{width:1rem}.w-3{width:.75rem}.w-2{width:.5rem}.h-16{height:4rem}.h-10{height:2.5rem}.h-8{height:2rem}.h-6{height:1.5rem}.h-5{height:1.25rem}.h-4{height:1rem}.h-3{height:.75rem}.h-2{height:.5rem}.h-screen{height:100vh}.h-64{height:16rem}.h-48{height:12rem}.h-32{height:8rem}.p-6{padding:1.5rem}.p-4{padding:1rem}.p-2{padding:.5rem}.p-1{padding:.25rem}.px-8{padding-left:2rem;padding-right:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.mb-1{margin-bottom:.25rem}.mt-4{margin-top:1rem}.mt-2{margin-top:.5rem}.mt-1{margin-top:.25rem}.mr-3{margin-right:.75rem}.ml-1{margin-left:.25rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-white{color:#fff}.text-gray-600{color:#4b5563}.text-gray-500{color:#6b7280}.text-gray-400{color:#9ca3af}.bg-orange-primary{background-color:#ff6b35}.bg-orange-100{background-color:#fed7aa}.bg-orange-200{background-color:#fdba74}.bg-blue-50{background-color:#eff6ff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-gray-400{background-color:#9ca3af}.bg-white{background-color:#fff}.bg-red-500{background-color:#ef4444}.bg-green-positive{background-color:#48bb78}.bg-yellow-accent{background-color:gold}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.cursor-pointer{cursor:pointer}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:bg-gray-50:hover{background-color:#f9fafb}.hover\:text-gray-dark:hover{color:#2d3748}.focus\:outline-none:focus{outline:none}.focus\:ring-2:focus{box-shadow:0 0 0 2px}.focus\:ring-orange-primary:focus{box-shadow:0 0 0 2px #ff6b35}.relative{position:relative}.absolute{position:absolute}.top-2{top:.5rem}.right-2{right:.5rem}.right-4{right:1rem}.bottom-4{bottom:1rem}.bottom-6{bottom:1.5rem}.left-1\/2{left:50%}.top-1\/2{top:50%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-y-1\/2{--tw-translate-y:-50%}.overflow-x-auto{overflow-x:auto}.overflow-hidden{overflow:hidden}.grid{display:grid}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.max-w-32{max-width:8rem}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.dashboard-container{background:#f6f7f9;min-height:calc(100vh - 80px);padding:24px}.widget-card{margin-bottom:1.5rem}.widget-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.metric-card{background:#f8f9fa;border-left:3px solid #ff6b35;border-radius:8px;padding:12px}.positive-change{color:#48bb78}.negative-change{color:#f56565}.neutral-change{color:#718096}.sidebar-icon{align-items:center;border-radius:8px;cursor:pointer;display:flex;height:2.5rem;justify-content:center;transition:all .2s ease;width:2.5rem}.sidebar-icon:hover{background-color:#ffffff1a}.active-icon{background-color:#fff3;border-left:3px solid #fff}.tab-active{border-bottom:2px solid gold}.bar-chart-bar{border-radius:4px;height:8px;transition:all .3s ease}.bar-chart-bar:hover{height:12px}.sidebar{align-items:center;background-color:#ff6b35;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 0;width:4rem}.header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1.5rem 2rem}.header h1{color:#2d3748;font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.header .title-underline{background-color:gold;display:block;height:4px;margin-top:.25rem;width:8rem}.header .subtitle{color:#718096;font-size:.875rem}.main-layout{background-color:#f5f7fa;display:flex;height:100vh}.content-area{display:flex;flex:1 1;flex-direction:column}.dashboard-grid{grid-column-gap:24px;grid-row-gap:28px;display:grid;grid-template-rows:auto minmax(360px,auto) minmax(380px,auto);padding:24px}.dashboard-grid.full-width{grid-template-columns:1fr}.widget-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;height:100%;margin-bottom:2rem;padding:1.5rem;transition:all .3s ease}.widget-card .container-name,.widget-card h2{margin-bottom:1rem;margin-top:2rem}@media (max-width:1024px){.dashboard-grid{column-gap:24px;grid-template-columns:1fr;padding:1rem;row-gap:28px}.widget-card{height:100%;margin-bottom:1rem}.grid-cols-3{grid-template-columns:repeat(2,1fr);grid-template-rows:auto 360px 360px}}@media (max-width:768px){.main-layout{flex-direction:column}.sidebar{flex-direction:row;height:auto;justify-content:space-around;padding:1rem;width:100%}.sidebar-icon{margin:0 .5rem}.grid-cols-3{grid-template-columns:1fr}.header{padding:1rem}.header h1{font-size:1.5rem}.header .flex{align-items:flex-start;flex-direction:column;gap:1rem}}@media (max-width:640px){.metric-card{padding:.75rem}.metric-card .text-2xl{font-size:1.25rem}.table{font-size:.875rem}.chart-container{height:200px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}.loading{opacity:.6;pointer-events:none}.loading:after{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#ff6b35;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.area-summary{grid-area:summary}.area-map{grid-area:map}.area-trends{grid-area:trends}.area-topList{grid-area:topList}.area-changes{grid-area:changes}.dashboard-grid{column-gap:24px;grid-template-areas:"summary summary" "map trends" "topList changes";row-gap:28px}.summary-strip .metric-card{min-height:84px}.map-card,.trends-card{min-height:340px}.changes-card,.toplist-card{min-height:360px}.page-frame{background:#fff;border:1px solid #e3e8ee;border-radius:14px;box-shadow:0 1px 2px #1018280f;padding:24px}.dashboard-grid>*{height:100%}.fill-column{display:flex;flex-direction:column;height:100%}.flex-1{flex:1 1}.section-title{color:#2d3748;font-size:17px;font-weight:700;margin:18px 0 3px 8px}.page-frame .section-title:first-child{margin-top:22px}
/*# sourceMappingURL=main.b05105b9.css.map*/