:root{--euc-primary:#0072ce;--euc-primary-deep:#005fa3;--euc-secondary:#00a86b;--euc-secondary-light:#e6f0ff;--euc-danger:#e74c3c;--euc-bg:#f7f9fb;--euc-white:#ffffff;--euc-text:#26282c;--euc-border:#d8dce2;--euc-radius:8px;--euc-spacing:1.5rem;--ebc-gap:0.6rem;--euc-text-muted:#6b7280;--euc-text-light:#9ca3af;--euc-card-shadow:0 2px 12px rgba(0, 114, 206, 0.07), 0 1px 3px rgba(0, 0, 0, 0.06);--euc-card-shadow-hover:0 6px 24px rgba(0, 114, 206, 0.13), 0 2px 6px rgba(0, 0, 0, 0.08);--euc-transition:0.2s ease;--euc-gradient-primary:linear-gradient(135deg, #0072ce 0%, #0093ff 100%);--euc-gradient-green:linear-gradient(135deg, #00a86b 0%, #00cc88 100%);--euc-gradient-bg:linear-gradient(
    160deg,
    #eef4ff 0%,
    #f7f9fb 60%,
    #f0fdf8 100%
  );--euc-warning:#f59e0b;--euc-warning-light:#fffbeb;--euc-success:#10b981;--euc-success-light:#ecfdf5}.euc-header{padding:2rem 1rem;margin-bottom:1.25rem;text-align:center;border:1px solid var(--euc-border);border-radius:var(--euc-radius);background:var(--euc-gradient-bg);box-shadow:var(--euc-card-shadow)}.euc-header-inner{display:flex;flex-direction:column;align-items:center;gap:.75rem}.euc-logo{display:flex;align-items:center;gap:.75rem}.euc-logo-icon{font-size:2.2rem;line-height:1;filter:drop-shadow(0 2px 4px rgb(0 114 206 / .3));animation:euc-pulse 2.5s ease-in-out infinite}@keyframes euc-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}.euc-logo-text{display:flex;flex-direction:column;align-items:flex-start}.euc-logo-title{font-size:1.75rem!important;font-weight:800;color:var(--euc-primary)!important;letter-spacing:-.03em;line-height:1}.euc-logo-sub{font-size:0.75rem!important;color:var(--euc-text-muted)!important;font-weight:400;letter-spacing:.05em;text-transform:uppercase}.euc-header-tagline{font-size:0.95rem!important;color:var(--euc-text-muted)!important;font-weight:400;max-width:380px}.euc-section{background:var(--euc-white);border-radius:var(--euc-radius);border:1px solid var(--euc-border);padding:var(--euc-spacing);margin-bottom:1.25rem;box-shadow:var(--euc-card-shadow);transition:box-shadow var(--euc-transition)}.euc-section:hover{box-shadow:var(--euc-card-shadow-hover)}.euc-section-header{margin-bottom:1.25rem}.euc-section-title{font-size:1.1rem!important;font-weight:700;color:var(--euc-text)!important;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.euc-section-title::before{content:"";display:inline-block;width:3px;height:1em;background:var(--euc-primary);border-radius:2px;flex-shrink:0}.euc-section-desc{font-size:0.875rem!important;color:var(--euc-text-muted)!important;margin-top:.25rem}.euc-appliance-list{display:flex;flex-direction:column;gap:.875rem;margin-bottom:1rem}.euc-appliance-row{background:var(--euc-secondary-light);border:1px solid var(--euc-border);border-radius:var(--euc-radius);padding:1rem;position:relative;transition:border-color var(--euc-transition),background var(--euc-transition);animation:euc-row-in 0.25s ease both}@keyframes euc-row-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.euc-appliance-row:hover{border-color:var(--euc-primary)}.euc-row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.875rem;gap:.5rem}.euc-row-number{font-size:0.75rem!important;font-weight:700;color:var(--euc-primary)!important;background:rgb(0 114 206 / .1)!important;border-radius:20px;padding:.15em .6em;letter-spacing:.04em}.euc-row-remove{background:none!important;border:none!important;cursor:pointer;padding:.25rem .5rem;border-radius:var(--euc-radius);color:var(--euc-danger)!important;font-size:1.1rem!important;line-height:1;transition:background var(--euc-transition);display:flex;align-items:center;justify-content:center;opacity:.7}.euc-row-remove:hover{background:rgb(231 76 60 / .1)!important;opacity:1}.euc-row-remove:focus-visible{outline:2px solid var(--euc-danger);outline-offset:2px}.euc-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--ebc-gap) .875rem}.euc-field-group{display:flex;flex-direction:column;gap:.25rem}.euc-field-group.euc-field-full{grid-column:1 / -1}.euc-label{font-size:0.8rem!important;font-weight:600;color:var(--euc-text)!important;display:flex;align-items:center;gap:.3em;flex-wrap:wrap}.euc-label-hint{font-weight:400;color:var(--euc-text-muted)!important;font-size:0.75rem!important}.euc-label-required{color:var(--euc-danger)!important;font-size:0.85rem!important}.euc-input{height:40px;width:100%;padding:.5rem .75rem;font-size:0.9rem!important;color:var(--euc-text)!important;background:var(--euc-white)!important;border:1.5px solid var(--euc-border)!important;border-radius:var(--euc-radius);outline:none;transition:border-color var(--euc-transition),box-shadow var(--euc-transition);-webkit-appearance:none;appearance:none}.euc-input:focus{border-color:var(--euc-primary)!important;box-shadow:0 0 0 3px rgb(0 114 206 / .12)}.euc-input.euc-input-error{border-color:var(--euc-danger)!important;box-shadow:0 0 0 3px rgb(231 76 60 / .1)}.euc-input.euc-input-valid{border-color:var(--euc-secondary)!important}.euc-select{height:40px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .75rem center!important;padding-right:2.25rem}.euc-input-prefix-wrap{position:relative;display:flex;align-items:center}.euc-input-prefix{position:absolute;left:.75rem;font-size:0.9rem!important;color:var(--euc-text-muted)!important;pointer-events:none;z-index:1}.euc-input-prefix+.euc-input{padding-left:1.75rem}.euc-field-error{font-size:0.75rem!important;color:var(--euc-danger)!important;min-height:1em;font-weight:500;display:block}.euc-preset-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}.euc-preset-btn{font-size:0.7rem!important;color:var(--euc-primary)!important;background:rgb(0 114 206 / .07)!important;border:1px solid rgb(0 114 206 / .2)!important;border-radius:20px;padding:.2em .65em;cursor:pointer;transition:background var(--euc-transition),color var(--euc-transition);font-weight:500;line-height:1.4}.euc-preset-btn:hover{background:var(--euc-primary)!important;color:var(--euc-white)!important;border-color:var(--euc-primary)!important}.euc-preset-btn:focus-visible{outline:2px solid var(--euc-primary);outline-offset:2px}.euc-standby-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:0.8rem!important;color:var(--euc-text-muted)!important;font-weight:500;margin-top:.25rem;user-select:none}.euc-standby-toggle input[type="checkbox"]{width:15px;height:15px;accent-color:var(--euc-primary);cursor:pointer}.euc-standby-field{margin-top:.5rem;display:none;animation:euc-row-in 0.2s ease}.euc-standby-field.euc-visible{display:block}.euc-section-settings{background:linear-gradient(135deg,#eef4ff 0%,#f7f9fb 100%)}.euc-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.euc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-weight:600;cursor:pointer;border-radius:var(--euc-radius);transition:all var(--euc-transition);white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.euc-btn:focus-visible{outline:3px solid var(--euc-primary);outline-offset:2px}.euc-btn-icon{font-size:1.1em;line-height:1}.euc-btn-add{font-size:0.875rem!important;color:var(--euc-primary)!important;background:transparent!important;border:2px dashed rgb(0 114 206 / .4)!important;padding:.65rem 1.25rem;width:100%;transition:background var(--euc-transition),border-color var(--euc-transition)}.euc-btn-add:hover{background:rgb(0 114 206 / .05)!important;border-color:var(--euc-primary)!important}.euc-calculate-wrap{text-align:center;margin:.5rem 0 1.25rem}.euc-btn-calculate{font-size:1.05rem!important;color:var(--euc-white)!important;background:var(--euc-gradient-primary)!important;border:none!important;padding:.875rem 2.5rem;box-shadow:0 4px 16px rgb(0 114 206 / .3);min-width:240px;letter-spacing:.01em}.euc-btn-calculate:hover{background:linear-gradient(135deg,var(--euc-primary-deep) 0%,#007fe0 100%)!important;box-shadow:0 6px 20px rgb(0 114 206 / .4);transform:translateY(-1px)}.euc-btn-calculate:active{transform:translateY(0)}.euc-btn-calculate.euc-loading{pointer-events:none}.euc-btn-calculate.euc-loading::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgb(255 255 255 / .15) 50%,transparent 100%);background-size:200% 100%;animation:euc-shimmer 1s infinite}@keyframes euc-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.euc-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;justify-content:center}.euc-btn-pdf{font-size:0.9rem!important;color:var(--euc-white)!important;background:var(--euc-gradient-primary)!important;border:none!important;padding:.65rem 1.5rem;box-shadow:0 2px 8px rgb(0 114 206 / .25)}.euc-btn-pdf:hover{background:linear-gradient(135deg,var(--euc-primary-deep) 0%,#007fe0 100%)!important;box-shadow:0 4px 14px rgb(0 114 206 / .35);transform:translateY(-1px)}.euc-btn-copy{font-size:0.9rem!important;color:var(--euc-white)!important;background:var(--euc-gradient-green)!important;border:none!important;padding:.65rem 1.5rem;box-shadow:0 2px 8px rgb(0 168 107 / .25)}.euc-btn-copy:hover{background:linear-gradient(135deg,#008a58 0%,#00b87a 100%)!important;transform:translateY(-1px)}.euc-btn-reset{font-size:0.9rem!important;color:var(--euc-text)!important;background:var(--euc-white)!important;border:1.5px solid var(--euc-border)!important;padding:.65rem 1.5rem}.euc-btn-reset:hover{background:#fef2f2!important;border-color:var(--euc-danger)!important;color:var(--euc-danger)!important}.euc-global-error{font-size:0.875rem!important;color:var(--euc-danger)!important;margin-top:.6rem;min-height:1.2em;font-weight:500;text-align:center}.euc-results{display:none;border-color:rgb(0 114 206 / .15);background:linear-gradient(160deg,#fafcff 0%,#ffffff 100%)}.euc-results.euc-visible{display:block;animation:euc-results-in 0.4s ease both}@keyframes euc-results-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.euc-results-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.euc-results-timestamp{font-size:0.75rem!important;color:var(--euc-text-muted)!important;font-style:italic}.euc-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.875rem;margin-bottom:1.5rem}.euc-summary-card{background:var(--euc-white);border:1px solid var(--euc-border);border-radius:var(--euc-radius);padding:1.1rem 1rem;text-align:center;box-shadow:0 1px 4px rgb(0 0 0 / .05);transition:transform var(--euc-transition),box-shadow var(--euc-transition);position:relative;overflow:hidden}.euc-summary-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.euc-card-daily::before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.euc-card-weekly::before{background:linear-gradient(90deg,#0072ce,#0093ff)}.euc-card-monthly::before{background:linear-gradient(90deg,#00a86b,#00cc88)}.euc-card-yearly::before{background:linear-gradient(90deg,#7c3aed,#a855f7)}.euc-summary-card:hover{transform:translateY(-2px);box-shadow:var(--euc-card-shadow-hover)}.euc-card-icon{font-size:1.6rem;line-height:1;margin-bottom:.4rem}.euc-card-label{font-size:0.75rem!important;color:var(--euc-text-muted)!important;font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem}.euc-card-value{font-size:1.4rem!important;font-weight:800;color:var(--euc-text)!important;letter-spacing:-.02em;line-height:1.1}.euc-card-cost{font-size:0.875rem!important;color:var(--euc-secondary)!important;font-weight:600;margin-top:.2rem}.euc-meter-wrap{margin-bottom:1.5rem;background:var(--euc-white);border:1px solid var(--euc-border);border-radius:var(--euc-radius);padding:1.1rem 1.1rem .75rem}.euc-meter-label{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.6rem}.euc-meter-label span:first-child{font-size:0.8rem!important;font-weight:600;color:var(--euc-text)!important}.euc-meter-badge{font-size:0.75rem!important;font-weight:700;padding:.2em .75em;border-radius:20px;background:#e5e7eb!important;color:#6b7280!important;transition:background var(--euc-transition),color var(--euc-transition)}.euc-meter-badge.euc-level-low{background:#dcfce7!important;color:#166534!important}.euc-meter-badge.euc-level-medium{background:#fef9c3!important;color:#854d0e!important}.euc-meter-badge.euc-level-high{background:#fee2e2!important;color:#991b1b!important}.euc-meter-track{height:14px;background:#e5e7eb;border-radius:99px;overflow:hidden}.euc-meter-fill{height:100%;width:0%;border-radius:99px;background:linear-gradient(90deg,#00a86b,#0072ce,#e74c3c);transition:width 0.6s cubic-bezier(.22,1,.36,1)}.euc-meter-labels{display:flex;justify-content:space-between;margin-top:.4rem}.euc-meter-labels span{font-size:0.68rem!important;color:var(--euc-text-light)!important}.euc-breakdown-wrap{margin-bottom:1.5rem}.euc-breakdown-title{font-size:0.9rem!important;font-weight:700;color:var(--euc-text)!important;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--euc-border)}.euc-breakdown-list{display:flex;flex-direction:column;gap:.5rem}.euc-breakdown-item{display:flex;align-items:center;gap:.75rem;background:var(--euc-bg);border:1px solid var(--euc-border);border-radius:var(--euc-radius);padding:.65rem .875rem;transition:background var(--euc-transition)}.euc-breakdown-item:hover{background:var(--euc-secondary-light)}.euc-breakdown-name{flex:1;min-width:0}.euc-breakdown-name-text{font-size:0.875rem!important;font-weight:600;color:var(--euc-text)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.euc-breakdown-name-sub{font-size:0.72rem!important;color:var(--euc-text-muted)!important}.euc-breakdown-bar-wrap{flex:2;min-width:80px}.euc-breakdown-bar-track{height:8px;background:#e5e7eb;border-radius:99px;overflow:hidden}.euc-breakdown-bar-fill{height:100%;border-radius:99px;transition:width 0.5s cubic-bezier(.22,1,.36,1);background:var(--euc-gradient-primary)}.euc-breakdown-item.euc-top-consumer .euc-breakdown-bar-fill{background:linear-gradient(90deg,#e74c3c,#f97316)}.euc-breakdown-values{text-align:right;white-space:nowrap}.euc-breakdown-kwh{font-size:0.8rem!important;font-weight:700;color:var(--euc-text)!important;display:block}.euc-breakdown-cost-val{font-size:0.72rem!important;color:var(--euc-secondary)!important;font-weight:500}.euc-top-badge{font-size:0.65rem!important;background:#fee2e2!important;color:#991b1b!important;border-radius:20px;padding:.1em .5em;font-weight:700;flex-shrink:0}.euc-chart-section{margin-bottom:1.5rem;background:var(--euc-white);border:1px solid var(--euc-border);border-radius:var(--euc-radius);padding:1.1rem}.euc-chart-title{font-size:0.9rem!important;font-weight:700;color:var(--euc-text)!important;margin-bottom:1rem}.euc-chart-container{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.euc-chart-canvas{display:block;max-width:180px;max-height:180px;flex-shrink:0}.euc-chart-legend{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:140px}.euc-legend-item{display:flex;align-items:center;gap:.5rem}.euc-legend-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.euc-legend-label{font-size:0.78rem!important;color:var(--euc-text)!important;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.euc-legend-pct{font-size:0.78rem!important;color:var(--euc-text-muted)!important;font-weight:600}.euc-tips-wrap{background:var(--euc-warning-light);border:1px solid rgb(245 158 11 / .2);border-radius:var(--euc-radius);padding:1.1rem;margin-bottom:.5rem}.euc-tips-title{font-size:0.9rem!important;font-weight:700;color:var(--euc-text)!important;margin-bottom:.75rem}.euc-tips-list{display:flex;flex-direction:column;gap:.5rem}.euc-tip-item{display:flex;gap:.6rem;align-items:flex-start;font-size:0.85rem!important;color:var(--euc-text)!important;line-height:1.5}.euc-tip-icon{flex-shrink:0;margin-top:.1em}.euc-modal-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .4);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000;opacity:0;pointer-events:none;transition:opacity 0.2s ease}.euc-modal-overlay.euc-visible{opacity:1;pointer-events:all}.euc-modal{background:var(--euc-white);border-radius:12px;padding:2rem 1.75rem 1.5rem;max-width:360px;width:100%;text-align:center;box-shadow:0 20px 60px rgb(0 0 0 / .15);transform:scale(.93) translateY(8px);transition:transform 0.25s cubic-bezier(.34,1.56,.64,1)}.euc-modal-overlay.euc-visible .euc-modal{transform:scale(1) translateY(0)}.euc-modal-icon{font-size:2.5rem;margin-bottom:.75rem;line-height:1}.euc-modal-title{font-size:1.15rem!important;font-weight:700;color:var(--euc-text)!important;margin-bottom:.5rem}.euc-modal-body{font-size:0.875rem!important;color:var(--euc-text-muted)!important;margin-bottom:1.5rem;line-height:1.6}.euc-modal-actions{display:flex;gap:.75rem;justify-content:center}.euc-btn-modal-cancel{font-size:0.875rem!important;color:var(--euc-text)!important;background:var(--euc-bg)!important;border:1.5px solid var(--euc-border)!important;padding:.55rem 1.25rem}.euc-btn-modal-cancel:hover{background:#e5e7eb!important}.euc-btn-modal-confirm{font-size:0.875rem!important;color:var(--euc-white)!important;background:var(--euc-danger)!important;border:none!important;padding:.55rem 1.25rem}.euc-btn-modal-confirm:hover{background:#c0392b!important}.euc-toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(20px);background:var(--euc-text);color:var(--euc-white)!important;font-size:0.875rem!important;font-weight:500;padding:.65rem 1.25rem;border-radius:99px;box-shadow:0 4px 20px rgb(0 0 0 / .2);opacity:0;pointer-events:none;transition:opacity 0.25s ease,transform 0.25s ease;z-index:2000;white-space:nowrap;max-width:calc(100vw - 2rem);overflow:hidden;text-overflow:ellipsis}.euc-toast.euc-visible{opacity:1;transform:translateX(-50%) translateY(0)}.euc-toast.euc-toast-success{background:var(--euc-secondary)!important}.euc-toast.euc-toast-error{background:var(--euc-danger)!important}@media (max-width:480px){.euc-section{padding:1rem}.euc-logo-title{font-size:1.45rem!important}.euc-row-grid{grid-template-columns:1fr}.euc-settings-grid{grid-template-columns:1fr}.euc-summary-grid{grid-template-columns:1fr 1fr;gap:.625rem}.euc-card-value{font-size:1.15rem!important}.euc-btn-calculate{font-size:0.95rem!important;padding:.8rem 1.75rem;min-width:200px}.euc-actions{flex-direction:column;align-items:stretch}.euc-btn-pdf,.euc-btn-copy,.euc-btn-reset{width:100%;justify-content:center}.euc-chart-container{flex-direction:column;align-items:center}.euc-chart-legend{width:100%}.euc-breakdown-item{flex-wrap:wrap}.euc-breakdown-bar-wrap{order:3;flex:1 1 100%}}@media (min-width:481px) and (max-width:640px){.euc-row-grid{grid-template-columns:1fr 1fr}.euc-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:641px){.euc-summary-grid{grid-template-columns:repeat(4,1fr)}.euc-logo-title{font-size:2rem!important}.euc-header-tagline{font-size:1rem!important}}@media print{.euc-btn,.euc-modal-overlay,.euc-toast{visibility:hidden;pointer-events:none}}