body,html{margin:0;padding:0;height:100%;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:#f8fafc}.dashboard-wrapper{display:flex;min-height:100vh;width:100%;position:relative;background-color:#f8fafc}.page-container,.comptes-container{flex:1;margin-left:250px;padding:25px 35px;width:calc(100% - 250px);max-width:calc(100% - 250px);min-width:0;box-sizing:border-box;transition:margin-left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)}body.sidebar-collapsed .page-container,body.sidebar-collapsed .comptes-container{margin-left:75px;width:calc(100% - 75px);max-width:calc(100% - 75px)}@media (max-width: 991px){.page-container,.comptes-container{margin-left:0!important;width:100%!important;max-width:100%!important;padding:75px 20px 20px}}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.form-card,.list-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:24px}.pagination-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin-top:25px;padding-top:20px;border-top:1px solid #f1f5f9}.pagination-info{font-size:13px;color:#64748b}.pagination-info strong{color:#1e293b;font-weight:700}.pagination-right{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.pagination-buttons{display:flex;align-items:center;gap:6px}.page-btn{min-width:34px;height:34px;padding:0 8px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:#fff;color:#475569;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.page-btn:hover:not([disabled]):not(.active){background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.page-btn.active{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border-color:#4f46e5;box-shadow:0 2px 6px #4f46e54d}.page-btn[disabled]{opacity:.4;cursor:not-allowed}.nav-btn{font-size:15px;font-weight:700}.dashboard-wrapper{display:flex!important;min-height:100vh!important;width:100%!important;position:relative!important;background-color:#f8fafc!important;box-sizing:border-box!important}.dashboard-wrapper .page-container,.dashboard-wrapper .comptes-container,.page-container{flex:1!important;margin-left:250px!important;width:calc(100% - 250px)!important;max-width:calc(100% - 250px)!important;min-width:0!important;box-sizing:border-box!important;padding:25px 32px!important;transition:margin-left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)!important}body.sidebar-collapsed .dashboard-wrapper .page-container,body.sidebar-collapsed .dashboard-wrapper .comptes-container,body.sidebar-collapsed .page-container{margin-left:75px!important;width:calc(100% - 75px)!important;max-width:calc(100% - 75px)!important}@media (max-width: 991px){.dashboard-wrapper .page-container,.dashboard-wrapper .comptes-container,.page-container{margin-left:0!important;width:100%!important;max-width:100%!important;padding:75px 16px 16px!important}}.dashboard-nav-btn{background:linear-gradient(135deg,#00a6a6,teal)!important;color:#fff!important;border:1.5px solid #00a6a6!important;box-shadow:0 2px 8px #00a6a640!important;cursor:pointer;text-decoration:none!important;font-weight:600!important}.dashboard-nav-btn:hover{background:linear-gradient(135deg,teal,#066)!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 14px #00a6a666!important}.logout-nav-btn{background:#fff0f0!important;color:#dc2626!important;border:1.5px solid #fca5a5!important;cursor:pointer;font-family:inherit;font-weight:600!important}.logout-nav-btn:hover{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important;transform:translateY(-1px);box-shadow:0 4px 12px #dc262640!important}html,body{overflow-x:hidden!important;width:100%!important;max-width:100vw!important;-webkit-overflow-scrolling:touch;margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}img,video,iframe{max-width:100%;height:auto}.mobile-toggle-btn{display:none;background:transparent;border:none;color:#1a2a44;font-size:26px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .25s ease;z-index:1002;outline:none}.mobile-toggle-btn:hover{background:#f1f5f9;color:#00a6a6}.mobile-nav-drawer,.mobile-nav-backdrop{display:none}@media (max-width: 991px){.navbar .nav-menu,.navbar .nav-auth{display:none!important}.mobile-toggle-btn{display:flex!important;align-items:center;justify-content:center}.navbar{position:sticky!important;top:0!important;z-index:1100!important;height:70px!important;background:#fff!important;padding:0!important;box-shadow:0 2px 12px #00000014!important}.nav-container{padding:0 16px!important;width:100%!important;max-width:100%!important;height:100%!important;display:flex!important;justify-content:space-between!important;align-items:center!important;box-sizing:border-box!important}.main-logo{height:34px!important;width:auto!important}.mobile-nav-drawer{display:flex!important;flex-direction:column;position:absolute;top:70px;left:0;right:0;width:100%;background:#fff;box-shadow:0 16px 32px #0000001f;border-top:1px solid #f1f5f9;padding:18px 20px 24px;box-sizing:border-box;max-height:calc(100vh - 70px);overflow-y:auto;z-index:1101;transform:translateY(-8px);opacity:0;pointer-events:none;transition:all .28s cubic-bezier(.4,0,.2,1)}.mobile-nav-drawer.open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-nav-links{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.mobile-nav-links a{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:10px;color:#1e293b;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s ease}.mobile-nav-links a i{font-size:16px;color:#64748b;width:22px;text-align:center;transition:color .2s ease}.mobile-nav-links a:hover,.mobile-nav-links a.active{background:#f0fdfa;color:#00a6a6}.mobile-nav-links a:hover i,.mobile-nav-links a.active i{color:#00a6a6}.mobile-nav-auth{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid #f1f5f9}.mobile-auth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;box-sizing:border-box;cursor:pointer;border:none;transition:all .2s ease}.mobile-sign-in{background:#f1f5f9;color:#0f172a}.mobile-sign-in:hover{background:#e2e8f0}.mobile-sign-up{background:linear-gradient(135deg,#000051,#00a6a6);color:#fff}.mobile-dashboard{background:linear-gradient(135deg,#00a6a6,teal);color:#fff}.mobile-logout{background:#fff0f0;color:#dc2626;border:1px solid #fca5a5}.mobile-nav-backdrop{display:block!important;position:fixed;inset:70px 0 0;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1099}}