:root{--accent: #2563eb;--accent-dark: #1d4ed8;--bg: #f7f8fa;--surface: #ffffff;--color-background-secondary: #eef1f5;--border: #e4e7ec;--text: #1a1d23;--text-muted: #667085;--text-faint: #98a2b3;--radius: 10px;--radius-lg: 16px;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);--maxw: 960px;--gap: 20px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:16px;height:62px;padding:0 24px;max-width:var(--maxw);margin:0 auto;background:var(--surface);border-bottom:1px solid var(--border)}.topbar__spacer{flex:1}.brand{display:inline-flex;align-items:center}.brand__word{font-family:Poppins,system-ui,sans-serif;font-weight:700;font-size:22px;letter-spacing:.14em;color:var(--text);line-height:1}.env{display:inline-flex;align-items:center;gap:5px;cursor:default}.env-dot{width:8px;height:8px;border-radius:50%}.env-dot--dev{background:#f59e0b}.env-dot--prod{background:#22c55e}.env-label{font-size:12px;color:var(--text-faint)}.topuser{display:flex;align-items:center;gap:12px}.topuser__name{font-size:14px;color:var(--text-muted);font-weight:600}.topuser__logout{font:inherit;font-size:13px;font-weight:600;cursor:pointer;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:8px;padding:6px 12px}.topuser__logout:hover{color:var(--text);border-color:var(--text-faint)}.page{max-width:var(--maxw);margin:0 auto;padding:32px 24px 64px}.page--home{padding-top:36px}.zone{background:var(--color-background-secondary);border-radius:var(--radius-lg);padding:16px}.zone+.zone{margin-top:12px}.zone__head{display:flex;align-items:center;gap:9px;margin-bottom:14px}.zone__picto{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted)}.zone__picto svg{width:18px;height:18px}.zone__titre{margin:0;font-size:16px;font-weight:500;color:var(--text)}.zone .empty{margin-top:0}.empty{margin-top:28px;padding:40px 24px;text-align:center;border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-faint);background:var(--surface)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--gap)}.card{display:flex;flex-direction:column;gap:14px;padding:20px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;color:inherit;text-decoration:none;transition:border-color .12s,transform .12s}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card--client{flex-direction:row;align-items:center;gap:14px;padding:18px 20px}.card__nom{margin:0;font-size:16px;font-weight:600}.pastille{flex:0 0 auto;width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:17px;color:#ffffffeb}.card--soon{cursor:default}.card--soon:hover{border-color:var(--border);transform:none}.card--soon .card__nom{color:var(--text-faint)}.card--soon .pastille{opacity:.4}.card__tag{margin-left:auto;flex:0 0 auto;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:3px 9px}.boot{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-muted)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px 28px;box-shadow:0 14px 44px #1018281a}.login-brand{font-weight:700;letter-spacing:.04em;color:var(--text)}.login-brand span{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted);margin-left:6px}.login-title{font-size:22px;margin:8px 0 22px}.login-note{background:#eef4ff;color:var(--accent-dark);border:1px solid #d3e0ff;border-radius:9px;padding:10px 12px;font-size:13px;margin-bottom:14px}.login-err{background:#fdecea;color:#c0392b;border-radius:9px;padding:10px 12px;font-size:14px;font-weight:600;margin-bottom:14px}.login-field{display:block;margin-bottom:16px}.login-field span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:6px;font-weight:700}.login-field input{width:100%;font:inherit;font-size:15px;color:var(--text);border:1px solid var(--border);border-radius:9px;padding:11px 12px;background:#fff}.login-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb26}.login-btn{width:100%;font:inherit;font-size:16px;font-weight:700;cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:10px;padding:13px}.login-btn:hover{background:var(--accent-dark)}.login-btn:disabled{opacity:.55;cursor:default}.login-fallback{width:100%;margin-top:12px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;background:transparent;color:var(--accent);border:1px solid var(--border);border-radius:10px;padding:11px}.login-fallback:hover{border-color:var(--accent)}@media (max-width: 560px){.topbar{padding:0 14px;gap:10px}.page{padding:24px 16px 48px}.grid{grid-template-columns:1fr}}