*{box-sizing:border-box}html{background:#07090d}body{margin:0;background:#07090d;color:#f4f1e8;font-family:Inter,Arial,sans-serif;min-height:100vh}.app-shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#0b0f15,#090c11);border-right:1px solid rgba(232,184,80,.18);padding:18px 14px;display:flex;flex-direction:column;z-index:50}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:4px 8px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-brand img{width:54px;height:54px;object-fit:cover;border-radius:50%}.sidebar-brand strong{display:block;font-family:Oswald,sans-serif;font-size:1.45rem;letter-spacing:.08em;color:#e6b650}.sidebar-brand small{display:block;font-size:.68rem;color:#81868e;max-width:150px;line-height:1.25}.side-nav{display:grid;gap:7px;margin-top:18px}.nav-item{border:1px solid transparent;background:transparent;color:#b9bdc5;border-radius:10px;padding:11px 10px;display:grid;grid-template-columns:35px 1fr;align-items:center;text-align:left;gap:8px;cursor:pointer}.nav-item:hover{border-color:rgba(230,182,80,.14);background:rgba(255,255,255,.025)}.nav-item.active{background:linear-gradient(90deg,rgba(229,175,58,.22),rgba(229,175,58,.06));border-color:rgba(229,175,58,.42);color:#f4d57c}.nav-icon{width:32px;height:32px;border:1px solid rgba(230,182,80,.25);border-radius:9px;display:grid;place-items:center;color:#dcb04f}.nav-item b{display:block;font-size:.83rem}.nav-item small{display:block;margin-top:2px;font-size:.65rem;color:#757b85}.dibble-status{margin-top:auto;border-top:1px solid rgba(255,255,255,.06);padding:16px 7px 0;display:flex;align-items:center;gap:10px}.dibble-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;border:1px solid rgba(230,182,80,.25)}.dibble-avatar img{width:100%;height:100%;object-fit:cover;object-position:left top}.dibble-status strong{display:block;color:#e7bd5a;font-size:.75rem}.dibble-status small{font-size:.64rem;color:#7f858d}.status-dot{width:8px;height:8px;border-radius:50%;background:#35d07f;display:inline-block;margin-right:6px;box-shadow:0 0 10px rgba(53,208,127,.6)}.status-dot.muted{background:#58606b;box-shadow:none}.main{min-width:0;background-image:linear-gradient(rgba(226,175,65,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(226,175,65,.025) 1px,transparent 1px);background-size:36px 36px}.topbar{height:78px;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 22px;background:rgba(7,10,15,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(230,182,80,.16)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:12px}.motto{display:flex;align-items:center;gap:12px}.slash{font-family:Oswald,sans-serif;font-size:1.3rem;color:#d7a742}.motto strong{display:block;font-size:.78rem;letter-spacing:.12em}.motto small{display:block;margin-top:3px;font-size:.55rem;letter-spacing:.22em;color:#747b85}.system-chip,.clock-chip,.hq-chip{border:1px solid rgba(255,255,255,.08);background:#0d1219;border-radius:10px;min-height:48px;padding:8px 11px;display:flex;align-items:center;gap:8px}.system-chip{border-color:rgba(53,208,127,.25)}.system-chip b,.hq-chip b{display:block;font-size:.67rem}.system-chip small,.hq-chip small,.clock-chip small{display:block;font-size:.54rem;color:#737b84}.clock-chip{display:block;text-align:center}.clock-chip strong{font-family:Oswald,sans-serif;font-size:1rem;letter-spacing:.06em}.hq-chip img{width:34px;height:34px;border-radius:50%;object-fit:cover;object-position:left top}.mobile-menu{display:none;background:transparent;border:1px solid rgba(230,182,80,.22);color:#dfb453;border-radius:8px;width:39px;height:39px;font-size:1.05rem}.view{display:none;padding:28px 24px 34px;max-width:1600px;margin:0 auto}.view.active{display:block}.page-title{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px}.eyebrow,.panel-kicker{font-size:.62rem;letter-spacing:.18em;color:#d8a844;font-weight:800}.page-title h1{font-family:Oswald,sans-serif;font-size:clamp(2.1rem,4vw,3.4rem);text-transform:uppercase;margin:4px 0 0;line-height:1}.page-title p{color:#868c96;font-size:.82rem;margin:9px 0 0}.secure,.live-pill{font-size:.58rem;letter-spacing:.12em;color:#4de28f;border:1px solid rgba(77,226,143,.26);border-radius:999px;padding:7px 10px}.stat-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:11px;margin-bottom:12px}.stat-card,.panel{background:linear-gradient(180deg,rgba(15,20,28,.97),rgba(10,14,20,.97));border:1px solid rgba(226,175,65,.20);border-radius:13px}.stat-card{min-height:105px;padding:15px;display:flex;gap:11px;align-items:flex-start}.stat-icon{font-size:1.4rem}.stat-card span{display:block;font-size:.56rem;letter-spacing:.08em;color:#90959e}.stat-card strong{display:block;font-family:Oswald,sans-serif;font-size:1.65rem;color:#efd073;margin-top:4px}.stat-card small{display:block;font-size:.59rem;color:#747b84;margin-top:1px}.dashboard-layout{display:grid;grid-template-columns:1.45fr .85fr .95fr;gap:12px}.panel{padding:15px;min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-head h2{font-size:.86rem;margin:3px 0 0}.surveillance-panel{grid-column:span 2;min-height:355px}.alerts-panel{grid-row:span 2}.discoveries-panel{grid-column:span 2}.wallet-panel{grid-column:3}.map-wrap{height:292px;border:1px solid rgba(56,150,235,.12);background:radial-gradient(circle at center,rgba(12,44,73,.4),rgba(5,11,18,.92));border-radius:10px;position:relative;overflow:hidden}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,174,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,174,255,.05) 1px,transparent 1px);background-size:22px 22px}.map-world{position:absolute;inset:0;display:grid;place-items:center;font-size:7rem;opacity:.24;filter:saturate(.6)}.radar{position:absolute;width:12px;height:12px;border-radius:50%;background:#e8ad37;box-shadow:0 0 0 7px rgba(232,173,55,.09),0 0 25px #e8ad37}.radar-a{left:35%;top:43%}.radar-b{left:66%;top:52%}.radar-c{left:79%;top:30%}.dibble-callout{position:absolute;left:15px;bottom:0;display:flex;align-items:center}.dibble-callout img{width:120px;height:150px;object-fit:cover;object-position:left top;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5))}.speech{background:#111923;border:1px solid rgba(236,188,79,.35);padding:10px 12px;border-radius:16px;color:#f3d37d;font-family:Oswald,sans-serif;font-size:.78rem;max-width:145px;box-shadow:0 8px 20px rgba(0,0,0,.35)}.text-btn{background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#c2c7ce;font-size:.56rem;padding:6px 9px;cursor:pointer}.text-btn:hover{border-color:rgba(230,182,80,.35);color:#f1ca6b}.empty-state{min-height:255px;display:grid;place-items:center;align-content:center;text-align:center;color:#747b84;gap:6px;border:1px dashed rgba(255,255,255,.06);border-radius:9px}.empty-state.compact{min-height:180px}.empty-state strong{font-size:.78rem;color:#aeb4bc}.empty-state span{font-size:.65rem}.empty-icon{font-size:2rem;color:#b98d38}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:670px}.table-wrap th{font-size:.54rem;color:#747b84;text-align:left;padding:8px;border-bottom:1px solid rgba(255,255,255,.06)}.table-wrap td{font-size:.65rem;padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.045)}.empty-row td{text-align:center;color:#6f7680;padding:35px}.bottom-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;margin-top:12px}.milestones{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.milestones div,.summary-grid div,.market-card>div{background:#101720;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:10px;text-align:center}.milestones span,.summary-grid span,.market-card span{display:block;font-size:.58rem;color:#818791}.milestones strong,.summary-grid strong,.market-card strong{font-family:Oswald,sans-serif;color:#e9c86f;font-size:1.05rem}.microcopy{font-size:.58rem;color:#737b85;margin:10px 0 0}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.summary-grid div{display:flex;justify-content:space-between;align-items:center;text-align:left}.mini-signals{display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px;padding:0!important;border:0!important;background:transparent!important}.mini-signals span{padding:8px;background:#0e151d;border-radius:7px}.section-placeholder{min-height:440px;display:grid;place-items:center;align-content:center;text-align:center}.placeholder-icon{font-size:4rem;color:#c89a3f}.section-placeholder h2{font-family:Oswald,sans-serif;text-transform:uppercase;margin:10px 0 0}.section-placeholder p{max-width:480px;color:#777f89}.briefing-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dibble-card{min-height:430px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;overflow:hidden}.dibble-card img{width:100%;height:100%;object-fit:cover;object-position:left top;border-radius:10px}.dibble-card h2,.briefing-empty h2{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:2.3rem;margin:5px 0}.dibble-card p,.briefing-empty p{color:#818893}.briefing-empty{display:grid;align-content:center;min-height:430px}.intel-strip{display:flex;gap:22px;align-items:center;flex-wrap:wrap;padding:12px 24px;border-top:1px solid rgba(230,182,80,.13);background:#090d12;color:#737b84;font-size:.58rem}.intel-title{color:#d7aa49;font-weight:800;letter-spacing:.1em}.intel-strip i{width:6px;height:6px}.mobile-overlay{display:none}@media(max-width:1250px){.app-shell{grid-template-columns:225px 1fr}.stat-grid{grid-template-columns:repeat(3,1fr)}.dashboard-layout{grid-template-columns:1.3fr .9fr}.surveillance-panel{grid-column:1}.alerts-panel{grid-row:auto}.discoveries-panel{grid-column:1 / -1}.wallet-panel{grid-column:auto}.bottom-grid{grid-template-columns:1fr 1fr}.bottom-grid>.panel:last-child{grid-column:1/-1}}@media(max-width:900px){.app-shell{display:block}.sidebar{position:fixed;left:-280px;width:270px;transition:left .25s ease}.sidebar.open{left:0}.mobile-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:45;opacity:0;pointer-events:none;transition:opacity .25s}.mobile-overlay.show{opacity:1;pointer-events:auto}.mobile-menu{display:block}.motto small{display:none}.system-chip{display:none}.view{padding:22px 16px}.dashboard-layout,.bottom-grid{grid-template-columns:1fr}.surveillance-panel,.discoveries-panel,.wallet-panel{grid-column:auto}.briefing-grid{grid-template-columns:1fr}.intel-strip{padding:12px 16px}}@media(max-width:620px){.topbar{height:66px;padding:0 12px}.motto strong{font-size:.62rem}.slash{font-size:1rem}.clock-chip{display:none}.hq-chip{padding:6px}.hq-chip div{display:none}.view{padding:18px 12px}.page-title{align-items:flex-start}.secure{display:none}.page-title h1{font-size:2.35rem}.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{min-height:92px;padding:12px}.stat-card strong{font-size:1.35rem}.stat-icon{font-size:1.1rem}.dashboard-layout{gap:9px}.panel{padding:12px}.map-wrap{height:270px}.map-world{font-size:5rem}.dibble-callout img{width:95px;height:125px}.speech{font-size:.68rem;max-width:120px}.bottom-grid{gap:9px}.milestones{grid-template-columns:repeat(3,1fr)}.briefing-grid{gap:9px}.dibble-card{grid-template-columns:1fr;min-height:auto}.dibble-card img{height:260px}.briefing-empty{min-height:280px}.intel-strip{display:grid;gap:7px}.sidebar-brand small{max-width:140px}}
/* === DIB HQ V3 refinements === */
.sidebar-brand img{
box-shadow:0 0 0 1px rgba(230,182,80,.22),0 8px 22px rgba(0,0,0,.35);
}
.dibble-avatar{
background:#07090d;
box-shadow:0 0 16px rgba(219,166,60,.12);
}
.dibble-avatar img,.hq-chip img{
object-position:center;
filter:saturate(1.05) contrast(1.03);
}
.map-wrap{
background:
radial-gradient(circle at 68% 30%,rgba(218,166,64,.08),transparent 28%),
radial-gradient(circle at center,rgba(12,44,73,.38),rgba(5,11,18,.96));
}
.dibble-callout{
left:14px;
bottom:0;
gap:8px;
align-items:flex-end;
}
.dibble-callout img{
width:155px;
height:205px;
object-fit:contain;
object-position:center bottom;
border-radius:18px;
filter:drop-shadow(0 16px 22px rgba(0,0,0,.6));
mix-blend-mode:screen;
}
.speech{
margin-bottom:36px;
background:linear-gradient(180deg,#121923,#0b1016);
border:1px solid rgba(236,188,79,.42);
color:#f2cc70;
box-shadow:0 10px 28px rgba(0,0,0,.42),0 0 20px rgba(218,166,64,.05);
}
.dibble-card{
position:relative;
background:
radial-gradient(circle at 25% 35%,rgba(217,166,63,.12),transparent 36%),
linear-gradient(180deg,rgba(15,20,28,.97),rgba(9,13,19,.98));
}
.dibble-card img{
object-fit:contain;
object-position:center bottom;
background:transparent;
mix-blend-mode:screen;
filter:drop-shadow(0 18px 26px rgba(0,0,0,.52));
}
.section-placeholder{
background:
radial-gradient(circle at center,rgba(215,162,58,.045),transparent 42%),
linear-gradient(180deg,rgba(15,20,28,.97),rgba(9,13,19,.98));
}
.page-title p{
max-width:760px;
}
@media(max-width:620px){
.dibble-callout img{width:112px;height:150px}
.speech{margin-bottom:24px}
.dibble-card img{height:300px}
}
/* === DIB HQ V4 polish === */
.content-grid{
display:grid;
grid-template-columns:1.3fr .7fr;
gap:12px;
}
.feature-list{
min-height:440px;
align-content:start;
}
.feature-list h2{
font-family:Oswald,sans-serif;
text-transform:uppercase;
margin:6px 0 16px;
}
.feature-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
padding:15px 0;
border-bottom:1px solid rgba(255,255,255,.055);
color:#9ca3ad;
font-size:.78rem;
}
.feature-row b{
font-size:.66rem;
color:#e2bd61;
border:1px solid rgba(226,189,97,.2);
border-radius:999px;
padding:5px 8px;
}
.dibble-hero-wrap{
display:flex;
align-items:flex-end;
justify-content:center;
min-height:360px;
background:
radial-gradient(circle at 50% 65%,rgba(218,166,64,.13),transparent 35%);
}
.dibble-card img{
width:95%;
max-height:390px;
object-fit:contain;
object-position:center bottom;
}
.dibble-tags{
display:flex;
flex-wrap:wrap;
gap:7px;
margin-top:16px;
}
.dibble-tags span{
border:1px solid rgba(230,182,80,.2);
color:#dcb55c;
border-radius:999px;
padding:6px 9px;
font-size:.63rem;
}
.mobile-bottom-nav{
display:none;
}
@media(max-width:900px){
.content-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
body{padding-bottom:66px}
.mobile-bottom-nav{
position:fixed;
left:0;
right:0;
bottom:0;
z-index:60;
display:grid;
grid-template-columns:repeat(4,1fr);
background:rgba(7,10,15,.96);
backdrop-filter:blur(14px);
border-top:1px solid rgba(230,182,80,.2);
padding:7px 8px calc(7px + env(safe-area-inset-bottom));
}
.mobile-nav-item{
appearance:none;
border:0;
background:transparent;
color:#7d848e;
display:grid;
place-items:center;
gap:2px;
padding:4px 0;
}
.mobile-nav-item span{
font-size:1rem;
}
.mobile-nav-item small{
font-size:.56rem;
}
.mobile-nav-item.active{
color:#e0b454;
}
.feature-list{min-height:auto}
.dibble-hero-wrap{min-height:280px}
}
/* =====================================
DIB LIVE INTELLIGENCE ALERTS
===================================== */
#alertsList {
display: grid;
gap: 10px;
align-content: start;
min-height: 0;
border: 0;
text-align: left;
}
.dib-alert {
position: relative;
padding: 13px 14px;
border-radius: 11px;
border:
1px solid
rgba(255, 255, 255, 0.07);
background:
linear-gradient(
145deg,
rgba(18, 24, 33, 0.98),
rgba(9, 13, 19, 0.98)
);
overflow: hidden;
transition:
transform 0.18s ease,
border-color 0.18s ease,
box-shadow 0.18s ease;
}
.dib-alert:hover {
transform: translateY(-2px);
}
/* coloured intelligence strip */
.dib-alert::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 3px;
background: #d5a846;
}
/* HOT CASE */
.dib-alert.hot {
border-color:
rgba(255, 77, 77, 0.28);
background:
linear-gradient(
145deg,
rgba(55, 18, 21, 0.48),
rgba(10, 14, 20, 0.98)
);
}
.dib-alert.hot::before {
background: #ff5454;
box-shadow:
0 0 16px
rgba(255, 70, 70, 0.75);
}
.dib-alert.hot .dib-alert-multi {
color: #ff7777;
}
/* RUNNING */
.dib-alert.running {
border-color:
rgba(64, 224, 142, 0.25);
}
.dib-alert.running::before {
background: #42df90;
box-shadow:
0 0 14px
rgba(66, 223, 144, 0.55);
}
.dib-alert.running .dib-alert-multi {
color: #52e59a;
}
/* HAS LEGS */
.dib-alert.legs {
border-color:
rgba(66, 166, 255, 0.22);
}
.dib-alert.legs::before {
background: #54a9ff;
}
.dib-alert.legs .dib-alert-multi {
color: #77baff;
}
/* top line */
.dib-alert-top {
display: flex;
justify-content:
space-between;
align-items: center;
gap: 12px;
}
.dib-alert-badge {
font-size: 9px;
font-weight: 800;
letter-spacing: 0.09em;
color: #d8b45f;
}
.dib-alert-multi {
font-family:
Oswald,
sans-serif;
font-size: 19px;
font-weight: 700;
color: #edca6e;
white-space: nowrap;
}
/* token */
.dib-alert-token {
margin-top: 8px;
color: #f1f3f6;
font-family:
"Cascadia Code",
Consolas,
monospace;
font-size: 12px;
font-weight: 700;
}
/* MC + liquidity */
.dib-alert-data {
display: grid;
grid-template-columns:
1fr 1fr;
gap: 8px;
margin-top: 10px;
}
.dib-alert-data span {
padding: 8px 9px;
border-radius: 7px;
background:
rgba(255, 255, 255, 0.025);
}
.dib-alert-data small {
display: block;
color: #6e7783;
font-size: 7px;
font-weight: 700;
letter-spacing: 0.08em;
}
.dib-alert-data strong {
display: block;
margin-top: 3px;
color: #cdd3da;
font-size: 11px;
}
/* Latest Cases polish */
#discoveriesBody tr {
transition:
background 0.16s ease;
}
#discoveriesBody tr:hover {
background:
rgba(220, 171, 66, 0.035);
}
#discoveriesBody td:first-child strong {
color: #f2f4f7;
}
#discoveriesBody td:last-child {
color: #58df99;
font-family:
Oswald,
sans-serif;
font-weight: 700;
}
#discoveriesBody td:nth-child(6) {
color: #ddb354;
font-weight: 700;
}
/* phones */
@media (max-width: 620px) {
.dib-alert {
padding: 12px;
}
.dib-alert-multi {
font-size: 17px;
}
}
/* =====================================
ELITE WALLET UNIT
===================================== */
#walletList {
display: grid;
gap: 10px;
align-content: start;
min-height: 0;
border: 0;
text-align: left;
}
.wallet-intel-row {
display: grid;
grid-template-columns:
42px
minmax(0, 1fr)
95px
105px;
align-items: center;
gap: 12px;
padding: 13px 14px;
border-radius: 11px;
border:
1px solid
rgba(255, 255, 255, 0.065);
background:
linear-gradient(
145deg,
rgba(17, 23, 31, 0.98),
rgba(9, 13, 19, 0.98)
);
transition:
transform 0.18s ease,
border-color 0.18s ease,
box-shadow 0.18s ease;
}
.wallet-intel-row:hover {
transform:
translateY(-2px);
border-color:
rgba(221, 177, 73, 0.3);
}
/* #1 wallet */
.wallet-intel-row:first-child {
border-color:
rgba(230, 182, 80, 0.38);
background:
linear-gradient(
145deg,
rgba(61, 47, 21, 0.46),
rgba(10, 14, 20, 0.98)
);
box-shadow:
inset 3px 0 0
#e2b54c;
}
/* rank */
.wallet-rank {
display: grid;
place-items: center;
width: 36px;
height: 36px;
border-radius: 9px;
background:
rgba(218, 169, 63, 0.08);
color: #ddb354;
font-size: 18px;
font-weight: 800;
}
/* wallet identity */
.wallet-main {
min-width: 0;
}
.wallet-main strong {
display: block;
color: #f1f4f7;
font-family:
"Cascadia Code",
Consolas,
monospace;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.wallet-main small {
display: block;
margin-top: 4px;
color: #737d89;
font-size: 9px;
}
/* hit rate */
.wallet-rate {
text-align: center;
padding: 7px 8px;
border-radius: 8px;
background:
rgba(255, 255, 255, 0.025);
}
.wallet-rate small,
.wallet-multiple small {
display: block;
color: #69727d;
font-size: 7px;
letter-spacing: 0.08em;
}
.wallet-rate strong {
display: block;
margin-top: 3px;
color: #50df96;
font-family:
Oswald,
sans-serif;
font-size: 17px;
}
/* performance */
.wallet-multiple {
text-align: right;
}
.wallet-multiple strong {
display: block;
margin-top: 3px;
color: #e8c367;
font-family:
Oswald,
sans-serif;
font-size: 17px;
}
.wallet-multiple span {
display: block;
margin-top: 2px;
color: #78818d;
font-size: 8px;
}
/* PRIME INFORMANT label */
.wallet-intel-row:first-child
.wallet-main::before {
content:
"PRIME INFORMANT";
display: inline-block;
margin-bottom: 5px;
padding: 3px 6px;
border-radius: 999px;
border:
1px solid
rgba(230, 182, 80, 0.3);
color: #e4ba58;
font-size: 7px;
font-weight: 800;
letter-spacing: 0.09em;
}
/* mobile */
@media (max-width: 620px) {
.wallet-intel-row {
grid-template-columns:
34px 1fr;
gap: 9px;
}
.wallet-rate,
.wallet-multiple {
grid-column: 2;
text-align: left;
}
.wallet-rate {
display: inline-block;
}
}
/* =====================================
WALLET INTEL DOSSIER
===================================== */
.wallet-intel-panel {
grid-column: 2 / -1;
min-height: 100%;
}
.wallet-intel-empty {
min-height: 260px;
display: grid;
place-items: center;
align-content: center;
text-align: center;
border-radius: 12px;
border:
1px dashed
rgba(230, 182, 80, 0.16);
background:
radial-gradient(
circle at center,
rgba(214, 164, 61, 0.05),
transparent 55%
);
}
.wallet-intel-hero {
min-height: 260px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 28px;
border-radius: 14px;
border:
1px solid
rgba(230, 182, 80, 0.28);
background:
radial-gradient(
circle at 20% 20%,
rgba(224, 173, 62, 0.13),
transparent 34%
),
linear-gradient(
145deg,
rgba(25, 22, 15, 0.95),
rgba(9, 13, 19, 0.98)
);
box-shadow:
inset 4px 0 0 #e0b34c;
}
.wallet-intel-badge {
width: fit-content;
padding: 6px 10px;
border-radius: 999px;
border:
1px solid
rgba(230, 182, 80, 0.32);
color: #e5bc59;
font-size: 8px;
font-weight: 800;
letter-spacing: 0.1em;
}
.wallet-intel-address {
margin-top: 14px;
color: #f2f4f7;
font-family:
"Cascadia Code",
Consolas,
monospace;
font-size: 18px;
font-weight: 800;
}
.wallet-intel-stats {
display: grid;
grid-template-columns:
repeat(4, 1fr);
gap: 9px;
margin-top: 20px;
}
.wallet-intel-stats div {
padding: 13px 10px;
border-radius: 9px;
background:
rgba(255, 255, 255, 0.035);
border:
1px solid
rgba(255, 255, 255, 0.045);
}
.wallet-intel-stats small {
display: block;
color: #727b86;
font-size: 7px;
letter-spacing: 0.08em;
}
.wallet-intel-stats strong {
display: block;
margin-top: 4px;
color: #52df98;
font-family:
Oswald,
sans-serif;
font-size: 20px;
}
.wallet-intel-record {
margin-top: 18px;
display: flex;
justify-content:
space-between;
align-items: center;
gap: 20px;
padding: 14px 16px;
border-radius: 10px;
background:
rgba(230, 182, 80, 0.07);
border:
1px solid
rgba(230, 182, 80, 0.18);
}
.wallet-intel-record span {
color: #8f7b51;
font-size: 8px;
font-weight: 800;
letter-spacing: 0.12em;
}
.wallet-intel-record strong {
color: #f0c962;
font-family:
Oswald,
sans-serif;
font-size: 30px;
}
/* tablet */
@media (max-width: 1250px) {
.wallet-intel-panel {
grid-column: auto;
}
}
/* mobile */
@media (max-width: 620px) {
.wallet-intel-stats {
grid-template-columns:
1fr 1fr;
}
.wallet-intel-record strong {
font-size: 24px;
}
}