@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
/* Clear sign-out action in the persistent top bar. */
.logout-form{margin:0}.logout-button{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #e6eaed;border-radius:7px;background:#fff;color:#647386;font:600 10px 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap}.logout-button:hover{background:#f5f7f8;color:#33495e;border-color:#d9e0e5}.logout-button span{font-size:14px;line-height:1}
@media(max-width:700px){.top-right{gap:8px}.today{display:none}.logout-button{padding:6px 8px}}
.theme-toggle{width:31px;height:31px;display:inline-grid;place-items:center;flex:none;border:1px solid #e6eaed;border-radius:8px;background:#fff;color:#68798a;font-size:16px;line-height:1;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.theme-toggle:hover{background:#f3f6f7;color:#2f465a;border-color:#d8e0e5}.theme-toggle:focus-visible,.logout-button:focus-visible{outline:3px solid #52a68b55;outline-offset:2px}.auth-theme-toggle{position:fixed;top:20px;right:22px}
html[data-theme="dark"]{color-scheme:dark;--ink:#e4ebf1;--muted:#9baaba;--line:#33414d;--paper:#202b36;--canvas:#141c24;--shadow:0 8px 30px rgba(0,0,0,.18)}html[data-theme="dark"] body{background:var(--canvas);color:var(--ink)}html[data-theme="dark"] h1{color:#edf2f6}html[data-theme="dark"] h2,html[data-theme="dark"] td strong,html[data-theme="dark"] .profile-text strong{color:#e2eaf0}html[data-theme="dark"] .sidebar,html[data-theme="dark"] .topbar,html[data-theme="dark"] .panel,html[data-theme="dark"] .metric-card:not(.dark),html[data-theme="dark"] .auth-card{background:#1c2731;border-color:#2c3944}html[data-theme="dark"] .topbar{background:#19232d;border-bottom-color:#2c3944}html[data-theme="dark"] .sidebar{border-right-color:#2c3944}html[data-theme="dark"] .brand{color:#eef3f6}html[data-theme="dark"] .brand-light{color:#9baaba}html[data-theme="dark"] .workspace-label,html[data-theme="dark"] .eyebrow{color:#8d9baa}html[data-theme="dark"] .nav-link{color:#aab6c1}html[data-theme="dark"] .nav-link:hover{background:#26343f;color:#ecf2f6}html[data-theme="dark"] .nav-link.active{background:#203b38;color:#8bd1b7}html[data-theme="dark"] .nav-icon{color:#a1afbb}html[data-theme="dark"] .nav-link.active .nav-icon{color:#8bd1b7}html[data-theme="dark"] .nav-count{background:#26343e;color:#afbac5}html[data-theme="dark"] .help-card{background:#202d37;border-color:#34424d}html[data-theme="dark"] .help-card strong{color:#dce5eb}html[data-theme="dark"] .help-card>span:last-child{color:#9baaba}html[data-theme="dark"] .profile{border-top-color:#303d48}html[data-theme="dark"] .profile-text small,html[data-theme="dark"] .muted,html[data-theme="dark"] .today,html[data-theme="dark"] .breadcrumb{color:#9baaba}html[data-theme="dark"] .breadcrumb span{color:#586672}html[data-theme="dark"] .avatar{background:#2c403e;color:#a3d9c6}html[data-theme="dark"] .avatar.small{background:#293843;color:#bfd0da}html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .logout-button{background:#24313c;border-color:#3b4a56;color:#c2ced7}html[data-theme="dark"] .theme-toggle:hover,html[data-theme="dark"] .logout-button:hover{background:#2c3b47;color:#f0f4f7;border-color:#536572}html[data-theme="dark"] .metric-top{color:#a8b4bf}html[data-theme="dark"] .metric-card>small{color:#9baaba}html[data-theme="dark"] th{background:#202c36;border-color:#303d48;color:#9baaba}html[data-theme="dark"] td{border-color:#303d48;color:#b7c2cc}html[data-theme="dark"] .subline{color:#91a0ad}html[data-theme="dark"] .amount{color:#d0dae2}html[data-theme="dark"] .amount-green{color:#82d1b2}html[data-theme="dark"] .status{background:#233b35;color:#9ad8bd}html[data-theme="dark"] .status i{background:#65c69d}html[data-theme="dark"] .status.clôturé{background:#303942;color:#bcc5cd}html[data-theme="dark"] .status.clôturé i{background:#87939d}html[data-theme="dark"] .status.en.attente{background:#403727;color:#e0bd7d}html[data-theme="dark"] .status.en.attente i{background:#d4a555}html[data-theme="dark"] .summary-row{border-color:#303d48;color:#aab6c1}html[data-theme="dark"] .summary-row strong{color:#e1e8ed}html[data-theme="dark"] .summary-dot.navy{background:#63829d}html[data-theme="dark"] .summary-panel .button.secondary,html[data-theme="dark"] .button.secondary{background:#253a38;border-color:#34534c;color:#a0dac4}html[data-theme="dark"] .summary-mark,html[data-theme="dark"] .empty-icon{background:#263a38;color:#8bd1b7}html[data-theme="dark"] .note-panel{background:#202f30;border-color:#314342}html[data-theme="dark"] .note-panel strong{color:#b1ddcf}html[data-theme="dark"] .note-panel p{color:#a1b4ad}html[data-theme="dark"] .note-icon{background:#293c3a;color:#9ad8c3}html[data-theme="dark"] .empty-state strong{color:#e0e8ed}html[data-theme="dark"] .empty-state>span,html[data-theme="dark"] .empty-inline{color:#9baaba}html[data-theme="dark"] .footer{border-color:#2c3944;color:#9baaba}html[data-theme="dark"] .footer>span{color:#66737e}html[data-theme="dark"] .form-grid label,html[data-theme="dark"] .auth-card label{color:#b8c3cc}html[data-theme="dark"] .form-grid input,html[data-theme="dark"] .form-grid select,html[data-theme="dark"] .form-grid textarea,html[data-theme="dark"] .auth-card input{background:#151e26;border-color:#3a4854;color:#e1e8ed}html[data-theme="dark"] .form-grid input::placeholder,html[data-theme="dark"] .form-grid textarea::placeholder{color:#788793}html[data-theme="dark"] .auth-page{background:#141c24}html[data-theme="dark"] .auth-foot{color:#96a4b1}html[data-theme="dark"] .auth-card .brand-mark{background:#2d4c66}html[data-theme="dark"] .alert{background:#3a2a26;border-color:#604139;color:#f0b8a3}html[data-theme="dark"] .metric-icon{background:#2b3741;color:#bdc9d2}html[data-theme="dark"] .metric-icon.mint{background:#263b37;color:#8bd1b7}html[data-theme="dark"] .metric-icon.peach{background:#40332d;color:#e9b18a}html[data-theme="dark"] .metric-icon.lavender{background:#353244;color:#c0b2e4}html[data-theme="dark"] .note-panel .note-icon{background:#293c3a}html[data-theme="dark"] .text-link{color:#83d0b3}html[data-theme="dark"] .delete{color:#e0a18f}html[data-theme="dark"] .auth-page .theme-toggle{background:#24313c;border-color:#3b4a56;color:#c2ced7}
@media(max-width:700px){.auth-theme-toggle{top:12px;right:12px}}
.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid #edf0f2}.pagination-summary{color:#8794a1;font-size:10px;white-space:nowrap}.pagination-links{display:flex;align-items:center;justify-content:flex-end;gap:5px}.pagination-links a,.pagination-disabled,.pagination-number{min-width:27px;height:27px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;color:#667789;text-decoration:none;font-size:10px;white-space:nowrap}.pagination-links a:hover,.pagination-number:hover{background:#f3f7f6;border-color:#e5eeeb;color:#347e6d}.pagination-number.current{background:#eaf4f0;color:#287965;font-weight:700}.pagination-disabled{color:#b4bdc5}.pagination-ellipsis{color:#9aa5ae;font-size:11px;padding:0 2px}html[data-theme="dark"] .pagination{border-color:#303d48}html[data-theme="dark"] .pagination-summary{color:#9baaba}html[data-theme="dark"] .pagination-links a,html[data-theme="dark"] .pagination-disabled,html[data-theme="dark"] .pagination-number{color:#b7c2cc}html[data-theme="dark"] .pagination-links a:hover,html[data-theme="dark"] .pagination-number:hover{background:#263a38;border-color:#34534c;color:#a0dac4}html[data-theme="dark"] .pagination-number.current{background:#263a38;color:#9ad8c3}html[data-theme="dark"] .pagination-disabled{color:#66737e}html[data-theme="dark"] .pagination-ellipsis{color:#82909b}@media(max-width:700px){.pagination{align-items:flex-start;flex-direction:column;padding:12px}.pagination-links{width:100%;justify-content:space-between;gap:2px}.pagination-links a,.pagination-disabled,.pagination-number{padding:0 5px;font-size:9px}}
:root{--navy:#172c46;--ink:#1c2d42;--muted:#8491a2;--line:#e9edf1;--paper:#fff;--canvas:#f7f8fa;--teal:#31a887;--green:#2f9a76;--shadow:0 8px 30px rgba(30,48,70,.035)}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased}h1,h2,strong,.brand{font-family:'Manrope','DM Sans',sans-serif}h1{font-size:27px;letter-spacing:-.8px;margin:0 0 7px;font-weight:700;color:#1d3047}h2{font-size:15px;margin:0 0 5px;font-weight:700;letter-spacing:-.2px}.muted{color:var(--muted);margin:0;line-height:1.6}.app-shell{min-height:100vh}.sidebar{width:244px;position:fixed;left:0;top:0;bottom:0;background:#fff;border-right:1px solid #eef0f2;display:flex;flex-direction:column;padding:27px 17px 14px;z-index:2}.brand{height:42px;display:flex;align-items:center;gap:10px;color:#24364a;text-decoration:none;font-weight:800;font-size:17px;letter-spacing:-.6px;padding-left:6px}.brand-light{font-weight:500;color:#788797}.brand-mark{width:29px;height:29px;display:grid;place-items:center;color:white;background:#1c354f;border-radius:9px;font-size:16px;font-weight:700}.workspace-label{font-size:9px;letter-spacing:1.1px;color:#a0aab5;font-weight:700;margin:37px 10px 13px}.sidebar nav{display:grid;gap:4px}.nav-link{height:42px;display:flex;align-items:center;gap:12px;padding:0 11px;border-radius:8px;color:#647286;text-decoration:none;font-size:12px;font-weight:500;transition:.16s}.nav-link:hover{background:#f6f8f9;color:var(--ink)}.nav-link.active{background:#edf5f3;color:#287965;font-weight:600}.nav-icon{font-size:16px;width:18px;text-align:center;color:#8090a0}.active .nav-icon{color:#328c75}.nav-count{margin-left:auto;font-size:10px;background:#fff;color:#728093;border-radius:10px;padding:2px 7px}.sidebar-bottom{margin-top:auto}.help-card{border:1px solid #edf0f2;border-radius:10px;padding:15px 13px 14px;margin-bottom:17px;background:linear-gradient(145deg,#fff,#fafcfc)}.help-icon{color:#35a488;font-size:16px;display:block;margin-bottom:9px}.help-card strong{display:block;font-size:12px;line-height:1.5;color:#304459}.help-card>span:last-child{display:block;color:#8995a3;font-size:10px;line-height:1.6;margin-top:6px}.profile{border-top:1px solid #eff1f3;padding:14px 1px 2px;display:flex;align-items:center;gap:9px}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#e7eeec;color:#497367;font-size:12px;font-weight:700;flex:none}.profile-text{display:grid;gap:3px;min-width:0;flex:1}.profile-text strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-text small{font-size:10px;color:#8a97a5}.profile form{margin:0}.icon-button{border:0;background:transparent;color:#94a0ac;font-size:18px;width:27px;height:27px;display:grid;place-items:center;cursor:pointer;border-radius:6px}.icon-button:hover{background:#f1f4f5;color:#405468}.main{margin-left:244px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:62px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.8);border-bottom:1px solid #eceff2}.breadcrumb{font-size:11px;color:#8793a1}.breadcrumb span{margin:0 8px;color:#c3cbd1}.top-right{display:flex;align-items:center;gap:16px}.today{color:#7c8997;font-size:11px}.avatar.small{width:28px;height:28px;font-size:11px}.content{width:min(1180px,100%);padding:34px 40px 22px;margin:0 auto;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:1.1px;color:#8c9aa5;font-weight:700;margin:0 0 10px}.wave{font-size:17px;color:#edb96d;vertical-align:2px}.page-heading .muted{font-size:12px}.button{border:0;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;font-family:inherit;font-weight:600;font-size:11px;text-decoration:none;cursor:pointer;white-space:nowrap;transition:.15s}.primary{color:#fff;background:#213b53;box-shadow:0 3px 7px #243c531a}.primary:hover{background:#2f536f;transform:translateY(-1px)}.secondary{background:#f3f7f6;color:#377a69;border:1px solid #e4eeeb}.secondary:hover{background:#eaf3f0}.full{width:100%}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px}.metric-card{background:white;border:1px solid #edf0f2;border-radius:10px;padding:17px 17px 16px;position:relative;min-height:121px;overflow:hidden;box-shadow:var(--shadow)}.metric-card.dark{background:#203a53;color:white;border-color:#203a53}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#788696;font-size:10px;font-weight:500;margin-bottom:15px}.dark .metric-top{color:#d1dae1}.metric-card>strong{display:block;font-size:20px;letter-spacing:-.6px;white-space:nowrap;position:relative;z-index:1}.metric-card>small{display:block;margin-top:8px;font-size:10px;color:#97a2ad;position:relative;z-index:1}.dark>small{color:#bfccd5}.metric-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;color:#6d8193;background:#f3f5f7;font-size:14px}.metric-icon.mint{background:#e8f6f1;color:#36a17f}.metric-icon.peach{background:#fff1e8;color:#d6905b}.metric-icon.lavender{background:#f0eef8;color:#8c7cb4}.metric-decoration{position:absolute;width:100px;height:100px;border:1px solid #ffffff16;border-radius:50%;right:-28px;bottom:-63px}.metric-decoration:after{content:'';position:absolute;inset:11px;border:1px solid #ffffff12;border-radius:50%}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.green{background:#42b48c}.orange{background:#e2a16b}.overview-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(225px,.88fr);gap:15px;margin-bottom:15px}.panel{background:white;border:1px solid #edf0f2;border-radius:10px;box-shadow:var(--shadow)}.portfolio{min-height:293px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 19px 14px}.panel-heading h2{margin-bottom:5px}.panel-heading .muted{font-size:10px}.text-link{color:#388b76;font-size:10px;font-weight:600;text-decoration:none;white-space:nowrap}.text-link span{padding-left:3px;font-size:14px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{text-align:left;text-transform:uppercase;font-size:8px;letter-spacing:.55px;color:#9aa4ae;font-weight:600;background:#fafbfc;padding:10px 13px;border-top:1px solid #f0f2f4;border-bottom:1px solid #f0f2f4}td{font-size:10px;color:#687789;padding:11px 13px;border-bottom:1px solid #f0f2f4}tbody tr:last-child td{border-bottom:0}td strong{font-size:10px;color:#2b3e52;font-weight:600}.subline{display:block;font-size:9px;color:#99a4af;margin-top:4px}.status{display:inline-flex;align-items:center;gap:5px;font-size:9px;padding:4px 7px;border-radius:20px;background:#eef7f3;color:#41846f}.status i{width:5px;height:5px;border-radius:50%;background:#45a585}.status.clôturé{background:#f1f3f5;color:#788594}.status.clôturé i{background:#a0aab4}.status.en.attente{background:#fff6e9;color:#b18547}.status.en.attente i{background:#d4a555}.side-stack{display:grid;gap:13px;align-content:start}.summary-panel{padding-bottom:14px}.summary-mark{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#edf6f3;color:#3a9a80;font-size:13px}.summary-row{margin:0 18px;padding:11px 0;border-top:1px solid #f0f2f4;display:flex;justify-content:space-between;align-items:center;color:#758293;font-size:10px}.summary-row strong{font-size:13px;color:#304258}.summary-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.summary-dot.navy{background:#29445d}.summary-dot.teal{background:#55aa91}.summary-dot.amber{background:#e2ae70}.summary-panel .button{margin:10px 18px 0;width:calc(100% - 36px)}.summary-panel .button span{font-size:14px;margin-left:auto}.note-panel{padding:14px;display:flex;align-items:flex-start;gap:10px;background:#f1f7f4;border-color:#eaf1ed;box-shadow:none}.note-icon{width:24px;height:24px;display:grid;place-items:center;color:#3e997d;background:white;border-radius:7px;flex:none}.note-panel strong{font-size:10px;color:#365a4f}.note-panel p{font-size:9px;line-height:1.55;color:#83948e;margin:4px 0 0}.recent-panel{margin-bottom:7px}.recent-panel .panel-heading{padding-bottom:13px}.op-type{font-size:9px;font-weight:600}.op-type.positive{color:#399a78}.op-type.negative{color:#bd8160}.amount{font-weight:600;color:#34485d}.amount-green{color:#379573}.empty-state{min-height:211px;padding:26px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.empty-icon{width:37px;height:37px;border-radius:11px;background:#eff6f3;color:#40977f;display:grid;place-items:center;font-size:18px;margin-bottom:12px}.empty-state strong{font-size:12px;color:#34485c}.empty-state>span{max-width:290px;font-size:10px;line-height:1.6;color:#8a97a4;margin:6px 0 13px}.empty-inline{padding:28px 18px;text-align:center;color:#9aa5af;font-size:11px}.footer{height:42px;border-top:1px solid #ebeff1;padding:0 40px;display:flex;align-items:center;gap:7px;color:#8e99a5;font-size:9px}.footer>span{color:#c1c8ce}.footer-right{margin-left:auto}.form-panel{margin-bottom:16px}.form-grid{padding:2px 19px 19px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.form-grid label,.auth-card label{font-size:10px;font-weight:600;color:#58697a;display:grid;gap:6px}.form-grid input,.form-grid select,.form-grid textarea,.auth-card input{width:100%;border:1px solid #e4e9ed;background:#fff;border-radius:6px;padding:9px 10px;font:11px 'DM Sans',sans-serif;color:#304258;outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.auth-card input:focus{border-color:#78b5a3;box-shadow:0 0 0 3px #5ca98c1a}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#b2bbc3}.form-grid textarea{resize:vertical}.wide-field{grid-column:span 2}.form-submit{grid-column:1/-1;display:flex;justify-content:flex-end;padding-top:1px}.data-panel{margin-bottom:15px}.data-panel .panel-heading{padding-bottom:14px}.data-panel table{min-width:720px}.delete{color:#c08072;font-size:19px}.auth-page{min-height:100vh;background:#f5f7f7;display:grid;place-items:center;padding:25px}.auth-card{width:min(400px,100%);background:white;border:1px solid #edf0f2;border-radius:14px;padding:32px 34px;box-shadow:0 18px 60px #1c31410d}.auth-card .brand{padding:0;margin-bottom:37px}.auth-card h1{font-size:24px}.auth-card>.muted{font-size:12px;margin-bottom:21px}.auth-card form{display:grid;gap:14px}.auth-card input{padding:11px 12px}.auth-card .button{margin-top:5px;padding:12px}.auth-foot{text-align:center;color:#a1abb4;font-size:9px;margin:23px 0 0}.alert{padding:11px 13px;border:1px solid #f0d9ce;background:#fff6f1;color:#a95f47;border-radius:7px;font-size:11px;margin:0 0 14px}.auth-card .alert{margin-bottom:17px}@media(min-width:1500px){.content{padding-top:42px}.metrics{gap:16px}.metric-card{min-height:133px;padding:20px}.overview-grid{gap:18px}.panel-heading{padding:20px 22px 16px}}@media(max-width:1100px){.sidebar{width:216px}.main{margin-left:216px}.content{padding:28px 25px}.topbar{padding:0 25px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:minmax(0,1fr)}.side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.sidebar{width:61px;padding:18px 8px}.brand{padding:0;justify-content:center}.brand>span:last-child,.workspace-label,.nav-link:not(.active){font-size:0}.brand>span:last-child,.help-card,.profile-text,.profile form,.nav-link .nav-count{display:none}.nav-link{justify-content:center;padding:0;font-size:0}.nav-icon{font-size:17px}.sidebar nav{margin-top:26px}.sidebar-bottom .profile{justify-content:center}.main{margin-left:61px}.topbar{height:53px;padding:0 14px}.content{padding:23px 13px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:18px}.page-heading .button{width:100%}.metrics{gap:8px}.metric-card{padding:12px;min-height:112px}.metric-top{font-size:9px}.metric-card>strong{font-size:15px}.overview-grid{gap:10px}.side-stack{grid-template-columns:1fr}.footer{padding:0 13px}.footer-right{display:none}.form-grid{grid-template-columns:1fr;padding:2px 14px 15px}.wide-field{grid-column:auto}.form-submit{grid-column:auto}.panel-heading{padding-left:14px;padding-right:14px}.portfolio .panel-heading{align-items:flex-start}.text-link{font-size:9px}.today{font-size:10px}.auth-card{padding:26px 23px}}
