*{box-sizing:border-box}body{margin:0;background:#f1f5ee;color:#13191a;font:15px Inter,Arial,sans-serif}.wrap{max-width:1180px;margin:auto;padding:24px}.top{background:#0e3d2e;color:#fff;padding:14px 0}.top .wrap{display:flex;justify-content:space-between;align-items:center}.logo{font-weight:800;font-size:21px}.logo span{color:#ff7a29}.nav a,.btn{display:inline-block;text-decoration:none;border:0;border-radius:5px;padding:10px 15px;cursor:pointer}.nav a{color:#fff}.btn{background:#0e3d2e;color:#fff}.btn.orange{background:#ff7a29;color:#0e3d2e}.btn.green{background:#25d366;color:#fff}.btn.gray{background:#64706a}.btn.red{background:#c0392b;color:#fff}.card{background:#fff;border:1px solid #d3dad0;border-radius:8px;padding:22px;margin:18px 0;box-shadow:0 5px 18px rgba(0,0,0,.05)}h1,h2{color:#0e3d2e}label{display:block;font-weight:700;margin:12px 0 6px}input,select,textarea{width:100%;padding:11px;border:1px solid #cbd4ca;border-radius:5px;background:#fff;font:inherit}textarea{min-height:110px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px;border-bottom:1px solid #e1e6df;text-align:left}.badge{padding:4px 8px;border-radius:99px;background:#e4ebe0}.photos{display:grid;grid-template-columns:1fr 1fr;gap:20px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:5px}.signature{border:1px dashed #999;background:#fff;border-radius:5px;touch-action:none;width:100%;height:180px}.hint{font-size:13px;color:#5c6760}.login{max-width:430px;margin:10vh auto}.public{max-width:900px;margin:25px auto}.os-head{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #ff7a29;padding-bottom:15px}.os-section{border-top:1px solid #ddd;margin-top:20px;padding-top:15px}.print-only{display:none}@media(max-width:700px){.grid,.grid3,.photos{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,1fr)}.top .wrap{align-items:flex-start;gap:10px;flex-wrap:wrap}.table{font-size:13px}.nav{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;gap:2px;width:100%;padding-bottom:2px}.nav a{padding:8px 12px;font-size:.92em}}@media print{body{background:#fff}.no-print,.top{display:none!important}.print-only{display:block}.card{box-shadow:none;border:0;padding:0}.public{max-width:none;margin:0}.os-head{margin-top:0}}
.client-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.client-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border:1px solid #e1e6df;border-radius:8px;flex-wrap:wrap}
.client-name{font-weight:700;color:#0e3d2e}
.client-meta{color:#5c6760;font-size:.88em;margin-top:2px}
.client-actions{display:flex;gap:6px;flex-wrap:wrap}
.client-actions .btn{padding:7px 10px;font-size:.85em}
@media(max-width:700px){.client-item{flex-direction:column;align-items:flex-start}.client-actions{width:100%}}
.photo-source-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.photo-source-btn{flex:1;min-width:150px;text-align:center;cursor:pointer}
@media(max-width:700px){.photo-source-row{flex-direction:column}.photo-source-btn{width:100%}}