:root{--bg:#07111f;--panel:#0d1c2c;--panel2:#12273c;--text:#eef7ff;--muted:#9bb0c6;--accent:#23d5ab;--line:#23425d;--warn:#ffcc66}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top,#0d2740,#07111f 60%);color:var(--text)}a{color:inherit}.wrap{max-width:1400px;margin:auto;padding:18px}.topbar{position:sticky;top:0;z-index:20;background:#07111fef;border-bottom:1px solid var(--line)}.nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.brand{font-weight:800;font-size:22px;margin-right:auto}.brand span{color:var(--accent)}.btn{display:inline-block;padding:10px 14px;border:1px solid var(--line);border-radius:10px;text-decoration:none;background:var(--panel2);color:white;cursor:pointer}.btn.primary{background:var(--accent);color:#03120e;border:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:16px;padding:16px}.metric{font-size:34px;font-weight:800}.muted{color:var(--muted)}.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#17314a;font-size:12px}input,select,textarea{width:100%;padding:11px;border-radius:9px;border:1px solid var(--line);background:#071525;color:white;margin:5px 0 10px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}.section{margin:18px 0}.notice{padding:12px;border:1px solid var(--line);border-radius:10px;background:#0a1929}.drawer{position:fixed;right:-480px;top:0;width:min(480px,94vw);height:100vh;background:#081727;border-left:1px solid var(--line);z-index:99;transition:.25s;padding:20px;overflow:auto}.drawer.open{right:0}.fab{position:fixed;right:18px;bottom:18px;z-index:100;border-radius:50%;width:54px;height:54px;background:var(--accent);border:0;font-size:25px}.hero{padding:70px 0 45px}.hero h1{font-size:clamp(38px,7vw,78px);line-height:.95;margin:0 0 18px}.hero p{font-size:20px;max-width:850px}.good{color:#6ee7b7}.warn{color:var(--warn)}
/* RevenueForce V1 Visual System */
.rf-logo{height:64px;width:auto;object-fit:contain;display:block}
.brandwrap{display:flex;align-items:center;gap:12px}
.rf-icon{vertical-align:middle;filter:drop-shadow(0 0 4px rgba(147,51,234,.35))}
.iconchip{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#7c3aed,#2563eb);box-shadow:0 8px 20px rgba(40,80,220,.22)}
.visual-hero{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#130b2f,#07111f 65%);min-height:310px}
.visual-hero img.bg{width:100%;height:100%;min-height:310px;object-fit:cover;opacity:.38;display:block}
.visual-hero .overlay{position:absolute;inset:0;padding:28px;display:flex;align-items:flex-end;background:linear-gradient(90deg,rgba(6,9,20,.95),rgba(6,9,20,.32))}
.visual-hero h1{font-size:clamp(34px,6vw,66px);margin:0;max-width:720px}.visual-hero p{max-width:720px;font-size:18px}
.metric-card{position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-50px;top:-55px;background:radial-gradient(circle,rgba(124,58,237,.25),transparent 70%)}
.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.kpi{background:linear-gradient(180deg,#14293f,#0b1725);border:1px solid var(--line);border-radius:14px;padding:15px}
.kpi .v{font-size:30px;font-weight:800}.kpi .l{color:var(--muted);font-size:13px}.kpi .delta{font-size:12px;margin-top:5px}
.chartbox{height:260px;background:linear-gradient(180deg,rgba(35,213,171,.04),rgba(124,58,237,.04));border-radius:12px;padding:8px;position:relative}
.barset{height:210px;display:flex;align-items:flex-end;gap:12px;padding:20px}.bar{flex:1;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#8b5cf6,#2563eb);min-height:8px;position:relative}.bar span{position:absolute;bottom:-24px;width:100%;text-align:center;font-size:11px;color:var(--muted)}
.metric-list{display:grid;gap:10px}.metric-list .row{display:flex;justify-content:space-between;gap:16px;padding:10px;border-bottom:1px solid var(--line)}
.cardtitle{display:flex;align-items:center;gap:10px;margin-bottom:8px}.thumb{width:100%;border-radius:14px;border:1px solid var(--line);display:block}
.quickgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.quick{padding:16px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,#102238,#0a1725);text-decoration:none}.quick:hover{transform:translateY(-2px);transition:.2s}
@media(max-width:720px){.rf-logo{height:48px}.visual-hero{min-height:250px}.visual-hero img.bg{min-height:250px}.visual-hero .overlay{padding:18px}}