.rate-monitor-container{background:linear-gradient(135deg, var(--color-srk-panel) 0%, var(--color-srk-ink) 100%);border:1px solid color-mix(in srgb, var(--color-srk-gold) 20%, transparent);box-shadow:0 20px 25px -5px color-mix(in srgb, var(--color-black) 10%, transparent),0 10px 10px -5px color-mix(in srgb, var(--color-black) 4%, transparent);border-radius:1rem;flex-direction:column;height:100%;display:flex;overflow:hidden}.rate-monitor-header{background:linear-gradient(90deg, color-mix(in srgb, var(--color-srk-blue-light) 45%, transparent) 0%, color-mix(in srgb, var(--color-srk-gold) 10%, transparent) 100%);border-bottom:1px solid color-mix(in srgb, var(--color-srk-gold) 20%, transparent);-webkit-backdrop-filter:blur(var(--blur-srk-glass-sm));backdrop-filter:blur(var(--blur-srk-glass-sm));align-items:center;gap:.75rem;padding:1.5rem;display:flex}.rate-monitor-header-icon{background:linear-gradient(135deg, color-mix(in srgb, var(--color-srk-gold) 20%, transparent) 0%, color-mix(in srgb, var(--color-srk-gold-dark) 20%, transparent) 100%);width:2.5rem;height:2.5rem;color:var(--color-srk-gold);border:1px solid color-mix(in srgb, var(--color-srk-gold) 40%, transparent);box-shadow:0 10px 15px -3px color-mix(in srgb, var(--color-srk-gold) 20%, transparent);border-radius:.75rem;justify-content:center;align-items:center;display:flex}.rate-monitor-header-icon svg{width:1.5rem;height:1.5rem}.rate-monitor-header-title{color:var(--color-white);font-size:1.5rem;font-weight:700}.rate-monitor-tabs{flex-direction:column;flex:1;display:flex}.rate-monitor-tabs .tabs-list{background:linear-gradient(90deg, color-mix(in srgb, var(--color-srk-blue-light) 30%, transparent) 0%, color-mix(in srgb, var(--color-srk-gold) 8%, transparent) 100%);border-bottom:1px solid color-mix(in srgb, var(--color-srk-gold) 10%, transparent);-webkit-backdrop-filter:blur(var(--blur-srk-glass-sm));backdrop-filter:blur(var(--blur-srk-glass-sm));border-radius:0;grid-template-columns:repeat(4,1fr);gap:.25rem;height:auto;padding:.25rem;display:grid}.rate-monitor-tabs .tabs-list .tab-trigger{color:color-mix(in srgb, var(--color-srk-steel) 90%, transparent);background:0 0;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.rate-monitor-tabs .tabs-list .tab-trigger:hover{background:color-mix(in srgb, var(--color-srk-gold) 10%, transparent);border-color:color-mix(in srgb, var(--color-srk-gold) 20%, transparent)}.rate-monitor-tabs .tabs-list .tab-trigger[data-state=active]{background:linear-gradient(135deg, color-mix(in srgb, var(--color-srk-gold) 20%, transparent) 0%, color-mix(in srgb, var(--color-srk-gold-dark) 20%, transparent) 100%);border-color:color-mix(in srgb, var(--color-srk-gold) 30%, transparent);color:var(--color-white);box-shadow:0 4px 6px -1px color-mix(in srgb, var(--color-srk-gold) 10%, transparent)}.rate-monitor-tabs .tabs-list .tab-trigger .tab-icon{width:1rem;height:1rem}@media (max-width:640px){.rate-monitor-tabs .tabs-list .tab-trigger .tab-label{display:none}}.rate-monitor-tabs .tabs-content{background:linear-gradient(135deg, color-mix(in srgb, var(--color-srk-panel) 95%, transparent) 0%, color-mix(in srgb, var(--color-srk-ink) 95%, transparent) 100%);-webkit-backdrop-filter:blur(var(--blur-srk-glass-sm));backdrop-filter:blur(var(--blur-srk-glass-sm));flex:1;padding:1.5rem;overflow-y:auto}.rate-monitor-widget{background:linear-gradient(135deg, color-mix(in srgb, var(--color-srk-blue-light) 25%, transparent) 0%, color-mix(in srgb, var(--color-srk-gold) 5%, transparent) 100%);border:1px solid color-mix(in srgb, var(--color-srk-gold) 20%, transparent);border-radius:.5rem;height:580px;position:relative;overflow:hidden}.rate-monitor-widget-loading{color:var(--color-srk-steel);z-index:10;background:color-mix(in srgb, var(--color-srk-ink) 50%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rate-monitor-widget-loading .spinner{border:3px solid color-mix(in srgb, var(--color-srk-gold) 20%, transparent);border-top-color:var(--color-srk-gold);width:2rem;height:2rem;animation:loading-spin 1s var(--ease-srk-standard) infinite;border-radius:50%;margin-bottom:1rem}.rate-monitor-widget-loading .loading-text{font-weight:500;animation:2s ease-in-out infinite loading-pulse}.rate-monitor-widget iframe{border:none;width:100%;height:100%;transition:opacity .5s}.rate-monitor-resource-card{background:linear-gradient(90deg, color-mix(in srgb, var(--color-srk-blue-light) 25%, transparent) 0%, color-mix(in srgb, var(--color-srk-gold) 5%, transparent) 100%);border:1px solid color-mix(in srgb, var(--color-srk-gold) 10%, transparent);cursor:pointer;color:inherit;border-radius:.5rem;align-items:center;gap:1rem;padding:1rem;text-decoration:none;transition:all .3s;display:flex}.rate-monitor-resource-card:hover{background:linear-gradient(90deg, color-mix(in srgb, var(--color-srk-blue-light) 40%, transparent) 0%, color-mix(in srgb, var(--color-srk-gold) 8%, transparent) 100%);border-color:color-mix(in srgb, var(--color-srk-gold) 30%, transparent);transform:translate(4px)}.rate-monitor-resource-card-icon{background:linear-gradient(135deg, color-mix(in srgb, var(--color-srk-panel-raised) 60%, transparent) 0%, color-mix(in srgb, var(--color-srk-panel) 60%, transparent) 100%);border:1px solid color-mix(in srgb, var(--color-srk-gold) 20%, transparent);border-radius:.5rem;padding:.75rem}.rate-monitor-resource-card-icon svg{width:1.5rem;height:1.5rem;color:var(--color-srk-gold)}.rate-monitor-resource-card-content{flex:1}.rate-monitor-resource-card-content h4{color:var(--color-srk-light);margin-bottom:.25rem;font-weight:600}.rate-monitor-resource-card-content p{color:var(--color-srk-steel);font-size:.875rem}.rate-monitor-resource-card-arrow{width:1.25rem;height:1.25rem;color:var(--color-srk-dim);transition:all .3s}.rate-monitor-resource-card:hover .rate-monitor-resource-card-arrow{color:var(--color-white);transform:translate(4px)}.rate-monitor-faq-item{background:linear-gradient(90deg, color-mix(in srgb, var(--color-srk-blue-light) 25%, transparent) 0%, color-mix(in srgb, var(--color-srk-gold) 5%, transparent) 100%);border:1px solid color-mix(in srgb, var(--color-srk-gold) 10%, transparent);border-radius:.5rem;margin-bottom:.5rem;transition:all .3s;overflow:hidden}.rate-monitor-faq-item:hover{border-color:color-mix(in srgb, var(--color-srk-gold) 20%, transparent)}.rate-monitor-faq-item[data-state=open]{background:linear-gradient(90deg, color-mix(in srgb, var(--color-srk-blue-light) 35%, transparent) 0%, color-mix(in srgb, var(--color-srk-gold) 8%, transparent) 100%);border-color:color-mix(in srgb, var(--color-srk-gold) 30%, transparent)}.rate-monitor-faq-trigger{color:var(--color-srk-light);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1rem;font-weight:600;transition:color .3s;display:flex}.rate-monitor-faq-trigger:hover{color:var(--color-white)}.rate-monitor-faq-content{color:var(--color-srk-steel);padding:0 1rem 1rem;font-size:.875rem;line-height:1.6}.rate-monitor-cta{text-align:center;background:linear-gradient(135deg, color-mix(in srgb, var(--color-srk-blue-light) 35%, transparent) 0%, color-mix(in srgb, var(--color-srk-gold) 8%, transparent) 100%);border:1px solid color-mix(in srgb, var(--color-srk-gold) 20%, transparent);border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex}.rate-monitor-cta-title{color:var(--color-srk-light);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.rate-monitor-cta-description{color:var(--color-srk-steel);max-width:24rem;margin-bottom:1.5rem;font-size:.875rem;line-height:1.6}.rate-monitor-cta-buttons{flex-direction:column;gap:1rem;width:100%;max-width:20rem;display:flex}@media (min-width:640px){.rate-monitor-cta-buttons{flex-direction:row;max-width:34rem}}.rate-monitor-cta-button{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 2rem;font-size:.875rem;font-weight:600;transition:all .3s;display:inline-flex}.rate-monitor-cta-button--primary{background:var(--gradient-srk-accent-x);color:var(--color-brand-action-fg);border-color:color-mix(in srgb, var(--color-srk-gold) 30%, transparent)}.rate-monitor-cta-button--primary:hover{background:linear-gradient(90deg, var(--color-srk-gold-dark) 0%, var(--color-srk-gold-deep) 100%);box-shadow:0 10px 25px -5px color-mix(in srgb, var(--color-srk-gold) 30%, transparent);transform:translateY(-2px)}.rate-monitor-cta-button--secondary{color:var(--color-srk-gold);border-color:color-mix(in srgb, var(--color-srk-gold-bright) 50%, transparent);background:0 0}.rate-monitor-cta-button--secondary:hover{background:color-mix(in srgb, var(--color-srk-gold-bright) 10%, transparent);border-color:var(--color-srk-gold);box-shadow:0 10px 25px -5px color-mix(in srgb, var(--color-srk-gold-bright) 20%, transparent);transform:translateY(-2px)}.rate-monitor-cta-button svg{width:1.25rem;height:1.25rem}.rate-monitor-intro{text-align:center;color:var(--color-srk-steel);margin-bottom:1rem;font-size:.875rem}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes loading-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes streaming-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.streaming-title-gold{background:linear-gradient(90deg, var(--color-white), var(--color-white) 40%, var(--color-srk-gold) 50%, var(--color-srk-gold-dark) 60%, var(--color-white) 70%, var(--color-white));-webkit-text-fill-color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite streaming-gradient}.rate-monitor-tabs .tabs-content::-webkit-scrollbar{width:6px}.rate-monitor-tabs .tabs-content::-webkit-scrollbar-track{background:color-mix(in srgb, var(--color-srk-panel-raised) 50%, transparent);border-radius:3px}.rate-monitor-tabs .tabs-content::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--color-srk-gold) 40%, transparent);border-radius:3px}.rate-monitor-tabs .tabs-content::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--color-srk-gold) 60%, transparent)}@media (max-width:767px){.rate-monitor-header,.rate-monitor-tabs .tabs-content{padding:1rem}.rate-monitor-cta{padding:1.5rem}}@media (prefers-color-scheme:dark){.rate-monitor-container{box-shadow:0 20px 25px -5px color-mix(in srgb, var(--color-black) 30%, transparent),0 10px 10px -5px color-mix(in srgb, var(--color-black) 20%, transparent)}}