:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color:#1a1a1a;background:#f5f5f5;--header-height: 56px;--drawer-width: 280px;--tap-min: 44px}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;padding-top:var(--header-height)}.app-layout{min-height:100vh}.app-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#1e293b;color:#fff;box-shadow:0 1px 3px #00000026;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:var(--header-height);padding:0 1rem;gap:.75rem}.header-brand{color:#fff;font-weight:700;font-size:1.1rem;text-decoration:none;flex-shrink:0}.header-brand:hover{text-decoration:none;color:#e2e8f0}.nav-desktop,.header-actions{display:none}.burger-btn{display:flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);margin:0 -.5rem 0 0;padding:0;background:transparent;border:none;color:#e2e8f0;font-size:1.35rem;cursor:pointer;border-radius:8px;-webkit-tap-highlight-color:transparent}.burger-btn:hover,.burger-btn:focus-visible{background:#ffffff1a;color:#fff}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;background:#0006;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.nav-overlay-visible{opacity:1;visibility:visible}.nav-drawer{position:fixed;top:0;right:0;bottom:0;z-index:1002;width:var(--drawer-width);max-width:85vw;background:#fff;box-shadow:-4px 0 20px #00000026;transform:translate(100%);transition:transform .25s ease;display:flex;flex-direction:column;overflow:hidden}.nav-drawer-open{transform:translate(0)}.nav-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;background:#f8fafc}.nav-drawer-title{font-weight:700;font-size:1.1rem;color:#1e293b}.burger-btn-close{color:#64748b;margin:0}.nav-drawer-links{flex:1;overflow-y:auto;padding:.75rem 0}.nav-drawer-link{display:block;padding:.875rem 1.25rem;color:#334155;text-decoration:none;font-weight:500;font-size:1rem;min-height:var(--tap-min);display:flex;align-items:center;border-left:3px solid transparent}.nav-drawer-link:hover{background:#f1f5f9;color:#1e293b;text-decoration:none}.nav-drawer-link-active{background:#eff6ff;color:#1d4ed8;border-left-color:#2563eb}.nav-drawer-footer{padding:1rem 1.25rem;border-top:1px solid #e5e7eb;background:#f8fafc}.nav-drawer-email{margin:0 0 .75rem;font-size:.8rem;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-block{width:100%;justify-content:center}.app-main{padding:1.25rem 1rem 1rem;padding-left:calc(1rem + env(safe-area-inset-left,0));padding-right:calc(1rem + env(safe-area-inset-right,0));padding-bottom:calc(1rem + env(safe-area-inset-bottom,0));min-height:calc(100vh - var(--header-height))}@media (min-width: 768px){body{padding-top:0}.app-header{position:relative}.header-inner{min-height:52px;padding:.5rem 1rem}.nav-desktop{display:flex;align-items:center;gap:1.5rem}.nav-link{color:#ffffffe6;font-size:.95rem;text-decoration:none;padding:.4rem 0}.nav-link:hover{color:#fff;text-decoration:none}.nav-link-active{color:#fff;font-weight:600}.header-actions{display:flex;align-items:center;gap:1rem}.header-user{font-size:.9rem;opacity:.9;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-header{padding:.4rem .85rem;font-size:.9rem;background:#ffffff26;color:#fff;border:none;border-radius:6px;cursor:pointer}.btn-header:hover{background:#ffffff40}.burger-btn{display:none}.app-main{padding-top:1.5rem}}@media (min-width: 900px){.app-main{max-width:900px;margin:0 auto}.app-main.app-main-fullwidth{max-width:none;width:100%}}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:100%;margin:0 auto;padding:0}@media (min-width: 900px){.container{max-width:900px;padding:0 1rem}}.card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #00000014;margin-bottom:1rem}@media (min-width: 768px){.card{padding:1.25rem}}.btn-icon{padding:.35rem .5rem;min-width:var(--tap-min);min-height:var(--tap-min)}.btn-icon i{font-size:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:var(--tap-min);padding:.5rem 1rem;border-radius:8px;border:none;cursor:pointer;font-size:.95rem;-webkit-tap-highlight-color:transparent}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#e5e7eb;color:#374151}.btn-secondary:hover{background:#d1d5db}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}input,select{padding:.6rem .75rem;min-height:var(--tap-min);border:1px solid #d1d5db;border-radius:8px;font-size:16px}@media (min-width: 768px){input,select{min-height:auto;padding:.5rem .75rem;font-size:1rem}}input:focus,select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.25rem;font-weight:500;color:#374151}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem}@media (min-width: 768px){.table-wrap{margin:0;padding:0}}table{width:100%;min-width:480px;border-collapse:collapse;font-size:clamp(.8rem,2.5vw,1rem)}th,td{padding:.6rem .5rem;text-align:left;border-bottom:1px solid #e5e7eb}@media (min-width: 768px){th,td{padding:.75rem}}th{font-weight:600;color:#6b7280;font-size:.875rem;white-space:nowrap}.credit{color:#059669}.debit{color:#dc2626}.budget-mobile-list{display:none}.budget-desktop-table{display:block}@media (max-width: 767px){.budget-mobile-list{display:block}.budget-desktop-table{display:none}}@media (max-width: 767px){.budget-table-wrap{margin:0 -.5rem;padding:0 .5rem}.budget-table-wrap table{font-size:.8rem;min-width:360px}.budget-table-wrap th,.budget-table-wrap td{padding:.3rem .35rem;vertical-align:middle}.budget-table-wrap th{font-size:.7rem}.budget-table-wrap .budget-cell-libelle .btn-icon{padding:.2rem .35rem}.budget-table-wrap .budget-cell-type{font-size:.7rem}.budget-table-wrap .budget-cell-cat{padding-left:.4rem}}@media (max-width: 767px){.budget-pie-chart-wrap{max-width:100%;min-width:0}}.category-card{padding:0}.category-card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:1.25rem 1.25rem .75rem}.category-card-title{display:flex;align-items:center;gap:.75rem}.category-card-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:10px;background:#0000000d}.category-budget-badge{display:inline-block;margin-left:.5rem;padding:.2rem .5rem;font-size:.8rem;font-weight:500;color:#475569;background:#f1f5f9;border-radius:6px}.category-card-body{padding:0 1.25rem 1.25rem}input.category-debut-mois-checkbox{min-height:auto;width:1.125rem;height:1.125rem;padding:0;margin:0;flex-shrink:0;cursor:inherit;vertical-align:middle}.category-card-edit{padding:1.25rem}.icon-picker-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s}.icon-picker-btn:hover{background:#f1f5f9!important;border-color:#cbd5e1!important}.param-periodes-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.param-periodes-table .form-select,.param-periodes-table .form-control{min-width:0}