:root{--brand:#165c3b;--brand-soft:color-mix(in srgb,var(--brand) 11%,white);--deep:color-mix(in srgb,var(--brand) 72%,#071c13);--ink:#17201c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f7f5;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:#10261d;color:#dbe8e1;font-size:12px}.topbar-inner{min-height:36px;display:flex;align-items:center;justify-content:space-between}.topbar-inner div{display:flex;gap:24px}.topbar a:hover{text-decoration:underline}.navbar{background:#ffffffef;border-bottom:1px solid #e0e6e2;position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.nav-inner{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand img{width:61px;height:50px;object-fit:contain}.brand span{display:flex;flex-direction:column}.brand strong{font-size:22px;letter-spacing:.08em;color:var(--brand)}.brand small{color:#65716b;margin-top:5px;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.nav-actions{display:flex;align-items:center;gap:22px}.official-link{font-size:14px;font-weight:700}.admin-button,.small-primary{border:0;background:var(--brand);color:#fff;font-weight:700;border-radius:11px;padding:12px 17px;box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 22%,transparent)}.admin-button:hover,.primary-button:hover{background:var(--deep);transform:translateY(-1px)}
.hero{position:relative;overflow:hidden;background:#eef4f0;min-height:540px;display:flex;align-items:center;border-bottom:1px solid #dde6e0}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 73% 48%,var(--brand-soft),transparent 27%),linear-gradient(110deg,#f5f8f6 0 52%,color-mix(in srgb,var(--brand) 12%,white) 52%)}.hero-pattern{position:absolute;width:680px;height:680px;right:-130px;top:-70px;opacity:.32;background-image:repeating-radial-gradient(circle at center,transparent 0 31px,color-mix(in srgb,var(--brand) 38%,transparent) 32px 33px);border-radius:50%}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1.45fr .65fr;gap:90px;align-items:center;padding:76px 0}.eyebrow,.kicker{color:var(--brand);font-size:12px;letter-spacing:.17em;font-weight:800;text-transform:uppercase}.hero h1{font:500 clamp(47px,5.8vw,76px)/.98 Georgia,serif;letter-spacing:-.045em;margin:22px 0 23px}.hero h1 em{color:var(--brand);font-weight:500}.hero-lead{max-width:670px;font-size:18px;line-height:1.7;color:#56645d}.hero-buttons{display:flex;gap:12px;margin-top:32px}.primary-button,.secondary-button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:0 20px;font-weight:700;font-size:14px;border:0;transition:.2s}.primary-button{background:var(--brand);color:white}.secondary-button{border:1px solid #bfcac3;background:white}.hero-card{background:#fffffff0;border:1px solid #fff;padding:26px;border-radius:22px;box-shadow:0 25px 60px #15302324}.live{border-bottom:1px solid #e1e7e3;padding-bottom:18px;font-size:12px;font-weight:700;color:#516159}.live i{display:inline-block;width:8px;height:8px;background:#27a969;border-radius:50%;margin-right:8px;box-shadow:0 0 0 5px #ddf5e9}.metric{display:flex;align-items:center;gap:15px;padding:23px 0 20px}.metric strong{color:var(--brand);font:58px/1 Georgia,serif}.metric span{color:#53625a;font-size:13px;line-height:1.4}.metric-row{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #e1e7e3}.metric-row div{display:flex;flex-direction:column;gap:4px;padding:18px 5px}.metric-row div+div{border-left:1px solid #e1e7e3;padding-left:23px}.metric-row strong{font-size:24px}.metric-row span{color:#76827c;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.hero-card>p{color:#7a8780;font-size:11px;line-height:1.6;margin:16px 0 0}
.modules-section{padding:88px 0 105px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.kicker{margin:0 0 10px}.section-heading h2,.support-intro h2{font:42px/1.1 Georgia,serif;margin:0 0 13px}.section-heading p:last-child,.support-intro p:last-child{color:#69766f;margin:0;line-height:1.6}.search-box{width:330px;height:48px;flex:none;border:1px solid #d7dfda;background:#fff;border-radius:12px;display:flex;align-items:center;padding:0 14px;gap:10px}.search-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.search-box span{font-size:25px;color:var(--brand)}.search-box input{border:0;outline:0;width:100%}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.module-card{min-height:298px;background:#fff;border:1px solid #e0e6e2;border-radius:17px;padding:24px;display:flex;flex-direction:column;box-shadow:0 8px 28px #1637260b;transition:.2s;position:relative}.module-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--brand) 35%,#dfe6e2);box-shadow:0 16px 36px #1637261a}.module-card.dragging{opacity:.5}.module-card.featured:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;border-radius:17px 0 0 17px;background:var(--brand)}.card-top{display:flex;justify-content:space-between}.module-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:var(--brand-soft);color:var(--brand);font-weight:900}.status{border-radius:99px;padding:6px 9px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.online{background:#e5f6ed;color:#187549}.pending{background:#fff3dc;color:#9a6410}.category{color:var(--brand);text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:800;margin-top:20px}.module-card h3{margin:8px 0 10px;font-size:20px}.module-card>p{color:#68746e;font-size:13px;line-height:1.65;margin:0 0 22px}.card-footer{border-top:1px solid #edf0ee;padding-top:15px;margin-top:auto;display:flex;justify-content:space-between;align-items:center}.card-footer a,.card-footer button{color:var(--brand);background:none;border:0;padding:0;font-size:12px;font-weight:800}.card-footer>span{color:#b6c0ba;cursor:grab;font-size:20px}.empty{text-align:center;padding:70px 20px;color:#6d7972;border:1px dashed #ccd5cf;border-radius:16px}.hidden{display:none!important}
.support{background:#eaf0ec;padding:68px 0;border-top:1px solid #dce5df}.support-grid{display:grid;grid-template-columns:1.3fr repeat(3,.72fr);gap:16px}.support-intro{padding-right:30px}.support-intro h2{font-size:33px}.contact-card{background:#fff;border:1px solid #dce4df;border-radius:15px;padding:21px;display:flex;gap:13px}.contact-card>b{width:35px;height:35px;display:grid;place-items:center;flex:none;background:var(--brand-soft);color:var(--brand);border-radius:9px}.contact-card div{display:flex;flex-direction:column;gap:3px;min-width:0}.contact-card small{color:#7b8780;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.contact-card strong,.contact-card a{font-size:12px;font-weight:800;word-break:break-word}.contact-card p{font-size:11px;color:#6d7972;margin:0}footer{background:#10251c;color:#d6e1db;padding:26px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand img{width:46px;height:40px}.footer-brand strong{color:#fff}.footer-brand small,footer p,footer a{color:#9fb1a7;font-size:10px}
.modal{position:fixed;z-index:50;inset:0;background:#05140d94;backdrop-filter:blur(3px);display:flex;justify-content:flex-end}.admin-panel{width:min(510px,100%);height:100%;overflow:auto;background:#f7f9f7;padding:27px;box-shadow:-20px 0 60px #0003}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.panel-header p{margin:0 0 6px;color:var(--brand);text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:800}.panel-header h2{margin:0;font:28px/1.2 Georgia,serif}.panel-header>button{border:1px solid #d8e0db;background:#fff;border-radius:9px;width:36px;height:36px;font-size:22px}.panel-section{background:#fff;border:1px solid #e0e6e2;border-radius:14px;padding:20px;margin-bottom:15px}.panel-section h3{margin:0 0 5px;font-size:14px}.panel-section>p,.panel-title p{margin:0;color:#79847e;font-size:11px;line-height:1.5}.theme-picker{display:flex;gap:11px;align-items:center;margin-top:17px}.theme-picker>button,.custom-color{width:34px;height:34px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #d2dbd5;background:var(--swatch);position:relative}.custom-color{background:conic-gradient(red,yellow,lime,cyan,blue,magenta,red);display:grid;place-items:center}.custom-color input{position:absolute;opacity:0;inset:0;width:100%}.custom-color span{background:#fff;border-radius:50%;width:18px;height:18px;display:grid;place-items:center}.panel-title{display:flex;justify-content:space-between;gap:15px}.small-primary{padding:8px 10px;font-size:10px;white-space:nowrap}.mini-list{display:flex;flex-direction:column;gap:7px;margin-top:16px;max-height:340px;overflow:auto}.mini-item{border:1px solid #e4e9e6;border-radius:9px;padding:8px;display:flex;align-items:center;gap:7px}.mini-item>b{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:var(--brand-soft);color:var(--brand);font-size:9px}.mini-item>div{flex:1;display:flex;flex-direction:column;min-width:0}.mini-item strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-item small{font-size:9px;color:#849089}.mini-item button{border:0;background:#f0f4f1;width:25px;height:25px;border-radius:5px}.mini-item button:disabled{opacity:.28}.mini-item .delete{color:#a43030;background:#fff0f0}.backup-actions{display:flex;gap:8px;margin-top:14px}.backup-actions button,.backup-actions label{border:1px solid #d6dfd9;background:#f5f8f6;border-radius:8px;padding:9px 12px;font-size:11px;font-weight:700}.backup-actions input{display:none}.reset-button{width:100%;border:1px solid #e2bcbc;background:#fff5f5;color:#9a3333;border-radius:10px;padding:12px;font-size:11px;font-weight:700}.centered{justify-content:center;align-items:center}.edit-dialog{width:min(470px,calc(100% - 30px));max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:18px;padding:26px;box-shadow:0 25px 80px #0005}.edit-dialog form{display:flex;flex-direction:column;gap:14px}.edit-dialog label{display:flex;flex-direction:column;gap:6px;color:#46544c;font-size:11px;font-weight:700}.edit-dialog input,.edit-dialog textarea{width:100%;border:1px solid #d9e1dc;border-radius:9px;padding:11px 12px;outline:0;resize:vertical}.edit-dialog input:focus,.edit-dialog textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.form-row{display:grid;grid-template-columns:.5fr 1.5fr;gap:12px}.form-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #e9eeeb;padding-top:17px}.form-actions button{border:1px solid #d6dfd9;background:#fff;border-radius:9px;padding:10px 16px;font-size:11px;font-weight:700}.form-actions button[type=submit]{background:var(--brand);border-color:var(--brand);color:#fff}
@media(max-width:980px){.hero-content{grid-template-columns:1fr .55fr;gap:35px}.module-grid{grid-template-columns:repeat(2,1fr)}.support-grid{grid-template-columns:repeat(3,1fr)}.support-intro{grid-column:1/-1}}@media(max-width:700px){.container{width:min(100% - 28px,1180px)}.topbar{display:none}.nav-inner{height:72px}.brand img{width:49px;height:43px}.brand strong{font-size:18px}.brand small{font-size:9px}.official-link{display:none}.admin-button{width:42px;height:42px;padding:0}.admin-button span{display:none}.hero{min-height:auto}.hero:before{background:linear-gradient(155deg,#f6f9f7 0 68%,var(--brand-soft) 68%)}.hero-content{grid-template-columns:1fr;padding:57px 0}.hero h1{font-size:47px}.hero-lead{font-size:15px}.hero-card{display:none}.hero-buttons>*{flex:1;padding:0 10px;font-size:12px}.section-heading{align-items:stretch;flex-direction:column}.section-heading h2{font-size:36px}.search-box{width:100%}.module-grid{grid-template-columns:1fr}.modules-section{padding:65px 0 75px}.support-grid{grid-template-columns:1fr}.support-intro{grid-column:auto;padding:0}.footer-inner{flex-direction:column;text-align:center}.admin-panel{padding:20px 16px}.edit-dialog{padding:20px}.form-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.appearance-button{width:42px;height:42px;border:1px solid #d8e0db;border-radius:11px;background:#fff;color:#26372e;font-size:20px;display:grid;place-items:center}.appearance-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.appearance-choice button{border:1px solid #d6dfd9;background:#f5f8f6;border-radius:9px;padding:11px;font-size:11px;font-weight:800;color:#526058}.appearance-choice button.selected{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}
.login-gate{position:fixed;z-index:80;inset:0;background:#030c08c2;backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px}.login-dialog{width:min(470px,100%);background:#fff;color:#1b2a22;border:1px solid #dce5df;border-radius:22px;padding:32px;box-shadow:0 30px 90px #0006;position:relative}.login-close{position:absolute;right:18px;top:18px;width:35px;height:35px;border:1px solid #d8e0db;background:#f7faf8;border-radius:9px;color:#4a5951;font-size:20px}.login-lock{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:var(--brand-soft);color:var(--brand);font-size:23px;margin-bottom:20px}.login-dialog h2{margin:5px 0 12px;font:34px/1.1 Georgia,serif}.login-dialog>p:not(.kicker){color:#66736c;line-height:1.65;font-size:14px}.login-module{display:flex;align-items:center;gap:12px;background:#f3f7f4;border:1px solid #e1e8e4;border-radius:13px;padding:14px;margin:22px 0}.login-module>span{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-weight:900}.login-module div{display:flex;flex-direction:column;gap:4px}.login-module small{color:#748178;font-size:10px}.login-actions{display:flex;justify-content:flex-end;gap:9px}.login-actions button,.login-actions a{border:1px solid #d6dfd9;background:#fff;border-radius:10px;padding:12px 15px;font-size:11px;font-weight:800}.login-actions a{background:var(--brand);border-color:var(--brand);color:#fff}
body.dark{background:#0c120f;color:#e7efe9}body.dark .topbar,body.dark footer{background:#070b09}body.dark .navbar{background:#0d1410f5;border-color:#263029}body.dark .brand small,body.dark .official-link{color:#aebbb3}body.dark .appearance-button{background:#17201b;border-color:#303b34;color:#f0d58b}body.dark .hero{background:#101713;border-color:#263029}body.dark .hero:before{background:radial-gradient(circle at 73% 48%,var(--brand-soft),transparent 27%),linear-gradient(110deg,#101713 0 52%,color-mix(in srgb,var(--brand) 20%,#101713) 52%)}body.dark .hero h1,body.dark .section-heading h2,body.dark .support-intro h2{color:#eff5f1}body.dark .hero-lead,body.dark .section-heading p:last-child,body.dark .support-intro p:last-child{color:#a9b7af}body.dark .hero-card,body.dark .module-card,body.dark .contact-card,body.dark .panel-section,body.dark .edit-dialog{background:#151d18;border-color:#2a352e;color:#e8f0eb}body.dark .hero-card,body.dark .module-card{box-shadow:0 20px 55px #0005}body.dark .live,body.dark .metric-row,body.dark .card-footer{border-color:#2b3730}body.dark .live,body.dark .metric span,body.dark .hero-card>p,body.dark .module-card>p,body.dark .contact-card p{color:#a5b3aa}body.dark .metric-row strong,body.dark .module-card h3,body.dark .contact-card strong,body.dark .contact-card a{color:#edf4ef}body.dark .search-box{background:#151d18;border-color:#2b3730}body.dark .search-box input{background:transparent;color:#e7efe9}body.dark .support{background:#0f1612;border-color:#263029}body.dark .admin-panel{background:#0f1612;color:#e7efe9}body.dark .panel-header h2,body.dark .panel-section h3{color:#edf4ef}body.dark .panel-header>button,body.dark .mini-item button,body.dark .appearance-choice button{background:#202923;border-color:#354038;color:#c8d3cc}body.dark .mini-item{border-color:#2c3730}body.dark .edit-dialog label{color:#becac2}body.dark .edit-dialog input,body.dark .edit-dialog textarea{background:#0e1511;border-color:#303b34;color:#edf4ef}body.dark .login-dialog{background:#151d18;color:#edf4ef;border-color:#2e3932}body.dark .login-close,body.dark .login-module,body.dark .login-actions button{background:#202923;border-color:#354038;color:#d5dfd8}body.dark .login-dialog>p:not(.kicker),body.dark .login-module small{color:#a7b4ac}
@media(max-width:700px){.nav-actions{gap:8px}.appearance-button{width:42px;height:42px}.login-dialog{padding:25px 20px}.login-actions{flex-direction:column}.login-actions>*{text-align:center}}

/* Thèmes dynamiques et pictogrammes des modules */
.theme-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;align-items:center;margin-top:17px}.theme-picker>button{min-width:0;width:auto;height:47px;border-radius:10px;border:1px solid #d8e0db;box-shadow:none;background:#f8faf9;padding:7px 9px;display:flex;align-items:center;gap:8px;color:#35443c;font-weight:800}.theme-picker>button.selected{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.theme-picker>button i{width:26px;height:26px;flex:none;border-radius:7px;background:var(--swatch);box-shadow:inset 0 0 0 1px #ffffff59}.theme-picker>button i.rainbow{background:linear-gradient(135deg,#155eef,#7c3aed 40%,#db2777 70%,#f59e0b)}.theme-picker>button span{font-size:10px;flex:1;text-align:left}.theme-picker>button b{color:var(--brand);opacity:0}.theme-picker>button.selected b{opacity:1}.custom-color{position:relative;width:100%;height:42px;grid-column:1/-1;border-radius:10px;border:1px solid #d8e0db;box-shadow:none;background:conic-gradient(from 90deg,red,yellow,lime,cyan,blue,magenta,red);display:grid;place-items:center;overflow:hidden}.module-icon{font-size:22px;line-height:1}.mini-item>b{font-size:16px}.login-module>span{font-size:19px}body.dark .theme-picker>button{background:#202923;border-color:#354038;color:#d2ddd6}.multicolor .admin-button,.multicolor .primary-button,.multicolor .small-primary,.multicolor .login-actions a{background:linear-gradient(120deg,#155eef,#7c3aed 45%,#db2777)}.multicolor .hero:before{background:radial-gradient(circle at 82% 28%,#db277724,transparent 24%),radial-gradient(circle at 63% 70%,#155eef29,transparent 28%),linear-gradient(120deg,#f7f8ff 0 54%,#f7efff 54% 76%,#fff4f8)}.multicolor .hero h1 em{background:linear-gradient(90deg,#155eef,#7c3aed 48%,#db2777);color:transparent;background-clip:text;-webkit-background-clip:text}.multicolor .module-card{--module-color:hsl(calc(217 + var(--module-index) * 29) 78% 51%)}.multicolor .module-card.featured:before{background:var(--module-color)}.multicolor .module-card .module-icon{color:var(--module-color);background:color-mix(in srgb,var(--module-color) 12%,white)}.multicolor .module-card .category,.multicolor .module-card .card-footer button{color:var(--module-color)}body.dark.multicolor .hero:before{background:radial-gradient(circle at 82% 28%,#db277733,transparent 24%),radial-gradient(circle at 63% 70%,#155eef33,transparent 28%),linear-gradient(120deg,#0d111a 0 54%,#171124 54% 76%,#1c1018)}body.dark.multicolor .module-card .module-icon{background:color-mix(in srgb,var(--module-color) 22%,#151d18)}