:root{--teal: #0d5c55;--tealD: #083d38;--gold: #f2a93b;--cream: #faf7f1;--ink: #1c2422;--mut: #75807c;--line: #eae6dd;--goldSoft: #fbf3e2;--tealSoft: #e4efed;--rose: #d65a6e}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,Mukta,sans-serif}body{background:var(--cream);color:var(--ink);min-height:100vh}a{color:inherit}.wrap{max-width:560px;margin:0 auto;padding:20px 16px 60px}.wrap.wide{max-width:1080px}.head{display:flex;align-items:center;gap:12px;padding:6px 2px 18px}.logo{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--tealD));border:2.5px solid var(--gold);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:22px;flex:none}.head .t{font-size:19px;font-weight:700;line-height:1.2}.head .s{font-size:11px;color:var(--mut)}.head .right{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.linkbtn{background:none;border:none;font-size:12px;color:var(--mut);text-decoration:underline;cursor:pointer;font-family:inherit}.langswitch{display:flex;border:1.3px solid var(--line);border-radius:10px;overflow:hidden}.langswitch button{border:none;background:#fff;color:var(--mut);font-size:11px;font-weight:600;padding:6px 10px;cursor:pointer;font-family:inherit}.langswitch button.on{background:var(--teal);color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c24228c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal-card{background:#fff;border-radius:18px;padding:20px 18px;width:100%;max-width:380px;max-height:90vh;overflow-y:auto}.modal-card h3{text-transform:none;letter-spacing:0;font-size:16px;color:var(--ink);margin-bottom:10px}.modal-actions{display:flex;gap:10px;margin-top:6px}.findresult{background:var(--tealSoft);border-radius:13px;padding:14px;margin-top:12px;text-align:center}.findresult .id{font-size:22px;font-weight:700;color:var(--teal);letter-spacing:1px;margin-top:4px}.prog{display:flex;gap:6px;margin:4px 0 10px}.prog i{flex:1;height:5px;border-radius:3px;background:var(--line)}.prog i.on{background:var(--teal)}.stepname{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--mut);text-transform:uppercase;margin-bottom:12px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 16px;margin-bottom:14px}.f{margin-bottom:12px}.f label{display:block;font-size:10px;font-weight:700;letter-spacing:.8px;color:var(--mut);text-transform:uppercase;margin-bottom:5px}.f input,.f select,.f textarea{width:100%;height:46px;border:1.3px solid var(--line);border-radius:12px;padding:0 13px;font-size:14px;color:var(--ink);background:#fff;font-family:inherit}.f textarea{height:auto;padding:11px 13px;resize:vertical}.f input:focus,.f select:focus,.f textarea:focus{outline:none;border-color:var(--teal)}.row{display:flex;gap:10px}.row .f{flex:1}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:10px 15px;border:1.3px solid var(--line);border-radius:12px;font-size:12.5px;cursor:pointer;background:#fff;font-family:inherit;color:var(--ink)}.chip.on{background:var(--teal);color:#fff;border-color:var(--teal);font-weight:600}.note{background:var(--tealSoft);border-radius:13px;padding:11px 13px;font-size:11.5px;line-height:1.55;color:var(--teal);margin-bottom:12px}.note.g{background:var(--goldSoft);color:#7a5a16}.err{background:#fdecef;color:#a3283c;border-radius:12px;padding:10px 13px;font-size:12.5px;margin-bottom:12px}.hint{font-size:11px;color:var(--mut);margin-top:-6px;margin-bottom:12px;line-height:1.5}.sec{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--mut);text-transform:uppercase;margin:18px 0 10px;padding-top:14px;border-top:1px dashed var(--line)}.sec:first-child{margin-top:0;padding-top:0;border-top:none}.photo{width:92px;height:92px;border-radius:50%;background:var(--tealSoft);border:2px dashed var(--gold);margin:0 auto 6px;display:flex;align-items:center;justify-content:center;font-size:26px;cursor:pointer;background-size:cover;background-position:center}.photo-l{text-align:center;font-size:11px;color:var(--mut);margin-bottom:14px}.crop-modal{max-width:340px;text-align:center}.crop-viewport{position:relative;overflow:hidden;margin:4px auto 0;border-radius:16px;background:#111;cursor:grab;touch-action:none;border:1.3px solid var(--line);-webkit-user-select:none;user-select:none}.crop-viewport:active{cursor:grabbing}.crop-viewport img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.crop-zoom{width:100%;margin-top:14px;accent-color:var(--teal)}.checkf{display:flex;align-items:center;gap:9px;font-size:12.5px;margin-bottom:14px;cursor:pointer}.checkf input[type=checkbox]{width:18px;height:18px;accent-color:var(--teal);flex:none}@media (max-width: 420px){.row{flex-direction:column;gap:0}}.actions{display:flex;gap:10px}.btn{flex:1;height:48px;border-radius:13px;border:none;background:var(--teal);color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.ghost{background:#fff;color:var(--mut);border:1.3px solid var(--line)}.btn.gold{background:var(--gold);color:#3a2a05}.success{text-align:center;padding:26px 6px}.success .emoji{font-size:34px}.success h2{font-size:22px;margin:12px 0 18px}.idcard{background:linear-gradient(135deg,var(--teal),var(--tealD));border-radius:18px;padding:22px 16px;color:#fff}.idcard .l{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;opacity:.85}.idcard .id{font-size:30px;font-weight:700;letter-spacing:2px;margin:8px 0 6px}.idcard .p{font-size:13px;opacity:.9}.success p.after{font-size:13px;color:var(--mut);margin-top:16px;line-height:1.6}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}.kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 14px;text-align:center}.kpi .n{font-size:26px;font-weight:700;color:var(--teal)}.kpi .l{font-size:10px;letter-spacing:.6px;font-weight:600;color:var(--mut);text-transform:uppercase;margin-top:2px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--mut);text-align:left;padding:8px 10px;border-bottom:1.4px solid var(--line);white-space:nowrap}td{padding:9px 10px;border-bottom:1px solid #f0ede4;white-space:nowrap}td.n{text-align:right;font-weight:700;color:var(--teal)}h3{font-size:13px;letter-spacing:.6px;text-transform:uppercase;color:var(--mut);margin:0 2px 10px}.avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1.3px solid var(--line);cursor:pointer;display:block}.avatar.placeholder{display:flex;align-items:center;justify-content:center;background:var(--tealSoft);color:var(--mut);font-size:11px;cursor:default}.photo-modal{max-width:340px;text-align:center}.photo-modal img{width:100%;max-height:60vh;object-fit:contain;border-radius:12px;margin:10px 0 4px;background:var(--tealSoft)}.bar{height:7px;border-radius:4px;background:var(--tealSoft);overflow:hidden;margin-top:3px;min-width:120px}.bar i{display:block;height:100%;background:var(--teal)}.search{height:44px;border:1.3px solid var(--line);border-radius:12px;padding:0 13px;font-size:14px;font-family:inherit;width:100%;max-width:320px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.toolbar .grow{flex:1}.del{background:none;border:none;color:var(--rose);cursor:pointer;font-size:12px;font-family:inherit}.empty{text-align:center;color:var(--mut);font-size:13px;padding:26px 0}.pager{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:14px;font-size:12px;color:var(--mut)}.pager button{border:1.3px solid var(--line);background:#fff;border-radius:10px;padding:7px 14px;cursor:pointer;font-family:inherit}.admin_sign_in_btn,.leads_download_btn{padding:5px 40px}.ss{position:relative}.ss-input{cursor:text}.ss-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.3px solid var(--line);border-radius:12px;max-height:230px;overflow:auto;z-index:30;box-shadow:0 10px 28px #0f1e281f}.ss-item{padding:10px 13px;font-size:14px;cursor:pointer;color:var(--ink)}.ss-item.on,.ss-item:hover{background:var(--tealSoft)}.ss-item.add{color:var(--teal);font-weight:600;border-top:1px solid var(--line);position:sticky;bottom:0;background:#fff}.ss-item.add:hover{background:var(--tealSoft)}.ss-empty{padding:12px 13px;font-size:12.5px;color:var(--mut)}
