@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@400;700;900&family=DM+Sans:wght@300;400;500;600;700&display=swap";:root{--vert: #1B6B3A;--vert2: #2D9A57;--vert3: #48C774;--vp: #E8F5EE;--vp2: #C8E6D4;--or: #C8963E;--orc: #F5C869;--orp: #FFF3CD;--rouge: #C0392B;--rp: #FEF0EE;--bleu: #2471A3;--bp: #EAF2FB;--bg: #F4F6F8;--bg2: #FFFFFF;--bg3: #F9FAFB;--text: #1A1A2E;--t2: #4A5568;--t3: #9AA5B4;--border: #E2E8F0;--border2:#CBD5E0;--shadow: 0 4px 24px rgba(0,0,0,.08);--shadow2:0 8px 40px rgba(0,0,0,.12);--r: 14px;--r2: 10px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;font-size:15px;overscroll-behavior:none}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--r2);font-family:inherit;font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.btn-vert{background:var(--vert);color:#fff}.btn-vert:hover{background:var(--vert2)}.btn-rouge{background:var(--rouge);color:#fff}.btn-rouge:hover{opacity:.9}.btn-or{background:var(--or);color:#fff}.btn-or:hover{opacity:.9}.btn-ghost{background:transparent;border:1.5px solid var(--border2);color:var(--t2)}.btn-ghost:hover{background:var(--bg3)}.card{background:var(--bg2);border-radius:var(--r);box-shadow:var(--shadow);padding:24px}.input{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--r2);font-family:inherit;font-size:.95rem;color:var(--text);background:var(--bg2);transition:border .2s}.input:focus{outline:none;border-color:var(--vert2)}select.input{cursor:pointer}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.78rem;font-weight:600}.badge-vert{background:var(--vp);color:var(--vert)}.badge-rouge{background:var(--rp);color:var(--rouge)}.badge-or{background:var(--orp);color:var(--or)}.badge-bleu{background:var(--bp);color:var(--bleu)}.page-content{padding:24px;max-width:1100px;margin:0 auto}.page-title{font-family:Fraunces,serif;font-size:1.6rem;font-weight:900;color:var(--text);margin-bottom:20px}.loader{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0A2E1A,var(--vert));display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s}.loader.hide{opacity:0;pointer-events:none}.loader-logo{font-family:Fraunces,serif;font-size:2.5rem;font-weight:900;color:#fff;margin-bottom:8px}.loader-logo span{color:var(--orc)}.loader-sub{color:#fff9;font-size:.9rem;margin-bottom:32px}.loader-bar{width:200px;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.loader-fill{height:100%;background:var(--orc);border-radius:2px;animation:load 2s ease forwards}@keyframes load{0%{width:0}to{width:100%}}.toast-wrap{position:fixed;bottom:calc(24px + var(--safe-bottom));right:20px;z-index:9000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:#1a1a2e;color:#fff;padding:12px 18px;border-radius:12px;font-size:.84rem;box-shadow:0 8px 32px #00000040;animation:toastIn .3s ease;max-width:280px;pointer-events:auto;border-left:4px solid var(--vert)}.toast.error{border-left-color:var(--rouge)}.toast.warn{border-left-color:var(--or)}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translateY(20px)}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-content{padding:16px}}