#visitorsStudio{--hv-bg:light-dark(#f4f6f9,#121820);--hv-panel:light-dark(#fff,#1b2430);--hv-text:light-dark(#172638,#e8eef7);--hv-dim:light-dark(#5d6e82,#a7b6c8);--hv-line:light-dark(#e0e6ee,#344153);--hv-accent:#1686cf;--hv-soft:light-dark(#eaf5fc,#17384b);--hv-green:light-dark(#24755c,#81d7b2);--hv-violet:light-dark(#7258b5,#c4aff5);font:14px/1.65 Arial,sans-serif;background:var(--hv-bg);color:var(--hv-text);border-radius:18px;overflow:hidden;text-align:left}
#visitorsStudio *{box-sizing:border-box}#visitorsStudio button,#visitorsStudio input,#visitorsStudio select{font:inherit}#visitorsStudio button,#visitorsStudio select{cursor:pointer}#visitorsStudio button{color:var(--hv-text);background:var(--hv-panel);border:1px solid var(--hv-line);border-radius:9px;padding:8px 13px}#visitorsStudio button.active,#visitorsStudio button.primary{background:var(--hv-accent);color:#fff;border-color:var(--hv-accent)}#visitorsStudio .shell{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--hv-panel);padding:17px 24px;border-bottom:1px solid var(--hv-line)}#visitorsStudio .brand{font-size:18px;font-weight:700;letter-spacing:1px}#visitorsStudio .brand span{color:var(--hv-accent)}#visitorsStudio .demo{color:var(--hv-dim);font-size:12px}#visitorsStudio .main{padding:24px}#visitorsStudio h2{font-size:25px;margin:0;font-weight:700}#visitorsStudio h3{font-size:16px;margin:0 0 12px}#visitorsStudio .muted{color:var(--hv-dim)}#visitorsStudio .top,#visitorsStudio .toolbar,#visitorsStudio .tabs{display:flex;flex-wrap:wrap;align-items:center;gap:10px}#visitorsStudio .top{justify-content:space-between;margin-bottom:18px}#visitorsStudio .tabs{border-bottom:1px solid var(--hv-line);padding-bottom:12px;margin-bottom:20px}#visitorsStudio .tabs button{border:none;background:transparent}#visitorsStudio .tabs button.active{background:var(--hv-soft);color:var(--hv-text)}#visitorsStudio .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}#visitorsStudio .stat{padding:15px 18px;border-radius:12px;background:var(--hv-panel)}#visitorsStudio .number{font-size:29px;font-weight:700;line-height:1.4;font-variant-numeric:tabular-nums}#visitorsStudio .small{font-size:12px;color:var(--hv-dim)}#visitorsStudio .toolbar{justify-content:space-between;margin:16px 0}#visitorsStudio .filters{display:flex;flex-wrap:wrap;gap:7px}#visitorsStudio .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#visitorsStudio .person{background:var(--hv-panel);border:1px solid var(--hv-line);border-radius:var(--hv-radius,14px);padding:16px;display:flex;flex-direction:column;gap:12px}#visitorsStudio .identity{display:flex;gap:12px;align-items:center}#visitorsStudio .avatar{width:64px;height:72px;border-radius:12px;background:var(--hv-soft);display:grid;place-items:center;flex-shrink:0;color:var(--hv-accent)}#visitorsStudio .avatar svg{width:34px;height:34px}#visitorsStudio .name{font-size:16px;font-weight:700}#visitorsStudio .tag{display:inline-block;font-size:12px;background:var(--hv-soft);padding:2px 8px;border-radius:5px;margin-top:4px}#visitorsStudio .tag.employee{color:var(--hv-green);background:light-dark(#edf8f1,#193a30)}#visitorsStudio .tag.other{color:var(--hv-violet);background:light-dark(#f2eefb,#302541)}#visitorsStudio .facts{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--hv-line);padding-top:10px}#visitorsStudio .visits{font-weight:700}#visitorsStudio .person button{width:100%}#visitorsStudio .panel{background:var(--hv-panel);border:1px solid var(--hv-line);border-radius:14px;padding:20px;margin-top:16px}#visitorsStudio .chart{display:flex;align-items:flex-end;gap:14px;height:180px;direction:ltr;border-bottom:1px solid var(--hv-line);margin-top:20px}#visitorsStudio .column{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:5px}#visitorsStudio .stack{display:flex;flex-direction:column-reverse;width:min(48px,100%)}#visitorsStudio .segment{min-height:0}#visitorsStudio .legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12px}#visitorsStudio .dot{display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:5px}#visitorsStudio .chartwrap{padding-bottom:22px}#visitorsStudio .hour{font-size:12px;color:var(--hv-dim)}#visitorsStudio table{border-collapse:collapse;width:100%}#visitorsStudio th,#visitorsStudio td{text-align:left;padding:12px 7px;border-bottom:1px solid var(--hv-line)}#visitorsStudio th{color:var(--hv-dim);font-weight:400}#visitorsStudio .detailhead{display:flex;justify-content:space-between;gap:12px;align-items:center}#visitorsStudio .timeline{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}#visitorsStudio .stamp{border:1px solid var(--hv-line);border-radius:8px;padding:8px 12px;font-variant-numeric:tabular-nums}#visitorsStudio .form{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-top:15px}#visitorsStudio label{display:flex;flex-direction:column;gap:4px;flex:1;min-width:130px}#visitorsStudio input,#visitorsStudio select{border:1px solid var(--hv-line);background:var(--hv-panel);color:var(--hv-text);padding:8px 10px;border-radius:8px;max-width:100%;min-width:0}#visitorsStudio .notice{padding-top:12px;color:var(--hv-dim);font-size:12px}#visitorsStudio [hidden]{display:none!important}#visitorsStudio .camera-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:15px 0;border-bottom:1px solid var(--hv-line)}
@media(max-width:700px){#visitorsStudio .main{padding:15px}#visitorsStudio .grid{grid-template-columns:repeat(2,minmax(0,1fr))}#visitorsStudio .stats{grid-template-columns:repeat(2,1fr)}#visitorsStudio .shell{padding:14px}#visitorsStudio .identity{flex-direction:column;align-items:flex-start}}
@media(max-width:430px){#visitorsStudio .grid{grid-template-columns:1fr}#visitorsStudio .identity{flex-direction:row}#visitorsStudio .chart{gap:5px}#visitorsStudio th,#visitorsStudio td{padding:8px 3px;font-size:12px}}

#visitorsStudio{color-scheme:light;--hv-bg:#f4f6f9;--hv-panel:#fff;--hv-text:#172638;--hv-dim:#5d6e82;--hv-line:#e0e6ee;--hv-accent:#1686cf;--hv-soft:#eaf5fc;--hv-green:#24755c;--hv-violet:#7258b5;font-family:Arial,sans-serif}#visitorsStudio .face-photo{width:84px;height:94px;border-radius:12px;object-fit:contain;background:#edf2f6}#visitorsStudio .portrait{width:150px;height:160px;object-fit:contain;border-radius:12px;background:#edf2f6}#visitorsStudio .status-error{color:#a73535}#visitorsStudio .table-scroll{overflow-x:auto}#visitorsStudio .chart{height:200px}#visitorsStudio .empty{padding:30px;text-align:center;color:var(--hv-dim)}#visitorsStudio .custom-period{display:flex;flex-wrap:wrap;gap:8px}#visitorsStudio .person .tag{width:fit-content}#visitorsStudio .details-top{display:flex;gap:18px;align-items:center;flex-wrap:wrap}#visitorsStudio button:disabled{opacity:.55;cursor:wait}#visitorsStudio .main{overflow-wrap:anywhere}#visitorsStudio .form-error{color:#a73535}#visitorsStudio .grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr))}@media(max-width:430px){#visitorsStudio .grid{grid-template-columns:1fr}}

#visitorsStudio .person-modal{position:fixed;inset:0;margin:auto;width:min(760px,calc(100vw - 32px));max-height:85vh;overflow:auto;padding:28px;border:1px solid #dce4ed;border-radius:22px;background:#fff;color:#18283c;box-shadow:0 25px 90px #12203955;}
#visitorsStudio .person-modal::backdrop{background:rgba(15,25,42,.55);backdrop-filter:blur(3px)}
#visitorsStudio .person-modal:not([open]){display:none}
#visitorsStudio .person-modal .detailhead{position:sticky;top:-28px;background:white;padding:12px 0;z-index:1}
@media(max-width:600px){#visitorsStudio .person-modal{padding:18px;width:calc(100vw - 20px)}#visitorsStudio .tabs{flex-wrap:wrap}}

#visitorsStudio .report-navigation{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0;border-bottom:1px solid var(--hv-line)}
#visitorsStudio .report-body{margin-top:20px}#visitorsStudio .report-stats{margin-top:16px}
#visitorsStudio .report-person{display:flex;gap:8px;align-items:center;min-width:170px}#visitorsStudio .report-person img,#visitorsStudio .history-face{width:48px;height:58px;object-fit:contain;border-radius:8px;background:#edf2f6}
#visitorsStudio .report-bars{display:flex;align-items:end;gap:10px;height:165px;overflow-x:auto;padding-bottom:8px}#visitorsStudio .report-bar{flex:1;min-width:40px;display:flex;align-items:center;flex-direction:column;justify-content:end;height:100%}#visitorsStudio .report-bar>div{background:#1686cf;width:65%;border-radius:4px 4px 0 0;min-width:10px}#visitorsStudio .history-picker{max-width:440px;margin-top:20px}#visitorsStudio .report-body td{vertical-align:middle}

#visitorsStudio .toolbar .filters{align-items:flex-end}#visitorsStudio .report-bar>div{width:min(64px,65%)}

#visitorsStudio .connection-meta,#visitorsStudio .connection-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}#visitorsStudio .connection-fields{display:grid;gap:14px}#visitorsStudio .connection-field{display:flex;gap:6px}#visitorsStudio .connection-field input{flex:1;width:0;font-family:monospace}#visitorsStudio .replace-confirm{display:flex;flex-direction:row;align-items:center;margin:10px 0}#visitorsStudio [data-zone="connection-status"]{margin-top:12px;white-space:pre-wrap}#visitorsStudio .camera-row .filters{margin-top:8px}