.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#0003;border-radius:4px;transition:background .2s ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#0000004d}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}*{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--colorBrandStroke1);outline-offset:2px}@media print{.no-print{display:none!important}body{background:#fff}}.visitor-table-container{height:100%;display:flex;flex-direction:column;background-color:var(--colorNeutralBackground3, #f5f5f5)}.visitor-table-toolbar{padding:16px;background-color:var(--colorNeutralBackground1, #ffffff);border-bottom:1px solid var(--colorNeutralStroke2, #e1e1e1);display:flex;flex-direction:column;gap:12px}@media(min-width:640px){.visitor-table-toolbar{flex-direction:row;align-items:center;justify-content:space-between}}.visitor-table-search-container{flex:1;max-width:100%}@media(min-width:640px){.visitor-table-search-container{max-width:400px}}.visitor-table-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.visitor-table-grid-container{flex:1;overflow:auto;padding:16px}@media(max-width:639px){.visitor-table-grid-container{padding:8px}}.visitor-table-data-grid{background-color:var(--colorNeutralBackground1, #ffffff);border-radius:var(--borderRadiusLarge, 12px);box-shadow:var(--shadow4, 0 4px 12px rgba(0,0,0,.1));overflow:hidden}.visitor-table-header-cell{font-weight:var(--fontWeightSemibold, 600);color:var(--colorNeutralForeground2, #616161);background-color:var(--colorNeutralBackground1, #ffffff);border-bottom:2px solid var(--colorNeutralStroke2, #e1e1e1)}.visitor-table-row{border-bottom:1px solid var(--colorNeutralStroke2, #e1e1e1);transition:background-color .2s ease;cursor:pointer}.visitor-table-row:hover{background-color:var(--colorNeutralBackground1Hover, #f0f0f0)}.visitor-table-row:active{background-color:var(--colorNeutralBackground1Pressed, #e5e5e5)}.visitor-table-clickable-cell{cursor:pointer}.visitor-table-clickable-cell:hover .visitor-name{color:var(--colorBrandForeground1, #0078d4);text-decoration:underline}.visitor-table-dialog-surface{max-width:800px;width:95vw;max-height:90vh;overflow:hidden}.visitor-table-dialog-content{overflow-y:auto;max-height:calc(90vh - 160px)}.visitor-table-details-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.visitor-table-details-grid{grid-template-columns:auto 1fr}}.visitor-table-avatar-section{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px}.visitor-table-info-section{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:480px){.visitor-table-info-section{grid-template-columns:repeat(2,1fr)}}.visitor-table-info-card{padding:12px;background-color:var(--colorNeutralBackground2, #f9f9f9);border-radius:var(--borderRadiusMedium, 8px);border:1px solid var(--colorNeutralStroke2, #e1e1e1)}.visitor-table-info-card-full{grid-column:1 / -1}.visitor-table-status-badge{min-width:90px;text-align:center}.visitor-table-history-card{padding:16px;margin-bottom:12px;background-color:var(--colorNeutralBackground2, #f9f9f9);border-radius:var(--borderRadiusMedium, 8px);border:1px solid var(--colorNeutralStroke2, #e1e1e1);transition:all .2s ease}.visitor-table-history-card:hover{background-color:var(--colorNeutralBackground2Hover, #f0f0f0);box-shadow:var(--shadow4, 0 4px 12px rgba(0,0,0,.1))}.visitor-table-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 16px;text-align:center;background-color:var(--colorNeutralBackground1, #ffffff);border-radius:var(--borderRadiusLarge, 12px);margin:16px}.visitor-table-empty-state-icon{width:96px;height:96px;background-color:var(--colorBrandBackground2, #e7f3ff);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.visitor-table-qr-code-container{padding:12px;background-color:var(--colorNeutralBackground1, #ffffff);border-radius:var(--borderRadiusMedium, 8px);border:1px solid var(--colorNeutralStroke2, #e1e1e1);display:flex;flex-direction:column;align-items:center}.visitor-table-mobile-card{display:none}@media(max-width:768px){.visitor-table-mobile-card{display:block;margin-bottom:12px}}.visitor-table-desktop-grid{display:block}@media(max-width:768px){.visitor-table-desktop-grid{display:none}}.visitor-table-gradient-bg{background:linear-gradient(135deg,#fffffff2,#ffffffd9);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 25px 70px #00000026,inset 0 1px #fff9;border-radius:28px}.visitor-table-card-hover{transition:all .4s cubic-bezier(.4,0,.2,1)}.visitor-table-card-hover:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 12px 35px #3b82f640,inset 0 1px #fff9;border-radius:12px;margin:4px 8px}.visitor-table-row-hover{transition:all .4s cubic-bezier(.4,0,.2,1)}.visitor-table-row-hover:hover{background-color:linear-gradient(135deg,rgba(59,130,246,.12),rgba(147,51,234,.08));transform:translateY(-3px) scale(1.01);box-shadow:0 12px 35px #3b82f640,inset 0 1px #fff9;border-radius:12px;margin:4px 8px}.visitor-table-row-hover:active{transform:translateY(0) scale(1);box-shadow:0 6px 20px #3b82f633}.visitor-table-input-gradient{background:linear-gradient(135deg,#fffc,#fff9);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:12px;box-shadow:inset 0 1px #ffffff80}.visitor-table-input-gradient:hover{background:linear-gradient(135deg,#ffffffe6,#ffffffb3)}.visitor-table-input-gradient:focus-within{background:linear-gradient(135deg,#fffffff2,#ffffffd9);box-shadow:0 0 0 3px #3b82f61a,inset 0 1px #fff9}.visitor-table-badge-bold{font-weight:700;font-size:var(--fontSizeBase200, 14px);text-transform:uppercase;letter-spacing:.05em}.visitor-table-empty-state-gradient{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 10px 40px #0000001a,inset 0 1px #ffffff80;transition:all .4s cubic-bezier(.4,0,.2,1)}.visitor-table-empty-state-gradient:hover{transform:translateY(-2px);box-shadow:0 20px 60px #00000026,inset 0 1px #ffffff80}.visitor-table-history-row{display:flex;justify-content:space-between;padding:16px 20px;border-radius:12px;transition:all .3s ease}.visitor-table-history-row:hover{background-color:#3b82f614;transform:translate(4px)}.visitor-table-history-row:last-child{border-bottom:none}.cursor-pointer{cursor:pointer}.group:hover .group-hover\:text-blue-600{color:var(--colorBrandForeground1, #0078d4)}.group:hover .group-hover\:text-gray-500{color:var(--colorNeutralForeground3, #8e8e8e)}.font-semibold{font-weight:600}.text-slate-700{color:var(--colorNeutralForeground1, #212121)}.text-slate-600{color:var(--colorNeutralForeground2, #616161)}.text-slate-500,.text-gray-500{color:var(--colorNeutralForeground3, #8e8e8e)}.text-gray-600{color:var(--colorNeutralForeground2, #616161)}.text-gray-700,.text-gray-800{color:var(--colorNeutralForeground1, #212121)}.text-gray-400,.text-gray-300{color:var(--colorNeutralForeground3, #8e8e8e)}.text-sm{font-size:var(--fontSizeBase200, 14px)}.text-xs{font-size:var(--fontSizeBase100, 12px)}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.font-bold{font-weight:700}.font-numeric{font-variant-numeric:tabular-nums}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.p-4{padding:16px}.p-2{padding:8px}.py-4{padding-top:16px;padding-bottom:16px}.px-4{padding-left:16px;padding-right:16px}.py-16{padding-top:64px;padding-bottom:64px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-1{grid-template-columns:1fr}.border{border:1px solid var(--colorNeutralStroke2, #e1e1e1)}.border-gray-200{border-color:var(--colorNeutralStroke2, #e1e1e1)}.border-gray-100{border-color:var(--colorNeutralStroke1, #f3f3f3)}.border-dashed{border-style:dashed}.rounded-xl{border-radius:var(--borderRadiusLarge, 12px)}.rounded-lg{border-radius:var(--borderRadiusMedium, 8px)}.rounded-full{border-radius:9999px}.shadow-xl{box-shadow:var(--shadow16, 0 16px 32px rgba(0,0,0,.1))}.shadow-md{box-shadow:var(--shadow8, 0 8px 16px rgba(0,0,0,.1))}.shadow-sm{box-shadow:var(--shadow4, 0 4px 12px rgba(0,0,0,.1))}.bg-white{background-color:var(--colorNeutralBackground1, #ffffff)}.bg-blue-100{background-color:var(--colorBrandBackground2, #e7f3ff)}.bg-gray-100{background-color:var(--colorNeutralBackground2, #f9f9f9)}.bg-gray-50{background-color:var(--colorNeutralBackground3, #f5f5f5)}.bg-transparent{background-color:transparent}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.w-full{width:100%}.w-24{width:6rem}.w-20{width:5rem}.w-6{width:1.5rem}.h-24{height:6rem}.h-20{height:5rem}.h-6{height:1.5rem}.block{display:block}.hidden{display:none}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:bg-white\/90:hover{background-color:#ffffffe6}.hover\:bg-white\/50:hover{background-color:#ffffff80}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.no-print{display:block}@media print{.no-print{display:none!important}}