:root{--blue: #1f6feb;--blue-d: #175bc4;--green: #2f9e44;--amber: #e8890c;--red: #d64545;--ink: #1d2430;--muted: #6b7280;--line: #e3e6ec;--bg: #f4f6fa;--panel: #ffffff;--radius: 12px;--touch: 48px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%}.app-header{position:sticky;top:0;z-index:20;background:var(--panel);border-bottom:1px solid var(--line);padding:env(safe-area-inset-top) 0 0}.app-header-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;flex-wrap:wrap}.brand{font-weight:700;font-size:18px;color:var(--blue);text-decoration:none}.app-nav{display:flex;gap:4px;padding:0 10px 8px}.app-nav a{padding:8px 14px;border-radius:8px;text-decoration:none;color:var(--muted);font-weight:600;font-size:15px}.app-nav a.active{background:#e9f0fe;color:var(--blue)}.app-main{max-width:900px;margin:0 auto;padding:14px 14px 60px}.screen{display:flex;flex-direction:column;gap:14px}h1{font-size:22px;margin:6px 0}h2{font-size:17px;margin:4px 0}.cat-title{border-bottom:2px solid var(--line);padding-bottom:4px;margin-top:18px}.muted{color:var(--muted)}.small{font-size:13px}.mt{margin-top:14px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.btn,.btn-mini,.btn-icon{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:10px;font-weight:600;color:var(--ink)}.btn{padding:11px 16px;font-size:15px;min-height:var(--touch)}.btn-lg{min-height:52px;font-size:16px}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-d)}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-danger{color:var(--red);border-color:#f0cccc}.btn:disabled,.btn-lg:disabled,.btn-mini:disabled{opacity:.5;cursor:not-allowed}.btn-mini{padding:7px 12px;font-size:14px;min-height:40px}.btn-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center}.conn{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.badge{font-size:12px;font-weight:700;padding:4px 9px;border-radius:20px;white-space:nowrap}.badge-green{background:#e5f6ea;color:var(--green)}.badge-amber{background:#fdf0dc;color:var(--amber)}.badge-grey{background:#eceef2;color:var(--muted)}.search{width:100%;padding:13px 14px;font-size:16px;border:1px solid var(--line);border-radius:10px;background:#fff}.cards{display:flex;flex-direction:column;gap:10px}.card{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px;cursor:pointer}.card:hover{border-color:#c9d4ea}.card-title{font-weight:700;font-size:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-sub{color:var(--ink);margin-top:2px}.card-meta{color:var(--muted);font-size:13px;margin-top:3px}.card-actions{display:flex;gap:6px;flex-shrink:0}.empty{text-align:center;padding:30px 10px;color:var(--muted);display:flex;flex-direction:column;gap:12px;align-items:center}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:10px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:flex;flex-direction:column;gap:4px}.field-full{grid-column:1 / -1}.field-label{font-size:13px;font-weight:600;color:var(--muted)}.field-unit{color:#9aa2af;font-weight:500}.field input,.field select,.field textarea,.champ-row input,.champ-row select{padding:12px;font-size:16px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);width:100%}.field textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #bcd2fb;border-color:var(--blue)}.prestation-title{font-weight:700;font-size:16px;border:1px dashed transparent!important;padding:6px 8px!important}.prestation-title:hover{border-color:var(--line)!important}.tag{align-self:flex-start;background:#eef3fd;color:var(--blue);font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px}.photos{display:flex;flex-wrap:wrap;gap:10px}.thumb{position:relative;width:90px;height:90px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#f0f2f6}.thumb img{width:100%;height:100%;object-fit:cover}.thumb-ph{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted)}.thumb-del{position:absolute;top:3px;right:3px;width:24px;height:24px;border:none;border-radius:50%;background:#0009;color:#fff;cursor:pointer;font-size:12px}.photo-add{width:90px;height:90px;border:2px dashed #b9c4d8;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--blue);font-weight:700;font-size:14px;text-align:center}.photo-add:hover{background:#f0f5ff}.actions-bar{position:sticky;bottom:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;box-shadow:0 -4px 14px #0000000a}.check{display:flex;align-items:center;gap:8px;font-weight:600}.check input{width:20px;height:20px}.export-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pdf-preview{width:100%;height:70vh;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f141e80;display:flex;align-items:flex-end;justify-content:center;z-index:50}.modal{background:#fff;width:100%;max-height:92vh;overflow:auto;border-radius:16px 16px 0 0;padding:16px}.modal-wide{max-width:720px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.modal-head h3{margin:0}.modal-body{display:flex;flex-direction:column;gap:10px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.tpl-group{margin-bottom:10px}.tpl-cat{font-size:12px;font-weight:800;text-transform:uppercase;color:var(--muted);margin:8px 0 6px}.tpl-list{display:flex;flex-direction:column;gap:8px}.tpl-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;font-size:15px;font-weight:600;text-align:left}.tpl-item:hover{border-color:var(--blue);background:#f6f9ff}.tpl-count{color:var(--muted);font-weight:500;font-size:13px}.champ-row{display:grid;grid-template-columns:1.4fr .8fr .7fr 1.6fr auto;gap:6px;align-items:center;margin-bottom:8px}.champ-btns{display:flex;gap:4px}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);padding:12px 18px;border-radius:10px;color:#fff;font-weight:600;box-shadow:0 6px 20px #0003;z-index:100;max-width:90vw}.toast-info{background:#334155}.toast-success{background:var(--green)}.toast-warn{background:var(--amber)}.toast-error{background:var(--red)}@media (max-width: 560px){.grid2{grid-template-columns:1fr}.champ-row{grid-template-columns:1fr 1fr}.champ-row .c-opts{grid-column:1 / -1}.champ-btns{grid-column:1 / -1;justify-content:flex-end}}@media (min-width: 561px){.modal{align-self:center;border-radius:16px;margin:20px}.modal-backdrop{align-items:center}}