@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap");

:root { --ff-ink: #10110f; --ff-panel: #1c1c18; --ff-panel-soft: #25241f; --ff-line: rgba(245, 235, 214, .15); --ff-text: #f4f0e8; --ff-muted: #aaa69b; --ff-gold: #d3b575; --ff-mint: #8dcfbb; }

#root .ff-dashboard-content { min-height: 100vh; overflow-x: hidden; background: radial-gradient(circle at 92% -4%, rgba(179, 140, 76, .16), transparent 27rem), radial-gradient(circle at -7% 72%, rgba(60, 141, 119, .1), transparent 24rem), var(--ff-ink) !important; }
#root .ff-dashboard-header { min-height: 86px !important; padding: 16px clamp(20px, 5vw, 58px) !important; border-bottom: 1px solid var(--ff-line) !important; background: rgba(16,17,15,.95) !important; box-shadow: none !important; }
#root .ff-dashboard-header > div:first-child { color: var(--ff-text) !important; font-family: "Barlow Condensed", sans-serif !important; font-size: clamp(2rem, 6vw, 2.85rem) !important; font-weight: 700 !important; letter-spacing: -.065em !important; }.ff-dashboard-header > div:first-child span { color: var(--ff-gold) !important; }
#root .ff-dashboard-header button { min-height: 40px !important; padding: 0 13px !important; border: 1px solid rgba(245,235,214,.2) !important; border-radius: 6px !important; background: rgba(255,255,255,.025) !important; color: #c9c2b3 !important; font-family: "DM Mono", monospace !important; font-size: .61rem !important; letter-spacing: .08em !important; text-transform: uppercase; }
#root .ff-dashboard-home { position: relative; width: min(100%, 1180px); margin: 0 auto; padding: clamp(23px, 5vw, 62px) clamp(16px, 4vw, 46px) 70px !important; }
#root .ff-dashboard-home::before { position: absolute; inset: 0; pointer-events: none; content: ""; opacity: .35; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, black, transparent 86%); }
#root .ff-dashboard-tools { position: relative; z-index: 1; }.ff-dashboard-label { display: flex !important; align-items: center; gap: 10px; margin: 0 0 19px !important; color: var(--ff-gold) !important; font-family: "DM Mono", monospace !important; font-size: .63rem !important; font-weight: 500 !important; letter-spacing: .12em !important; text-transform: uppercase; }.ff-dashboard-label::before { width: 25px; height: 1px; background: var(--ff-gold); content: ""; }
#root .ff-dashboard-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 13px !important; }.ff-dashboard-grid > .ff-dashboard-card { position: relative; display: flex !important; min-height: 202px !important; padding: 18px !important; overflow: hidden; border: 1px solid var(--ff-line) !important; border-radius: 15px !important; background: linear-gradient(145deg, rgba(42,41,35,.94), rgba(24,24,21,.98)) !important; box-shadow: 0 17px 30px rgba(0,0,0,.14) !important; flex-direction: column !important; transition: transform 180ms ease, border-color 180ms ease, background 180ms ease; }.ff-dashboard-grid > .ff-dashboard-card::before { position: absolute; top: 0; right: 0; width: 66%; height: 1px; background: linear-gradient(90deg, transparent, rgba(211,181,117,.48)); content: ""; }.ff-dashboard-grid > .ff-dashboard-card::after { position: absolute; right: -38px; bottom: -38px; width: 104px; height: 104px; border: 1px solid rgba(245,235,214,.09); border-radius: 50%; content: ""; }.ff-dashboard-grid > .ff-dashboard-card:hover { border-color: rgba(211,181,117,.57) !important; background: linear-gradient(145deg, rgba(57,53,41,.98), rgba(29,28,23,.99)) !important; transform: translateY(-3px); }.ff-dashboard-grid > .ff-dashboard-card:active { transform: scale(.98); }
#root .ff-dashboard-grid > .ff-dashboard-card:first-child { border-color: rgba(141,207,187,.42) !important; background: linear-gradient(135deg, #1b403a, #1c2925 67%, #1a1b18) !important; }.ff-dashboard-grid > .ff-dashboard-card:first-child::before { background: linear-gradient(90deg, transparent, rgba(141,207,187,.7)); }.ff-dashboard-grid > .ff-dashboard-card:first-child:hover { border-color: rgba(141,207,187,.74) !important; background: linear-gradient(135deg, #205047, #20322d 67%, #1c1d19) !important; }
#root .ff-dashboard-card > div:first-child { width: 45px !important; height: 45px !important; margin-bottom: auto !important; border: 1px solid rgba(211,181,117,.3) !important; border-radius: 10px !important; background: rgba(211,181,117,.07) !important; color: var(--ff-gold) !important; }.ff-dashboard-card:first-child > div:first-child { border-color: rgba(141,207,187,.38) !important; background: rgba(141,207,187,.08) !important; color: #abe4d2 !important; }.ff-dashboard-card > div:nth-child(2) { margin-top: 20px !important; color: var(--ff-text) !important; font-family: "Barlow Condensed", sans-serif !important; font-size: clamp(1.65rem, 6vw, 2.15rem) !important; font-weight: 700 !important; letter-spacing: -.025em !important; line-height: .9 !important; }.ff-dashboard-card > div:nth-child(3) { margin-top: 8px !important; color: var(--ff-muted) !important; font-size: .72rem !important; font-weight: 500 !important; line-height: 1.4 !important; }
#root .ff-dashboard-grid .ff-partm-quick-access { min-height: 202px !important; padding: 18px !important; border: 1px solid rgba(141,207,187,.42) !important; border-radius: 15px !important; background: linear-gradient(135deg, #1b403a, #1c2925 67%, #1a1b18) !important; box-shadow: 0 17px 30px rgba(0,0,0,.14) !important; text-decoration: none; }.ff-dashboard-grid .ff-partm-quick-access__icon { width: 45px; height: 45px; margin-bottom: auto; border-color: rgba(141,207,187,.38); border-radius: 10px; background: rgba(141,207,187,.08); color: #abe4d2; }.ff-dashboard-grid .ff-partm-quick-access__title { margin-top: 20px; color: var(--ff-text); font-family: "Barlow Condensed", sans-serif; font-size: clamp(1.65rem, 6vw, 2.15rem); font-weight: 700; letter-spacing: -.025em; line-height: .9; text-transform: uppercase; }.ff-dashboard-grid .ff-partm-quick-access__sub { margin-top: 8px; color: #b2c3bd; font-size: .72rem; line-height: 1.4; }
@media (min-width: 940px) { #root .ff-dashboard-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 18px !important; }.ff-dashboard-grid > .ff-dashboard-card, #root .ff-dashboard-grid .ff-partm-quick-access { min-height: 250px !important; padding: 22px !important; }.ff-dashboard-grid > .ff-dashboard-card:first-child { grid-column: span 2; }.ff-dashboard-grid > .ff-dashboard-card:first-child + .ff-dashboard-card { grid-column: span 2; }.ff-dashboard-grid .ff-partm-quick-access { grid-column: span 2; }.ff-dashboard-card > div:nth-child(2) { font-size: 2.1rem !important; }.ff-dashboard-grid .ff-partm-quick-access__title { font-size: 2.1rem; } }
@media (max-width: 380px) { #root .ff-dashboard-home { padding-right: 13px !important; padding-left: 13px !important; }.ff-dashboard-grid { gap: 10px !important; }.ff-dashboard-grid > .ff-dashboard-card, #root .ff-dashboard-grid .ff-partm-quick-access { min-height: 184px !important; padding: 14px !important; }.ff-dashboard-card > div:first-child, .ff-dashboard-grid .ff-partm-quick-access__icon { width: 39px !important; height: 39px !important; }.ff-dashboard-card > div:nth-child(2), .ff-dashboard-grid .ff-partm-quick-access__title { margin-top: 15px !important; font-size: 1.55rem !important; }.ff-dashboard-card > div:nth-child(3), .ff-dashboard-grid .ff-partm-quick-access__sub { font-size: .65rem !important; } }