@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;800;900&display=swap');

*, *:before, *:after { box-sizing: border-box; }
.rb-widget-overlay{ position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 40px; }
.rb-widget-outcontainer { position: relative; z-index: 9999; padding: 40px; width: 700px; max-width: 96%; margin: 0 auto; font-family: "Inter", sans-serif; font-weight: 300; font-style: normal; -webkit-font-smoothing: antialiased; font-size: 15px; background-color: #FFF; box-shadow: 0 0 30px rgba(0,0,0,0.05); border-radius: 10px; max-height: calc(100vh - 80px); }
.rb-widget-outcontainer p { margin: 0; padding: 0; }
.rb-widget-outcontainer img { max-width: 100%; height: auto; display: block; }
.rb-tabs-navigation { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; flex-wrap: wrap; }
.rb-tab-btn { background-color: #FFFFFF; color: #117069; border: 1px solid #117069; font-weight: 700; border-radius: 999px; padding: 10px 20px; cursor: pointer; font-size: 15px; text-align: center; display: flex; align-items: center; gap: 20px; justify-content: center; transition: all 0.3s ease; }
.rb-tab-btn.active { background-color: #117069; color: #FFF; border: 1px solid #117069; }
.rb-tab-btn:hover { background-color: #004a44; color: #FFF; }
.rb-widget-outcontainer button[type="submit"] svg { width: 15px; height: auto; fill: #FFFFFF; }
.rb-widget-outcontainer strong { font-weight: 700; }
.rb-widget-outcontainer h2 { margin: 0 0 20px 0; padding: 0; font-size: 22px; font-weight: 700; }
.rb-widget-outcontainer h3 { margin: 0 0 10px 0; padding: 0; font-size: 15px; font-weight: 700; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.rb-plan-meta { margin-bottom: 10px; }
.rb-logo { margin: 0 0 20px 0; }
.rb-close-btn { position: absolute; top: 20px; right: 20px; background-color: transparent; border: 1px solid #ddd; border-radius: 50%; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.rb-close-btn svg { width: 64%; transition: transform .35s ease; transform-origin: 50% 50%; }
.rb-close-btn:hover svg { transform: rotate(360deg); }
.rb-plans-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
.rb-plan-card { border: 1px solid #eee; padding: 15px; border-radius: 6px; }
.rb-stat-row { display: flex; justify-content: space-between; font-size: 12px; padding: 2px 0; }
.rb-stat-row > span { color: #696969; }
.rb-stat-row > strong { font-weight: 400; }
.rb-stat-total { display: flex; justify-content: space-between; padding-top: 10px; border-top: 1px solid #eee; margin-top: 10px; color: #117069; font-weight: 700; }
.rb-tab-pane { display: none; }
.rb-tab-pane.active { display: block; }
@media (max-width: 768px) { .rb-plans-grid { grid-template-columns: 1fr; } }