:root{--vert-fonce: #2F3E2E;--vert-clair: #688160;--orange: #D44F12;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #fafafa;--text-primary: #333333;--text-secondary: #666666;--text-muted: #999999;--border-color: #e0e0e0;--shadow-color: rgba(0, 0, 0, .1);--card-bg: #ffffff;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal);min-height:100vh}body.dark-mode{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #252525;--text-primary: #e0e0e0;--text-secondary: #aaaaaa;--text-muted: #777777;--border-color: #404040;--shadow-color: rgba(0, 0, 0, .3);--card-bg: #2d2d2d;background-color:var(--bg-primary);color:var(--text-primary)}body.dark-mode ::selection{background-color:var(--orange);color:#fff}body.dark-mode ::-webkit-scrollbar{width:10px;height:10px}body.dark-mode ::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:5px}body.dark-mode ::-webkit-scrollbar-thumb{background:var(--vert-clair);border-radius:5px}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:var(--orange)}body.dark-mode .card,body.dark-mode .container,body.dark-mode .content,body.dark-mode .feature-card,body.dark-mode .book-card{background-color:var(--card-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode input,body.dark-mode textarea,body.dark-mode select{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);transition:border-color var(--transition-fast)}body.dark-mode input:focus,body.dark-mode textarea:focus,body.dark-mode select:focus{border-color:var(--vert-clair);outline:none;box-shadow:0 0 0 3px #6881601a}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder,body.dark-mode select::placeholder{color:var(--text-muted)}body.dark-mode button:not(.top-bar__nav-btn):not(.hero__btn):not(.book-card__btn){background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);transition:all var(--transition-fast)}body.dark-mode button:not(.top-bar__nav-btn):not(.hero__btn):not(.book-card__btn):hover{background-color:var(--bg-tertiary);border-color:var(--vert-clair)}body.dark-mode a:not(.top-bar__logo-link):not(.top-bar__nav-btn):not(.hero__btn){color:var(--vert-clair);text-decoration:none;transition:color var(--transition-fast)}body.dark-mode a:not(.top-bar__logo-link):not(.top-bar__nav-btn):not(.hero__btn):hover{color:var(--orange)}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6{color:var(--text-primary)}body.dark-mode p{color:var(--text-secondary)}body.dark-mode section{background-color:var(--bg-primary)}body.dark-mode table{background-color:var(--bg-secondary);border-color:var(--border-color)}body.dark-mode table th,body.dark-mode table td{border-color:var(--border-color);color:var(--text-primary)}body.dark-mode table th{background-color:var(--bg-tertiary)}body.dark-mode ul li,body.dark-mode ol li{color:var(--text-secondary)}body.dark-mode .modal,body.dark-mode .dialog{background-color:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 4px 20px var(--shadow-color)}body.dark-mode .alert-info{background-color:#68816033;border-color:var(--vert-clair);color:var(--vert-clair)}body.dark-mode .alert-warning{background-color:#d44f1233;border-color:var(--orange);color:var(--orange)}body.dark-mode .badge{background-color:var(--bg-tertiary);color:var(--text-secondary)}body.dark-mode .badge-primary{background-color:var(--vert-clair);color:#fff}body.dark-mode .badge-secondary{background-color:var(--orange);color:#fff}body.dark-mode .loader{border-color:var(--border-color);border-top-color:var(--vert-clair)}body.dark-mode .tooltip{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:0 2px 8px var(--shadow-color)}body.dark-mode .dropdown{background-color:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 2px 8px var(--shadow-color)}body.dark-mode .dropdown-item{color:var(--text-primary)}body.dark-mode .dropdown-item:hover{background-color:var(--bg-tertiary)}body.dark-mode .pagination .page-item .page-link{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode .pagination .page-item .page-link:hover{background-color:var(--bg-tertiary);color:var(--vert-clair)}body.dark-mode .pagination .page-item.active .page-link{background-color:var(--vert-clair);border-color:var(--vert-clair);color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media(max-width:768px){.container{padding:0 1.5rem}}@media(max-width:480px){.container{padding:0 1rem}}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}@media(max-width:768px){.grid{gap:1.5rem}}.flex{display:flex}.flex-center{justify-content:center;align-items:center}.flex-between{justify-content:space-between;align-items:center}.flex-column{flex-direction:column}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--vert-clair)}.text-secondary{color:var(--orange)}.text-muted{color:var(--text-muted)}.m-1{margin:.5rem}.m-2{margin:1rem}.m-3{margin:1.5rem}.m-4{margin:2rem}.m-5{margin:2.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-5{margin-top:2.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:2.5rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.p-5{padding:2.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fade-in{animation:fadeIn var(--transition-normal)}.slide-up{animation:slideUp var(--transition-normal)}.slide-down{animation:slideDown var(--transition-normal)}.pulse{animation:pulse 2s infinite}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:768px){.hide-mobile{display:none}}@media(min-width:769px){.hide-desktop{display:none}}@media print{body{background-color:#fff;color:#000}.no-print{display:none}}html,body{height:100%}body{display:flex;flex-direction:column}app-root{display:flex;flex-direction:column;min-height:100vh}router-outlet{display:none}router-outlet+*{flex:1}