.flow-dashboard .metrics strong, .flow-dashboard .panel h2, .flow-dashboard .invoice-row > div strong, .flow-dashboard .invoice-row > strong, .flow-dashboard .person { color: #e9eff9; }
html[data-theme="light"] .flow-dashboard .dashboard h1 { color: #101827; }
html[data-theme="dark"] .flow-dashboard .dashboard h1 { color: #e9eff9; }
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root { font-family:'Space Grotesk',sans-serif; color:#e9eff9; background:#101827; } *{box-sizing:border-box} body{margin:0} a{color:inherit;text-decoration:none}.flow-dashboard{display:flex;min-height:100vh;background:#101827}.sidebar{width:245px;flex:0 0 245px;padding:28px 20px;border-right:1px solid #29364b;display:flex;flex-direction:column;background:#111b2c}.sidebar .logo{display:block;padding:0 12px 38px;font-weight:700;letter-spacing:-.06em}.sidebar .logo span{color:#62d7ff}.workspace{display:flex;align-items:center;gap:9px;padding:13px 11px;background:#19263a;border:1px solid #2c3b52;margin-bottom:32px;border-radius:7px;font-size:.7rem}.workspace>span:last-child{margin-left:auto;color:#8797ae}.workspace-dot{width:8px;height:8px;border-radius:50%;background:#baff4a}.workspace strong,.workspace small{display:block}.workspace small{color:#8797ae;font:.56rem 'DM Mono',monospace;margin-top:3px}.sidebar nav,.sidebar-bottom{display:grid;gap:8px}.sidebar nav a,.sidebar-bottom a{display:flex;gap:13px;align-items:center;padding:12px;color:#8b9bb2;font-size:.75rem;border-radius:6px}.sidebar nav a.active,.sidebar nav a:hover,.sidebar-bottom a:hover{color:#e9eff9;background:#1d2c43}.sidebar nav a.active{box-shadow:inset 2px 0 #62d7ff}.sidebar-bottom{margin-top:auto}.dashboard{width:min(100%,1440px);padding:42px 4.2vw}.dashboard-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:40px}.breadcrumb,.panel-kicker{color:#7c8ca4;font: .6rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.04em;margin:0 0 14px}.dashboard h1{font-size:2rem;letter-spacing:-.06em;margin:0 0 8px}.dashboard h1 span{color:#62d7ff}.date-label{color:#8b9bb2;font-size:.8rem;margin:0}.header-actions{display:flex;gap:12px;align-items:center}.icon-button,.avatar{width:39px;height:39px;border:1px solid #30405a;background:#19263a;color:#dbe8f7;border-radius:7px;cursor:pointer;position:relative}.icon-button i{position:absolute;width:6px;height:6px;border-radius:50%;background:#ff785e;top:7px;right:7px}.avatar{background:#62d7ff;color:#101827;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:26px}.metrics article{border:1px solid #2b3a52;background:#152237;padding:19px 18px;border-radius:8px}.metrics span{display:block;color:#7e8da4;font:.58rem 'DM Mono',monospace}.metrics strong{display:block;font-size:1.55rem;letter-spacing:-.06em;margin:14px 0 9px}.metrics small{color:#8494a9;font:.6rem 'DM Mono',monospace}.metrics em{font-style:normal;color:#8494a9}.metrics .positive{color:#baff4a}.metrics .warning{color:#ffb45f}.dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:15px}.panel{background:#152237;border:1px solid #2b3a52;border-radius:8px;padding:22px}.clients-panel{grid-row:span 2}.panel-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:24px}.panel-kicker{color:#62d7ff;margin-bottom:8px}.panel h2{font-size:1.2rem;letter-spacing:-.05em;margin:0}.text-button{border:0;background:none;color:#62d7ff;font:.62rem 'DM Mono',monospace;cursor:pointer}.table-header,.client-row{display:grid;grid-template-columns:1.45fr .85fr 1fr .75fr;align-items:center;gap:12px}.table-header{color:#64758d;font:.56rem 'DM Mono',monospace;padding-bottom:12px}.client-row{min-height:65px;border-top:1px solid #293950;color:#a6b5c8;font:.67rem 'DM Mono',monospace}.person{display:flex;align-items:center;gap:10px;color:#e9eff9;font-family:'Space Grotesk',sans-serif}.activity-avatar{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:7px;font: .6rem 'DM Mono',monospace;font-style:normal}.coral{background:#ff785e;color:#29131a}.blue{background:#62d7ff;color:#101827}.yellow{background:#baff4a;color:#152117}.green{background:#71d0a1;color:#122c27}.purple{background:#b293ff;color:#24163a}.status{display:inline-flex;justify-self:start;padding:5px 8px;border-radius:20px;font:.56rem 'DM Mono',monospace}.status-en-cours{color:#62d7ff;background:rgba(98,215,255,.12)}.status-valider{color:#baff4a;background:rgba(186,255,74,.12)}.status-termine{color:#71d0a1;background:rgba(113,208,161,.12)}.status-attente{color:#ffb45f;background:rgba(255,180,95,.12)}.invoice-row{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:15px 0;border-top:1px solid #293950;align-items:center}.invoice-row>div strong,.invoice-row>div small{display:block}.invoice-row>div strong{font-size:.74rem}.invoice-row small{color:#7f90a7;font:.58rem 'DM Mono',monospace;margin-top:4px}.invoice-row>strong{font-size:.78rem}.invoice-status{grid-column:1 / -1;justify-self:start;font:.56rem 'DM Mono',monospace}.invoice-status.paid{color:#baff4a}.invoice-status.late{color:#ff785e}.invoice-status.pending{color:#ffb45f}.live-dot{color:#baff4a;font:.56rem 'DM Mono',monospace}.activity-list>div{display:flex;align-items:start;gap:11px;padding:13px 0;border-top:1px solid #293950}.activity-list p{color:#8a9ab0;font-size:.7rem;line-height:1.35;margin:0;flex:1}.activity-list p strong{color:#e9eff9}.activity-list p b{color:#62d7ff;font-weight:400}.activity-list p small{display:block;color:#62738b;font:.56rem 'DM Mono',monospace;margin-top:5px}.activity-amount{color:#baff4a;font:.62rem 'DM Mono',monospace;white-space:nowrap}.dashboard-footer{display:flex;justify-content:space-between;color:#62738b;font:.58rem 'DM Mono',monospace;margin-top:28px}.dashboard-footer a:hover{color:#62d7ff}@media(max-width:900px){.sidebar{width:70px;flex-basis:70px;padding:22px 10px}.sidebar .logo{font-size:.8rem;padding:0 7px 38px;white-space:nowrap;overflow:hidden}.workspace{padding:12px 9px}.workspace div,.workspace>span:last-child,.sidebar nav a span,.sidebar-bottom a span{display:none}.sidebar nav a,.sidebar-bottom a{justify-content:center}.dashboard{padding:30px 3vw}.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{display:block}.panel{margin-bottom:15px}.clients-panel{overflow:auto}.table-header,.client-row{min-width:640px}.table-header{margin-right:10px}.dashboard-header{margin-bottom:28px}}@media(max-width:520px){.sidebar{width:57px;flex-basis:57px}.dashboard{padding:24px 4vw}.dashboard-header{align-items:center}.dashboard h1{font-size:1.35rem}.date-label{font-size:.68rem}.metrics{gap:8px}.metrics article{padding:14px 12px}.metrics strong{font-size:1.1rem}.metrics span{font-size:.5rem}.metrics small{font-size:.5rem}.panel{padding:16px 13px}.dashboard-footer{display:block;line-height:2}.dashboard-footer span{display:block}}