@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Syne:wght@600;700;800&display=swap";:root{--p-bg:#f0f2f5;--p-bg2:#fff;--p-bg3:#f7f8fa;--p-border:#e3e7ee;--p-border2:#cdd3de;--p-cyan:#00bcd4;--p-cyan-hover:#0097a7;--p-cyan-light:#e6f7fa;--p-cyan-border:#b2e8f0;--p-navy:#1a1f4e;--p-navy-light:#eceef7;--p-green:#0faa6e;--p-green-light:#e6f8f2;--p-amber:#e8970a;--p-amber-light:#fef6e4;--p-red:#e53e3e;--p-red-light:#fff0f0;--p-purple:#6c4fdb;--p-purple-light:#f0ecfd;--p-text:#1a2030;--p-text2:#5a6478;--p-text3:#9aa3b2}.portal-root{background-color:var(--p-bg);color:var(--p-text);font-family:DM Sans,system-ui,sans-serif;min-height:100vh}.portal-card{background-color:var(--p-bg2);border:1px solid var(--p-border);border-radius:10px;padding:16px 18px;transition:all .15s ease}.portal-sidebar{background-color:var(--p-navy);left:0;min-height:100vh;position:fixed;top:0;width:210px;z-index:40}.portal-input{background-color:var(--p-bg3);border:1px solid var(--p-border);border-radius:8px;color:var(--p-text);font-family:DM Sans,system-ui,sans-serif;font-size:13px;padding:10px 14px;transition:border-color .15s ease;width:100%}.portal-input:focus{border-color:var(--p-cyan);outline:none}.portal-input::-moz-placeholder{color:var(--p-text3)}.portal-input::placeholder{color:var(--p-text3)}.portal-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:DM Sans,system-ui,sans-serif;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;transition:all .15s ease}.portal-btn-primary{background-color:var(--p-cyan);color:#fff}.portal-btn-primary:hover{background-color:var(--p-cyan-hover)}.portal-btn-secondary{background-color:transparent;border:1px solid var(--p-border2);color:var(--p-text2)}.portal-btn-secondary:hover{border-color:var(--p-navy);color:var(--p-navy)}.portal-scrollbar::-webkit-scrollbar{width:4px}.portal-scrollbar::-webkit-scrollbar-track{background:transparent}.portal-scrollbar::-webkit-scrollbar-thumb{background-color:var(--p-border2);border-radius:99px}.portal-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--p-text3)}@keyframes portal-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.portal-animate-in{animation:portal-fade-in .3s ease forwards}@media(max-width:767px){.portal-sidebar{border-right:none;border-top:1px solid var(--p-border);height:64px;inset:auto 0 0;min-height:auto;position:fixed;width:100%;z-index:50}}.seo-metric-card{padding:16px}.seo-card,.seo-metric-card{background:var(--p-bg2);border:1px solid var(--p-border);border-radius:10px}.seo-card{padding:18px}.seo-bg{background:var(--p-bg)}.seo-cyan{color:var(--p-cyan)}.seo-green{color:var(--p-green)}.seo-amber{color:var(--p-amber)}.seo-red{color:var(--p-red)}.seo-navy{color:var(--p-navy)}.seo-purple{color:var(--p-purple)}