:root{--berac-primary:#0072ce;--berac-primary-deep:#005fa3;--berac-secondary:#00a86b;--berac-secondary-light:#e6f0ff;--berac-danger:#e74c3c;--berac-bg:#f7f9fb;--berac-white:#ffffff;--berac-text:#26282c;--berac-border:#d8dce2;--berac-radius:8px;--berac-spacing:1.5rem;--berac-gap:0.6rem;--berac-shadow-sm:0 1px 4px rgba(0, 0, 0, 0.07);--berac-shadow-md:0 4px 18px rgba(0, 0, 0, 0.1);--berac-shadow-lg:0 8px 36px rgba(0, 0, 0, 0.13);--berac-transition:0.22s ease;--berac-card-radius:8px}.berac-page-wrap{display:flex;flex-direction:column;gap:1.4rem}.berac-header{display:flex;align-items:center;gap:1rem;padding:1.6rem var(--berac-spacing);background-color:var(--berac-white)!important;border:1px solid var(--berac-border)!important;border-radius:var(--berac-card-radius);box-shadow:var(--berac-shadow-sm);position:relative;overflow:hidden}.berac-header::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--berac-primary)!important;border-radius:0 2px 2px 0}.berac-header-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background-color:var(--berac-secondary-light)!important;border-radius:50%;border:1.5px solid var(--berac-border)!important}.berac-header-text{flex:1}.berac-title{font-size:1.65rem!important;font-weight:800;color:var(--berac-primary)!important;letter-spacing:-.02em;line-height:1.15}.berac-subtitle{font-size:0.88rem!important;color:#6b7280!important;font-weight:400;margin-top:.18rem}.berac-card{background-color:var(--berac-white)!important;border:1px solid var(--berac-border)!important;border-radius:var(--berac-card-radius);padding:var(--berac-spacing);box-shadow:var(--berac-shadow-sm)}.berac-section-title{font-size:1rem!important;font-weight:700;color:var(--berac-text)!important;margin-bottom:1.1rem;display:flex;align-items:center;gap:.5rem}.berac-section-title::before{content:"";display:inline-block;width:3px;height:1rem;background-color:var(--berac-primary)!important;border-radius:2px;flex-shrink:0}.berac-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}@media (max-width:520px){.berac-fields-grid{grid-template-columns:1fr}}.berac-field-group{display:flex;flex-direction:column;gap:.38rem}.berac-label{font-size:0.84rem!important;font-weight:600;color:#3d4147!important;display:flex;align-items:center;gap:.35rem}.berac-tooltip-trigger{position:relative;display:inline-flex;align-items:center;color:#9ca3af!important;cursor:help;outline:none}.berac-tooltip-trigger:focus .berac-tooltip-box,.berac-tooltip-trigger:hover .berac-tooltip-box{opacity:1;visibility:visible;transform:translateY(-6px)}.berac-tooltip-box{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(0);background-color:#1e2128!important;color:#f1f3f5!important;font-size:0.76rem!important;font-weight:400;line-height:1.45;padding:.5rem .75rem;border-radius:6px;width:220px;text-align:left;opacity:0;visibility:hidden;transition:opacity 0.18s,transform 0.18s;pointer-events:none;z-index:100;white-space:normal;box-shadow:0 4px 14px rgb(0 0 0 / .22)}.berac-tooltip-box::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid #fff0;border-top-color:#1e2128!important}.berac-input-wrap{position:relative;display:flex;align-items:center}.berac-input{width:100%;padding:.65rem 3rem .65rem .9rem;font-family:"Rubik",sans-serif;font-size:1rem!important;font-weight:500;color:var(--berac-text)!important;background-color:var(--berac-white)!important;border:1.5px solid var(--berac-border)!important;border-radius:var(--berac-radius);outline:none;transition:border-color var(--berac-transition),box-shadow var(--berac-transition);appearance:textfield;-moz-appearance:textfield}.berac-input::-webkit-outer-spin-button,.berac-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.berac-input:focus{border-color:var(--berac-primary)!important;box-shadow:0 0 0 3px rgb(0 114 206 / .13)}.berac-input.berac-input--error{border-color:var(--berac-danger)!important;box-shadow:0 0 0 3px rgb(231 76 60 / .1)}.berac-input-icon{position:absolute;right:.75rem;font-size:0.72rem!important;font-weight:700;color:var(--berac-primary)!important;background-color:var(--berac-secondary-light)!important;padding:.12rem .42rem;border-radius:3px;pointer-events:none;letter-spacing:.04em}.berac-field-error{font-size:0.78rem!important;color:var(--berac-danger)!important;font-weight:500;min-height:1.1em;display:block}.berac-innings-note{display:flex;align-items:flex-start;gap:.45rem;font-size:0.8rem!important;color:#6b7280!important;background-color:#fafbfc!important;border:1px solid var(--berac-border)!important;border-radius:var(--berac-radius);padding:.6rem .85rem;margin-top:.8rem;line-height:1.5}.berac-innings-note strong{color:var(--berac-text)!important}.berac-innings-note svg{flex-shrink:0;margin-top:.12rem;color:var(--berac-primary)}.berac-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.65rem 1.35rem;font-family:"Rubik",sans-serif;font-size:0.9rem!important;font-weight:600;border-radius:var(--berac-radius);border:none;cursor:pointer;transition:background-color var(--berac-transition),transform 0.12s,box-shadow var(--berac-transition);text-decoration:none;white-space:nowrap;outline:none;user-select:none}.berac-btn:focus-visible{box-shadow:0 0 0 3px rgb(0 114 206 / .3)}.berac-btn:active{transform:scale(.97)}.berac-btn-primary{background-color:var(--berac-primary)!important;color:var(--berac-white)!important;box-shadow:0 2px 8px rgb(0 114 206 / .22)}.berac-btn-primary:hover{background-color:var(--berac-primary-deep)!important;box-shadow:0 4px 14px rgb(0 114 206 / .3)}.berac-btn-secondary{background-color:var(--berac-secondary-light)!important;color:var(--berac-primary)!important;border:1px solid #b3d4ff!important}.berac-btn-secondary:hover{background-color:#cce3ff!important}.berac-btn-danger{background-color:var(--berac-danger)!important;color:var(--berac-white)!important}.berac-btn-danger:hover{background-color:#c0392b!important}.berac-btn-outline{background-color:transparent!important;color:var(--berac-text)!important;border:1.5px solid var(--berac-border)!important}.berac-btn-outline:hover{background-color:var(--berac-bg)!important}.berac-calc-btn{width:100%;padding:.8rem 1.5rem;margin-top:1.1rem;font-size:1rem!important;font-weight:700;letter-spacing:.02em}.berac-result-section{margin-top:1.25rem;animation:berac-fadeIn 0.32s ease}@keyframes berac-fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.berac-result-display{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem;background-color:var(--berac-secondary-light)!important;border:1px solid #b3d4ff!important;border-radius:8px;margin-bottom:1.3rem;flex-wrap:wrap}.berac-result-main{display:flex;flex-direction:column;gap:.22rem}.berac-result-label{font-size:0.8rem!important;font-weight:600;color:var(--berac-primary-deep)!important;text-transform:uppercase;letter-spacing:.07em}.berac-result-value{font-size:3.2rem!important;font-weight:900;color:var(--berac-primary)!important;line-height:1;letter-spacing:-.03em}.berac-result-grade{font-size:0.86rem!important;font-weight:700;padding:.2rem .65rem;border-radius:20px;display:inline-block;width:fit-content}.berac-result-gauge-wrap{display:flex;flex-direction:column;align-items:center;gap:.2rem}.berac-gauge-canvas{display:block}.berac-gauge-label{font-size:0.75rem!important;font-weight:600;color:var(--berac-primary)!important;text-align:center}.berac-breakdown{margin-bottom:1.3rem}.berac-breakdown-title{font-size:0.82rem!important;font-weight:700;color:#6b7280!important;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.7rem}.berac-breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--berac-gap)}@media (max-width:480px){.berac-breakdown-grid{grid-template-columns:1fr}}.berac-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background-color:var(--berac-bg)!important;border:1px solid var(--berac-border)!important;border-radius:var(--berac-radius);gap:.5rem}.berac-breakdown-item--highlight{background-color:var(--berac-secondary-light)!important;border-color:#b3d4ff!important}.berac-breakdown-key{font-size:0.78rem!important;font-weight:500;color:#6b7280!important}.berac-breakdown-val{font-size:0.88rem!important;font-weight:700;color:var(--berac-text)!important;text-align:right}.berac-scale-ref{margin-bottom:1.3rem}.berac-scale-bars{display:flex;flex-direction:column;gap:.4rem}.berac-scale-bar-row{display:flex;align-items:center;gap:.6rem}.berac-scale-bar-label{font-size:0.75rem!important;font-weight:600;color:#6b7280!important;min-width:90px;flex-shrink:0}.berac-scale-bar-track{flex:1;height:10px;background-color:var(--berac-border)!important;border-radius:5px;overflow:hidden}.berac-scale-bar-fill{height:100%;border-radius:5px;transition:width 0.6s cubic-bezier(.4,0,.2,1)}.berac-scale-bar-active .berac-scale-bar-label{color:var(--berac-primary)!important;font-weight:700}.berac-scale-bar-active .berac-scale-bar-track{border:1.5px solid var(--berac-primary)!important}.berac-actions{display:flex;flex-wrap:wrap;gap:.65rem;padding-top:.8rem;border-top:1px solid var(--berac-border)}.berac-tiers-card{background-color:var(--berac-white)!important;border:1px solid var(--berac-border)!important;border-radius:var(--berac-card-radius);padding:var(--berac-spacing);box-shadow:var(--berac-shadow-sm)}.berac-tiers-table{display:flex;flex-direction:column;gap:.28rem;font-size:0.84rem!important}.berac-tiers-head{display:grid;grid-template-columns:1.2fr 1fr 2fr;gap:.5rem;padding:.4rem .7rem;background-color:var(--berac-bg)!important;border:1px solid var(--berac-border)!important;border-radius:4px;font-weight:700;font-size:0.78rem!important;color:#6b7280!important;text-transform:uppercase;letter-spacing:.05em}.berac-tiers-row{display:grid;grid-template-columns:1.2fr 1fr 2fr;gap:.5rem;padding:.45rem .7rem;border:1px solid var(--berac-border)!important;border-radius:4px;align-items:center;transition:background-color 0.15s}.berac-tiers-row:hover{background-color:var(--berac-bg)!important}.berac-tiers-row.berac-tiers-row--active{background-color:var(--berac-secondary-light)!important;border-color:#b3d4ff!important}.berac-tier-range{font-weight:600;color:var(--berac-text)!important;font-size:0.84rem!important}.berac-tier-grade{display:inline-flex;align-items:center;justify-content:center;padding:.18rem .55rem;border-radius:20px;font-weight:700;font-size:0.78rem!important;letter-spacing:.03em;width:fit-content}.berac-tier-desc{color:#6b7280!important;font-size:0.8rem!important;font-weight:400}.berac-modal-overlay{position:fixed;inset:0;background-color:rgb(0 0 0 / .45)!important;display:flex;align-items:center;justify-content:center;z-index:9000;animation:berac-fadeIn 0.18s ease;padding:1rem}.berac-modal{background-color:var(--berac-white)!important;border-radius:12px;padding:2rem;width:100%;max-width:380px;box-shadow:var(--berac-shadow-lg);display:flex;flex-direction:column;align-items:center;gap:.85rem;text-align:center;animation:berac-slideUp 0.22s ease}@keyframes berac-slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.berac-modal-icon{margin-bottom:.2rem}.berac-modal-title{font-size:1.1rem!important;font-weight:700;color:var(--berac-text)!important}.berac-modal-body{font-size:0.88rem!important;color:#6b7280!important;line-height:1.55}.berac-modal-actions{display:flex;gap:.65rem;width:100%;margin-top:.4rem}.berac-modal-actions .berac-btn{flex:1}.berac-toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(0);background-color:#1e2128!important;color:#f1f3f5!important;font-size:0.88rem!important;font-weight:500;padding:.65rem 1.3rem;border-radius:6px;box-shadow:var(--berac-shadow-md);z-index:9999;white-space:nowrap;animation:berac-toastIn 0.22s ease;display:flex;align-items:center;gap:.5rem}@keyframes berac-toastIn{from{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.berac-hidden{display:none!important}@media (max-width:600px){.berac-title{font-size:1.35rem!important}.berac-result-value{font-size:2.5rem!important}.berac-tiers-head,.berac-tiers-row{grid-template-columns:1.1fr 0.9fr 1.8fr}}@media (max-width:400px){.berac-header{flex-direction:column;align-items:flex-start}.berac-tiers-head,.berac-tiers-row{grid-template-columns:1fr 1fr}.berac-tiers-head span:last-child,.berac-tiers-row .berac-tier-desc{display:none}}