:root{--vert: #2C5F2D;--vert-dark: #1a3a1b;--vert-light: #3d7a3e;--lime: #84CC16;--lime-dark: #65a30d;--lime-light: #a3e635;--blanc: #f5f5f0;--gris-clair: #e8e8e2;--gris: #9ca3af;--gris-dark: #4b5563;--noir: #111810;--rouge: #dc2626;--rouge-light: #fee2e2;--orange: #ea580c;--bleu-info: #0ea5e9;--font-display: "Barlow Condensed", sans-serif;--font-body: "Barlow", sans-serif;--font-mono: "IBM Plex Mono", monospace;--radius: 6px;--radius-lg: 12px;--shadow: 0 2px 8px rgba(0,0,0,.15);--shadow-lg: 0 8px 24px rgba(0,0,0,.2);--header-h: 56px;--nav-h: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--noir);color:var(--blanc);min-height:100dvh;overflow-x:hidden}#root{min-height:100dvh;display:flex;flex-direction:column}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--vert-dark)}::-webkit-scrollbar-thumb{background:var(--vert-light);border-radius:2px}button{font-family:var(--font-display);cursor:pointer;border:none;outline:none;transition:all .15s ease;-webkit-user-select:none;user-select:none}button:active{transform:scale(.97)}.btn-primary{background:var(--lime);color:var(--noir);font-size:1.1rem;font-weight:700;letter-spacing:.05em;padding:14px 24px;border-radius:var(--radius);width:100%;text-transform:uppercase}.btn-primary:hover{background:var(--lime-light)}.btn-primary:active{background:var(--lime-dark)}.btn-danger{background:var(--rouge);color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.05em;padding:14px 24px;border-radius:var(--radius);width:100%;text-transform:uppercase}.btn-outline{background:transparent;color:var(--lime);font-size:1rem;font-weight:600;letter-spacing:.05em;padding:12px 20px;border-radius:var(--radius);border:2px solid var(--lime);width:100%;text-transform:uppercase}.btn-outline:hover{background:#84cc161a}.btn-ghost{background:transparent;color:var(--gris);font-size:.9rem;padding:8px 16px}input,select,textarea{font-family:var(--font-body);font-size:1rem;background:var(--vert-dark);color:var(--blanc);border:2px solid var(--vert-light);border-radius:var(--radius);padding:12px 16px;width:100%;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--lime)}input::placeholder{color:var(--gris)}.card{background:var(--vert-dark);border:1px solid rgba(132,204,22,.2);border-radius:var(--radius-lg);padding:16px}.card-header{font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gris);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-family:var(--font-mono);font-size:.75rem;font-weight:600}.badge-vert{background:#2c5f2d66;color:var(--lime);border:1px solid var(--vert-light)}.badge-rouge{background:#dc262633;color:#f87171;border:1px solid rgba(220,38,38,.4)}.badge-gris{background:#4b556366;color:var(--gris);border:1px solid var(--gris-dark)}.app-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);background:var(--vert-dark);border-bottom:2px solid var(--lime);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:100}.app-header .logo{font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:.08em;color:var(--lime);text-transform:uppercase}.app-header .logo span{color:var(--blanc);font-weight:400}.app-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-h);background:var(--vert-dark);border-top:2px solid rgba(132,204,22,.3);display:grid;grid-template-columns:repeat(4,1fr);z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--gris);font-family:var(--font-display);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color .15s;background:transparent;border:none;padding:0}.nav-item svg{width:22px;height:22px}.nav-item.active{color:var(--lime)}.nav-item.active svg{stroke:var(--lime)}.page{margin-top:var(--header-h);margin-bottom:var(--nav-h);padding:16px;flex:1;min-height:calc(100dvh - var(--header-h) - var(--nav-h))}.toast{position:fixed;top:calc(var(--header-h) + 12px);left:16px;right:16px;padding:14px 16px;border-radius:var(--radius);font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:.04em;z-index:200;animation:slideDown .2s ease}.toast-success{background:var(--lime);color:var(--noir)}.toast-error{background:var(--rouge);color:#fff}.toast-info{background:var(--bleu-info);color:#fff}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.loader{display:flex;align-items:center;justify-content:center;padding:40px}.spinner{width:32px;height:32px;border:3px solid rgba(132,204,22,.2);border-top-color:var(--lime);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-lime{color:var(--lime)}.text-gris{color:var(--gris)}.text-rouge{color:var(--rouge)}.text-mono{font-family:var(--font-mono)}.text-upper{text-transform:uppercase;letter-spacing:.08em}.font-display{font-family:var(--font-display)}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}.text-center{text-align:center}.divider{height:1px;background:#ffffff14;margin:16px 0}