:root{--blue:#3157ff;--purple:#6b38ff;--ink:#111827;--muted:#6b7280;--line:#e5e7eb;--bg:#f5f7fb;--card:#fff;--soft:#eef2ff;--dark:#0b1020}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.topbar{max-width:1280px;margin:auto;display:flex;align-items:center;gap:14px;padding:10px 16px}.logo{font-weight:900;font-size:25px;letter-spacing:-1px;color:var(--blue)}.logo span{color:var(--purple)}.search{flex:1;display:flex;border:2px solid var(--blue);border-radius:999px;overflow:hidden;background:#fff}.search input{flex:1;border:0;padding:12px 16px;font-size:15px;outline:0}.search button{border:0;background:linear-gradient(90deg,var(--blue),var(--purple));color:white;padding:0 22px;font-weight:800}.quick{display:flex;gap:12px;align-items:center;font-size:13px}.quick a,.quick button{background:transparent;border:0;font-weight:700;cursor:pointer}.lang{position:relative}.lang-menu{display:none;position:absolute;right:0;top:30px;background:white;color:#111;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px #0002;min-width:190px;overflow:hidden;z-index:100}.lang.open .lang-menu{display:block}.lang-menu button{display:block;width:100%;text-align:left;padding:11px 14px;color:#111;background:white;border:0;border-bottom:1px solid #f0f0f0}.lang-menu button:hover{background:#eef2ff}.nav{background:#10172a;color:white}.nav-inner{max-width:1280px;margin:auto;display:flex;gap:2px;align-items:center;padding:0 16px;overflow-x:auto}.nav-item{position:relative;padding:12px 14px;font-weight:800;font-size:14px;white-space:nowrap}.nav-item:hover{background:#1e293b}.mega{display:none;position:absolute;left:0;top:100%;background:white;color:#111;border:1px solid var(--line);box-shadow:0 20px 50px #0003;border-radius:0 0 16px 16px;width:720px;padding:20px;grid-template-columns:repeat(4,1fr);gap:18px}.nav-item:hover .mega{display:grid}.mega h4{margin:0 0 8px;color:var(--blue)}.mega a{display:block;padding:6px 0;color:#334155;font-weight:600}.mobile-btn{display:none}.wrap{max-width:1280px;margin:18px auto;padding:0 16px}.portal-grid{display:grid;grid-template-columns:250px 1fr 320px;gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px #1f29370b;overflow:hidden}.card.pad{padding:18px}.service-list a{display:flex;justify-content:space-between;padding:11px 14px;border-bottom:1px solid #f1f5f9;font-weight:750}.service-list a:hover{background:#f8fafc;color:var(--blue)}.hero{display:grid;grid-template-columns:1.3fr .9fr;gap:16px}.lead{min-height:300px;background:linear-gradient(145deg,#172554,#3157ff);color:white;border-radius:18px;padding:24px;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden}.lead:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,#ffffff44,transparent 35%)}.lead h1{font-size:38px;line-height:1.02;margin:0 0 12px;position:relative}.lead p{position:relative;font-size:16px;opacity:.93}.headline{display:flex;gap:12px;padding:14px;border-bottom:1px solid #eef2f7}.thumb{width:82px;height:62px;background:linear-gradient(135deg,#dbeafe,#c4b5fd);border-radius:12px;flex:0 0 auto}.headline b{display:block;margin-bottom:5px}.headline small{color:var(--muted)}.ticker{display:flex;gap:10px;overflow:hidden;padding:10px 0;color:#065f46;font-weight:800}.ticker span{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;padding:7px 10px;white-space:nowrap}.section-title{display:flex;justify-content:space-between;align-items:center;margin:22px 0 10px}.section-title h2{margin:0;font-size:21px}.widgets{display:grid;gap:14px}.widget-title{font-weight:900;margin-bottom:10px;color:#0f172a}.mailbox{background:linear-gradient(135deg,#eef2ff,#fff);padding:16px}.mail-login{display:grid;gap:8px}.mail-login input{padding:11px;border:1px solid var(--line);border-radius:10px}.primary{background:linear-gradient(90deg,var(--blue),var(--purple));border:0;color:#fff;font-weight:900;border-radius:10px;padding:11px;cursor:pointer}.ghost{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px;font-weight:800}.small-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mini{padding:16px}.mini b{font-size:17px}.mini p{color:var(--muted);font-size:13px}.market-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.deal{padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}.deal .img{height:105px;border-radius:12px;background:linear-gradient(135deg,#e0f2fe,#f5d0fe);margin-bottom:10px}.footer{margin-top:30px;background:#0b1020;color:#cbd5e1}.footer-inner{max-width:1280px;margin:auto;padding:28px 16px;display:grid;grid-template-columns:2fr repeat(4,1fr);gap:20px}.footer h4{color:white}.footer a{display:block;color:#cbd5e1;padding:4px 0}.page-hero{background:linear-gradient(135deg,#10172a,#3157ff);color:white;border-radius:22px;padding:38px;margin-bottom:18px}.page-hero h1{font-size:42px;margin:0 0 8px}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.form{display:grid;gap:12px}.form input,.form select,.form textarea{padding:12px;border:1px solid var(--line);border-radius:10px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.pill{display:inline-block;padding:6px 9px;border-radius:999px;background:#eef2ff;color:#3730a3;font-weight:800;font-size:12px}@media(max-width:900px){.topbar{flex-wrap:wrap}.search{order:3;flex-basis:100%}.quick{margin-left:auto}.mobile-btn{display:block;border:0;background:#10172a;color:white;border-radius:10px;padding:9px}.nav-inner{display:none;flex-direction:column;align-items:stretch}.nav.open .nav-inner{display:flex}.nav-item{width:100%}.mega{position:static;width:100%;box-shadow:none;border-radius:10px;grid-template-columns:1fr 1fr}.portal-grid{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.small-grid,.market-strip,.content-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.lead h1{font-size:30px}} /* PLUS APPLIED: richer Yahoo-style content without changing core layout */ .visual{width:100%;height:150px;object-fit:cover;display:block;border-radius:14px;background:#eef2ff}.lead.visual-hero{padding:0;background:none}.lead.visual-hero img{width:100%;height:100%;min-height:300px;object-fit:cover;border-radius:18px}.lead.visual-hero .overlay{position:absolute;inset:auto 0 0 0;padding:24px;background:linear-gradient(transparent,rgba(0,0,0,.68));color:#fff}.news-deck{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.story-card{padding:13px;border-bottom:1px solid #eef2f7}.story-card img{height:120px;margin-bottom:10px}.story-meta{display:flex;gap:8px;align-items:center;color:#64748b;font-size:12px;margin-top:7px}.dot{width:6px;height:6px;border-radius:50%;background:#3157ff;display:inline-block}.widget-stack{display:grid;gap:10px}.quote-row,.score-row,.weather-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #eef2f7}.quote-row strong,.score-row strong{font-size:13px}.quote-up{color:#059669;font-weight:900}.quote-down{color:#dc2626;font-weight:900}.ad-slot{background:linear-gradient(135deg,#f8fafc,#eef2ff);border:1px dashed #c7d2fe;border-radius:16px;padding:14px;text-align:center;color:#475569;font-weight:800}.personal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.personal-tile{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;min-height:96px}.personal-tile b{display:block}.personal-tile small{color:#64748b}.lang-note{font-size:12px;color:#64748b;margin-top:6px}.mail-preview-list{display:grid;gap:8px}.mail-item{padding:10px;border:1px solid #eef2f7;border-radius:12px;background:#fff}.mail-item b{display:block}.mail-item small{color:#64748b}.backend-box{background:#0b1020;color:#dbeafe;border-radius:16px;padding:16px;overflow:auto}.backend-box code{white-space:pre-wrap;font-size:12px}.page-image{margin-bottom:16px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi{padding:14px;border-radius:16px;background:#fff;border:1px solid var(--line)}.kpi strong{display:block;font-size:22px}.translate-badge{display:inline-flex;gap:8px;align-items:center;padding:7px 10px;border-radius:999px;background:#ecfeff;color:#155e75;font-weight:800;font-size:12px}@media(max-width:900px){.news-deck,.personal-grid,.kpi-grid{grid-template-columns:1fr}.lead.visual-hero img{min-height:260px}} /* Ecosystem upgrade: My Web Republic, Alerts, Answers, Widgets */ .page-hero.compact{margin:24px 0;display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(135deg,#eef3ff,#fff);border:1px solid #e4e9f8;border-radius:24px;padding:28px;box-shadow:0 18px 50px rgba(42,25,84,.08)} .eyebrow{font-weight:800;letter-spacing:.1em;color:#5f2eea;font-size:12px}.big{padding:14px 20px!important;border-radius:14px;text-decoration:none;display:inline-flex;align-items:center}.dashboard-layout,.widget-manager,.alert-board,.answers-layout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:34px}.wide{grid-column:span 2}.profile-card{grid-column:span 2;padding:22px}.interest-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.interest-tags span{background:#f0ebff;color:#4e24c8;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.clean{margin:0;padding-left:18px;line-height:1.9}.alert{padding:20px;border-left:5px solid #5f2eea}.alert.critical{border-left-color:#d93025;background:#fff8f8}.answers-layout{grid-template-columns:1.2fr 1fr 1fr}.ask-box{grid-row:span 2;padding:22px}.ask-box input,.ask-box textarea{width:100%;box-sizing:border-box;border:1px solid #dce2ef;border-radius:14px;padding:13px;margin:8px 0;font:inherit}.ask-box textarea{min-height:120px}.q-card{padding:20px}.widget-option{padding:20px}.widget-option.active{outline:2px solid #e5dcff}.widget-option label{display:block;margin-top:14px;font-size:13px;color:#4d596f}.bottom-nav{display:none}.primary{background:#5f2eea;color:white;border:0;border-radius:12px;padding:11px 14px;font-weight:800;cursor:pointer}.ghost{border:1px solid #dadff0;background:white;border-radius:12px;padding:10px 12px;cursor:pointer}.pill{display:inline-flex;margin-top:10px;background:#f0ebff;color:#4e24c8;padding:8px 12px;border-radius:999px;text-decoration:none;font-weight:800}@media(max-width:900px){.dashboard-layout,.widget-manager,.alert-board,.answers-layout{grid-template-columns:1fr}.wide,.profile-card{grid-column:auto}.page-hero.compact{display:block}.bottom-nav{position:fixed;left:10px;right:10px;bottom:10px;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border:1px solid #e1e5f2;border-radius:20px;padding:8px;box-shadow:0 15px 50px rgba(28,22,59,.16)}.bottom-nav a{text-align:center;text-decoration:none;color:#26324b;font-size:18px;font-weight:800}.bottom-nav span{display:block;font-size:10px;margin-top:2px}body{padding-bottom:80px}} /* Internet TV module - added without changing existing portal design */ .tv-page{padding-bottom:90px}.tv-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;margin-bottom:20px;padding:24px;overflow:hidden}.tv-hero h1{font-size:42px;line-height:1.02;margin:12px 0}.tv-hero p{color:#5e677a;font-size:16px;max-width:680px}.tv-hero img{width:100%;border-radius:24px;box-shadow:0 18px 45px rgba(33,74,170,.14)}.tv-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.tv-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.tv-player-card{padding:16px}.tv-player-top{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:12px}.tv-player-top small{display:block;color:#6e7586;margin-top:3px}.live-badge{font-weight:800;color:#e1003c;background:#fff0f4;border:1px solid #ffd2dc;padding:7px 10px;border-radius:999px;font-size:12px}#tvPlayer{width:100%;aspect-ratio:16/9;background:#07142f;border-radius:18px;display:block}.tv-note{background:#f6f8ff;border:1px solid #dde5ff;border-radius:16px;padding:12px;margin-top:12px;color:#44506a}.tv-sidebar{padding:16px;height:max-content}.tv-filters{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tv-filters button,.tv-channel-list button{border:1px solid #dde4f2;background:#fff;border-radius:12px;padding:9px 10px;cursor:pointer}.tv-filters button.active{background:#2626a8;color:#fff;border-color:#2626a8}.tv-channel-list{display:grid;gap:10px}.tv-channel-list button{text-align:left;display:block;width:100%}.tv-channel-list button b{display:block}.tv-channel-list button small{display:block;color:#72798a;margin-top:4px}.tv-channel-list button:hover{border-color:#6a5cff;box-shadow:0 8px 22px rgba(38,38,168,.08)}.muted{color:#687184}.quick a[href$="internet-tv.html"],.nav-item a[href$="internet-tv.html"]{font-weight:800} @media(max-width:850px){.tv-hero,.tv-layout{grid-template-columns:1fr}.tv-hero h1{font-size:32px}.tv-layout{gap:14px}} /* TV REALISTIC UPGRADE */ .tv-real-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px}.tv-screen{position:relative;background:#07142f;border-radius:18px;overflow:hidden}.tv-screen #tvPlayer{border-radius:18px}.tv-overlay-info{position:absolute;top:12px;right:12px;display:flex;gap:8px}.tv-overlay-info span{background:rgba(7,20,47,.74);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.tv-player-tools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tv-search{width:100%;border:1px solid #dde4f2;border-radius:14px;padding:11px;margin:8px 0 4px}.tv-channel-list button.active{border-color:#2626a8;background:#f5f6ff}.tv-channel-list .channel-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.tv-channel-list .channel-meta span{font-size:11px;border-radius:999px;background:#eef2ff;color:#343494;padding:4px 7px;font-weight:800}.tv-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin:18px 0}.tv-program-card{display:grid;gap:5px}.tv-program-card small{color:#6b7280}.tv-epg{padding:4px 14px;margin-bottom:20px}.tv-epg-row{display:grid;grid-template-columns:90px 1fr 180px 120px;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid #eef2f7}.tv-epg-row.head{font-weight:900;color:#334155}.tv-epg-row b{display:block}.tv-epg-row small{color:#64748b}.tv-badge{display:inline-flex;border-radius:999px;background:#f1f5f9;padding:5px 9px;font-size:12px;font-weight:800}.tv-main-player{min-width:0}.tv-guide{max-height:760px;overflow:auto}@media(max-width:900px){.tv-real-layout,.tv-info-grid{grid-template-columns:1fr}.tv-epg-row{grid-template-columns:70px 1fr}.tv-epg-row span:nth-child(3),.tv-epg-row span:nth-child(4){display:none}.tv-guide{max-height:none}} /* REALISTIC TV UPGRADE - visibly richer internet TV module */ .tv-pro .tv-studio-hero{display:grid;grid-template-columns:1.5fr .85fr;gap:18px;align-items:stretch;background:linear-gradient(135deg,#06153d,#172a76 55%,#5d2bff);color:#fff;overflow:hidden;position:relative}.tv-pro .tv-studio-hero:after{content:"";position:absolute;right:-80px;top:-100px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.12)}.tv-hero-copy,.tv-hero-panel{position:relative;z-index:1}.red-dot{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.28)}.tv-kpis{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.tv-kpis span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:10px 12px;border-radius:16px}.tv-hero-panel{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:22px;padding:22px;display:flex;flex-direction:column;justify-content:center;gap:8px}.tv-hero-panel span{font-size:20px;font-weight:800}.tv-broadcast-grid{display:grid;grid-template-columns:minmax(0,1.6fr) 420px;gap:18px;margin-top:18px}.tv-screen-pro video{aspect-ratio:16/9;width:100%;background:#020617;border-radius:20px}.tv-guide-pro .tv-country-tabs,.tv-guide-pro .tv-filters{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0}.tv-country-tabs button,.tv-filters button{border:1px solid #dbe3f3;background:#fff;border-radius:999px;padding:8px 10px;cursor:pointer}.tv-country-tabs button.active,.tv-filters button.active{background:#2337d8;color:#fff;border-color:#2337d8}.tv-channel-list{display:flex;flex-direction:column;gap:8px;max-height:560px;overflow:auto;padding-right:3px}.tv-channel-list button{display:grid;grid-template-columns:70px 1fr;gap:10px;text-align:left;align-items:center;border:1px solid #e3e9f5;background:#fff;border-radius:16px;padding:8px;cursor:pointer}.tv-channel-list button.active{border-color:#2536d9;box-shadow:0 0 0 3px rgba(37,54,217,.12)}.tv-channel-list img{width:70px;height:48px;object-fit:cover;border-radius:12px}.tv-channel-list small{display:block;color:#667085;line-height:1.35}.tv-channel-list em{display:block;font-style:normal;color:#2337d8;font-size:12px;margin-top:4px}.tv-channel-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tv-live-card{overflow:hidden;padding:0}.tv-live-card>img{width:100%;height:140px;object-fit:cover;display:block}.tv-live-card>div{padding:14px}.live-badge.small{font-size:11px;padding:5px 8px;border-radius:20px}.tv-adbar{margin-top:12px;background:#f7f8ff;border:1px dashed #c4cbff;border-radius:16px;padding:10px 12px;color:#344054;display:flex;gap:12px}.tv-toggle{display:flex;gap:8px;align-items:center;margin:10px 0}.tv-epg-pro .tv-epg-row{grid-template-columns:80px 1.4fr 1fr 100px 80px}.tv-service-grid .personal-tile{min-height:118px}.bottom-nav a[href$="internet-tv.html"]{font-weight:800}@media(max-width:900px){.tv-pro .tv-studio-hero,.tv-broadcast-grid{grid-template-columns:1fr}.tv-channel-cards{grid-template-columns:1fr}.tv-epg-pro .tv-epg-row{grid-template-columns:70px 1fr}.tv-epg-pro .tv-epg-row span:nth-child(n+3){display:none}} /* Web Republic Finance real module - added without changing base design */ .finance-shell{display:grid;grid-template-columns:260px minmax(0,1fr) 320px;gap:18px;margin-top:18px}.finance-side{position:sticky;top:112px;align-self:start;padding:14px}.finance-side h3{margin:6px 8px 12px}.finance-side a{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:12px;color:#26324b;font-weight:800}.finance-side a:hover,.finance-side a.active{background:#eef2ff;color:#3157ff}.finance-hero{background:linear-gradient(135deg,#071426,#1239a6 54%,#6b38ff);color:#fff;border-radius:24px;padding:28px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px;overflow:hidden;position:relative}.finance-hero:after{content:"";position:absolute;right:-80px;top:-90px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.12)}.finance-hero>*{position:relative;z-index:1}.finance-hero h1{font-size:42px;line-height:1.02;margin:0 0 10px}.finance-hero p{opacity:.93;font-size:16px}.finance-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.finance-panel{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:18px}.market-ticker{display:flex;gap:10px;overflow-x:auto;padding:10px 0}.market-ticker span{white-space:nowrap;border:1px solid #bbf7d0;background:#ecfdf5;color:#065f46;border-radius:999px;padding:8px 12px;font-weight:900}.market-ticker .down{background:#fff1f2;border-color:#fecdd3;color:#be123c}.finance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.finance-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px;box-shadow:0 10px 30px rgba(31,41,55,.06)}.finance-card h3{margin:0 0 8px}.quote-big{font-size:30px;font-weight:950;letter-spacing:-1px}.gain{color:#059669}.loss{color:#dc2626}.muted{color:#6b7280}.chart{height:140px;border-radius:16px;background:linear-gradient(180deg,#eef2ff,#fff);border:1px solid #e5e7eb;position:relative;overflow:hidden;margin:10px 0}.chart svg{width:100%;height:100%}.bar-chart{display:flex;align-items:end;gap:8px;height:120px;padding:8px 4px}.bar-chart span{flex:1;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#3157ff,#6b38ff);min-height:18px}.finance-table-wrap{overflow:auto;border:1px solid #e5e7eb;border-radius:18px;background:#fff}.finance-table{width:100%;border-collapse:collapse;min-width:760px}.finance-table th{background:#f8fafc;color:#334155;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.finance-table th,.finance-table td{padding:13px;border-bottom:1px solid #edf2f7;text-align:left}.finance-table tr:last-child td{border-bottom:0}.watch-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #edf2f7}.risk-meter{height:12px;border-radius:999px;background:linear-gradient(90deg,#10b981,#facc15,#ef4444);position:relative;margin:12px 0}.risk-meter:after{content:"";position:absolute;left:58%;top:-5px;width:6px;height:22px;background:#111827;border-radius:999px}.calendar-row{display:grid;grid-template-columns:70px 1fr 90px;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #edf2f7}.impact{border-radius:999px;padding:5px 8px;font-size:12px;font-weight:900;text-align:center}.impact.high{background:#fee2e2;color:#991b1b}.impact.mid{background:#fef3c7;color:#92400e}.impact.low{background:#dcfce7;color:#166534}.finance-news{display:grid;gap:10px}.news-mini{display:grid;grid-template-columns:70px 1fr;gap:10px;align-items:center;padding:10px;border:1px solid #edf2f7;border-radius:14px;background:#fff}.news-mini .thumb-mini{height:52px;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#e9d5ff)}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tool-card{padding:14px;border-radius:16px;background:#f8fafc;border:1px solid #e5e7eb}.academy-list{display:grid;gap:12px}.lesson{display:flex;gap:12px;padding:14px;border:1px solid #e5e7eb;border-radius:16px;background:#fff}.lesson-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#eef2ff;color:#3157ff;font-size:22px;flex:0 0 auto}.broker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.broker-card{padding:16px;border:1px solid #e5e7eb;border-radius:18px;background:#fff}.broker-score{font-size:32px;font-weight:950;color:#3157ff}.input-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}.input-row input,.input-row select{padding:11px;border:1px solid #e5e7eb;border-radius:12px}.finance-disclaimer{font-size:12px;color:#6b7280;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;padding:12px;margin-top:14px}.right-stack{display:grid;gap:14px}.mini-tags{display:flex;gap:7px;flex-wrap:wrap}.mini-tags span{background:#eef2ff;color:#3730a3;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.mobile-finance-tabs{display:none;gap:8px;overflow-x:auto;margin:12px 0}.mobile-finance-tabs a{white-space:nowrap;background:white;border:1px solid #e5e7eb;border-radius:999px;padding:8px 12px;font-weight:800}.finance-bottom-nav a:nth-child(3){color:#3157ff}@media(max-width:1000px){.finance-shell{grid-template-columns:1fr}.finance-side{position:static;display:none}.mobile-finance-tabs{display:flex}.finance-hero{grid-template-columns:1fr}.finance-grid,.broker-grid{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr}.input-row{grid-template-columns:1fr}.right-stack{grid-template-columns:1fr}.finance-hero h1{font-size:32px}} /* MOBILE FINAL HOTFIX - Web Republic portal/finance/TV mobile layout */ html,body{max-width:100%;overflow-x:hidden} img,video,svg{max-width:100%} @media(max-width:760px){ body{font-size:15px;padding-bottom:88px;background:#f6f8fc} .top{position:sticky;top:0;z-index:80} .topbar{display:grid;grid-template-columns:auto 1fr;gap:10px 12px;padding:12px 14px;align-items:center} .logo{font-size:28px;line-height:1;white-space:nowrap} .quick{justify-self:end;max-width:100%;gap:8px;font-size:14px;overflow-x:auto;white-space:nowrap;padding-bottom:2px;-webkit-overflow-scrolling:touch} .quick a,.quick button{padding:7px 6px;border-radius:10px;flex:0 0 auto} .quick a[href*="weather"]{display:none} .mobile-btn{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:36px;background:#111827;color:#fff;border-radius:12px} .search{grid-column:1/-1;order:3;width:100%;height:48px;border-width:2px;min-width:0} .search input{min-width:0;font-size:15px;padding:0 14px} .search button{width:88px;min-width:88px;padding:0 12px;font-size:15px} .lang{position:static}.lang-menu{position:fixed;right:12px;top:72px;left:auto;width:210px;max-width:calc(100vw - 24px);z-index:300;border-radius:16px;box-shadow:0 18px 55px rgba(15,23,42,.22)} .nav{background:#111827}.nav-inner{padding:8px 12px;max-height:72vh;overflow-y:auto}.nav.open .nav-inner{display:flex}.nav-item{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.mega{display:none!important} .wrap{margin:12px auto;padding:0 12px;width:100%}.ticker,.market-ticker{overflow-x:auto;padding:8px 0 10px;scrollbar-width:none}.ticker::-webkit-scrollbar,.market-ticker::-webkit-scrollbar,.mobile-finance-tabs::-webkit-scrollbar{display:none}.ticker span,.market-ticker span{font-size:13px;padding:7px 11px} .portal-grid,.hero,.news-deck,.small-grid,.market-strip,.content-grid,.personal-grid,.kpi-grid,.footer-inner{grid-template-columns:1fr!important;gap:12px} .service-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:transparent;border:0;box-shadow:none}.service-list a{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:11px 12px;font-size:13px}.service-list a span{display:none} .lead{min-height:230px;border-radius:20px}.lead.visual-hero img{min-height:230px;border-radius:20px}.lead.visual-hero .overlay{padding:18px}.lead h1,.lead.visual-hero h1{font-size:25px;line-height:1.12}.lead p{font-size:14px}.headline{padding:12px}.thumb{width:66px;height:52px}.section-title{margin:18px 0 9px}.section-title h2{font-size:20px}.card{border-radius:18px}.card.pad{padding:15px}.visual{height:130px}.deal .img{height:82px}.personal-grid{display:grid!important;grid-template-columns:1fr 1fr!important}.personal-tile{min-height:86px;padding:12px}.widgets{gap:12px}.footer{margin-bottom:86px}.footer-inner{padding:24px 14px} .page-hero{padding:22px 18px;border-radius:20px;margin-bottom:14px}.page-hero h1{font-size:30px;line-height:1.08}.page-hero p{font-size:14px}.table{min-width:640px}.form input,.form select,.form textarea{font-size:16px} .dashboard-layout,.widget-manager,.alert-board,.answers-layout{grid-template-columns:1fr!important;gap:12px}.wide,.profile-card{grid-column:auto!important}.bottom-nav{position:fixed!important;left:8px!important;right:8px!important;bottom:8px!important;z-index:500!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:2px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(16px);border:1px solid #e1e7f5!important;border-radius:22px!important;padding:8px 6px calc(8px + env(safe-area-inset-bottom))!important;box-shadow:0 18px 55px rgba(15,23,42,.18)!important}.bottom-nav a{display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#1f2a44!important;font-size:19px!important;min-width:0}.bottom-nav a:nth-child(n+6){display:none!important}.bottom-nav span{font-size:10px!important;line-height:1.1;max-width:54px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px} .finance-shell{display:block;margin-top:10px}.finance-side{display:none!important}.mobile-finance-tabs{display:flex!important;gap:8px;overflow-x:auto;margin:8px -12px 12px;padding:0 12px 2px;-webkit-overflow-scrolling:touch}.mobile-finance-tabs a{flex:0 0 auto;background:#fff;border:1px solid #dfe6f3;border-radius:999px;padding:9px 13px;font-size:13px}.finance-hero{grid-template-columns:1fr!important;padding:20px 18px;border-radius:22px;gap:14px}.finance-hero h1{font-size:29px;line-height:1.08}.finance-hero p{font-size:14px}.finance-actions{display:grid;grid-template-columns:1fr;gap:8px}.finance-actions .big{justify-content:center;text-align:center}.finance-panel{padding:15px;border-radius:18px}.finance-grid,.broker-grid,.tool-grid,.right-stack{grid-template-columns:1fr!important;gap:12px}.finance-card{padding:15px;border-radius:18px}.quote-big{font-size:25px}.chart{height:115px}.finance-table-wrap{border-radius:16px;overflow-x:auto}.finance-table{min-width:680px}.calendar-row{grid-template-columns:58px 1fr 76px;gap:8px}.news-mini{grid-template-columns:58px 1fr}.news-mini .thumb-mini{height:48px}.input-row{grid-template-columns:1fr!important}.lesson{padding:12px}.broker-score{font-size:28px} .tv-page{padding-bottom:96px}.tv-hero,.tv-pro .tv-studio-hero,.tv-broadcast-grid,.tv-real-layout,.tv-info-grid,.tv-channel-cards{grid-template-columns:1fr!important}.tv-hero{padding:18px}.tv-hero h1{font-size:29px}.tv-kpis{gap:7px}.tv-kpis span{font-size:12px;padding:8px 10px}.tv-hero-panel{padding:16px}.tv-screen-pro video{border-radius:18px}.tv-channel-list{max-height:none}.tv-channel-list button{grid-template-columns:62px 1fr}.tv-channel-list img{width:62px;height:44px}.tv-epg-row,.tv-epg-pro .tv-epg-row{grid-template-columns:62px 1fr!important}.tv-epg-row span:nth-child(n+3),.tv-epg-pro .tv-epg-row span:nth-child(n+3){display:none!important}.tv-player-tools .ghost{flex:1 1 45%;font-size:13px}.tv-adbar{font-size:13px;flex-direction:column;gap:4px} } @media(max-width:380px){.logo{font-size:24px}.quick{gap:4px;font-size:13px}.quick a,.quick button{padding:6px 4px}.search button{width:76px;min-width:76px}.personal-grid,.service-list{grid-template-columns:1fr!important}.bottom-nav span{font-size:9px}.finance-hero h1,.page-hero h1{font-size:26px}} /* FINAL PLATFORM mobile polish */ .bottom-nav{position:fixed;left:12px;right:12px;bottom:10px;z-index:80;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 45px #0002;display:none;justify-content:space-around;padding:8px 6px;backdrop-filter:blur(12px)} .bottom-nav a{font-weight:800;color:#17324d;text-align:center;font-size:12px;min-width:54px}.bottom-nav span{display:block}.finance-terminal,.market-board,.tv-console{overflow:hidden}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.real-table-wrap{overflow-x:auto}.real-table-wrap table{min-width:680px}@media(max-width:900px){body{padding-bottom:86px}.bottom-nav{display:flex}.quick{gap:9px}.quick a:nth-child(n+5){display:none}.page-hero h1{font-size:32px}.content-grid{grid-template-columns:1fr}.kpi-grid,.personal-grid{grid-template-columns:1fr 1fr}.ticker{overflow-x:auto}.topbar{gap:10px}.logo{font-size:24px}.search input{min-width:0}.search button{padding:0 18px}.nav{display:none}}@media(max-width:520px){.kpi-grid,.personal-grid{grid-template-columns:1fr}.topbar{padding:12px}.wrap{padding:0 12px}.card.pad{padding:16px}.lead h1{font-size:28px}.bottom-nav{left:8px;right:8px}.bottom-nav a{font-size:11px}} /* Web Republic Ultimate Ecosystem additions */ .super-grid{align-items:start}.super-hero{margin-bottom:18px}.super-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-super{margin-bottom:18px}.super-card{padding:18px}.super-card b{display:block;font-size:17px;margin-bottom:8px}.super-card p{color:var(--muted);line-height:1.55}.mini-table{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.demo-textarea{width:100%;min-height:96px;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}.calendar-demo{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:14px;line-height:1.9}.scorebar{height:12px;background:#eef2ff;border-radius:20px;overflow:hidden}.scorebar span{display:block;height:100%;background:linear-gradient(90deg,#4f46e5,#06b6d4);border-radius:20px}.scorebar.secure span{background:linear-gradient(90deg,#10b981,#22c55e)}.chart-demo{height:150px;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;align-items:end;gap:12px;background:#fff}.chart-demo i{display:block;width:28px;background:linear-gradient(180deg,#4f46e5,#06b6d4);border-radius:8px 8px 0 0}.chart-demo i:nth-child(1){height:50px}.chart-demo i:nth-child(2){height:90px}.chart-demo i:nth-child(3){height:70px}.chart-demo i:nth-child(4){height:120px}.chart-demo i:nth-child(5){height:84px}.chart-demo i:nth-child(6){height:135px}.bars{height:130px;display:flex;align-items:end;gap:10px}.bars span{width:38px;background:linear-gradient(180deg,#7c3aed,#06b6d4);border-radius:9px 9px 0 0}.chipline{display:flex;gap:8px;flex-wrap:wrap}.chipline span{background:#eef2ff;border:1px solid var(--line);padding:8px 12px;border-radius:999px;font-weight:700}@media(max-width:760px){.super-cards{grid-template-columns:1fr}.mini-table{grid-template-columns:1fr}.chart-demo{height:120px}.bottom-nav{overflow-x:auto}.bottom-nav a{min-width:62px}} /* FINAL LIVE-READY LAYER */ .pro-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.pro-card{background:#fff;border:1px solid #e6e8ef;border-radius:18px;padding:18px;box-shadow:0 8px 28px rgba(15,23,42,.07)}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;background:#eef6ff;color:#1957a6;font-size:12px;font-weight:700}.live-dot{width:8px;height:8px;border-radius:50%;background:#16a34a;display:inline-block;box-shadow:0 0 0 5px rgba(22,163,74,.12)}.risk-note{font-size:12px;color:#64748b;line-height:1.5}.table-pro{width:100%;border-collapse:collapse}.table-pro th,.table-pro td{padding:11px;border-bottom:1px solid #eef2f7;text-align:left}.table-pro th{font-size:12px;color:#64748b;text-transform:uppercase}.mini-form{display:grid;gap:10px}.mini-form input,.mini-form select,.mini-form textarea{border:1px solid #dbe3ef;border-radius:12px;padding:12px;background:#fff}.primary-action{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#5b3fd6;color:#fff;padding:11px 14px;text-decoration:none;font-weight:800}.secondary-action{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#f1f5f9;color:#0f172a;padding:11px 14px;text-decoration:none;font-weight:800}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi{background:linear-gradient(135deg,#fbfdff,#eef4ff);border:1px solid #e4eaf5;border-radius:16px;padding:14px}.kpi strong{display:block;font-size:24px}.route-badge{font-family:monospace;background:#0f172a;color:#dff4ff;border-radius:10px;padding:8px 10px;display:inline-block;margin:4px 0}.bottom-safe{padding-bottom:80px}@media(max-width:800px){.pro-grid{grid-template-columns:1fr}.span-4,.span-6,.span-8,.span-12{grid-column:1}.kpi-row{grid-template-columns:1fr 1fr}.pro-card{padding:14px}.table-scroll{overflow-x:auto}.primary-action,.secondary-action{width:100%}} /* Web Republic production completion layer */ .prod-hero{margin:22px 0;padding:28px;background:linear-gradient(135deg,#f7f9ff,#ffffff)} .prod-hero h1{font-size:clamp(28px,4vw,48px);margin:10px 0}.prod-hero p{max-width:850px;color:#5b6475;font-size:17px}.prod-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px}.prod-card{background:#fff;border:1px solid #e6ebf5;border-radius:20px;padding:20px;box-shadow:0 12px 34px rgba(25,36,72,.08);display:flex;flex-direction:column;justify-content:space-between;min-height:230px}.prod-card h3{margin:8px 0}.prod-card p{color:#5f687a}.prod-card ul{padding-left:18px;margin:10px 0 0}.prod-card li{margin:6px 0}.status-chip{display:inline-flex;background:#edf4ff;color:#2449c7;border:1px solid #cbd9ff;padding:5px 9px;border-radius:999px;font-weight:700;font-size:12px}.prod-card:nth-child(2n) .status-chip{background:#eefaf3;color:#177245;border-color:#c7efd8}@media(max-width:900px){.prod-grid{grid-template-columns:1fr}.prod-card{min-height:auto}.prod-hero{margin:12px 0;padding:18px}} /* Web Republic Brand Identity Upgrade - verified */ .logo.brand-logo{display:flex;align-items:center;min-width:205px;color:inherit;font-size:0;letter-spacing:0} .logo.brand-logo img{height:52px;width:auto;display:block;filter:drop-shadow(0 8px 16px rgba(49,87,255,.08))} .topbar{min-height:74px} .footer h4:first-child{letter-spacing:-.2px} .brand-mark-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:linear-gradient(135deg,#eef2ff,#fff);border:1px solid #dbe4ff} .brand-mark-card img{width:48px;height:48px} @media(max-width:900px){.logo.brand-logo{min-width:172px}.logo.brand-logo img{height:44px}.topbar{min-height:auto}} @media(max-width:420px){.logo.brand-logo{min-width:148px}.logo.brand-logo img{height:38px}} /* Mobile category accordion upgrade */ .accordion-headline{display:none;padding:14px 14px 8px}.accordion-headline b{display:block;font-size:17px}.accordion-headline small{display:block;color:var(--muted);margin-top:3px}.service-group{border-bottom:1px solid #eef2f7}.service-toggle{display:none;width:100%;border:0;background:#fff;padding:13px 14px;font-weight:900;color:#111827;text-align:left;align-items:center;justify-content:space-between;font-size:15px}.service-toggle em{font-style:normal;transition:.2s transform}.service-group.open .service-toggle em{transform:rotate(90deg)}.service-panel{display:block}.mobile-service-accordion .service-panel a{display:flex;justify-content:space-between;gap:10px} @media(max-width:900px){ .accordion-headline{display:block;background:linear-gradient(135deg,#eef4ff,#ffffff)} .service-list.mobile-service-accordion{display:block!important;background:#fff;border:1px solid #e2e8f0!important;border-radius:22px!important;box-shadow:0 16px 42px rgba(15,23,42,.08)!important;overflow:hidden;margin-bottom:14px} .service-list.mobile-service-accordion a{border:0!important;border-radius:14px!important;background:#f8fafc!important;margin:7px 10px!important;padding:12px 13px!important;font-size:14px!important;box-shadow:inset 0 0 0 1px #edf2f7} .service-list.mobile-service-accordion a:hover{background:#eef2ff!important;color:#3157ff!important} .service-toggle{display:flex;position:relative} .service-toggle:after{content:'';position:absolute;left:14px;right:14px;bottom:0;height:1px;background:#f1f5f9} .service-panel{display:none;padding:2px 0 8px;background:#fff} .service-group.open .service-panel{display:block} .service-group.open .service-toggle{background:#f8fbff;color:#3157ff} } /* Web Republic Wallet & Transfer module - mobile-first fintech layer */ .wallet-shell{display:grid;grid-template-columns:280px minmax(0,1fr) 340px;gap:22px;align-items:start} .wallet-hero{background:linear-gradient(135deg,#081a3a,#3157ff 58%,#7b2cff);color:#fff;border-radius:34px;padding:30px;box-shadow:0 24px 60px rgba(49,87,255,.22);position:relative;overflow:hidden} .wallet-hero:after{content:"";position:absolute;right:-80px;top:-90px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.12)} .wallet-balance{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px;position:relative;z-index:1}.balance-card{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:22px;padding:16px;min-width:150px;backdrop-filter:blur(10px)}.balance-card small{display:block;opacity:.85}.balance-card strong{font-size:24px}.wallet-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.wallet-action{border:1px solid #e5ebf5;border-radius:22px;background:#fff;padding:16px;text-align:center;font-weight:800;color:#11223a;text-decoration:none;box-shadow:0 8px 24px rgba(8,26,58,.06)}.wallet-action span{display:block;font-size:28px;margin-bottom:6px}.wallet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.wallet-card{background:#fff;border:1px solid #e4eaf3;border-radius:26px;padding:20px;box-shadow:0 12px 30px rgba(8,26,58,.06)}.wallet-card h3{margin:0 0 12px}.transaction{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #edf2f7}.transaction:last-child{border-bottom:0}.transaction b{display:block}.transaction small{color:#7b8797}.amount-plus{color:#087d4e;font-weight:900}.amount-minus{color:#b93838;font-weight:900}.iban-box{font-family:ui-monospace,Menlo,monospace;background:#f4f8ff;border:1px dashed #9bb7ff;border-radius:18px;padding:14px;color:#102348;font-weight:800;word-break:break-all}.transfer-form{display:grid;gap:12px}.transfer-form label{font-weight:800}.transfer-form input,.transfer-form select,.transfer-form textarea{width:100%;box-sizing:border-box;border:1px solid #dbe4f0;border-radius:16px;padding:14px;font:inherit;background:#fff}.transfer-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.security-list{display:grid;gap:10px}.security-list div{display:flex;align-items:center;justify-content:space-between;border:1px solid #e7edf5;background:#fbfdff;border-radius:16px;padding:12px}.status-on{color:#087d4e;font-weight:900}.status-warn{color:#b7791f;font-weight:900}.qr-box{min-height:180px;border-radius:24px;background:repeating-linear-gradient(45deg,#f5f8ff,#f5f8ff 10px,#e9f0ff 10px,#e9f0ff 20px);display:grid;place-items:center;border:1px solid #e0e8f6;font-weight:900;color:#3157ff}.card-preview{border-radius:24px;padding:22px;background:linear-gradient(135deg,#13284a,#3157ff);color:#fff;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 44px rgba(49,87,255,.24)}.card-preview .digits{letter-spacing:3px;font-size:20px}.payment-bill{display:flex;align-items:center;justify-content:space-between;border:1px solid #e7edf5;border-radius:18px;padding:14px;margin:10px 0}.finance-side .wallet-link{background:#eef5ff;color:#1d4ed8;border-color:#cfe0ff}.mobile-finance-tabs a.wallet-tab{background:#102348;color:#fff}.wallet-note{font-size:13px;color:#687487;line-height:1.5}.kyc-banner{border:1px solid #f3d28a;background:#fff8e6;border-radius:20px;padding:16px;margin-top:16px}.kyc-banner b{color:#865b00} @media(max-width:980px){.wallet-shell{grid-template-columns:1fr}.wallet-actions{grid-template-columns:repeat(2,1fr)}.wallet-grid{grid-template-columns:1fr}.wallet-hero{border-radius:28px;padding:22px}.balance-card{min-width:calc(50% - 8px)}.transfer-form .row2{grid-template-columns:1fr}.wallet-shell .finance-side{display:none}.wallet-card{padding:18px}.wallet-action{padding:14px}} @media(max-width:520px){.wallet-balance{display:grid;grid-template-columns:1fr 1fr}.balance-card{min-width:0}.balance-card strong{font-size:20px}.wallet-actions{grid-template-columns:repeat(2,1fr)}.wallet-hero h1{font-size:30px}.qr-box{min-height:150px}} /* Web Republic Crypto Exchange extension */ .crypto-shell .finance-side a[href*="crypto-"]{background:#f7f3ff;color:#5b21b6}.crypto-tabs a[href*="crypto-"]{border-color:#d8b4fe}.crypto-hero{background:radial-gradient(circle at 80% 15%,rgba(255,255,255,.18),transparent 28%),linear-gradient(135deg,#090f22,#1e2f88 52%,#7c3aed);color:#fff;border-radius:28px;padding:28px;display:grid;grid-template-columns:minmax(0,1.1fr) 320px;gap:18px;align-items:center}.crypto-hero h1{font-size:42px;line-height:1.02;margin:8px 0}.crypto-price-box{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:24px;padding:22px}.crypto-price-box small{opacity:.8}.crypto-price-box strong{display:block;font-size:36px;margin:6px 0}.depth-mini{display:grid;gap:7px;margin-top:18px}.depth-mini i{height:8px;border-radius:999px;background:linear-gradient(90deg,#22c55e,#60a5fa);display:block}.crypto-ticker{display:flex;gap:10px;overflow-x:auto;padding:12px 0}.crypto-ticker span{white-space:nowrap;border:1px solid #d8b4fe;background:#faf5ff;color:#581c87;border-radius:999px;padding:8px 12px;font-weight:900}.exchange-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:14px;align-items:start}.crypto-main-panel{grid-row:span 2}.crypto-chart{height:260px;border-radius:20px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid #e5e7eb;overflow:hidden}.crypto-chart svg{width:100%;height:100%}.orderbook .book-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:8px 0;border-bottom:1px solid #edf2f7;font-size:13px}.book-row.sell span:first-child{color:#dc2626}.book-row.buy span:first-child{color:#059669}.book-mid{text-align:center;font-size:24px;font-weight:950;padding:12px;border-radius:14px;background:#f8fafc;margin:8px 0}.trade-ticket form,.trade-ticket label{display:grid;gap:8px}.trade-ticket input,.trade-ticket select{border:1px solid #dbe4f0;border-radius:14px;padding:12px;font:inherit}.trade-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 12px}.trade-tabs button{border:1px solid #e5e7eb;border-radius:14px;background:#fff;padding:11px;font-weight:900}.trade-tabs button.active{background:#102348;color:#fff}.crypto-summary{display:grid;grid-template-columns:1fr auto;gap:8px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:12px}.crypto-wallet-hero{background:linear-gradient(135deg,#111827,#3157ff 55%,#7c3aed)}@media(max-width:980px){.crypto-hero{grid-template-columns:1fr;padding:22px;border-radius:24px}.crypto-hero h1{font-size:31px}.exchange-grid{grid-template-columns:1fr}.crypto-chart{height:190px}.crypto-price-box strong{font-size:28px}} /* Finance final professional cleanup */ .finance-clean{--fin-blue:#3157ff;--fin-purple:#7c3aed;--fin-ink:#0f172a;--fin-soft:#f6f8ff}.finance-live-strip{background:linear-gradient(90deg,#0f172a,#1d4ed8,#6d28d9);color:#fff;border:0}.finance-mobile-menu{display:none;margin:12px 0}.finance-mobile-toggle{width:100%;border:0;background:#fff;padding:15px 16px;font-weight:950;font-size:16px;display:flex;justify-content:space-between;align-items:center}.finance-mobile-panel{display:none;grid-template-columns:1fr 1fr;gap:8px;padding:0 14px 14px}.finance-mobile-panel a{padding:12px;border-radius:14px;background:#f8fafc;border:1px solid #e5eaf4;text-decoration:none;color:#102348;font-weight:800}.finance-mobile-menu.open .finance-mobile-panel{display:grid}.finance-mobile-menu.open .finance-mobile-toggle span{transform:rotate(90deg)}.finance-tabs.pro-tabs{display:flex;gap:8px;overflow-x:auto;padding:10px 0 14px;position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);z-index:5}.finance-tabs.pro-tabs a{white-space:nowrap;text-decoration:none;color:#102348;background:#fff;border:1px solid #dde6f3;border-radius:999px;padding:10px 14px;font-weight:900;box-shadow:0 8px 24px rgba(8,26,58,.05)}.finance-tabs.pro-tabs a:hover{background:#102348;color:#fff}.finance-hero-clean{display:grid;grid-template-columns:minmax(0,1.25fr) 360px;gap:22px;align-items:center;background:radial-gradient(circle at 85% 15%,rgba(124,58,237,.14),transparent 28%),linear-gradient(135deg,#f8fbff,#fff);border:1px solid #e3eaf6;border-radius:34px;padding:30px;margin:14px 0 20px;box-shadow:0 18px 50px rgba(8,26,58,.08)}.finance-hero-clean h1{font-size:46px;line-height:1.02;margin:8px 0;color:#0f172a}.finance-hero-clean p{font-size:17px;color:#5b6475;line-height:1.6}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.risk-mini{background:#fff8e6;border:1px solid #f3d28a;border-radius:18px;padding:12px;color:#684c0a;font-size:13px}.finance-terminal-card{background:#0f172a;color:#fff;border-radius:28px;padding:22px;box-shadow:0 22px 55px rgba(15,23,42,.22)}.terminal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.terminal-head span{font-size:12px;color:#8fb2ff}.market-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.market-row:last-child{border-bottom:0}.up,.quote-up{color:#16a34a!important;font-style:normal;font-weight:900}.down{color:#dc2626!important;font-style:normal;font-weight:900}.finance-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.finance-module{background:#fff;border:1px solid #e4eaf5;border-radius:24px;padding:20px;text-decoration:none;color:#0f172a;box-shadow:0 12px 34px rgba(8,26,58,.06);transition:.2s transform,.2s box-shadow}.finance-module:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(49,87,255,.12)}.finance-module span{font-size:30px}.finance-module b{display:block;font-size:18px;margin:10px 0 5px}.finance-module p{color:#64748b;margin:0}.finance-dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin:18px 0}.brief-list{display:grid;gap:12px}.brief-list>div{padding:14px;border:1px solid #e7edf7;border-radius:18px;background:#fbfdff}.quick-fin-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-fin-actions a{padding:13px;border-radius:16px;text-decoration:none;background:#f4f7ff;border:1px solid #dbe7ff;font-weight:900;color:#1e3a8a;text-align:center}.finance-input{width:100%;box-sizing:border-box;border:1px solid #dbe4f0;border-radius:14px;padding:12px;font:inherit;margin-bottom:10px}.risk-strip{background:#fff8e6;border:1px solid #f3d28a;border-radius:20px;padding:16px;margin:18px 0;color:#684c0a}.empty-state{padding:18px;border-radius:16px;background:#f8fafc;color:#64748b;text-align:center}.crypto-pro-hero{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:center;background:radial-gradient(circle at 82% 12%,rgba(255,255,255,.2),transparent 24%),linear-gradient(135deg,#070b19,#1e3a8a 50%,#7c3aed);color:#fff;border-radius:32px;padding:28px;margin:14px 0 18px;box-shadow:0 24px 60px rgba(30,58,138,.25)}.crypto-pro-hero h1{font-size:44px;line-height:1.02;margin:8px 0}.crypto-pro-hero p{color:rgba(255,255,255,.82);line-height:1.6}.exchange-terminal-grid{display:grid;grid-template-columns:260px minmax(0,1.25fr) 300px;gap:14px;align-items:start}.chart-panel{grid-column:2;grid-row:1}.orderbook{grid-column:3;grid-row:1}.trade-ticket{grid-column:3;grid-row:2}.open-orders{grid-column:1 / 3;grid-row:2}.pair-list{display:grid;gap:8px}.pair-list button{border:1px solid #e5eaf4;border-radius:16px;background:#fff;padding:12px;text-align:left;display:grid;grid-template-columns:1fr auto;gap:4px;cursor:pointer}.pair-list button em{grid-column:2}.pair-list button.active{background:#eef2ff;border-color:#a8bbff}.candle-chart{height:315px;border-radius:22px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid #e5eaf4;overflow:hidden;color:#3157ff}.candle-chart svg{width:100%;height:100%}.candles rect:nth-child(odd){fill:#16a34a}.candles rect:nth-child(even){fill:#dc2626}.chart-tools{display:flex;gap:8px;overflow-x:auto;margin-top:12px}.chart-tools button{border:1px solid #dbe4f0;border-radius:999px;background:#fff;padding:8px 12px;font-weight:800}.orderbook .book-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:8px 0;border-bottom:1px solid #edf2f7;font-size:13px}.book-row.head{font-weight:900;color:#64748b}.book-row.sell span:first-child{color:#dc2626}.book-row.buy span:first-child{color:#059669}.book-mid{text-align:center;font-size:25px;font-weight:950;padding:12px;border-radius:14px;background:#f8fafc;margin:8px 0}.trade-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 12px}.trade-tabs button{border:1px solid #e5e7eb;border-radius:14px;background:#fff;padding:11px;font-weight:900}.trade-tabs button.active{background:#102348;color:#fff}.trade-ticket form,.trade-ticket label{display:grid;gap:8px}.trade-ticket input,.trade-ticket select{border:1px solid #dbe4f0;border-radius:14px;padding:12px;font:inherit}.crypto-summary{display:grid;grid-template-columns:1fr auto;gap:8px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:12px}.wallet-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.copy-demo{margin-top:10px}.finance-bottom{z-index:50} @media(max-width:980px){.finance-tabs.pro-tabs{display:none}.finance-mobile-menu{display:block}.finance-hero-clean,.crypto-pro-hero{grid-template-columns:1fr;padding:22px;border-radius:26px}.finance-hero-clean h1,.crypto-pro-hero h1{font-size:32px}.finance-module-grid{grid-template-columns:1fr}.finance-dashboard-grid{grid-template-columns:1fr}.exchange-terminal-grid{grid-template-columns:1fr}.chart-panel,.orderbook,.trade-ticket,.open-orders{grid-column:auto;grid-row:auto}.wallet-pro-grid{grid-template-columns:1fr}.crypto-price-box strong{font-size:28px}.candle-chart{height:220px}.quick-fin-actions{grid-template-columns:1fr 1fr}.bottom-nav.finance-bottom{overflow-x:auto;justify-content:flex-start}.bottom-nav.finance-bottom a{min-width:72px}.crypto-market-list{order:1}.chart-panel{order:2}.trade-ticket{order:3}.orderbook{order:4}.open-orders{order:5}} @media(max-width:520px){.quick-fin-actions{grid-template-columns:1fr}.crypto-pro-hero,.finance-hero-clean{margin-left:-4px;margin-right:-4px}.finance-module{padding:16px}.crypto-pro-hero h1,.finance-hero-clean h1{font-size:28px}.finance-mobile-panel{grid-template-columns:1fr}.wallet-pro-grid .wallet-card{padding:16px}} /* FINAL PREMIUM FINTECH PRODUCTIZATION LAYER */ .finance-pro-suite .pro-hero{display:grid;grid-template-columns:minmax(0,1.15fr) 360px;gap:22px;align-items:center;background:radial-gradient(circle at 82% 10%,rgba(124,58,237,.14),transparent 30%),linear-gradient(135deg,#ffffff,#f7f9ff);border:1px solid #e2e8f0;border-radius:34px;padding:30px;margin:14px 0 20px;box-shadow:0 22px 60px rgba(8,26,58,.08)} .finance-pro-suite .pro-hero.dark{background:radial-gradient(circle at 82% 10%,rgba(99,102,241,.28),transparent 30%),linear-gradient(135deg,#07111f,#102348 52%,#5b21b6);color:#fff;border:0}.pro-hero h1{font-size:44px;line-height:1.03;margin:8px 0}.pro-hero p{font-size:16px;color:#64748b;line-height:1.65}.pro-hero.dark p{color:rgba(255,255,255,.78)}.pro-kpi{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pro-kpi div{background:#fff;border:1px solid #e5eaf4;border-radius:18px;padding:14px}.pro-hero.dark .pro-kpi div{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18)}.pro-kpi small{display:block;color:#64748b}.pro-hero.dark .pro-kpi small{color:#cbd5e1}.pro-kpi b{font-size:22px}.pro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.pro-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:20px;box-shadow:0 14px 38px rgba(8,26,58,.06)}.pro-card h3{margin:0 0 8px}.pro-card p{color:#64748b}.pro-card .icon{font-size:32px}.pro-2col{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin:18px 0}.terminal-pro{background:#0b1020;color:#e5eefc;border-radius:26px;padding:18px;overflow:hidden}.terminal-pro .row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.09)}.terminal-pro .head{color:#93a4bd;font-size:12px;font-weight:900}.depth-chart{height:210px;border-radius:20px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid #e2e8f0;overflow:hidden}.depth-chart svg{width:100%;height:100%}.wallet-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.wallet-tile{border-radius:22px;padding:18px;background:linear-gradient(135deg,#102348,#3157ff);color:#fff}.wallet-tile:nth-child(2){background:linear-gradient(135deg,#0f766e,#22c55e)}.wallet-tile:nth-child(3){background:linear-gradient(135deg,#6d28d9,#a855f7)}.wallet-tile:nth-child(4){background:linear-gradient(135deg,#111827,#64748b)}.security-list{display:grid;gap:10px}.security-list div{display:flex;justify-content:space-between;gap:12px;padding:13px;border:1px solid #e5eaf4;border-radius:16px;background:#fbfdff}.status-ok{color:#059669;font-weight:900}.status-warn{color:#b45309;font-weight:900}.compliance-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.compliance-flow div{text-align:center;padding:16px;border:1px solid #e5eaf4;border-radius:18px;background:#fff}.ai-signal{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid #e5eaf4;border-radius:18px;background:#fff;margin-bottom:10px}.signal-score{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#eef2ff;color:#3730a3;font-weight:950}.business-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.business-metrics div{background:#fff;border:1px solid #e5eaf4;border-radius:20px;padding:16px}.tv-finance-layout{display:grid;grid-template-columns:minmax(0,1.35fr) 330px;gap:16px}.tv-screen-pro{background:#030712;border-radius:26px;padding:14px;color:#fff}.tv-screen-pro video{width:100%;border-radius:18px;background:#111827}.tv-schedule{display:grid;gap:10px}.tv-schedule div{padding:12px;border:1px solid #e5eaf4;border-radius:16px;background:#fff}.small-tag{display:inline-block;border-radius:999px;background:#eef2ff;color:#3730a3;padding:6px 10px;font-weight:900;font-size:12px}.pro-alert{padding:16px;border-radius:18px;background:#fff8e6;border:1px solid #facc15;color:#713f12;margin:16px 0}.api-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;padding:14px;font-family:ui-monospace,Menlo,monospace;font-size:13px;color:#334155;white-space:pre-wrap}.finance-super-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.finance-super-actions a{border-radius:999px;padding:11px 14px;font-weight:900;background:#fff;border:1px solid #dbe4f0}.finance-super-actions a.primary-link{background:linear-gradient(90deg,#3157ff,#7c3aed);color:#fff;border:0} @media(max-width:980px){.finance-pro-suite .pro-hero,.pro-2col,.tv-finance-layout{grid-template-columns:1fr}.pro-grid{grid-template-columns:1fr}.wallet-tiles,.business-metrics{grid-template-columns:1fr 1fr}.compliance-flow{grid-template-columns:1fr 1fr}.terminal-pro .row{grid-template-columns:1fr 1fr;font-size:13px}.pro-hero h1{font-size:32px}} @media(max-width:560px){.wallet-tiles,.business-metrics,.compliance-flow{grid-template-columns:1fr}.pro-kpi{grid-template-columns:1fr}.finance-pro-suite .pro-hero{padding:20px;border-radius:24px}.pro-hero h1{font-size:28px}.ai-signal{grid-template-columns:48px 1fr}.ai-signal .ghost{grid-column:1/-1}} /* GLOBAL OPERATING LAYER ADDITIONS */ .pro-grid .pro-card .ghost{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;border:1px solid #dbe4f0;border-radius:999px;padding:9px 12px;text-decoration:none;font-weight:900;color:#1e3a8a;background:#fff}.finance-input[type=file]{background:#fff}.section-title+.pro-grid{margin-bottom:24px}.status-ok{color:#059669}.status-warn{color:#b45309}@media(max-width:760px){.section-title+.pro-grid{grid-template-columns:1fr}.topbar .brand-logo img{max-width:150px}.wrap.finance-pro-suite{padding-bottom:84px}} /* WEB REPUBLIC CONNECT - business social network layer */ .network-suite{padding-bottom:90px}.network-hero{display:grid;grid-template-columns:1fr .9fr;gap:26px;align-items:center;margin:24px 0;padding:28px;background:linear-gradient(135deg,#f8fbff,#f2edff)}.network-hero h1{font-size:42px;line-height:1.04;margin:10px 0}.network-hero p{color:#586275;font-size:16px}.network-hero img{width:100%;border-radius:24px;box-shadow:0 18px 55px rgba(49,87,255,.16)}.network-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0 28px}.network-tile,.connection-card,.event-card,.job-card,.post-card,.lead-row{padding:20px;border-radius:20px;border:1px solid #e4eaf5;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.04);text-decoration:none;color:#0f172a}.network-tile span{font-size:28px}.network-tile b,.connection-card b,.job-card b{display:block;margin:8px 0}.network-tile p,.connection-card p,.job-card p{color:#64748b}.network-2col{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.network-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.business-feed article,.message-preview div{padding:13px;border-bottom:1px solid #edf1f7}.business-feed small,.message-preview span{display:block;color:#64748b;margin-top:5px}.profile-hero{display:grid;grid-template-columns:110px 1fr 170px;gap:22px;align-items:center;margin:24px 0;padding:24px}.avatar-xl,.avatar{display:grid;place-items:center;border-radius:24px;background:linear-gradient(135deg,#3157ff,#7c3aed);color:#fff;font-weight:900}.avatar-xl{width:96px;height:96px;font-size:30px}.avatar{width:60px;height:60px;font-size:18px}.profile-score{text-align:center;border-left:1px solid #e5eaf4;padding-left:18px}.profile-score b{font-size:42px;color:#3157ff}.profile-score span,.profile-score small{display:block;color:#64748b}.profile-actions{display:flex;gap:10px;flex-wrap:wrap}.skill-cloud{display:flex;flex-wrap:wrap;gap:8px}.skill-cloud span{border-radius:999px;background:#eef2ff;color:#3730a3;padding:8px 11px;font-weight:800;font-size:12px}.messenger-layout{display:grid;grid-template-columns:300px minmax(0,1fr) 280px;gap:16px}.chat-list{padding:12px}.chat-search input,.finance-input{width:100%;box-sizing:border-box;border:1px solid #dbe4f0;border-radius:14px;padding:12px;margin-bottom:10px}.chat-contact{display:grid;grid-template-columns:1fr auto;gap:4px;width:100%;text-align:left;border:0;background:#fff;border-bottom:1px solid #edf1f7;padding:14px;border-radius:12px;cursor:pointer}.chat-contact.active{background:#f4f6ff;outline:2px solid #dbe4ff}.chat-contact small{color:#64748b}.chat-contact em{background:#3157ff;color:#fff;border-radius:999px;min-width:22px;text-align:center;font-style:normal}.chat-window{display:grid;grid-template-rows:auto 1fr auto;min-height:560px}.chat-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:16px;border-bottom:1px solid #edf1f7}.chat-head small{display:block;color:#64748b}.chat-thread{padding:18px;display:flex;flex-direction:column;gap:10px;background:#f8fafc}.bubble{max-width:74%;padding:12px 14px;border-radius:16px}.bubble.them{background:#fff;border:1px solid #e5eaf4}.bubble.me{background:#3157ff;color:#fff;margin-left:auto}.chat-compose{display:grid;grid-template-columns:auto 1fr auto;gap:8px;padding:14px;border-top:1px solid #edf1f7}.chat-compose input{border:1px solid #dbe4f0;border-radius:14px;padding:12px}.tool-row{display:block;text-decoration:none;color:#0f172a;border:1px solid #edf1f7;border-radius:14px;padding:12px;margin:8px 0;background:#fff}.company-cover{height:140px;background:linear-gradient(90deg,#0f172a,#3157ff,#7c3aed);border-radius:20px 20px 0 0}.company-page-preview{overflow:hidden}.company-meta{display:grid;grid-template-columns:110px 1fr auto;gap:18px;align-items:center;padding:18px}.jobs-layout,.lead-layout{display:grid;grid-template-columns:280px 1fr;gap:16px}.job-list,.lead-results{display:grid;gap:12px}.lead-row{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:12px}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.candidate{padding:10px;border:1px solid #edf1f7;border-radius:12px;margin:8px 0;background:#fff}.room-layout{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:16px}.room-timeline div{padding:12px;border-left:4px solid #3157ff;background:#f8fafc;margin:8px 0;border-radius:10px}.feed-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.post-card{margin-bottom:14px}.post-actions{color:#64748b;font-weight:800;margin-top:12px} @media(max-width:950px){.network-hero,.network-2col,.network-3col,.messenger-layout,.jobs-layout,.lead-layout,.room-layout,.feed-layout{grid-template-columns:1fr}.network-grid{grid-template-columns:1fr}.profile-hero{grid-template-columns:1fr;text-align:left}.profile-score{text-align:left;border-left:0;border-top:1px solid #e5eaf4;padding:14px 0 0}.company-meta{grid-template-columns:1fr}.kanban{grid-template-columns:1fr}.lead-row{grid-template-columns:1fr}.network-hero h1{font-size:32px}.chat-window{min-height:520px}} /* Connect Pro final layer */ .chat-pro-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0;padding:14px 18px;background:linear-gradient(135deg,#f7f8ff,#eef5ff)} .chat-pro-strip div{display:flex;flex-direction:column}.chat-pro-strip span{color:#667085;font-size:.92rem}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#18a058;margin-right:6px;box-shadow:0 0 0 4px rgba(24,160,88,.12)}.chat-status{font-size:.86rem;color:#475467;background:#f6f8fb;border:1px solid #e6e9f0;border-radius:12px;padding:9px 12px;margin:8px 0}.pro-grid,.admin-grid,.match-board,.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.admin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.match-board{grid-template-columns:1fr 1fr}.match-row{display:grid;grid-template-columns:1fr auto;gap:5px;border-bottom:1px solid #edf0f5;padding:12px 0}.match-row em{grid-column:1/-1;color:#667085;font-style:normal}.match-row span{background:#eef5ff;color:#1849a9;border-radius:999px;padding:4px 10px;font-size:.82rem}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-grid div{background:#f8fafc;border:1px solid #e6e9f0;border-radius:16px;padding:16px}.metric-grid span{display:block;font-size:2rem;font-weight:800;color:#2748d8}.price-card{background:#fff;border:1px solid #e6e9f0;border-radius:22px;padding:22px;box-shadow:0 10px 30px rgba(15,23,42,.06)}.price-card.featured{border-color:#6d5dfc;box-shadow:0 18px 44px rgba(61,73,216,.16)}.price-card b{display:block;font-size:1.8rem;margin:10px 0;color:#111827}.feature-list{display:flex;flex-wrap:wrap;gap:10px}.feature-list span{background:#f3f4ff;border:1px solid #dfe3ff;border-radius:999px;padding:9px 13px}.code-like{font-family:ui-monospace,Menlo,monospace;background:#0b1220;color:#d6e3ff;border-radius:16px;padding:18px;line-height:1.8}.checklist.two{columns:2}.mobile-preview .quick-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.mobile-preview .quick-actions a{background:#f8fafc;border:1px solid #e6e9f0;border-radius:16px;padding:14px;text-align:center;font-weight:700}.pro-alert{background:#fff8e6;border:1px solid #ffe0a3;border-radius:16px;color:#8a5a00} @media(max-width:820px){.pro-grid,.admin-grid,.match-board,.pricing-grid,.metric-grid{grid-template-columns:1fr}.chat-pro-strip{align-items:flex-start;flex-direction:column}.checklist.two{columns:1}.mobile-preview .quick-actions{grid-template-columns:repeat(2,1fr)}} /* WR Connect Meet layer */ .meet-suite .hero-actions{display:flex;gap:12px;flex-wrap:wrap}.meet-command{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:18px;margin:18px 0}.meet-command div{display:flex;flex-direction:column}.meet-cards .card{min-height:160px}.meet-layout{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin:18px 0}.meeting-row{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;padding:12px;border-bottom:1px solid rgba(20,30,70,.08)}.video-stage{display:grid;grid-template-columns:1fr 280px;gap:18px;padding:18px;margin:18px 0}.video-main{background:linear-gradient(135deg,#09152f,#263b89);border-radius:22px;min-height:420px;color:#fff;padding:22px;display:flex;flex-direction:column;justify-content:space-between}.camera-demo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:260px}.avatar-ring{width:92px;height:92px;border-radius:50%;background:linear-gradient(135deg,#5b6cff,#8a3ffc);display:grid;place-items:center;color:#fff;font-weight:900;font-size:28px;box-shadow:0 0 0 10px rgba(255,255,255,.12)}.participant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.participant-grid div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:18px;border-radius:16px;text-align:center}.meeting-panel{display:flex;flex-direction:column;gap:10px}.meeting-panel button,.call-actions button{border:1px solid rgba(20,30,70,.12);background:#fff;border-radius:14px;padding:12px;cursor:pointer}.danger{background:#fff0f0!important;color:#b42318!important}.voice-console{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;padding:18px;margin:18px 0}.dial-card{text-align:center;background:linear-gradient(180deg,#f7f9ff,#fff);border-radius:22px;padding:26px}.dial-card .avatar-ring{margin:auto}.dial-card #voiceTimer,.camera-demo #callTimer{font-size:32px;font-weight:800;letter-spacing:1px}.call-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.voice-console textarea{width:100%;min-height:160px;border:1px solid rgba(20,30,70,.12);border-radius:16px;padding:12px}.deal-room-grid{display:grid;grid-template-columns:260px 1fr 260px;gap:18px;margin:18px 0}.timeline{display:grid;gap:10px}.timeline div{display:flex;justify-content:space-between;gap:12px;border:1px solid rgba(20,30,70,.08);border-radius:14px;padding:14px;background:#fff}.deal-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.risk-meter{height:12px;background:#edf1ff;border-radius:99px;overflow:hidden;margin:10px 0}.risk-meter span{display:block;height:100%;background:linear-gradient(90deg,#27ae60,#6f7cff)}.ai-notes-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.meet-live-badge{display:inline-flex;align-items:center;gap:6px;border-radius:99px;background:#eef4ff;color:#234;padding:7px 10px;font-size:12px;font-weight:700} @media(max-width:800px){.meet-command,.video-stage,.voice-console,.deal-room-grid,.ai-notes-layout,.meet-layout{grid-template-columns:1fr;display:grid}.meet-command{align-items:stretch}.participant-grid{grid-template-columns:1fr}.video-main{min-height:320px}.meeting-row{grid-template-columns:1fr}.bottom-nav.finance-bottom{overflow-x:auto}.deal-room-grid aside{order:2}} /* === Web Republic Wallet Pay Pro extension === */ .finance-pay-subnav{display:flex;gap:10px;overflow:auto;padding:10px 0 18px;margin-top:8px}.finance-pay-subnav a{white-space:nowrap;border:1px solid rgba(30,58,138,.16);background:#fff;border-radius:999px;padding:9px 14px;font-weight:800;color:#172554;text-decoration:none;box-shadow:0 8px 22px rgba(15,23,42,.06)} .pay-pro{padding-bottom:88px}.pay-hero,.card-hero{display:grid;grid-template-columns:1.4fr .8fr;gap:24px;align-items:center;background:linear-gradient(135deg,#f8fbff,#eef2ff 55%,#fff);border:1px solid rgba(30,58,138,.12);border-radius:28px;padding:28px;margin:18px 0;box-shadow:0 18px 50px rgba(15,23,42,.08)}.pay-hero.compact{grid-template-columns:1fr 320px}.pay-hero h1,.card-hero h1{font-size:clamp(28px,4vw,48px);line-height:1.03;margin:8px 0}.pay-hero p,.card-hero p{color:#475569;font-size:17px;max-width:760px}.phone-card,.bill-summary,.tax-card,.payment-summary{background:#0f172a;color:#fff;border-radius:28px;padding:22px;box-shadow:0 18px 50px rgba(15,23,42,.22)}.phone-top{font-weight:900;color:#bfdbfe;margin-bottom:16px}.qr-live{display:grid;place-items:center;gap:6px;min-height:190px;background:#fff;color:#0f172a;border-radius:20px;margin:12px 0}.qr-live span{font-size:72px;line-height:1}.qr-live b{letter-spacing:.08em}.phone-row,.stat-row,.toggle-row{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid rgba(148,163,184,.25)}.pay-grid,.tax-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0}.pay-card{background:#fff;border:1px solid rgba(30,58,138,.12);border-radius:24px;padding:20px;box-shadow:0 14px 40px rgba(15,23,42,.07)}.pay-card h3{margin-top:0}.pay-input{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:14px;padding:12px;margin:6px 0 12px;background:#f8fafc}.full{width:100%;justify-content:center}.pay-result{background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;padding:12px;margin-top:12px;color:#1e3a8a;font-weight:800}.clean-list{padding-left:18px;color:#475569}.bill-layout{display:grid;grid-template-columns:260px 1fr;gap:18px}.bill-filter{display:block;width:100%;border:0;background:#f1f5f9;border-radius:14px;padding:12px;margin:8px 0;text-align:left;font-weight:800;color:#334155}.bill-filter.active{background:#172554;color:#fff}.bill-list{display:grid;gap:12px}.bill-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid rgba(30,58,138,.12);border-radius:20px;padding:16px;box-shadow:0 10px 30px rgba(15,23,42,.06)}.bill-item small{display:block;color:#64748b}.bill-item button{border:0;border-radius:999px;background:#2563eb;color:#fff;padding:9px 14px;font-weight:900}.timeline-mini div{display:flex;justify-content:space-between;border-left:4px solid #2563eb;padding:10px 0 10px 12px;margin:8px 0;background:#f8fafc;border-radius:0 14px 14px 0}.card-hero{grid-template-columns:1.1fr .9fr}.virtual-card-ui,.physical-card-ui{min-height:210px;border-radius:28px;padding:24px;color:#fff;background:linear-gradient(135deg,#111827,#1e3a8a 55%,#7c3aed);box-shadow:0 20px 55px rgba(30,58,138,.25);display:flex;flex-direction:column;justify-content:space-between}.physical-card-ui{background:linear-gradient(135deg,#020617,#334155 55%,#94a3b8)}.virtual-card-ui.small,.physical-card-ui.small{min-height:120px}.card-brand{font-weight:900;letter-spacing:.12em}.card-chip{width:48px;height:36px;border-radius:10px;background:linear-gradient(135deg,#fef3c7,#f59e0b)}.card-number{font-size:24px;letter-spacing:.08em}.card-meta{display:flex;justify-content:space-between}.cards-stack{display:grid;gap:14px}.progress-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.progress-steps div{background:#f1f5f9;border-radius:14px;padding:12px;text-align:center;font-weight:800;color:#64748b}.progress-steps .done{background:#dcfce7;color:#166534}.progress-steps .active{background:#dbeafe;color:#1d4ed8}.amount-minus{color:#dc2626}.amount-plus{color:#16a34a} @media(max-width:820px){.pay-hero,.pay-hero.compact,.card-hero{grid-template-columns:1fr;padding:18px;border-radius:22px}.pay-grid,.tax-grid{grid-template-columns:1fr}.bill-layout{grid-template-columns:1fr}.bill-item{align-items:flex-start;flex-direction:column}.finance-pay-subnav{margin-left:-4px;margin-right:-4px}.progress-steps{grid-template-columns:1fr 1fr}.qr-live{min-height:150px}.virtual-card-ui,.physical-card-ui{min-height:180px}.pay-pro{padding-bottom:96px}} /* === Web Republic Live / Broadcast Network Ultra Layer === */ .live-wrap{padding-bottom:96px}.live-hero{display:grid;grid-template-columns:minmax(0,1.4fr) 390px;gap:24px;align-items:stretch;background:linear-gradient(135deg,#07162f,#233b88 52%,#7c3aed);color:#fff;border-radius:34px;padding:30px;margin:20px 0;box-shadow:0 24px 70px rgba(35,59,136,.26);overflow:hidden;position:relative}.live-hero:before{content:"";position:absolute;right:-100px;top:-120px;width:330px;height:330px;border-radius:50%;background:rgba(255,255,255,.11)}.live-hero h1{font-size:clamp(32px,5vw,58px);line-height:1.02;margin:10px 0}.live-hero p{font-size:17px;color:#dbe7ff;max-width:820px}.live-hero .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.live-hero .primary-action{background:#fff;color:#14224a}.live-hero .secondary-action{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.25)}.live-control-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:28px;padding:22px;backdrop-filter:blur(12px);z-index:1}.live-control-card .status-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.18)}.live-control-card .status-row:last-child{border-bottom:0}.live-dot-red{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 6px rgba(239,68,68,.18);margin-right:7px}.broadcast-tabs{display:flex;gap:10px;overflow:auto;padding:8px 0 18px}.broadcast-tabs a{white-space:nowrap;text-decoration:none;border:1px solid #dce5f3;background:#fff;color:#172554;border-radius:999px;padding:10px 14px;font-weight:900;box-shadow:0 8px 22px rgba(15,23,42,.05)}.broadcast-tabs a.active{background:#172554;color:#fff}.live-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.live-card{background:#fff;border:1px solid #e5eaf3;border-radius:26px;padding:20px;box-shadow:0 14px 40px rgba(15,23,42,.07)}.live-card h3{margin:6px 0 10px}.live-card p,.live-card small{color:#64748b}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.studio-shell{display:grid;grid-template-columns:300px minmax(0,1fr) 330px;gap:18px;align-items:start}.studio-sidebar{position:sticky;top:88px}.studio-step{display:flex;gap:12px;align-items:flex-start;padding:13px;border-radius:18px;border:1px solid #edf2f7;background:#fff;margin:9px 0}.studio-step b{display:block}.studio-step span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eef4ff;color:#1d4ed8;font-weight:900;flex:none}.studio-step.active{background:#172554;color:#fff;border-color:#172554}.studio-step.active span{background:#fff;color:#172554}.studio-preview{background:#020617;border-radius:28px;min-height:440px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:22px;box-shadow:0 20px 60px rgba(2,6,23,.28);position:relative;overflow:hidden}.studio-preview:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 25%,rgba(99,102,241,.42),transparent 28%),radial-gradient(circle at 80% 70%,rgba(14,165,233,.26),transparent 30%)}.studio-preview>*{position:relative}.camera-stage{min-height:270px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:rgba(255,255,255,.06)}.broadcast-form{display:grid;gap:12px}.broadcast-form input,.broadcast-form select,.broadcast-form textarea{width:100%;box-sizing:border-box;border:1px solid #dbe4f0;border-radius:16px;padding:13px;font:inherit;background:#fff}.broadcast-form label{font-weight:900;color:#1e293b}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.settings-matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.setting-toggle{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid #e5eaf3;border-radius:18px;padding:14px;background:#fbfdff}.switch-demo{width:46px;height:26px;border-radius:999px;background:#cbd5e1;position:relative;flex:none}.switch-demo:after{content:"";position:absolute;left:4px;top:4px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.setting-toggle.on .switch-demo{background:#2563eb}.setting-toggle.on .switch-demo:after{left:24px}.channel-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.channel-card{overflow:hidden;padding:0}.channel-banner{height:150px;background:linear-gradient(135deg,#dbeafe,#f5f3ff);display:flex;align-items:center;justify-content:center;font-size:48px}.channel-body{padding:18px}.channel-meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.tag{display:inline-flex;background:#eef4ff;color:#1d4ed8;border:1px solid #d7e5ff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.tag.red{background:#fff1f2;color:#be123c;border-color:#fecdd3}.tag.green{background:#ecfdf5;color:#047857;border-color:#bbf7d0}.seminar-list{display:grid;gap:12px}.seminar-row{display:grid;grid-template-columns:90px 1fr auto;gap:14px;align-items:center;border:1px solid #e5eaf3;border-radius:20px;padding:14px;background:#fff}.seminar-date{background:#172554;color:#fff;border-radius:16px;text-align:center;padding:10px}.seminar-date b{display:block;font-size:22px}.video-library{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.lesson-card{background:#fff;border:1px solid #e5eaf3;border-radius:20px;overflow:hidden;box-shadow:0 12px 30px rgba(15,23,42,.06)}.lesson-thumb{height:120px;background:linear-gradient(135deg,#eff6ff,#f8fafc);display:grid;place-items:center;font-size:42px}.lesson-card div:last-child{padding:14px}.meeting-live{display:grid;grid-template-columns:1.5fr .8fr;gap:18px}.live-stage{background:#020617;color:#fff;border-radius:28px;min-height:430px;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tiles div{min-height:90px;border-radius:16px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;text-align:center}.live-chat{display:flex;flex-direction:column;gap:10px}.chat-line{background:#f8fafc;border:1px solid #e5eaf3;border-radius:16px;padding:11px}.poll-box{display:grid;gap:8px}.poll-bar{height:10px;background:#e5e7eb;border-radius:99px;overflow:hidden}.poll-bar span{display:block;height:100%;background:#2563eb}.stream-key{font-family:ui-monospace,Menlo,monospace;background:#0f172a;color:#dbeafe;border-radius:16px;padding:14px;word-break:break-all}.quality-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quality-grid div{background:#f8fafc;border:1px solid #e5eaf3;border-radius:16px;padding:13px}.quality-grid b{display:block;font-size:20px}.studio-toast{position:fixed;right:18px;bottom:90px;background:#172554;color:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 18px 50px rgba(15,23,42,.24);z-index:50;display:none}.studio-toast.show{display:block}.replay-row{display:grid;grid-template-columns:120px 1fr auto;gap:14px;align-items:center;padding:14px;border-bottom:1px solid #edf2f7}.replay-thumb{height:74px;border-radius:16px;background:linear-gradient(135deg,#dbeafe,#ede9fe);display:grid;place-items:center;font-size:28px}.monetize-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.monetize-grid div{background:#fff;border:1px solid #e5eaf3;border-radius:18px;padding:16px}.reg-box{background:#fff8e6;border:1px solid #f6d58c;border-radius:20px;padding:16px;color:#6b4a00}.live-admin-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.live-admin-grid div{background:#f8fafc;border:1px solid #e5eaf3;border-radius:16px;padding:14px}.host-toolbar{display:flex;gap:10px;flex-wrap:wrap}.host-toolbar button{border:1px solid #dbe4f0;background:#fff;border-radius:14px;padding:10px 12px;font-weight:800}.host-toolbar .danger{background:#fff1f2!important;color:#be123c!important}.host-toolbar .go{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important}.live-mini-player{position:fixed;right:18px;bottom:92px;width:300px;background:#020617;color:#fff;border-radius:22px;padding:12px;box-shadow:0 24px 70px rgba(2,6,23,.28);z-index:40;display:none}.live-mini-player.show{display:block}.mini-screen{height:150px;border-radius:16px;background:linear-gradient(135deg,#1e3a8a,#7c3aed);display:grid;place-items:center;margin-bottom:10px}.studio-nav-mobile{display:none} @media(max-width:980px){.live-hero{grid-template-columns:1fr;border-radius:24px;padding:22px}.studio-shell,.meeting-live{grid-template-columns:1fr}.studio-sidebar{position:static}.live-grid{grid-template-columns:1fr}.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-12{grid-column:1}.channel-cards,.video-library{grid-template-columns:1fr 1fr}.seminar-row,.replay-row{grid-template-columns:1fr}.settings-matrix,.two-col,.three-col{grid-template-columns:1fr}.quality-grid,.monetize-grid,.live-admin-grid{grid-template-columns:1fr 1fr}.tiles{grid-template-columns:1fr 1fr}.studio-nav-mobile{display:flex;gap:10px;overflow:auto;padding:10px 0}.studio-nav-mobile a{white-space:nowrap;background:#fff;border:1px solid #e5eaf3;border-radius:999px;padding:9px 12px;font-weight:900;text-decoration:none;color:#172554}.live-mini-player{left:14px;right:14px;width:auto}.studio-preview,.live-stage{min-height:340px}.broadcast-tabs{padding-bottom:10px}} @media(max-width:560px){.channel-cards,.video-library{grid-template-columns:1fr}.quality-grid,.monetize-grid,.live-admin-grid{grid-template-columns:1fr}.tiles{grid-template-columns:1fr}.live-hero h1{font-size:34px}.live-card{padding:16px}.studio-preview{border-radius:22px}.camera-stage{min-height:210px}.hero-actions .primary-action,.hero-actions .secondary-action{width:100%}.live-control-card .status-row{flex-direction:column}.seminar-date{text-align:left}.broadcast-tabs a{font-size:13px}} /* Meeting Control + Seminar Manager professional upgrade */ .control-hero{background:linear-gradient(135deg,#07162f,#172554 48%,#5b21b6)} .meeting-control-layout{display:grid;grid-template-columns:260px minmax(0,1fr) 330px;gap:18px;align-items:start;margin-bottom:18px}.control-sidebar{position:sticky;top:88px}.control-sidebar button,.control-actions button,.qa-row button,.broadcast-form button{width:100%;border:1px solid #dbe4f0;background:#fff;border-radius:14px;padding:11px 12px;font-weight:900;margin:5px 0;color:#172554}.control-sidebar button.danger{background:#fff1f2;color:#be123c;border-color:#fecdd3}.meeting-status-pill{border-radius:999px;padding:9px 12px;font-weight:900;background:#ecfdf5;color:#047857;border:1px solid #bbf7d0;margin:10px 0}.control-meter{height:10px;border-radius:999px;background:#e5e7eb;overflow:hidden;margin:10px 0}.control-meter span{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#16a34a)}.role-table{display:grid;gap:8px;overflow:auto}.role-table>div{display:grid;grid-template-columns:1.2fr 1fr .8fr .8fr .9fr .9fr;gap:8px;align-items:center;min-width:780px;border:1px solid #e5eaf3;border-radius:16px;padding:10px;background:#fbfdff}.role-table>div:first-child{background:#172554;color:#fff;font-weight:900}.role-table select{border:1px solid #dbe4f0;border-radius:12px;padding:8px;background:#fff}.control-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.ai-note{background:#f8fafc;border:1px solid #e5eaf3;border-radius:16px;padding:13px;margin:10px 0}.room-chip{padding:12px 14px;border-radius:16px;background:#eef4ff;border:1px solid #d7e5ff;margin:8px 0;font-weight:900;color:#1d4ed8}.seminar-manager{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;margin-bottom:18px}.speaker-row,.qa-row{display:grid;grid-template-columns:110px 1fr;gap:10px;border:1px solid #e5eaf3;border-radius:16px;padding:12px;margin:8px 0;background:#fbfdff}.qa-row{grid-template-columns:70px 1fr 120px}.certificate-preview{border-radius:24px;border:1px solid #dbe4f0;background:linear-gradient(135deg,#f8fafc,#eef4ff);padding:26px;min-height:190px;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.certificate-preview:before{content:'WR';position:absolute;right:18px;bottom:8px;font-size:90px;font-weight:1000;color:rgba(37,99,235,.08)}.certificate-preview h2{margin:8px 0;color:#172554}.broadcast-tabs a.active{background:#172554!important;color:#fff!important;border-color:#172554!important}.studio-step{text-decoration:none;color:inherit}.live-card hr{border:0;border-top:1px solid #edf2f7;margin:15px 0} @media(max-width:980px){.meeting-control-layout,.seminar-manager{grid-template-columns:1fr}.control-sidebar{position:static}.control-actions{grid-template-columns:1fr 1fr}.role-table>div{min-width:680px}.qa-row,.speaker-row{grid-template-columns:1fr}.qa-row button{width:auto}} @media(max-width:560px){.control-actions{grid-template-columns:1fr}.role-table{margin-left:-4px;margin-right:-4px}.role-table>div{min-width:620px}.seminar-manager{gap:12px}.certificate-preview{padding:18px}} /* WR real finance/wallet/crypto pro additions */ .pro-hero{background:linear-gradient(135deg,#08112d,#172554 50%,#4c1d95);color:#fff;border:1px solid rgba(255,255,255,.16)} .pro-hero p,.pro-hero em{color:rgba(255,255,255,.82);font-style:normal}.bank-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-top:18px}.bank-card,.exchange-card,.coin-card,.trade-ticket{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:20px;box-shadow:0 12px 35px rgba(15,23,42,.08)}.span2{grid-row:span 2}.tabbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tabbar button,.buy-sell button{border:1px solid #dbe3ff;background:#f8fbff;border-radius:999px;padding:10px 14px;font-weight:700}.tabbar .active,.buy-sell .active{background:#3157ff;color:#fff}.bank-input{width:100%;box-sizing:border-box;border:1px solid #d8e0f5;border-radius:14px;padding:12px 14px;margin:7px 0 12px;background:#fbfdff}.hidden{display:none}.result-box{background:#f4f7ff;border:1px dashed #b8c7ff;border-radius:16px;padding:14px;margin-top:12px;color:#14213d}.recipient{display:flex;justify-content:space-between;gap:8px;padding:12px 0;border-bottom:1px solid #eef2f7}.check-list{padding-left:18px;line-height:1.9}.exchange-grid,.coin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0}.exchange-card,.coin-card{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:#0f172a}.exchange-card:hover,.coin-card:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(49,87,255,.16)}.exchange-card b,.coin-card b{font-size:20px}.exchange-card strong,.coin-card strong{font-size:22px;color:#162a74}.stock-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.terminal-chart{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:16px;box-shadow:0 12px 35px rgba(15,23,42,.08);margin-top:16px}.chart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.trade-ticket{position:sticky;top:90px;align-self:start}.block{display:block;text-align:center;margin-top:10px}.risk-meter{height:10px;background:#eef2ff;border-radius:999px;overflow:hidden}.risk-meter span{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#f59e0b,#ef4444)}.orderbook{display:grid;gap:6px;font-family:monospace}.buy-sell{display:flex;gap:8px;margin:10px 0}.pay-panel label,.trade-ticket label,.bank-card label{font-weight:700;color:#24324b;font-size:13px}.kyc-banner{background:#fff8e6;border:1px solid #f4d48b;border-radius:16px;padding:13px;margin-top:14px}.gain{color:#069968}.loss{color:#dc2626}.primary{background:#3157ff;color:#fff;border:0;border-radius:14px;padding:12px 16px;text-decoration:none;font-weight:800}.ghost{background:#fff;border:1px solid #d8e0f5;color:#1b2b5f;border-radius:14px;padding:10px 14px;text-decoration:none;font-weight:700} @media(max-width:900px){.bank-grid,.stock-layout{grid-template-columns:1fr}.exchange-grid,.coin-grid,.info-grid{grid-template-columns:1fr 1fr}.trade-ticket{position:static}.pro-hero h1{font-size:28px}} @media(max-width:560px){.exchange-grid,.coin-grid,.info-grid{grid-template-columns:1fr}.bank-card,.exchange-card,.coin-card,.trade-ticket{border-radius:18px;padding:16px}.tabbar{display:grid;grid-template-columns:1fr 1fr}.pro-hero h1{font-size:24px}}