:root{--bg:#f1f2f3;--card:#fff;--ink:#171717;--muted:#6f7479;--orange:#ff6500;--line:#dedede;--dark:#111}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}.topbar{height:78px;background:#111;display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-shadow:0 2px 12px #0003}.brand img{height:54px;width:auto;display:block}.topbar nav{display:flex;align-items:center;gap:18px;color:#fff;font-size:14px}.topbar nav a{padding:9px 12px;border:1px solid #ffffff33;border-radius:7px}.topbar nav a:hover{border-color:var(--orange)}.page{max-width:1280px;margin:0 auto;padding:34px 28px 50px}.eyebrow{color:var(--orange);text-transform:uppercase;font-weight:800;letter-spacing:.12em;font-size:12px}.hero-copy h1{font-size:38px;margin:7px 0 10px}.hero-copy p{margin:0;color:var(--muted);max-width:760px;line-height:1.55}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px}.tool-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px;min-height:190px;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 8px 22px #0000000b}.tool-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--orange)}.tool-card h2{margin:10px 0 7px;font-size:23px}.tool-card p{color:var(--muted);line-height:1.45;margin:0 0 20px}.badge{align-self:flex-start;background:#111;color:#fff;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:800;text-transform:uppercase}.badge.soon{background:#e7e7e7;color:#555}.cta{margin-top:auto;display:inline-flex;align-items:center;gap:8px;color:var(--orange);font-weight:800}.auth-wrap{min-height:calc(100vh - 130px);display:grid;place-items:center}.auth-card{width:min(460px,100%);background:#fff;padding:30px;border-radius:14px;box-shadow:0 18px 50px #0002;border-top:5px solid var(--orange)}.auth-card h1{margin:0 0 7px}.auth-card p{color:var(--muted);margin-top:0}.field{margin:15px 0}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:6px}.field input,.field select{width:100%;padding:11px 12px;border:1px solid #cfcfcf;border-radius:7px;font:inherit}.button{display:inline-flex;border:0;border-radius:7px;background:var(--orange);color:#fff;font-weight:800;padding:11px 15px;cursor:pointer}.button.dark{background:#111}.button.ghost{background:#eee;color:#222}.alert{padding:11px 13px;border-radius:7px;background:#fff1e8;border-left:4px solid var(--orange);margin:12px 0;font-size:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;margin-top:20px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.row .field{flex:1 1 180px}.table{width:100%;border-collapse:collapse;margin-top:12px}.table th,.table td{text-align:left;padding:10px;border-bottom:1px solid #eee;font-size:13px}.table th{font-size:11px;text-transform:uppercase;color:#666}.pill{padding:4px 7px;border-radius:99px;font-size:11px;font-weight:800;background:#eee}.pill.admin{background:#111;color:#fff}.tool-frame{width:100%;height:calc(100vh - 118px);border:0;background:#fff}.tool-shell{padding:0;max-width:none}.backbar{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #ddd;padding:10px 18px}.backbar a{font-weight:800;color:var(--orange)}.foot{text-align:center;padding:18px;color:#777;font-size:12px}@media(max-width:780px){.grid{grid-template-columns:1fr}.topbar{padding:0 14px}.brand img{height:45px}.topbar nav span{display:none}.page{padding:24px 16px}.hero-copy h1{font-size:30px}}
/* CRM V2 */
.page-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.page-title-row h1{margin:5px 0 7px;font-size:34px}.page-title-row p{margin:0;color:var(--muted)}.actions{display:flex;gap:9px;flex-wrap:wrap}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 18px;box-shadow:0 5px 16px #00000008}.kpi span{display:block;color:var(--muted);font-size:12px;font-weight:700;margin-bottom:7px}.kpi strong{font-size:26px}.filters{display:grid;grid-template-columns:1fr 220px auto;gap:10px}.filters input,.filters select,.field textarea{width:100%;padding:11px 12px;border:1px solid #cfcfcf;border-radius:7px;font:inherit;background:#fff}.table-wrap{overflow:auto}.table td small{display:block;color:#888;margin-top:4px}.clickrow{cursor:pointer}.clickrow:hover{background:#faf7f5}.status{display:inline-flex;padding:5px 9px;border-radius:99px;background:#eee;font-size:11px;font-weight:800}.status.prospect{background:#fff0e6;color:#b94b00}.status.client{background:#e9f7ee;color:#237a43}.status.partenaire{background:#eef1f4;color:#47535f}.status.project{background:#111;color:#fff}.empty{color:#888;text-align:center;padding:22px}.modal{width:min(760px,calc(100% - 28px));border:0;border-radius:14px;padding:0;box-shadow:0 24px 80px #0005}.modal::backdrop{background:#0008}.modal form{padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-head h2{margin:0}.modal-head button{border:0;background:transparent;font-size:26px;cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.field.wide{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.button.small{padding:8px 11px;font-size:12px}.breadcrumbs{font-size:12px;color:#8a8a8a;margin-bottom:14px}.breadcrumbs a{color:var(--orange);font-weight:800}.two-col{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:18px}.panel h2{margin-top:0;font-size:19px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.info-grid span{display:block;color:#8a8a8a;font-size:11px;text-transform:uppercase;font-weight:800;margin-bottom:5px}.info-grid b{font-size:14px}.note-box{margin-top:18px;background:#f6f6f6;border-left:4px solid var(--orange);padding:13px 14px;border-radius:7px;line-height:1.5}.project-list{display:grid;gap:8px}.project-item{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px;border:1px solid #ececec;border-radius:9px}.project-item:hover{border-color:#ff650055;background:#fffaf7}.project-item small,.project-money small{display:block;color:#888;margin-top:4px}.project-money{text-align:right;font-weight:800}.timeline{display:grid;gap:15px}.timeline-item{position:relative;padding-left:19px}.timeline-item .dot{position:absolute;left:0;top:5px;width:8px;height:8px;border-radius:50%;background:var(--orange)}.timeline-item p{margin:5px 0;line-height:1.45;font-size:13px}.timeline-item small{color:#999}.project-flow{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin:14px 0 18px}.flow-step{text-align:center;color:#999;min-width:100px}.flow-step span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ddd;color:#666;font-weight:800;margin:0 auto 6px}.flow-step b,.flow-step small{display:block}.flow-step small{font-size:11px;margin-top:3px}.flow-step.active{color:#111}.flow-step.active span{background:var(--orange);color:#fff}.flow-line{height:2px;background:#e5e5e5}.module-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.module-link{border:1px solid #ddd;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:7px}.module-link:hover{border-color:var(--orange)}.module-link span{color:#777;font-size:12px;line-height:1.4}.module-link.disabled{background:#f4f4f4;color:#888;cursor:not-allowed}.module-link.disabled:hover{border-color:#ddd}
@media(max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.project-flow{overflow:auto}.filters{grid-template-columns:1fr}.module-actions{grid-template-columns:1fr}}@media(max-width:620px){.page-title-row{flex-direction:column}.kpi-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.info-grid{grid-template-columns:1fr}}