:root{color:#0f172a;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html,body{height:100%;margin:0;overflow:hidden}body{background:#f5f6fa}#root{height:100%;overflow:auto}.app-shell{height:100dvh;overflow:hidden}.app-sider{height:100dvh}.app-sider .ant-layout-sider-children{flex-direction:column;height:100%;min-height:0;display:flex}.app-sider-brand{flex-shrink:0}.app-sider-nav{flex:auto;min-height:0;overflow:hidden auto}.app-sider-nav .ant-menu-inline{border-inline-end:none!important}.app-main{flex-direction:column;height:100%;min-height:0;display:flex}.app-header{flex-shrink:0}.app-page-bar{background:#fff;border-bottom:1px solid #f0f0f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:8px 24px;display:flex}.app-page-bar-left{align-items:center;gap:12px;min-width:0;display:flex}.app-page-bar-title{white-space:nowrap;text-overflow:ellipsis;font-size:18px;line-height:1.3;overflow:hidden;margin:0!important}.app-page-bar-subtitle{font-size:12px;display:block}.app-page-bar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.ant-layout-header{line-height:64px}.app-content{flex:auto;min-height:0;overflow:hidden auto;background:#fff!important;padding:0!important}.page-surface{background:#fff;flex-direction:column;height:100%;min-height:100%;display:flex}.page-surface>*{flex:none}.page-surface-padded{padding:24px}.data-view{flex-direction:column;min-width:0;display:flex}.page-surface>.data-view-fill,.page-surface>.ant-space>.ant-space-item:last-child>.data-view-fill,.settings-hub-body .data-view-fill{flex:auto;min-height:240px}.page-surface>.ant-space{flex:auto;min-height:0;display:flex}.page-surface>.ant-space>.ant-space-item:last-child{flex-direction:column;flex:auto;min-height:0;display:flex}.data-view-fill>.data-view-body{flex:auto;min-height:0;overflow:auto}.data-view-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.data-view-toolbar-left{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.data-view-footer{border-top:1px solid #f0f0f0;justify-content:flex-end;padding-top:12px;display:flex}.data-view-table .ant-table-wrapper,.data-view-table .ant-spin-nested-loading,.data-view-table .ant-spin-container,.data-view-table .ant-table{min-height:0}.data-view-grid{padding:2px}.settings-hub-body .page-surface{height:auto;min-height:100%}.page-surface .ant-card{box-shadow:none}@media (width<=767px){.page-surface-padded{padding:16px}}.app-scroll{scrollbar-width:thin;scrollbar-color:#0f172a38 transparent}.app-scroll::-webkit-scrollbar{width:8px;height:8px}.app-scroll::-webkit-scrollbar-track{background:0 0}.app-scroll::-webkit-scrollbar-thumb{background:#0f172a38 padding-box content-box;border:2px solid #0000;border-radius:8px}.app-scroll::-webkit-scrollbar-thumb:hover{background:#0f172a61 padding-box content-box;border:2px solid #0000}.app-scroll::-webkit-scrollbar-corner{background:0 0}.public-root{background:#fff;flex-direction:column;min-height:100%;display:flex}.public-header{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-bottom:1px solid #f0f0f0;align-items:center;gap:24px;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.public-brand{color:#4f2267;font-size:20px;font-weight:800;text-decoration:none}.public-nav{flex:1;gap:16px;display:flex}.public-nav a{color:#475569;font-weight:500;text-decoration:none}.public-nav a.active,.public-nav a:hover{color:#7b61ff}.public-main{box-sizing:border-box;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px 24px 64px}.public-footer{color:#64748b;border-top:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:24px;font-size:13px;display:flex}.landing-hero{padding:24px 0 48px}.landing-cta{flex-wrap:wrap;gap:12px;margin:16px 0 8px;display:flex}.landing-section{border-top:1px solid #f1f5f9;padding:40px 0}.landing-list{gap:8px;margin:12px 0 16px;padding:0;list-style:none;display:grid}.landing-list li{align-items:flex-start;gap:8px;display:flex}.landing-list .anticon{color:#22c55e;margin-top:4px}.landing-plan-featured{border-color:#7b61ff;box-shadow:0 8px 24px #7b61ff26}.landing-price{margin-bottom:8px;font-size:32px;font-weight:800}.landing-price small{color:#64748b;margin-left:4px;font-size:14px;font-weight:500}.landing-final{text-align:center}.landing-final .landing-cta{justify-content:center}.faq-group,.guide-chapter{margin-bottom:40px;scroll-margin-top:80px}.guide-menu{background:0 0;border-inline-end:none!important}@media (width<=991px){.public-header{gap:12px;padding:0 16px}.public-nav{gap:10px;font-size:13px}.public-main{padding:20px 16px 48px}}.img-placeholder{background:#eef0ff;border:1px dashed #7b61ff73;border-radius:12px;width:100%;max-width:100%;position:relative;overflow:hidden}.img-placeholder-svg{width:100%;height:100%;position:absolute;inset:0}.img-placeholder-label{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px;display:flex;position:absolute;inset:0}.img-placeholder-tag{color:#4c3fb5;background:#ffffffd9;border-radius:6px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.img-placeholder-size{color:#64748b;font-size:11px}.settings-hub{align-items:stretch;gap:0;height:100%;min-height:0;display:flex;overflow:hidden}.settings-hub-nav{background:#fff;border-right:1px solid #f0f0f0;flex:0 0 272px;height:100%;padding:12px 0;overflow:hidden auto}.settings-hub-nav .ant-menu-inline{border-inline-end:none!important}.settings-hub-body{flex:1;min-width:0;height:100%;overflow:hidden auto}.app-content:has(>.settings-hub){overflow:hidden}@media (width<=991px){.settings-hub{flex-direction:column;height:auto;overflow:visible}.settings-hub-nav{flex:none;width:100%;height:auto;max-height:40vh}.settings-hub-body{height:auto;overflow:visible}.app-content:has(>.settings-hub){overflow-y:auto}}.bell-item{cursor:pointer;border-radius:8px;padding:10px 8px!important}.bell-item:hover{background:#f5f6fa}.bell-item-unread{background:#f3f0ff}.bell-icon{color:#7b61ff;background:#eef0ff;border-radius:8px;place-items:center;width:32px;height:32px;display:inline-grid}.bell-body{color:#475569;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.dataview-line{flex-wrap:wrap;gap:4px 16px;display:inline-flex}.dataview-label{color:#94a3b8;margin-right:4px;font-size:12px}.dataview-row{border-bottom:1px dashed #f0f0f0;justify-content:space-between;gap:12px;padding:4px 0;display:flex}.dataview-row:last-child{border-bottom:0}.record-form .ant-form-item{margin-bottom:16px}.record-form-view .record-field-view{color:#0f172a;cursor:default;box-shadow:none!important;background:0 0!important;padding-left:0!important}.record-form-view .ant-select-selector{padding-left:0!important}.record-field-custom{align-items:center;min-height:32px;display:flex}.record-head{margin-bottom:16px}.name-parts{align-items:flex-start;width:100%}.name-parts .ant-space-item{flex:1}.name-parts .ant-form-item,.w-full{width:100%}.m-0{margin:0!important}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mt-16{margin-top:16px}.text-xs{font-size:12px}.text-center{text-align:center}.text-muted{color:#64748b}.mb-0{margin-bottom:0!important}.mb-8{margin-bottom:8px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.ml-8{margin-left:8px}.pl-18{padding-left:18px}.text-brand{color:#7b61ff}.fw-600{font-weight:600}.max-w-360{max-width:360px}.max-w-480{max-width:480px}.max-w-520{max-width:520px}.max-w-90vw{max-width:90vw}.min-w-0{min-width:0}.min-w-220{min-width:220px}.min-w-260{min-width:260px}.min-w-320{min-width:320px}.center-40vh{place-items:center;min-height:40vh;display:grid}.center-screen{place-items:center;min-height:100vh;display:grid}.auth-screen{background:#f5f6fa;place-items:center;min-height:100vh;padding:16px;display:grid}.logo-preview{object-fit:contain;max-width:100%;max-height:80px}.scroll-420{max-height:420px;overflow-y:auto}.logo-dropzone{background:#fafafa;border:1px dashed #d9d9d9;border-radius:12px;place-items:center;min-height:120px;margin-top:8px;padding:16px;display:grid}.sider-brand{color:#7b61ff;align-items:center;gap:10px;min-height:64px;padding:16px;font-size:18px;font-weight:800;display:flex}.sider-caption{padding:0 16px 8px;display:block}.sider-logo{object-fit:contain;max-width:180px;height:32px}.sider-logo-collapsed{max-width:40px}.w-100{width:100px}.w-110{width:110px}.w-120{width:120px}.w-130{width:130px}.w-140{width:140px}.w-150{width:150px}.w-160{width:160px}.w-170{width:170px}.w-180{width:180px}.w-200{width:200px}.w-260{width:260px}.w-280{width:280px}.w-300{width:300px}.w-380{width:380px}.w-460{width:460px}.flag{vertical-align:-2px;border-radius:2px;width:20px;height:15px;margin-right:6px;box-shadow:0 0 0 1px #00000014}.locale-option{align-items:center;display:inline-flex}.clickable{cursor:pointer}.row-between{justify-content:space-between;align-items:center;display:flex}.flex-end{align-items:flex-end;display:flex}.text-lg{font-size:18px}.w-400{width:400px}.sider-border{border-right:1px solid #f0f0f0}.sider-company{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.shell-header{background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.section-caption{margin:16px 0 8px;display:block}.org-tree .ant-tree-treenode{padding:2px 0}.org-node{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.org-node-name{font-weight:600}.org-node-code{margin:0}.org-node-meta{font-size:12px}.me-tabs>.ant-tabs-nav{margin-bottom:0;padding:0 24px}.me-tabs>.ant-tabs-content-holder{padding:16px 24px}.nowrap{white-space:nowrap}.perm-na{text-align:center;color:#cbd5e1;display:block}.settings-hub-nav .ant-menu-title-content{white-space:normal;line-height:1.35}.settings-hub-nav .ant-menu-submenu-title,.settings-hub-nav .ant-menu-item{min-height:40px;padding-top:6px;padding-bottom:6px;height:auto!important;line-height:1.35!important}.data-view-table .ant-table-thead>tr>th{white-space:nowrap}.att-week{flex-direction:column;gap:8px;display:flex}.att-row{background:#fff;border:1px solid #f0f0f0;border-radius:10px;grid-template-columns:64px 84px 1fr 84px 150px;align-items:center;gap:12px;padding:10px 12px;display:grid}.att-row-head{border:0;padding:0 12px}.att-row-today{border-color:#7b61ff;box-shadow:inset 0 0 0 1px #7b61ff40}.att-row-weekend .att-day{color:#94a3b8}.att-day{flex-direction:column;line-height:1.1;display:flex}.att-dow{color:#64748b;text-transform:capitalize;font-size:12px}.att-dom{font-size:18px;font-weight:700}.att-time{font-weight:600}.att-time-out{text-align:right}.att-scale{color:#94a3b8;justify-content:space-between;font-size:11px;display:flex}.att-track{background:#f1f5f9;border-radius:5px;height:10px;position:relative}.att-tick{background:#e2e8f0;width:1px;position:absolute;top:-2px;bottom:-2px}.att-tick[data-h="0"]{left:0}.att-tick[data-h="3"]{left:12.5%}.att-tick[data-h="6"]{left:25%}.att-tick[data-h="9"]{left:37.5%}.att-tick[data-h="12"]{left:50%}.att-tick[data-h="15"]{left:62.5%}.att-tick[data-h="18"]{left:75%}.att-tick[data-h="21"]{left:87.5%}.att-tick[data-h="24"]{right:0}.att-seg{top:0;bottom:0;left:var(--from);width:calc(var(--to) - var(--from));border-radius:5px;min-width:4px;position:absolute}.att-seg-work{background:#22c55e}.att-seg-break{background:#facc15}.att-seg-field{background:#38bdf8}.att-track-label{color:#94a3b8;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0 8px;font-size:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.att-worked{justify-content:flex-end;align-items:center;gap:8px;display:flex}.att-worked-v{font-variant-numeric:tabular-nums;font-weight:700}.att-totals{border:1px solid #f0f0f0;border-radius:10px;flex-wrap:wrap;gap:0;margin-top:8px;display:flex;overflow:hidden}.att-total{border-right:1px solid #f0f0f0;flex-direction:column;flex:110px;padding:10px 14px;display:flex}.att-total:last-child{border-right:0}.att-total-v{font-size:18px;font-weight:700}.att-total-k{color:#64748b;font-size:12px}.att-cal-cell{flex-direction:column;gap:2px;font-size:12px;display:flex}.att-cal-hours{font-weight:600}.att-month .ant-picker-calendar-date-content{height:56px}.att-cell{text-align:center;font-variant-numeric:tabular-nums;border-radius:6px;min-width:48px;padding:2px 6px;display:inline-block}.att-cell-ok{color:#166534;background:#dcfce7}.att-cell-warn{color:#854d0e;background:#fef9c3}.att-cell-info{color:#1e40af;background:#dbeafe}.att-cell-bad{color:#991b1b;background:#fee2e2}.att-cell-empty{color:#cbd5e1}.att-col-weekend{color:#94a3b8}@media (width<=767px){.att-row{grid-template-columns:48px 1fr 70px}.att-time,.att-row-head{display:none}}.att-track{overflow:visible}.att-marker{top:50%;left:var(--at);cursor:default;z-index:2;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0f172a26}.att-marker-in{background:#16a34a}.att-marker-out{background:#ef4444}.att-marker-break_start,.att-marker-break_end{background:#eab308}.att-marker-field_start,.att-marker-field_end{background:#0ea5e9}.att-marker-suspect{box-shadow:0 0 0 2px #f59e0b}.att-marker-rejected{background:#cbd5e1;box-shadow:0 0 0 2px #ef4444}.att-seg-live{background:linear-gradient(90deg,#16a34a 0%,#4ade80 50%,#16a34a 100%) 0 0/200% 100%;animation:1.8s linear infinite att-fill}.att-seg-live:after{content:"";background:#22c55e;border-radius:50%;width:12px;height:12px;animation:1.2s ease-out infinite att-pulse;position:absolute;top:50%;right:-5px;transform:translateY(-50%)}@keyframes att-fill{0%{background-position:200% 0}to{background-position:0 0}}@keyframes att-pulse{0%{box-shadow:0 0 #22c55e8c}to{box-shadow:0 0 0 10px #22c55e00}}@media (prefers-reduced-motion:reduce){.att-seg-live,.att-seg-live:after{animation:none}}.att-today-track{flex-direction:column;gap:6px;max-width:720px;padding:6px 8px 0;display:flex}.att-worked-live{color:#16a34a}.map-picker{border:1px solid #f0f0f0;border-radius:10px;overflow:hidden}.map-picker-canvas{width:100%;height:320px}.map-picker-bar{border-top:1px solid #f0f0f0;padding:8px 12px}.wifi-editor,.dash{margin-top:8px}.dash-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.dash-tabs{flex:auto;min-width:0}.dash-tabs .ant-tabs-nav{margin-bottom:0}.dash-widget .ant-card-body{min-height:120px}.mr-4{margin-right:4px}.device-key{word-break:break-all;font-size:13px}.att-clock-bar{background:#fff;border:1px solid #f0f0f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;display:flex}.att-clock-bar-info{color:#64748b;flex:240px;align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.att-clock-bar-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.att-row-click{cursor:pointer;transition:box-shadow .15s,border-color .15s}.att-row-click:hover,.att-row-click:focus-visible{border-color:#7b61ff;outline:none;box-shadow:0 2px 10px #7b61ff26}.att-detail-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px;display:grid}.att-detail-stat{border:1px solid #f0f0f0;border-radius:10px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.att-detail-stat-k{color:#64748b;font-size:12px}.att-detail-stat-v{font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.att-detail-track{border:1px solid #f0f0f0;border-radius:10px;margin-bottom:16px;padding:18px 16px 10px}.att-detail-track .att-track{border-radius:7px;height:14px}.att-detail-track .att-scale{margin-bottom:10px}.att-detail-section{margin:4px 0 8px;font-weight:600}.att-note-pop{width:320px}.map-picker-search{border-bottom:1px solid #f0f0f0;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.map-picker-results{background:#fff;max-height:180px;overflow-y:auto}.map-picker-result{cursor:pointer;font-size:13px}.map-picker-result:hover{background:#f5f3ff}.map-picker-radius{border-top:1px solid #f0f0f0;align-items:center;gap:12px;padding:8px 12px;display:flex}.map-picker-slider{flex:auto;min-width:120px}.att-clock-reqs{flex-wrap:wrap;gap:4px;display:flex}.att-clock-info{color:#64748b;font-size:13px}.qr-image{width:100%;height:auto;image-rendering:pixelated;display:block}.qr-sheet{color:#0f172a;text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:24px 16px;display:flex}.qr-sheet-code{width:min(70vw,420px)}.qr-sheet-name{margin:0;font-size:28px;font-weight:700}.qr-sheet-place{color:#475569;margin:0;font-size:18px}.qr-sheet-howto{border:2px dashed #7b61ff;border-radius:10px;margin:0;padding:10px 16px;font-size:18px}.qr-sheet-brand{color:#94a3b8;font-size:13px}.qr-kiosk{color:#fff;text-align:center;background:#0f172a;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;padding:24px 16px;display:flex}.qr-kiosk-clock{font-variant-numeric:tabular-nums;font-size:clamp(40px,9vw,96px);font-weight:700;line-height:1}.qr-kiosk-date{color:#cbd5e1;font-size:18px}.qr-kiosk-code{background:#fff;border-radius:16px;width:min(80vw,60vh,520px);padding:16px}.qr-kiosk-name{font-size:24px;font-weight:600}.qr-kiosk-count{color:#cbd5e1;font-size:15px}.qr-kiosk-error{color:#fca5a5}.qr-kiosk-fs{position:fixed;top:12px;right:12px}@media print{.no-print{display:none!important}.qr-sheet{min-height:auto;padding:0}.qr-sheet-code{width:120mm}@page{margin:15mm}}.brand-mark{object-fit:contain;flex:none;width:28px;height:28px}.public-brand{align-items:center;gap:8px;display:inline-flex}.sider-product{color:#4f2267;align-items:center;gap:8px;font-weight:700;display:inline-flex}