.bento-dashboard{--bg:oklch(98.5% .008 285);--s1:#fff;--s2:oklch(97% .01 285);--s3:oklch(94% .012 285);--bd:oklch(90% .014 285);--text:#051a36;--muted:oklch(52% .03 265);--accent:#7a6ae0;--green:#2d9d6a;--yellow:#c9920f;--r:16px;--hover-bd:oklch(82% .02 285);--badge-green-bg:#3ecf8e1a;--badge-green-bd:#3ecf8e33;--badge-purple-bg:#7b6ef61f;--badge-purple-bd:#7b6ef640;--badge-yellow-bg:#f0b4291a;--badge-yellow-bd:#f0b42933;color:var(--text);font-family:var(--font-sans);justify-content:center;width:100%;display:flex}html.dark .bento-dashboard{--bg:oklch(13% .025 265);--s1:oklch(17% .028 265);--s2:oklch(15% .026 265);--s3:oklch(20% .03 265);--bd:oklch(28% .03 265);--text:oklch(96% .01 285);--muted:oklch(65% .03 265);--accent:#9b8ef0;--green:#5ed49a;--yellow:#e5c256;--hover-bd:oklch(38% .03 265);--badge-green-bg:#5ed49a1f;--badge-green-bd:#5ed49a47;--badge-purple-bg:#9b8ef026;--badge-purple-bd:#9b8ef04d;--badge-yellow-bg:#e5c2561f;--badge-yellow-bd:#e5c25647}.grid{grid-template:"collab revenue pdf""collab payments portal""currency projects projects"/.88fr 1.05fr 1.15fr;gap:1rem;width:min(70rem,100%);display:grid}.card{background:var(--s1);border:1px solid var(--bd);border-radius:var(--r);color:var(--text);flex-direction:column;min-height:220px;padding:15px;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.card:hover{border-color:var(--hover-bd);transform:translateY(-2px)}.lbl{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:9px}.row{justify-content:space-between;align-items:center;display:flex}.dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.dg{background:var(--green)}.dy{background:var(--yellow)}.badge{letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;border-radius:99px;padding:2px 7px;font-size:9px}.bg{background:var(--badge-green-bg);color:var(--green);border:1px solid var(--badge-green-bd)}.bp{background:var(--badge-purple-bg);color:var(--accent);border:1px solid var(--badge-purple-bd)}.by{background:var(--badge-yellow-bg);color:var(--yellow);border:1px solid var(--badge-yellow-bd)}.bm{color:var(--muted);border:1px solid var(--bd)}.card-collab{grid-area:collab;min-height:0;padding:12px}.card-collab .avs{margin:8px 0 10px}.card-collab .av-lbl{margin-left:8px;font-size:8.5px}.card-collab .fi{padding:6px 8px}.card-collab .fx{font-size:10px}.card-revenue{grid-area:revenue;min-height:200px}.card-pay{grid-area:payments;min-height:160px}.card-portal{grid-area:portal;min-height:160px}.portal-body{background:var(--s2);border-radius:10px;flex-direction:column;flex:1;justify-content:center;gap:4px;min-height:0;margin:10px 0 8px;padding:10px;display:flex}.portal-ref{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:9px}.portal-client{color:var(--text);font-size:11px;font-weight:600}.portal-amount{font-family:var(--font-display);color:var(--accent);margin-bottom:6px;font-size:1.15rem;font-weight:700}.portal-actions{gap:6px;display:flex}.portal-btn{text-align:center;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--bd);border-radius:7px;flex:1;padding:5px 6px;font-size:8.5px}.portal-btn--accept{background:var(--badge-green-bg);color:var(--green);border-color:var(--badge-green-bd)}.portal-btn--decline{background:var(--s1);color:var(--muted)}.portal-foot{color:var(--muted);flex-shrink:0;font-size:8.5px}.card-currency{grid-area:currency;min-height:160px}.cur-grid{flex:1;grid-template-columns:repeat(6,1fr);align-content:start;gap:5px;min-height:0;margin:10px 0 8px;display:grid}.cur-tile{background:var(--s2);border:1px solid var(--bd);border-radius:8px;flex-direction:column;grid-column:span 2;gap:1px;min-width:0;padding:6px 7px;display:flex}.cur-tile:nth-child(4){grid-column:2/span 2}.cur-tile:nth-child(5){grid-column:4/span 2}.cur-tile--active{border-color:color-mix(in oklch, var(--accent) 45%, var(--bd));background:color-mix(in oklch, var(--accent) 8%, var(--s2))}.cur-tile__code{letter-spacing:.1em;color:var(--accent);font-size:8px;font-weight:700}.cur-tile__meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:7px;overflow:hidden}.cur-tile__amount{font-family:var(--font-display);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:700;overflow:hidden}.cur-foot{color:var(--muted);flex-shrink:0;font-size:8.5px}.avs{flex-shrink:0;align-items:center;margin:10px 0 12px;display:flex}.av{border:2px solid var(--s1);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-right:-5px;font-size:8px;display:flex}.a1{color:#fff;background:#3b5bdb}.a2{color:#fff;background:#c2255c}.a3{color:#fff;background:#2f9e44}.ax{background:var(--s3);color:var(--muted);border-color:var(--bd)}.av-lbl{color:var(--muted);margin-left:12px;font-size:9.5px}.feed{flex-direction:column;flex:1;gap:5px;min-height:0;display:flex}.fi{background:var(--s2);border-radius:9px;flex-direction:column;flex:1;justify-content:center;min-height:0;padding:7px 9px;display:flex}.ft{color:var(--muted);margin-bottom:2px;font-size:8.5px}.fx{color:var(--text);font-size:10.5px;line-height:1.35}.sync{color:var(--muted);flex-shrink:0;align-items:center;gap:6px;margin-top:9px;font-size:9px;display:flex}.rev-metrics{flex-shrink:0;justify-content:space-between;gap:12px;margin:10px 0 12px;display:flex}.rev-metric{flex-direction:column;gap:2px;min-width:0;display:flex}.rev-metric--end{text-align:end;align-items:flex-end}.rev-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:8.5px}.rev-amount{font-family:var(--font-display);color:var(--accent);font-size:1.25rem;font-weight:700;line-height:1.1}.rev-amount--muted{color:var(--text);font-size:1.05rem}.rev-delta{color:var(--green);font-size:8.5px}.rev-bars{flex:1;justify-content:space-between;align-items:flex-end;gap:4px;min-height:72px;padding-top:4px;display:flex}.rev-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.rev-bar{background:var(--s3);border-radius:3px 3px 1px 1px;width:100%;max-width:18px;min-height:8px}.rev-bar--current{background:var(--accent)}.rev-bar-label{color:var(--muted);letter-spacing:.04em;font-size:7.5px}.pay-split{flex:1;grid-template-columns:1fr 1fr;gap:8px;min-height:0;margin-top:10px;display:grid}.pay-pane{background:var(--s2);border-radius:10px;flex-direction:column;justify-content:space-between;min-height:0;padding:10px;display:flex}.pay-head{align-items:center;gap:6px;margin-bottom:6px;display:flex}.pay-status{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:8.5px}.pay-count{font-family:var(--font-display);color:var(--green);margin-bottom:8px;font-size:1.65rem;font-weight:700;line-height:1}.pay-pane--pending .pay-count{color:var(--yellow)}.pay-foot{color:var(--muted);justify-content:space-between;align-items:baseline;gap:6px;font-size:8.5px;display:flex}.pay-pct{font-family:var(--font-display);color:var(--green);font-size:.95rem;font-weight:700}.pay-pct--pending{color:var(--yellow)}.card-csv{grid-area:pdf}.flist{flex-direction:column;flex:1;gap:5px;min-height:0;display:flex}.frow{background:var(--s2);border:1px solid var(--bd);border-radius:9px;flex:1;justify-content:space-between;align-items:center;min-height:0;padding:6px 9px;display:flex}.fl{align-items:center;gap:7px;min-width:0;display:flex}.fic{border:1px solid var(--bd);background:color-mix(in oklch, var(--accent) 12%, var(--s2));border-radius:2px;flex-shrink:0;width:12px;height:14px;position:relative}.fic:after{content:"";background:var(--bd);height:1px;box-shadow:0 3px 0 var(--bd);position:absolute;top:3px;left:2px;right:2px}.fn{white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:10px;overflow:hidden}.fm{color:var(--muted);font-size:8.5px}.cf{color:var(--muted);flex-shrink:0;margin-top:8px;font-size:9px}.card-proj{grid-area:projects}.pjlist{flex-direction:column;flex:1;gap:5px;min-height:0;display:flex}.pjrow{background:var(--s2);border:1px solid var(--bd);border-radius:10px;flex:1;align-items:flex-start;gap:8px;min-height:0;padding:8px 10px;display:flex}.pjd{border:1.5px solid var(--bd);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:13px;height:13px;margin-top:2px;font-size:8px;display:flex}.pjd.done{border-color:var(--green);color:var(--green)}.pjd.active{border-color:var(--accent)}.pjb{flex:1;min-width:0}.pjn{justify-content:space-between;align-items:center;gap:4px;display:flex}.pjt{white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:10px;overflow:hidden}.pjm{color:var(--muted);margin-top:2px;font-size:8.5px}.pgb{background:var(--bd);border-radius:2px;height:2px;margin-top:5px}.pgf{background:var(--accent);border-radius:2px;height:100%}.pjfoot{border-top:1px solid var(--bd);flex-shrink:0;gap:14px;margin-top:8px;padding-top:8px;display:flex}.pjsn{font-family:var(--font-display);color:var(--text);font-size:16px;font-weight:700}.pjsl{color:var(--muted);margin-top:1px;font-size:8.5px}@media (width<=760px){.grid{grid-template-columns:1fr;grid-template-areas:"collab""revenue""payments""pdf""portal""currency""projects";gap:.75rem}.card-collab{padding:12px}.card{min-height:auto;padding:12px}.lbl{font-size:.6875rem}.pay-split{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.card,.card:hover,.card[data-astro-cid-fsyshybw]:hover{transform:none}}.folder-item[data-astro-cid-k6kjqiyk]{transform:translateY(var(--folder-offset,0));transition:transform .4s var(--ease-page,cubic-bezier(.16, 1, .3, 1));transition-delay:var(--folder-delay,0s)}.folder-item[data-astro-cid-k6kjqiyk]:hover{transform:translateY(calc(var(--folder-offset,0) - 6px))}@media (prefers-reduced-motion:reduce){.folder-item[data-astro-cid-k6kjqiyk]{transition:none}}
