*,:before,:after{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--md-sys-color-primary:#1b6b4a;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#a4f4c6;--md-sys-color-on-primary-container:#002113;--md-sys-color-secondary:#4e6355;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#d0e8d6;--md-sys-color-on-secondary-container:#0b1f14;--md-sys-color-tertiary:#3b6471;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#bee9f8;--md-sys-color-on-tertiary-container:#001f28;--md-sys-color-error:#ba1a1a;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#ffdad6;--md-sys-color-on-error-container:#410002;--md-sys-color-background:#fbfdf8;--md-sys-color-on-background:#191c1a;--md-sys-color-surface:#fbfdf8;--md-sys-color-on-surface:#191c1a;--md-sys-color-surface-variant:#dce5db;--md-sys-color-on-surface-variant:#404942;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#f1f4ef;--md-sys-color-surface-container:#ecf0eb;--md-sys-color-surface-container-high:#e6eae5;--md-sys-color-surface-container-highest:#e0e4df;--md-sys-color-outline:#717971;--md-sys-color-outline-variant:#c0c9bf;--md-sys-color-inverse-surface:#2e312e;--md-sys-color-inverse-on-surface:#eff1ec;--md-sys-color-inverse-primary:#88d7ab;--md-sys-color-scrim:#000;--md-sys-color-surface-tint:#1b6b4a;--md-sys-shape-corner-none:0px;--md-sys-shape-corner-extra-small:4px;--md-sys-shape-corner-small:8px;--md-sys-shape-corner-medium:12px;--md-sys-shape-corner-large:16px;--md-sys-shape-corner-extra-large:28px;--md-sys-shape-corner-full:9999px;--md-sys-typescale-display-large:400 57px/64px "Roboto",sans-serif;--md-sys-typescale-headline-large:400 32px/40px "Roboto",sans-serif;--md-sys-typescale-headline-medium:400 28px/36px "Roboto",sans-serif;--md-sys-typescale-headline-small:400 24px/32px "Roboto",sans-serif;--md-sys-typescale-title-large:400 22px/28px "Roboto",sans-serif;--md-sys-typescale-title-medium:500 16px/24px "Roboto",sans-serif;--md-sys-typescale-title-small:500 14px/20px "Roboto",sans-serif;--md-sys-typescale-body-large:400 16px/24px "Roboto",sans-serif;--md-sys-typescale-body-medium:400 14px/20px "Roboto",sans-serif;--md-sys-typescale-body-small:400 12px/16px "Roboto",sans-serif;--md-sys-typescale-label-large:500 14px/20px "Roboto",sans-serif;--md-sys-typescale-label-medium:500 12px/16px "Roboto",sans-serif;--md-sys-typescale-label-small:500 11px/16px "Roboto",sans-serif;--md-sys-typescale-display-large-tracking:-.25px;--md-sys-typescale-title-medium-tracking:.15px;--md-sys-typescale-title-small-tracking:.1px;--md-sys-typescale-body-large-tracking:.5px;--md-sys-typescale-body-medium-tracking:.25px;--md-sys-typescale-body-small-tracking:.4px;--md-sys-typescale-label-large-tracking:.1px;--md-sys-typescale-label-medium-tracking:.5px;--md-sys-typescale-label-small-tracking:.5px;--md-sys-motion-easing-standard:cubic-bezier(.2,0,0,1);--md-sys-motion-easing-standard-decelerate:cubic-bezier(0,0,0,1);--md-sys-motion-easing-emphasized-decelerate:cubic-bezier(.05,.7,.1,1);--md-sys-motion-easing-emphasized-accelerate:cubic-bezier(.3,0,.8,.15);--md-sys-motion-duration-short3:.15s;--md-sys-motion-duration-medium2:.3s;--md-sys-motion-duration-medium4:.4s;--md-sys-motion-duration-long2:.5s;--md-sys-elevation-level1:0 1px 2px #0000001f,0 1px 3px #00000014;--md-sys-elevation-level2:0 3px 6px #00000029,0 1px 3px #0000001f;--md-sys-elevation-level3:0 6px 10px #0000002e,0 2px 6px #0000001f;--md-sys-state-hover:8%;--md-sys-state-focus:10%;--md-sys-state-pressed:10%;--md-sys-state-disabled-container:12%;--md-sys-state-disabled-content:38%;color:var(--md-sys-color-on-background);background-color:var(--md-sys-color-background);font-family:Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--md-sys-color-primary:#88d7ab;--md-sys-color-on-primary:#003822;--md-sys-color-primary-container:#005235;--md-sys-color-on-primary-container:#a4f4c6;--md-sys-color-secondary:#b4ccbb;--md-sys-color-on-secondary:#203528;--md-sys-color-secondary-container:#364b3e;--md-sys-color-on-secondary-container:#d0e8d6;--md-sys-color-tertiary:#a3cddc;--md-sys-color-on-tertiary:#033641;--md-sys-color-tertiary-container:#214c58;--md-sys-color-on-tertiary-container:#bee9f8;--md-sys-color-error:#ffb4ab;--md-sys-color-on-error:#690005;--md-sys-color-error-container:#93000a;--md-sys-color-on-error-container:#ffdad6;--md-sys-color-background:#191c1a;--md-sys-color-on-background:#e0e4df;--md-sys-color-surface:#111412;--md-sys-color-on-surface:#e0e4df;--md-sys-color-surface-variant:#404942;--md-sys-color-on-surface-variant:#c0c9bf;--md-sys-color-surface-container-lowest:#0c0f0d;--md-sys-color-surface-container-low:#191c1a;--md-sys-color-surface-container:#1d201e;--md-sys-color-surface-container-high:#272b28;--md-sys-color-surface-container-highest:#323633;--md-sys-color-outline:#8a938a;--md-sys-color-outline-variant:#404942;--md-sys-color-inverse-surface:#e0e4df;--md-sys-color-inverse-on-surface:#2e312e;--md-sys-color-inverse-primary:#1b6b4a;--md-sys-color-scrim:#000;--md-sys-color-surface-tint:#88d7ab}body{background-color:var(--md-sys-color-background);min-width:320px;min-height:100vh;color:var(--md-sys-color-on-background);margin:0}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2}p{margin:0}input,select,button,textarea{font-family:inherit}button{color:inherit;background:0 0;border:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-header{z-index:10;background:var(--md-sys-color-surface);border-bottom:1px solid var(--md-sys-color-outline-variant);height:64px;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;gap:16px;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.header-brand{align-items:center;gap:12px;display:flex}.header-logo{justify-content:center;align-items:center;width:40px;height:40px;display:flex}.header-logo img,.header-logo svg{object-fit:contain;width:100%;height:100%}.header-text h1{font:var(--md-sys-typescale-title-large);letter-spacing:0;color:var(--md-sys-color-on-surface)}.header-text span{font:var(--md-sys-typescale-label-small);letter-spacing:var(--md-sys-typescale-label-small-tracking);color:var(--md-sys-color-on-surface-variant);display:block}.header-actions{align-items:center;gap:12px;display:flex}.header-badge{background:var(--md-sys-color-secondary-container);border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-on-secondary-container);font:var(--md-sys-typescale-label-medium);letter-spacing:var(--md-sys-typescale-label-medium-tracking);align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.badge-dot{background:var(--md-sys-color-primary);border-radius:50%;width:8px;height:8px}.theme-toggle{border-radius:var(--md-sys-shape-corner-full);cursor:pointer;width:48px;height:48px;color:var(--md-sys-color-on-surface);transition:background var(--md-sys-motion-duration-short3)var(--md-sys-motion-easing-standard);background:0 0;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.theme-toggle:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface)var(--md-sys-state-hover),transparent)}.theme-toggle:active{background:color-mix(in srgb,var(--md-sys-color-on-surface)var(--md-sys-state-pressed),transparent)}.header-glow{display:none}@media (max-width:640px){.app-header{height:56px}.header-content{padding:0 16px}.header-logo{width:36px;height:36px}.header-text h1{font:var(--md-sys-typescale-title-medium);letter-spacing:var(--md-sys-typescale-title-medium-tracking)}.header-badge{display:none}.theme-toggle{width:44px;height:44px}}.waste-form{background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-medium);border:1px solid var(--md-sys-color-outline-variant);flex-direction:column;gap:24px;padding:24px;display:flex}.form-header{border-bottom:1px solid var(--md-sys-color-outline-variant);align-items:center;gap:16px;padding-bottom:16px;display:flex}.form-icon{background:var(--md-sys-color-primary-container);border-radius:var(--md-sys-shape-corner-small);width:44px;height:44px;color:var(--md-sys-color-on-primary-container);justify-content:center;align-items:center;display:flex}.form-icon svg{width:22px;height:22px}.form-header h2{font:var(--md-sys-typescale-headline-small);letter-spacing:0;color:var(--md-sys-color-on-surface)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}@media (max-width:640px){.form-grid{grid-template-columns:1fr}}.form-section-title{font:var(--md-sys-typescale-label-large);letter-spacing:var(--md-sys-typescale-label-large-tracking);color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;border-top:1px solid var(--md-sys-color-outline-variant);grid-column:1/-1;align-items:center;gap:8px;padding-top:12px;display:flex}.section-icon{font-size:1rem}.form-group{flex-direction:column;gap:8px;display:flex;position:relative}.form-group label{font:var(--md-sys-typescale-body-small);letter-spacing:var(--md-sys-typescale-body-small-tracking);color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container-low);align-self:flex-start;margin-left:10px;padding:0 6px;transform:translateY(8px)}.label-text{color:inherit}.required{color:var(--md-sys-color-error)}.form-group input,.form-group select{width:100%;height:56px;font:var(--md-sys-typescale-body-large);letter-spacing:var(--md-sys-typescale-body-large-tracking);color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-extra-small);transition:border-color var(--md-sys-motion-duration-short3)var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short3)var(--md-sys-motion-easing-standard);box-sizing:border-box;padding:18px 16px 12px}.form-group input:hover,.form-group select:hover{border-color:var(--md-sys-color-on-surface)}.form-group input:focus,.form-group select:focus{border:2px solid var(--md-sys-color-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary)25%,transparent);outline:none}.form-group.error input,.form-group.error select{border-color:var(--md-sys-color-error);background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.form-group.error label{color:var(--md-sys-color-error)}.form-group.error input:focus,.form-group.error select:focus{border-color:var(--md-sys-color-error);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-error)30%,transparent)}.error-message{font:var(--md-sys-typescale-body-small);letter-spacing:var(--md-sys-typescale-body-small-tracking);color:var(--md-sys-color-error);align-items:center;gap:4px;display:flex}.input-with-unit{align-items:center;display:flex;position:relative}.input-with-unit input{padding-right:48px}.input-with-unit .unit{font:var(--md-sys-typescale-label-large);letter-spacing:var(--md-sys-typescale-label-large-tracking);color:var(--md-sys-color-on-surface-variant);pointer-events:none;position:absolute;right:16px}.form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23717971' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:1.1rem;padding-right:48px}[data-theme=dark] .form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238A938A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.submit-button{width:100%;height:40px;font:var(--md-sys-typescale-label-large);letter-spacing:var(--md-sys-typescale-label-large-tracking);color:var(--md-sys-color-on-primary);background:var(--md-sys-color-primary);cursor:pointer;transition:box-shadow var(--md-sys-motion-duration-short3)var(--md-sys-motion-easing-standard),background var(--md-sys-motion-duration-short3)var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short3)var(--md-sys-motion-easing-standard);box-shadow:var(--md-sys-elevation-level1);border-radius:20px;justify-content:center;align-items:center;gap:12px;padding:0 24px;display:inline-flex}.submit-button:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level2)}.submit-button:active:not(:disabled){box-shadow:var(--md-sys-elevation-level1);transform:translateY(1px)}.submit-button:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.submit-button svg{width:20px;height:20px}.spinner{border:2px solid color-mix(in srgb,var(--md-sys-color-on-primary)40%,transparent);border-top-color:var(--md-sys-color-on-primary);width:18px;height:18px;animation:spin var(--md-sys-motion-duration-long2)linear infinite;border-radius:50%}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:640px){.waste-form{padding:20px}.form-header h2{font:var(--md-sys-typescale-title-large)}.form-group input,.form-group select{height:52px}.submit-button{height:44px}}@media (max-width:360px){.waste-form{padding:16px}}.averages-section{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);flex-direction:column;gap:20px;padding:24px;display:flex}.averages-header{border-bottom:1px solid var(--md-sys-color-outline-variant);padding-bottom:12px}.averages-title{align-items:center;gap:12px;display:flex}.averages-title svg{width:24px;height:24px;color:var(--md-sys-color-primary);stroke-width:2px}.averages-title h2{font:var(--md-sys-typescale-title-large);letter-spacing:0;color:var(--md-sys-color-on-surface)}.report-count{font:var(--md-sys-typescale-label-medium);letter-spacing:var(--md-sys-typescale-label-medium-tracking);color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-full);margin-left:auto;padding:6px 12px;font-family:JetBrains Mono,monospace}.averages-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.average-card{background:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-medium);border:1px solid var(--md-sys-color-outline-variant);transition:transform var(--md-sys-motion-duration-short3)var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short3)var(--md-sys-motion-easing-standard);padding:18px}.average-card:hover{box-shadow:var(--md-sys-elevation-level1);transform:translateY(-2px)}.average-card.total{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-color:color-mix(in srgb,var(--md-sys-color-primary)25%,transparent)}.average-label{font:var(--md-sys-typescale-label-large);letter-spacing:var(--md-sys-typescale-label-large-tracking);color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;align-items:center;gap:8px;display:flex}.average-card.total .average-label{color:var(--md-sys-color-on-primary-container)}.average-icon{border-radius:var(--md-sys-shape-corner-extra-small);background:var(--md-sys-color-surface-container-highest);width:24px;height:24px;color:var(--md-sys-color-on-surface-variant);justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.average-card.total .average-icon{background:var(--md-sys-color-on-primary-container);color:var(--md-sys-color-primary-container)}.average-value{font:var(--md-sys-typescale-headline-small);letter-spacing:0;color:var(--md-sys-color-on-surface);margin-top:12px;font-family:JetBrains Mono,monospace}.average-value.highlight{font:var(--md-sys-typescale-headline-medium)}.average-card.total .average-value{color:var(--md-sys-color-on-primary-container)}.average-value span{font:var(--md-sys-typescale-label-medium);letter-spacing:var(--md-sys-typescale-label-medium-tracking);color:var(--md-sys-color-on-surface-variant);margin-left:4px}.average-card.total .average-value span{color:var(--md-sys-color-on-primary-container)}@media (max-width:768px){.averages-section{padding:20px}.averages-title{flex-wrap:wrap}.report-count{text-align:center;width:100%;margin-top:8px;margin-left:0}}.dashboard-section{flex-direction:column;gap:20px;display:flex}.dashboard-header{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.dashboard-header h2{font:var(--md-sys-typescale-title-large);letter-spacing:0;color:var(--md-sys-color-on-surface)}.dashboard-header p{font:var(--md-sys-typescale-body-medium);letter-spacing:var(--md-sys-typescale-body-medium-tracking);color:var(--md-sys-color-on-surface-variant);margin:0}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.dashboard-card{background:color-mix(in srgb,var(--md-sys-color-surface)92%,var(--md-sys-color-surface-tint)8%);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);box-shadow:var(--md-sys-elevation-level1);transition:box-shadow var(--md-sys-motion-duration-short3)var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short3)var(--md-sys-motion-easing-standard);padding:20px}.dashboard-card:hover{box-shadow:var(--md-sys-elevation-level2);transform:translateY(-2px)}.dashboard-card-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.dashboard-card-title h3{font:var(--md-sys-typescale-title-medium);letter-spacing:var(--md-sys-typescale-title-medium-tracking);color:var(--md-sys-color-on-surface)}.dashboard-card-title span{font:var(--md-sys-typescale-label-medium);letter-spacing:var(--md-sys-typescale-label-medium-tracking);color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-full);padding:4px 10px}.dashboard-chart{width:100%}.dashboard-card .recharts-cartesian-axis-tick-value{fill:var(--md-sys-color-on-surface-variant);font-size:12px}.dashboard-card .recharts-cartesian-grid line,.dashboard-card .recharts-cartesian-grid path{stroke:var(--md-sys-color-outline-variant)}.dashboard-card .recharts-pie-label-text{fill:var(--md-sys-color-on-surface-variant)}.dashboard-tooltip{background:var(--md-sys-color-surface-container-highest);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level2);min-width:160px;padding:10px 12px}.tooltip-title{font:var(--md-sys-typescale-title-small);letter-spacing:var(--md-sys-typescale-title-small-tracking);margin-bottom:6px}.tooltip-row{font:var(--md-sys-typescale-body-small);letter-spacing:var(--md-sys-typescale-body-small-tracking);color:var(--md-sys-color-on-surface-variant);justify-content:space-between;align-items:center;gap:10px;display:flex}.tooltip-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.tooltip-label{flex:1}.tooltip-value{color:var(--md-sys-color-on-surface);font-family:JetBrains Mono,monospace}.dashboard-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.legend-item{font:var(--md-sys-typescale-body-small);letter-spacing:var(--md-sys-typescale-body-small-tracking);color:var(--md-sys-color-on-surface-variant);align-items:center;gap:8px;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.legend-value{color:var(--md-sys-color-on-surface);margin-left:auto;font-family:JetBrains Mono,monospace;font-size:.75rem}.dashboard-empty{text-align:center;background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-large);border:1px dashed var(--md-sys-color-outline-variant);padding:48px 24px}.dashboard-empty h3{font:var(--md-sys-typescale-title-medium);letter-spacing:var(--md-sys-typescale-title-medium-tracking);color:var(--md-sys-color-on-surface);margin-bottom:8px}.dashboard-empty p{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-medium);letter-spacing:var(--md-sys-typescale-body-medium-tracking);margin:0}@media (max-width:900px){.dashboard-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:flex-start}}@media (max-width:600px){.dashboard-card{padding:16px}.dashboard-card-title{flex-direction:column;align-items:flex-start}}.report-card{background:color-mix(in srgb,var(--md-sys-color-surface)95%,var(--md-sys-color-surface-tint)5%);border-radius:var(--md-sys-shape-corner-large);box-shadow:var(--md-sys-elevation-level1);border:1px solid var(--md-sys-color-outline-variant);transition:transform var(--md-sys-motion-duration-short3)var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short3)var(--md-sys-motion-easing-standard);animation:slideIn var(--md-sys-motion-duration-medium2)var(--md-sys-motion-easing-standard-decelerate);overflow:hidden}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.report-card:hover{box-shadow:var(--md-sys-elevation-level2);transform:translateY(-2px)}.report-header{background:var(--md-sys-color-primary-container);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.report-branding{align-items:center;gap:12px;display:flex}.brand-logo{background:var(--md-sys-color-surface-container-lowest);border-radius:var(--md-sys-shape-corner-small);border:1px solid color-mix(in srgb,var(--md-sys-color-primary)25%,transparent);width:44px;height:44px;padding:6px}.brand-logo img,.brand-logo svg{object-fit:contain;width:100%;height:100%}.brand-text h3{font:var(--md-sys-typescale-title-medium);letter-spacing:var(--md-sys-typescale-title-medium-tracking);color:var(--md-sys-color-on-primary-container);margin:0}.brand-text span{font:var(--md-sys-typescale-label-small);letter-spacing:var(--md-sys-typescale-label-small-tracking);color:color-mix(in srgb,var(--md-sys-color-on-primary-container)70%,transparent);text-transform:uppercase}.report-badge{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.badge-label{font:var(--md-sys-typescale-label-small);letter-spacing:var(--md-sys-typescale-label-small-tracking);color:color-mix(in srgb,var(--md-sys-color-on-primary-container)70%,transparent);text-transform:uppercase}.badge-id{color:var(--md-sys-color-on-primary-container);background:color-mix(in srgb,var(--md-sys-color-on-primary-container)15%,transparent);border-radius:var(--md-sys-shape-corner-small);border:1px solid color-mix(in srgb,var(--md-sys-color-on-primary-container)20%,transparent);padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:500}.report-meta{background:var(--md-sys-color-surface-container-low);border-bottom:1px solid var(--md-sys-color-outline-variant);flex-wrap:wrap;gap:16px;padding:16px 20px;display:flex}.meta-item{font:var(--md-sys-typescale-body-medium);letter-spacing:var(--md-sys-typescale-body-medium-tracking);color:var(--md-sys-color-on-surface-variant);align-items:center;gap:8px;display:flex}.meta-item svg{width:16px;height:16px;color:var(--md-sys-color-primary)}.report-data{padding:20px}.report-data h4{font:var(--md-sys-typescale-label-large);letter-spacing:var(--md-sys-typescale-label-large-tracking);color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;margin:0 0 12px}.data-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (max-width:480px){.data-grid{grid-template-columns:1fr}}.data-item{background:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-medium);border:1px solid var(--md-sys-color-outline-variant);transition:border-color var(--md-sys-motion-duration-short3)var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short3)var(--md-sys-motion-easing-standard);padding:16px}.data-item:hover{border-color:var(--md-sys-color-outline);box-shadow:var(--md-sys-elevation-level1)}.data-label{font:var(--md-sys-typescale-body-small);letter-spacing:var(--md-sys-typescale-body-small-tracking);color:var(--md-sys-color-on-surface-variant);align-items:center;gap:8px;margin-bottom:8px;display:flex}.data-icon{border-radius:var(--md-sys-shape-corner-extra-small);background:var(--md-sys-color-surface-container-highest);width:20px;height:20px;color:var(--md-sys-color-on-surface-variant);justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.data-value{color:var(--md-sys-color-on-surface);font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:600}.data-value span{font:var(--md-sys-typescale-label-medium);letter-spacing:var(--md-sys-typescale-label-medium-tracking);color:var(--md-sys-color-on-surface-variant)}.report-total{background:var(--md-sys-color-secondary-container);border-radius:var(--md-sys-shape-corner-medium);justify-content:space-between;align-items:center;margin:0 20px 20px;padding:16px;display:flex}.total-label{font:var(--md-sys-typescale-label-large);letter-spacing:var(--md-sys-typescale-label-large-tracking);color:var(--md-sys-color-on-secondary-container);text-transform:uppercase}.total-value{color:var(--md-sys-color-on-secondary-container);font-family:JetBrains Mono,monospace;font-size:1.6rem;font-weight:700}.total-value span{font:var(--md-sys-typescale-label-medium);letter-spacing:var(--md-sys-typescale-label-medium-tracking);opacity:.85}.report-footer{background:var(--md-sys-color-surface-container-low);border-top:1px solid var(--md-sys-color-outline-variant);text-align:center;padding:12px 20px}.report-footer span{font:var(--md-sys-typescale-label-small);letter-spacing:var(--md-sys-typescale-label-small-tracking);color:var(--md-sys-color-on-surface-variant);text-transform:uppercase}@media (max-width:640px){.report-card{border-radius:var(--md-sys-shape-corner-medium)}.report-header{padding:16px}.brand-logo{width:36px;height:36px}.report-badge{display:none}.report-meta{flex-direction:column;gap:12px;padding:16px}.report-data{padding:16px}.data-item{padding:14px}.data-value{font-size:1.2rem}.report-total{text-align:center;flex-direction:column;gap:6px;margin:0 16px 16px;padding:14px}.total-value{font-size:1.4rem}.report-footer{padding:10px 16px}}@media (max-width:360px){.report-header{padding:14px}.brand-logo{width:32px;height:32px}.brand-text h3{font-size:.95rem}}.reports-section{flex-direction:column;gap:24px;display:flex}.reports-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.reports-title{align-items:center;gap:12px;display:flex}.reports-title h2{font:var(--md-sys-typescale-title-large);letter-spacing:0;color:var(--md-sys-color-on-surface);margin:0}.reports-count{font:var(--md-sys-typescale-label-medium);letter-spacing:var(--md-sys-typescale-label-medium-tracking);color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container);border-radius:var(--md-sys-shape-corner-full);padding:6px 12px}.export-buttons{flex-wrap:wrap;gap:12px;display:flex}.export-button{height:40px;font:var(--md-sys-typescale-label-large);letter-spacing:var(--md-sys-typescale-label-large-tracking);color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-full);cursor:pointer;transition:background var(--md-sys-motion-duration-short3)var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short3)var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short3)var(--md-sys-motion-easing-standard);background:0 0;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.export-button:hover{background:color-mix(in srgb,var(--md-sys-color-primary)var(--md-sys-state-hover),transparent);border-color:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-level1)}.export-button.pdf{color:var(--md-sys-color-error);border-color:color-mix(in srgb,var(--md-sys-color-error)60%,var(--md-sys-color-outline))}.export-button.pdf:hover{background:color-mix(in srgb,var(--md-sys-color-error)var(--md-sys-state-hover),transparent);border-color:var(--md-sys-color-error)}.export-button svg{width:18px;height:18px}.reports-calendar{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);border:1px solid var(--md-sys-color-outline-variant);padding:20px}.calendar-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.month-label{font:var(--md-sys-typescale-title-medium);letter-spacing:var(--md-sys-typescale-title-medium-tracking);color:var(--md-sys-color-on-surface)}.month-nav{border-radius:var(--md-sys-shape-corner-full);width:40px;height:40px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:background var(--md-sys-motion-duration-short3)var(--md-sys-motion-easing-standard);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.month-nav:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface-variant)var(--md-sys-state-hover),transparent);color:var(--md-sys-color-on-surface)}.month-nav svg{width:18px;height:18px}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.calendar-weekday{text-transform:uppercase;font:var(--md-sys-typescale-label-small);letter-spacing:var(--md-sys-typescale-label-small-tracking);color:var(--md-sys-color-on-surface-variant);text-align:center}.calendar-day{border-radius:var(--md-sys-shape-corner-medium);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);height:72px;color:var(--md-sys-color-on-surface);cursor:pointer;transition:background var(--md-sys-motion-duration-short3)var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short3)var(--md-sys-motion-easing-standard);flex-direction:column;justify-content:space-between;align-items:flex-start;padding:8px;display:flex;position:relative}.calendar-day:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-primary)var(--md-sys-state-hover),var(--md-sys-color-surface-container-low));border-color:var(--md-sys-color-primary)}.calendar-day:disabled{cursor:default;opacity:.5}.calendar-day.outside-month{color:var(--md-sys-color-on-surface-variant)}.calendar-day.selected{background:var(--md-sys-color-primary-container);border-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary-container)}.calendar-day.selected .day-indicator{color:var(--md-sys-color-on-primary-container)}.calendar-day.selected .indicator-dot{background:var(--md-sys-color-on-primary-container)}.calendar-day.today{box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary)60%,transparent)}.day-number{font:var(--md-sys-typescale-title-small);letter-spacing:var(--md-sys-typescale-title-small-tracking);color:inherit}.calendar-day.weekend .day-number{color:var(--md-sys-color-on-surface-variant)}.day-indicator{font:var(--md-sys-typescale-label-small);letter-spacing:var(--md-sys-typescale-label-small-tracking);color:var(--md-sys-color-primary);align-items:center;gap:6px;display:inline-flex}.indicator-dot{background:var(--md-sys-color-primary);border-radius:50%;width:6px;height:6px}.indicator-count{font-variant-numeric:tabular-nums}.reports-day-panel{background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-large);border:1px solid var(--md-sys-color-outline-variant);opacity:0;max-height:0;transition:max-height var(--md-sys-motion-duration-medium4)var(--md-sys-motion-easing-standard),opacity var(--md-sys-motion-duration-short3)var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short3)var(--md-sys-motion-easing-standard);margin-top:12px;overflow:hidden;transform:translateY(-6px)}.reports-day-panel.open{opacity:1;max-height:1200px;transform:translateY(0)}.day-panel-content{padding:20px}.day-panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.day-panel-header h3{font:var(--md-sys-typescale-title-medium);letter-spacing:var(--md-sys-typescale-title-medium-tracking);color:var(--md-sys-color-on-surface);margin:0}.day-panel-count{font:var(--md-sys-typescale-label-medium);letter-spacing:var(--md-sys-typescale-label-medium-tracking);color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-full);padding:4px 10px}.day-reports-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px;display:grid}.day-panel-empty{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-medium);letter-spacing:var(--md-sys-typescale-body-medium-tracking);text-align:center;padding:24px 0}@media (max-width:768px){.reports-header{flex-direction:column;align-items:flex-start}.export-buttons{width:100%}.export-button{flex:1;justify-content:center}.calendar-day{height:64px}.reports-calendar{padding:16px}.day-reports-grid{grid-template-columns:1fr}}@media (max-width:480px){.reports-title{flex-direction:column;align-items:flex-start;gap:6px}.calendar-grid{gap:6px}.calendar-weekday{font-size:.6rem}.calendar-day{height:56px}.day-panel-content{padding:16px}}.reports-empty{text-align:center;background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-large);border:1px dashed var(--md-sys-color-outline-variant);padding:48px 24px}.empty-icon{background:var(--md-sys-color-primary-container);border-radius:var(--md-sys-shape-corner-full);width:72px;height:72px;color:var(--md-sys-color-on-primary-container);justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.empty-icon svg{width:36px;height:36px}.reports-empty h3{font:var(--md-sys-typescale-title-medium);letter-spacing:var(--md-sys-typescale-title-medium-tracking);color:var(--md-sys-color-on-surface);margin:0 0 8px}.reports-empty p{font:var(--md-sys-typescale-body-medium);letter-spacing:var(--md-sys-typescale-body-medium-tracking);color:var(--md-sys-color-on-surface-variant);margin:0}.app{background:var(--md-sys-color-background);flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;padding:32px 20px 48px}.container{flex-direction:column;gap:32px;max-width:1100px;margin:0 auto;display:flex}.app-footer{background:var(--md-sys-color-surface-container);text-align:center;border-top:1px solid var(--md-sys-color-outline-variant);padding:20px}.app-footer p{font:var(--md-sys-typescale-body-small);letter-spacing:var(--md-sys-typescale-body-small-tracking);color:var(--md-sys-color-on-surface-variant);margin:0}.error-banner{background:var(--md-sys-color-error-container);border:1px solid var(--md-sys-color-error);color:var(--md-sys-color-on-error-container);border-radius:var(--md-sys-shape-corner-small);font:var(--md-sys-typescale-body-medium);letter-spacing:var(--md-sys-typescale-body-medium-tracking);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.error-banner button{border-radius:var(--md-sys-shape-corner-full);width:32px;height:32px;color:var(--md-sys-color-on-error-container);background:color-mix(in srgb,var(--md-sys-color-on-error-container)10%,transparent);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.error-banner button:hover{background:color-mix(in srgb,var(--md-sys-color-on-error-container)var(--md-sys-state-hover),transparent)}.loading-state{text-align:center;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-large);letter-spacing:var(--md-sys-typescale-body-large-tracking);padding:48px 16px}@media (max-width:640px){.main-content{padding:24px 16px 40px}.container{gap:24px}}