:root{--black:#0a0a0a;--white:#fff;--red:#c8202f;--red-dark:#a3182a;--red-soft:#fdecee;--red-line:#f3bcc2;--red-ink:#8a1420;--yellow:#e0a800;--yellow-soft:#fff4c4;--green:#1c8a4b;--green-soft:#d8f3e1;--ink:#0a0a0a;--ink-2:#2e2e2e;--ink-3:#555;--ink-4:#8c8c8c;--line:#dedede;--line-2:#ececec;--line-strong:#c4c4c4;--bg:#fafafa;--surface:#fff;--fill:#f4f4f4;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px #0000000a;--shadow-lg:0 24px 48px -12px #0000002e, 0 2px 6px #0000000f;--focus:0 0 0 3px #c8202f38;--font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;font-family:var(--font);letter-spacing:-.003em;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-feature-settings:"cv11", "ss01";font-size:15.5px;line-height:1.55}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-width:320px;margin:0}body.modal-open{overflow:hidden}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.2}p{margin:0 0 .75em}a{color:var(--ink);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}:focus-visible{box-shadow:var(--focus);outline:none}::selection{background:var(--black);color:var(--white)}.muted{color:var(--ink-3)}.small{font-size:.9em}.text-danger{color:var(--red);font-weight:700}.nowrap{white-space:nowrap}.btn{border-radius:var(--radius-sm);white-space:nowrap;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 15px;font-size:.93rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary,.btn--danger{background:var(--red);color:var(--white)}.btn--primary:hover:not(:disabled),.btn--danger:hover:not(:disabled){background:var(--red-dark)}.btn--success{background:var(--black);color:var(--white)}.btn--success:hover:not(:disabled){background:#262626}.btn--secondary{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.btn--secondary:hover:not(:disabled){border-color:var(--black)}.btn--ghost{color:var(--ink-2);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--fill);color:var(--ink)}.btn--danger-text{color:var(--red)}.btn--danger-text:hover:not(:disabled){background:var(--red-soft);color:var(--red-dark)}.btn--sm{gap:5px;min-height:32px;padding:0 10px;font-size:.85rem}.btn--sm svg{width:15px;height:15px}.btn--lg{width:100%;min-height:46px;font-size:1rem}.btn--on-dark{color:var(--white);background:0 0;border-color:#ffffff47}.btn--on-dark:hover{border-color:var(--white)}.icon-btn{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--fill);color:var(--ink)}.spinner{border:2.5px solid #80808040;border-top-color:currentColor;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin;display:inline-block}.spinner--sm{border-width:2px;width:15px;height:15px}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{min-height:180px;color:var(--ink-3);place-items:center;display:grid}.form{flex-direction:column;gap:16px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.form-subheading{margin-top:6px;font-size:.95rem}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field__label{font-size:.92rem;font-weight:600}.field__optional{color:var(--ink-3);font-weight:400}.field__hint{color:var(--ink-3);font-size:.87rem}.field__error{color:var(--red);font-size:.87rem;font-weight:600}.field__error:before{content:"! "}.field__static{border-radius:var(--radius-sm);background:var(--fill);min-height:42px;color:var(--ink);align-items:center;padding:0 12px;font-weight:600;display:flex}input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:42px;padding:8px 12px;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--ink-4)}textarea{resize:vertical;min-height:64px}input:hover:not(:disabled):not(:focus),select:hover:not(:disabled):not(:focus),textarea:hover:not(:disabled):not(:focus){border-color:#b5b5b5}input:focus,select:focus,textarea:focus{border-color:var(--red);box-shadow:var(--focus);outline:none}.field--error input,.field--error select{border-color:var(--red)}input[type=checkbox],input[type=radio]{accent-color:var(--red)}.check{cursor:pointer;align-items:center;gap:9px;display:flex}.check input{width:18px;height:18px}.check--top{align-items:flex-start}.check--top input{flex:none;margin-top:3px}.fieldset{border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;margin:0;padding:12px 14px 14px;display:flex}.fieldset legend{padding:0 6px;font-size:.9rem;font-weight:600}fieldset.settings{border:0;min-width:0;margin:0;padding:0}fieldset.settings:disabled input,fieldset.settings:disabled select{background:var(--fill);color:var(--ink-2)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app{min-height:100vh}.topbar{background:var(--black);color:var(--white);border-bottom:3px solid var(--red)}.topbar__inner{justify-content:space-between;align-items:center;gap:16px;max-width:1240px;margin:0 auto;padding:12px 24px;display:flex}.topbar__brand{align-items:center;gap:12px;min-width:0;display:flex}.topbar__title{letter-spacing:-.02em;font-size:1.05rem;font-weight:700}.topbar__subtitle{color:#ffffffbf;font-size:.84rem}.topbar__right{align-items:center;gap:10px;display:flex}.topbar__user{color:#ffffffd9;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:.88rem;overflow:hidden}.topbar__role{color:#ffffffa6}.topbar__right .btn--secondary{color:var(--white);background:0 0;border-color:#ffffff47}.topbar__right .btn--secondary:hover:not(:disabled){border-color:var(--white);background:#ffffff0f}.tabs{background:var(--surface);border-bottom:1px solid var(--line);z-index:20;position:sticky;top:0}.tabs__inner{scrollbar-width:none;gap:4px;max-width:1240px;margin:0 auto;padding:0 14px;display:flex;overflow-x:auto}.tabs__inner::-webkit-scrollbar{display:none}.tab{color:var(--ink-2);white-space:nowrap;border-bottom:3px solid #0000;align-items:center;gap:7px;padding:14px 10px 12px;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex}.tab:hover{color:var(--ink);text-decoration:none}.tab.is-active{color:var(--ink);border-bottom-color:var(--red)}.tab.is-active svg{color:var(--red)}.banner{background:var(--fill);color:var(--ink);border-bottom:1px solid var(--line);text-align:center;padding:10px 20px;font-size:.9rem}.banner button{color:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-left:10px;font-weight:700;text-decoration:underline}.banner--danger{background:var(--red);color:var(--white);border-bottom-color:var(--red-dark)}.page{flex-direction:column;gap:20px;max-width:1240px;margin:0 auto;padding:32px 24px 56px;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:4px;display:flex}.page-header h1{letter-spacing:-.03em;margin-bottom:6px;font-size:1.85rem}.page-header p{color:var(--ink-2);max-width:720px;margin:0}.page-header__actions{flex-wrap:wrap;gap:8px;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.toolbar>select{width:auto;min-width:200px}.grid-2{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.grid-2--wide-left{grid-template-columns:3fr 2fr}.settings{flex-direction:column;gap:20px;max-width:860px;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:14px;min-width:0;padding:20px;display:flex}.card--flush{gap:0;padding:0;overflow:hidden}.card--flush>.card__header{border-bottom:1px solid var(--line);padding:14px 20px}.card--flush>.card__foot{border-top:1px solid var(--line);margin:0;padding:12px 20px}.card__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.card__title{align-items:center;gap:8px;font-size:.98rem;font-weight:700;display:flex}.card__more{border-top:1px solid var(--line);justify-content:center;padding:14px;display:flex}.card--attention{border:1.5px solid var(--red);box-shadow:inset 0 3px 0 var(--red)}.card--attention .card__title,.card--attention .card__title svg{color:var(--red)}.is-reloading{opacity:.6;transition:opacity .2s}.stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.stat__label{color:var(--ink-2);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:700}.stat__value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:6px;font-size:1.9rem;font-weight:700}.stat__sub{color:var(--ink-3);margin-top:2px;font-size:.85rem}.stat--danger{background:var(--red);border-color:var(--red);color:var(--white)}.stat--danger .stat__label,.stat--danger .stat__sub{color:#ffffffe0}.stat--warn{border:1.5px solid var(--black)}.alert{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);align-items:flex-start;gap:12px;padding:13px 16px;font-size:.93rem;display:flex}.alert p:last-child{margin-bottom:0}.alert__icon{flex:none;margin-top:1px}.alert__body{flex:1;min-width:0}.alert__title{margin-bottom:2px;font-weight:700}.alert__action{flex:none;align-self:center}@media (max-width:560px){.alert{flex-wrap:wrap}.alert__action{flex-basis:100%;padding-left:32px}}.alert--danger{background:var(--red-soft);border-color:var(--red-line);box-shadow:inset 4px 0 0 var(--red);color:var(--red-ink);padding-left:20px}.alert--danger .alert__title,.alert--danger .alert__icon{color:var(--red)}.alert--warn{border-color:var(--black);box-shadow:inset 4px 0 0 var(--black);padding-left:20px}.alert--info,.alert--ok{background:var(--fill);border-color:var(--fill);color:var(--ink)}.badge{white-space:nowrap;vertical-align:middle;border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;margin:1px 4px 1px 0;padding:2px 9px;font-size:.8rem;font-weight:600;line-height:1.5;display:inline-flex}.badge--neutral{background:var(--surface);border-color:var(--line-strong);color:var(--ink-2)}.badge--info{background:var(--fill);color:var(--ink-2)}.badge--ok{background:var(--fill);color:var(--ink)}.badge--ok:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge--warn{background:var(--surface);border-color:var(--black);color:var(--ink)}.badge--danger{background:var(--red);border-color:var(--red);color:var(--white)}.next-day{background:var(--black);color:var(--white);letter-spacing:.02em;text-transform:uppercase;vertical-align:1px;white-space:nowrap;border-radius:4px;margin-left:5px;padding:0 6px;font-size:.7rem;font-weight:700;line-height:1.6;display:inline-block}.badge-link{text-decoration:none}.empty{text-align:center;color:var(--ink-3);padding:44px 20px}.empty__icon{color:var(--ink-4);margin-bottom:10px}.empty__title{color:var(--ink);font-weight:600}.empty__body{margin-top:4px;font-size:.92rem}.segmented{background:var(--fill);border-radius:var(--radius-sm);flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 12px;font-size:.9rem;font-weight:600;transition:background .15s,color .15s}.segmented button:hover{color:var(--ink)}.segmented button.is-active{background:var(--black);color:var(--white)}.segmented--full{display:flex}.segmented--full button{flex:1;padding:10px}.search{flex:1;min-width:220px;max-width:380px;position:relative}.search svg{color:var(--ink-3);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search input{padding-left:38px!important}.range{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.range__dates{color:var(--ink-3);align-items:center;gap:8px;display:flex}.range__dates input{width:auto!important}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.colour-dot.colour-dot--empty{box-shadow:inset 0 0 0 1.5px var(--ink-4);background:0 0}.colour-dot{vertical-align:0;border-radius:50%;flex:none;width:11px;height:11px;margin-right:7px;display:inline-block;box-shadow:0 0 0 1px #0000001f}.colour-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.colour-picker__swatch{cursor:pointer;border:0;border-radius:50%;width:30px;height:30px;box-shadow:0 0 0 1px #0000001f}.colour-picker__swatch.is-selected{box-shadow:0 0 0 2px var(--white), 0 0 0 4px var(--ink)}.colour-picker__none{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:999px;height:30px;padding:0 12px;font-size:.85rem;font-weight:600}.colour-picker__none.is-selected{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.colour-filter{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.colour-filter button{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:.85rem;font-weight:600;display:inline-flex}.colour-filter button .colour-dot{margin-right:0}.colour-filter button.is-active{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}h1 .colour-dot{vertical-align:2px;width:16px;height:16px;margin-right:10px}.colour-labels{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px 20px;display:grid}.colour-labels__row{align-items:center;gap:4px;display:flex}.colour-labels__name{flex:none;width:58px;font-size:.9rem;font-weight:600}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.92rem}.table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2);background:var(--bg);border-bottom:1px solid var(--line);white-space:nowrap;padding:11px 16px;font-size:.76rem;font-weight:700}.table td{border-bottom:1px solid var(--line-2);vertical-align:middle;padding:12px 16px}.table tbody tr:last-child td{border-bottom:0}.table tfoot td{border-top:1px solid var(--black);background:var(--surface);padding:13px 16px;font-weight:700}.table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.table tr.is-muted td{color:var(--ink-3)}.table tr.is-flagged td{background:var(--red-soft)}.table tr.is-flagged td:first-child{box-shadow:inset 3px 0 0 var(--red)}.table--compact td,.table--compact th{padding:8px 12px}.actions-cell{text-align:right;white-space:nowrap}.row-actions{white-space:nowrap;justify-content:flex-end;gap:2px;display:inline-flex}.note{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;display:block;overflow:hidden}.punch{white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:inline-flex}.overtime-note{color:var(--red-dark);font-size:.82rem;font-weight:600}.strong-link{color:var(--ink);font-weight:700;text-decoration:none}.strong-link:hover{color:var(--red);text-decoration:underline}.photo{border:1px solid var(--line);background:var(--fill);color:var(--ink-3);cursor:zoom-in;border-radius:6px;flex:none;place-items:center;padding:0;display:inline-grid;position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%;display:block}.photo--sm{width:34px;height:34px}.photo--md{border-radius:8px;width:52px;height:52px}.photo--empty{cursor:default;background:0 0;border-style:dashed}.photo--flagged{border:2px solid var(--red)}.photo__flag{background:var(--red);width:16px;height:16px;color:var(--white);border-radius:50%;place-items:center;display:grid;position:absolute;top:-4px;right:-4px}.lightbox{z-index:200;cursor:zoom-out;background:#000000e6;place-items:center;padding:24px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.lightbox figure{cursor:default;max-width:min(720px,100%);margin:0}.lightbox img{border-radius:var(--radius);width:100%;display:block}.lightbox figcaption{color:var(--white);text-align:center;margin-top:12px;font-weight:600}.lightbox__close{width:44px;height:44px;color:var(--white);cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:16px}.lightbox__tools{color:var(--white);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:12px;display:flex}.lightbox__tools .btn--secondary{color:var(--white);background:0 0;border-color:#ffffff59}.lightbox__tools .btn--secondary:hover:not(:disabled){border-color:var(--white)}.lightbox__tools .btn--ghost{color:#d4d4d4}.lightbox__flagged{background:var(--red);color:var(--white);border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:.9rem;font-weight:600;display:flex}.lightbox__flagged .muted{color:#ffffffd9;font-weight:400}.lightbox__ask{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.lightbox__ask input{flex:1;min-width:220px}.lightbox__error{text-align:center;width:100%;color:var(--white);font-size:.9rem;font-weight:600}.people-list,.feed,.issue-list,.audit{margin:0;padding:0;list-style:none}.people-list li{border-bottom:1px solid var(--line-2);align-items:center;gap:12px;padding:12px 20px;display:flex}.people-list li:last-child{border-bottom:0}.people-list li.is-late{background:var(--red-soft);box-shadow:inset 3px 0 0 var(--red)}.people-list__main{flex:1;min-width:0}.people-list__name{font-weight:700}.people-list__time{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:700}.feed{max-height:520px;overflow-y:auto}.feed li{border-bottom:1px solid var(--line-2);align-items:center;gap:10px;padding:10px 20px;display:flex}.feed li:last-child{border-bottom:0}.feed__main{flex:1;min-width:0}.feed__main .badge{margin-left:6px}.feed__dot{border:1.5px solid var(--black);border-radius:50%;width:8px;height:8px}.feed__dot--in{background:var(--black)}.feed__dot--out{background:var(--surface);border-color:var(--red)}.feed__time{font-variant-numeric:tabular-nums;color:var(--ink-2);text-align:right;width:46px;font-weight:600}.issue-list li{border-bottom:1px solid var(--red-line);justify-content:space-between;align-items:center;gap:14px;padding:11px 0;display:flex}.issue-list li:last-child{border-bottom:0;padding-bottom:0}.issue-list__actions{flex:none;gap:8px;display:flex}@media (max-width:560px){.issue-list__stack{flex-direction:column;align-items:stretch}.issue-list__stack .issue-list__actions{justify-content:flex-end}}.issue-list li:first-child{padding-top:0}.audit li{border-bottom:1px solid var(--line-2);grid-template-columns:150px 1fr;gap:16px;padding:14px 20px;display:grid}.audit li:last-child{border-bottom:0}.audit__when{color:var(--ink-2);font-variant-numeric:tabular-nums;padding-top:2px;font-size:.88rem}.audit__summary .badge{margin-right:6px}.audit__reason{color:var(--ink-2);margin-top:4px;font-size:.9rem;font-style:italic}.audit__who{color:var(--ink-3);margin-top:4px;font-size:.86rem}.audit__kind{border:1px solid var(--line-strong);color:var(--ink-2);border-radius:999px;margin-left:8px;padding:0 7px;font-size:.72rem;display:inline-block}.menu{z-index:150;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);min-width:200px;box-shadow:var(--shadow-lg);flex-direction:column;padding:6px;animation:.12s ease-out pop;display:flex;position:fixed}.menu__item{text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:9px 10px;font-weight:500;display:flex}.menu__item svg{color:var(--ink-3)}.menu__item:hover{background:var(--fill);box-shadow:none}.menu__item:focus-visible{background:var(--fill);box-shadow:none}.menu__item--danger{border-top:1px solid var(--line-2);border-radius:0 0 6px 6px;margin-top:4px;font-weight:600}.menu__item--danger,.menu__item--danger svg{color:var(--red)}.menu__item--danger:hover{background:var(--red);color:var(--white)}.menu__item--danger:hover svg{color:var(--white)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:flex-start;padding:6vh 16px 16px;animation:.15s ease-out fade;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.modal{background:var(--surface);width:100%;max-width:560px;box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;animation:.18s ease-out pop;display:flex}.modal:focus{box-shadow:var(--shadow-lg);outline:none}.modal--wide{max-width:760px}.modal__header{justify-content:space-between;align-items:center;gap:12px;padding:20px 18px 12px 24px;display:flex}.modal__header h2{font-size:1.15rem}.modal__body{padding:4px 24px 20px}.modal__footer{border-top:1px solid var(--line);border-radius:0 0 16px 16px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding:14px 20px;display:flex}.modal__footer-left{margin-right:auto}.modal__footer-note{color:var(--red);margin-right:auto;font-weight:700}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}.toasts{z-index:300;flex-direction:column;gap:8px;width:min(460px,100% - 32px);display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius);background:var(--black);color:var(--white);box-shadow:var(--shadow-lg);align-items:center;gap:10px;padding:13px 16px;font-weight:600;animation:.2s ease-out pop;display:flex}.toast--danger{background:var(--red)}.pin-reveal{justify-content:center;gap:10px;margin:18px 0;display:flex}.pin-reveal span{background:var(--black);width:58px;height:70px;color:var(--white);font-variant-numeric:tabular-nums;border-radius:10px;place-items:center;font-size:2.2rem;font-weight:700;display:grid}.credentials{background:var(--fill);border-radius:var(--radius);grid-template-columns:auto 1fr;align-items:center;gap:8px 16px;margin:16px 0;padding:16px;display:grid}.credentials dt{color:var(--ink-3);font-weight:600}.credentials dd{font-family:var(--mono);margin:0;font-size:1.1rem;font-weight:700}.credentials__secret{letter-spacing:.08em;color:var(--red);font-size:1.5rem!important}.shift-evidence{background:var(--fill);border-radius:var(--radius);grid-template-columns:1fr 1fr;gap:12px;padding:12px;display:grid}.shift-evidence>div{align-items:center;gap:10px;font-size:.9rem;font-weight:600;display:flex}.shift-evidence small{color:var(--ink-3);font-weight:400;display:block}.steps{color:var(--ink-2);flex-direction:column;gap:6px;margin:0;padding-left:20px;font-size:.93rem;display:flex}.login{background:var(--bg);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.login__card{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--red);border-radius:18px;flex-direction:column;gap:20px;width:100%;max-width:420px;padding:32px;display:flex;box-shadow:0 24px 48px -24px #00000029}.login__brand{align-items:center;gap:14px;display:flex}.login__brand h1{font-size:1.3rem}.login__brand p{color:var(--ink-3);margin:2px 0 0}.login__step{margin-bottom:6px;font-size:1.15rem}.login__foot{color:var(--ink-3);text-align:center;margin:0;font-size:.84rem}.shift-summary{border-radius:var(--radius-sm);background:var(--fill);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}html.is-kiosk,html.is-kiosk body{overscroll-behavior:none}.kiosk{touch-action:manipulation;touch-action:pan-y;color:var(--white);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#000;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.kiosk--message{grid-template-columns:1fr;place-items:center;padding:24px;display:grid}.kiosk-card{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:520px;display:flex}.kiosk-card h1{font-size:1.7rem}.kiosk-card p{color:#c4c4c4;font-size:1.05rem}.kiosk__left{flex-direction:column;gap:20px;min-height:0;padding:max(20px,min(3vw,40px));display:flex}.kiosk__brand{align-items:center;gap:14px;padding-right:180px;display:flex}.kiosk__company{letter-spacing:-.02em;font-size:1.2rem;font-weight:700}.kiosk__branch{color:#b5b5b5;font-size:1rem}.kiosk__time{letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:max(3.4rem,min(9vw,6.8rem));font-weight:700;line-height:1}.kiosk__seconds{color:#6b6b6b;letter-spacing:0;margin-left:.18em;font-size:.36em;font-weight:600}.kiosk__date{color:#c4c4c4;margin-top:8px;font-size:max(1rem,min(1.8vw,1.3rem))}.kiosk__camera{background:#111;border:1px solid #262626;border-radius:20px;flex:1;min-height:160px;position:relative;overflow:hidden}.kiosk__camera video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.kiosk__camera:after{content:"";opacity:0;pointer-events:none;background:#fff;position:absolute;top:0;bottom:0;left:0;right:0}.kiosk__camera.is-flashing:after{animation:.4s ease-out flash}@keyframes flash{0%{opacity:.85}to{opacity:0}}.kiosk__camera-overlay{text-align:center;color:#a3a3a3;background:#111;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.kiosk__notice{color:#9a9a9a;align-items:center;gap:8px;margin:0;font-size:.9rem;display:flex}.kiosk__right{border-left:3px solid var(--red);background:#0a0a0a;flex-direction:column;align-items:center;padding:max(16px,min(3vw,40px));display:flex;position:relative;overflow-y:auto}.kiosk__right>.kiosk-panel{margin-top:auto;margin-bottom:auto}.kiosk__offline{background:var(--red);color:var(--white);text-align:center;border-radius:12px;flex:none;justify-content:center;align-self:stretch;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:.92rem;font-weight:600;display:flex}.kiosk__offline--ok{color:var(--white);background:#1a1a1a;border:1px solid #333}.kiosk__corner{gap:8px;display:flex;position:absolute;top:14px;right:calc(50% + 17px)}.kiosk__corner button{color:#a3a3a3;cursor:pointer;background:0 0;border:1px solid #333;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.kiosk-panel{text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:420px;display:flex}.kiosk-panel__title{letter-spacing:-.03em;font-size:max(1.6rem,min(3vw,2.1rem));font-weight:700}.kiosk-panel__hint{color:#b5b5b5;margin:-6px 0 0}.kiosk-panel__message{justify-content:center;align-items:center;width:100%;min-height:52px;display:flex}.kiosk-msg{border-radius:12px;width:100%;padding:11px 14px;font-size:.97rem;font-weight:600}.kiosk-muted{color:#b5b5b5}.kiosk-retry{margin:10px auto 0;display:flex}.kiosk-msg--error{background:var(--red);color:var(--white)}.kiosk-msg--warn{border:1px solid var(--white);color:var(--white)}.pinpad{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.pinpad__dots{align-items:center;gap:16px;height:22px;display:flex}.pinpad__dots span{border:2px solid #525252;border-radius:50%;width:16px;height:16px;transition:background .1s,border-color .1s}.pinpad__dots span.is-filled{background:var(--white);border-color:var(--white)}.pinpad__dots.is-shaking{animation:.45s shake}@keyframes shake{20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}.pinpad__keys{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.pinpad__key{height:max(62px,min(9vh,84px));color:var(--white);cursor:pointer;font-variant-numeric:tabular-nums;background:#141414;border:1px solid #262626;border-radius:18px;place-items:center;font-size:1.9rem;font-weight:600;transition:background 80ms,color 80ms,transform 80ms;display:grid}.kiosk__right:has(.kiosk__offline) .pinpad__key{height:max(46px,min(7.2vh,84px))}.kiosk__right:has(.kiosk__offline) .kiosk-panel__hint{display:none}.kiosk-panel__chosen{letter-spacing:0;vertical-align:middle;white-space:nowrap;border:1px solid #525252;border-radius:999px;margin-left:10px;padding:3px 10px;font-size:.95rem;font-weight:600;display:none}.kiosk__right:has(.kiosk__offline) .kiosk-panel__chosen{display:inline-block}.pinpad__key:active:not(:disabled){background:var(--red);color:var(--white);transform:scale(.96)}.pinpad__key--muted{color:#a3a3a3;background:0 0;font-size:1.05rem}.pinpad__key:disabled{opacity:.35;cursor:default}.pinpad__go{width:100%}.kiosk-btn{cursor:pointer;min-height:60px;color:var(--white);border:2px solid #0000;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:1.2rem;font-weight:700;text-decoration:none;transition:background .1s,color .1s,transform 80ms;display:inline-flex}.kiosk-btn:active:not(:disabled){transform:scale(.98)}.kiosk-btn:disabled{opacity:.35;cursor:default}.kiosk-btn--primary,.kiosk-btn--out{background:var(--red);color:var(--white)}.kiosk-btn--primary:active:not(:disabled),.kiosk-btn--out:active:not(:disabled){background:var(--red-dark)}.kiosk-btn--in{background:var(--white);color:var(--black)}.kiosk-btn--small{min-height:44px;color:var(--white);background:0 0;border-color:#404040;font-size:1rem}.kiosk-btn--ghost{color:#a3a3a3;background:0 0;min-height:50px;font-size:1.05rem;font-weight:600}.kiosk-btn--big{letter-spacing:-.02em;border-radius:22px;width:100%;min-height:96px;margin-top:8px;font-size:1.9rem}.kiosk-choice{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.kiosk-choice .kiosk-btn--big{min-height:84px;font-size:1.6rem}.kiosk-home__choice{gap:14px;width:100%;margin-top:10px;display:grid}.kiosk-home__choice .kiosk-btn--big{min-height:max(96px,min(19vh,168px));margin-top:0;font-size:max(1.9rem,min(4.2vh,2.5rem))}.kiosk-avatar{background:var(--white);width:84px;height:84px;color:var(--black);border-radius:50%;place-items:center;font-size:2.3rem;font-weight:700;display:grid}.kiosk-avatar--offline{color:var(--white);background:0 0;border:2px dashed #737373}.kiosk-status{border-radius:12px;width:100%;padding:10px 16px;font-size:1.15rem}.kiosk-status.is-in{background:var(--white);color:var(--black);font-weight:600}.kiosk-status.is-out{color:#d4d4d4;border:1px solid #333}.kiosk-week{color:#a3a3a3;font-size:1.05rem}.kiosk-week b{color:var(--white)}.kiosk-done__icon{border-radius:50%;place-items:center;width:104px;height:104px;animation:.25s ease-out pop;display:grid}.kiosk-done__icon--in{background:var(--white);color:var(--black)}.kiosk-done__icon--out{background:var(--red);color:var(--white)}.kiosk-done__time{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:700}.kiosk-done__paid{color:var(--white);border:1px solid #525252;border-radius:999px;margin:0;padding:6px 14px;font-weight:600}.kiosk-done__text{margin:0;font-size:1.2rem}.kiosk-done__week{color:#a3a3a3;margin:0}.kiosk-done__photo{border:1px solid #333;border-radius:14px;width:150px;margin:4px 0 6px}.kiosk-done .kiosk-btn{width:100%}@media (orientation:portrait),(max-width:760px){.kiosk{grid-template-rows:auto 1fr;grid-template-columns:1fr;position:fixed;overflow-y:auto}.kiosk__left{grid-template-columns:1fr auto;grid-template-areas:"brand camera""clock camera""notice notice";gap:8px 16px;padding-top:62px;padding-bottom:8px;display:grid}.kiosk__brand{grid-area:brand;padding-right:0}.kiosk__corner{right:14px}.kiosk__clock{grid-area:clock}.kiosk__camera{aspect-ratio:3/4;border-radius:16px;grid-area:camera;height:max(140px,min(24vh,300px));min-height:0}.kiosk__notice{grid-area:notice;font-size:.85rem}.kiosk__time{font-size:max(2.8rem,min(13vw,5rem))}.kiosk__right{border-left:0;border-top:3px solid var(--red)}.kiosk__right>.kiosk-panel{margin-top:0}.kiosk__right:has(.kiosk__offline) .pinpad__key{height:max(44px,min(5.4vh,84px))}.kiosk-btn--big{min-height:80px;font-size:1.7rem}.pinpad{gap:14px}.pinpad__key{height:max(50px,min(6.6vh,84px))}.kiosk-panel__message{min-height:44px}}.role-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.role-grid__item p{margin:4px 0 0}.qr{border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:18px;padding:14px;display:flex}.qr img{background:var(--white);border-radius:8px;flex:none}.qr__secret{font-family:var(--mono);word-break:break-all;margin-top:4px;font-size:1rem;font-weight:700;display:block}.recovery-codes{background:var(--black);color:var(--white);border-radius:var(--radius);font-family:var(--mono);letter-spacing:.04em;grid-template-columns:1fr 1fr;gap:8px 20px;margin:14px 0;padding:16px;font-size:1.05rem;font-weight:700;list-style:none;display:grid}.reminder-preview{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:14px;display:flex}.reminder-preview__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.reminder-preview__branch ul{color:var(--ink-2);margin:4px 0 0;padding-left:20px;font-size:.92rem}.payrule{flex-direction:column;gap:8px;display:flex}.payrule__box{flex-direction:column;gap:6px;min-width:0;display:flex}.payrule__label{font-size:.88rem;font-weight:600}.payrule__inline{align-items:center;gap:8px;display:flex}.payrule__inline input{flex:1;min-width:0;max-width:160px}.payrule__inline select{flex:none;width:auto!important}.payrule__hint{color:var(--ink-3);margin:0;font-size:.84rem}.rtw-status{border-radius:var(--radius);border:1px solid var(--line);padding:18px 20px}.rtw-status__title{letter-spacing:-.02em;font-size:1.3rem;font-weight:700;line-height:1.25}.rtw-status__text{margin-top:4px;font-size:.96rem}.rtw-status--good{background:var(--fill);border-color:var(--fill)}.rtw-status--warn{background:var(--surface);border:1.5px solid var(--black);box-shadow:inset 6px 0 0 var(--black);padding-left:26px}.rtw-status--bad{background:var(--red);border-color:var(--red);color:var(--white)}.rtw-status--none{background:var(--surface);border-style:dashed;border-color:var(--line-strong);color:var(--ink-2)}.details{grid-template-columns:170px 1fr;gap:8px 16px;margin:0;display:grid}.details dt{color:var(--ink-3);font-weight:600}.details dd{margin:0}.upload{border-bottom:1px solid var(--line);background:var(--bg);flex-direction:column;gap:8px;padding:16px 20px;display:flex}.upload p{margin:0}.upload__row{grid-template-columns:minmax(180px,1.2fr) minmax(160px,1fr) minmax(200px,1.3fr) auto;align-items:end;gap:12px;display:grid}.upload input[type=file]{padding:8px}.round-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.round-picker input{flex:0 220px;width:auto}.round-summary{border-radius:var(--radius-sm);background:var(--fill);flex-wrap:wrap;gap:6px 24px;padding:11px 14px;display:flex}.round-preview{border-radius:var(--radius-sm);background:var(--fill);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;padding:14px 16px;display:grid}.round-preview>div:not(.round-preview__note){white-space:nowrap}.round-preview__note{grid-column:1/-1}@media (max-width:980px){.grid-2,.grid-2--wide-left{grid-template-columns:1fr}}@media (max-width:860px){.upload__row{grid-template-columns:1fr}.details{grid-template-columns:1fr;gap:2px}.details dd{margin-bottom:8px}}@media (max-width:640px){:root{font-size:14px}.topbar__inner{padding:10px 16px}.topbar__subtitle,.topbar__user,.topbar__right .btn span{display:none}.page{padding:22px 16px 44px}.page-header h1{font-size:1.5rem}.form-row,.shift-evidence{grid-template-columns:1fr}.stat__value{font-size:1.5rem}.audit li{grid-template-columns:1fr;gap:4px}.toolbar>select,.search{width:100%;min-width:0;max-width:none}.people-list li{flex-wrap:wrap}.modal-backdrop{padding:12px}.login__card{padding:24px}.recovery-codes{grid-template-columns:1fr}}.week-nav{align-items:center;gap:10px;display:inline-flex}.week-nav__label{text-align:center;font-variant-numeric:tabular-nums;min-width:200px;font-weight:700}.timecards{grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.timecards__list ul{flex-direction:column;gap:2px;margin:0;padding:6px;list-style:none;display:flex}.timecards__person{border-radius:var(--radius-sm);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:4px;width:100%;padding:10px 12px;display:flex;box-shadow:inset 3px 0 #0000}.timecards__person:hover{background:var(--fill)}.timecards__person.is-selected{background:var(--red-soft);box-shadow:inset 3px 0 0 var(--red)}.timecards__person.is-empty .timecards__name{color:var(--ink-3)}.timecards__name{font-weight:700}.timecards__meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.timecards__hours{font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:.9rem}.timecards__meta .badge{margin:0}.timecard__table td{vertical-align:top}.timecard__day{white-space:nowrap;width:1%}.timecard__table tr.timecard__more td{border-top:1px dashed var(--line)}.timecard__table tr:has(+.timecard__more) td:not([rowspan]){border-bottom:0}.timecard__dayname--short{display:none}.timecard__punches,.timecard__paid{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.timecard__paid{min-height:34px}.timecard__badges{margin-top:3px}.timecard__deleted{color:var(--ink-3);margin-top:4px;font-size:.84rem}.timecard__arrow{color:var(--ink-3)}.timecard__badges:empty{display:none}.timecard__badges .note{white-space:normal;display:inline}.timecard__times{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.timecard__table tfoot td{font-size:1.02rem}.timecard__blocker{color:var(--red-ink);margin:0;font-size:.9rem;font-weight:600}.timecard__foot{margin:0}.timecard__branches{border-radius:var(--radius-sm);background:var(--fill);margin:0;padding:10px 12px;font-size:.9rem}.timecard__decision{border-radius:var(--radius-sm);background:var(--fill);align-items:center;gap:6px;margin:0;padding:10px 14px;display:flex}.timecard__actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding-top:14px;display:flex}.timecard__question{margin-right:4px;font-weight:700}.timecard__actions .btn:last-child{margin-left:auto}@media (max-width:860px){.timecards{grid-template-columns:1fr}.timecards__list ul{max-height:260px;overflow-y:auto}}.timecard__table .btn--sm{min-height:26px;padding:0 7px;font-size:.8rem}.timecard__table .btn--sm svg{width:13px;height:13px}@media (max-width:640px){.timecard__table th,.timecard__table td{padding-left:6px;padding-right:6px}.timecard__table tfoot td{font-size:.95rem}.timecard__add-word{display:none}.timecard__table .btn--sm{padding:0 3px}.timecard__day .muted{display:block}.timecard__times,.timecard__table .badge{white-space:normal}.timecard__dayname{display:none}.timecard__dayname--short{display:inline}.timecard__paid .timecard__times{white-space:normal}.timecard__punches{gap:4px 6px}.timecard__punches .next-day{margin-left:0}.timecard__punches .punch{gap:6px}.timecard__table .num{white-space:nowrap}.timecard{padding:14px}.timecard__table tfoot .muted{display:none}}.delivery-pay{align-items:center;gap:12px;display:flex}.delivery-pay.has-pay{border:1px solid var(--line);border-left:3px solid var(--black);border-radius:var(--radius-sm);padding:12px 14px}.delivery-pay__main{flex-direction:column;flex:1;min-width:0;display:flex}.delivery-pay__label{font-weight:700}.delivery-pay__amount{font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:700}.timecards__delivery{color:var(--ink-3);font-weight:600}.timecards__total{border-top:1px solid var(--line);font-variant-numeric:tabular-nums;flex-direction:column;gap:2px;padding:12px 18px 14px;display:flex}.timecards__total>span:first-child{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);font-size:.74rem;font-weight:700}.timecards__total b{font-size:1.15rem}.week-jump{color:var(--ink-3);width:auto!important}.export-options{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.export-option{border:1.5px solid var(--line-strong);border-radius:var(--radius);color:var(--ink);align-items:flex-start;gap:12px;padding:14px 16px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.export-option:hover{border-color:var(--red);background:var(--red-soft)}.export-option:focus-visible{border-color:var(--red);background:var(--red-soft)}.export-option svg{color:var(--red);flex:none;margin-top:2px}.export-option>span{flex-direction:column;gap:2px;display:flex}.branch-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.branch-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:16px;display:grid}.branch-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;min-width:0;transition:border-color .15s,box-shadow .15s;display:flex}.branch-card:hover{border-color:var(--line-strong);box-shadow:0 6px 18px -8px #0000002e}.branch-card--urgent{border-color:var(--red-line);box-shadow:inset 0 3px 0 var(--red)}.branch-card--urgent:hover{border-color:var(--red);box-shadow:inset 0 3px 0 var(--red), 0 6px 18px -8px #c8202f59}.branch-card.is-muted{background:var(--fill);box-shadow:none}.branch-card.is-muted .branch-card__name{color:var(--ink-3)}.branch-card__head{justify-content:space-between;align-items:flex-start;gap:10px;padding:18px;display:flex}.branch-card__title{min-width:0;color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.branch-card__title>span:last-child{flex-direction:column;min-width:0;display:flex}.branch-card__icon{background:var(--black);width:38px;height:38px;color:var(--white);border-radius:10px;flex:none;place-items:center;display:grid}.branch-card--urgent .branch-card__icon{background:var(--red)}.branch-card__name{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:1.12rem;font-weight:700;line-height:1.25;overflow:hidden}.branch-card__title:hover .branch-card__name{color:var(--red);text-decoration:underline}.branch-card__meta{color:var(--ink-3);font-size:.82rem}.branch-card__meta .is-live{color:var(--red-dark);font-weight:700}.branch-card__issues{flex:1;padding:0 18px}.branch-card__issues ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.branch-issue{border-radius:var(--radius-sm);align-items:center;gap:9px;padding:8px 10px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.branch-issue span{flex:1}.branch-issue svg:last-child{opacity:.6}.branch-issue--danger{background:var(--red-soft);color:var(--red-ink)}.branch-issue--danger:hover{background:#fbdade}.branch-issue--warn{background:var(--surface);border:1px solid var(--line-strong);color:var(--ink)}.branch-issue--warn:hover{border-color:var(--black)}.branch-issue--info{color:var(--ink-3);padding:3px 10px;font-weight:500}.branch-issue--info:hover{color:var(--ink)}.branch-card__ok{color:var(--ink-3);align-items:center;gap:8px;margin:0;padding:4px 0;font-size:.9rem;display:flex}.branch-card__foot{align-items:stretch;gap:8px;padding:14px 18px 18px;display:flex}.week-tick{border:1.5px dashed var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);min-width:0;color:var(--ink-2);font:inherit;text-align:left;cursor:pointer;flex:1;align-items:center;gap:10px;padding:8px 12px;font-size:.92rem;font-weight:600;transition:border-color .15s,background .15s;display:flex}.week-tick small{opacity:.75;font-size:.76rem;font-weight:500;display:block}.week-tick:hover{border-color:var(--black);color:var(--ink)}.week-tick:focus-visible{box-shadow:var(--focus);outline:none}.week-tick:disabled{opacity:.6;cursor:progress}.week-tick__box{border:2px solid var(--black);background:var(--white);width:22px;height:22px;color:var(--black);border-radius:6px;flex:none;place-items:center;display:grid}.branch-card--done,.branch-card--done:hover{background:var(--black);border-color:var(--black);color:var(--white);box-shadow:0 6px 18px -10px #00000080}.branch-card--done .branch-card__icon{background:var(--white);color:var(--black)}.branch-card--done .branch-card__meta,.branch-card--done .branch-card__ok,.branch-card--done .branch-issue--info{color:#ffffffb8}.branch-card--done .branch-card__meta .is-live,.branch-card--done .branch-issue--info:hover{color:var(--white)}.branch-card--done .branch-issue--warn{color:var(--white);background:0 0;border-color:#fff6}.branch-card--done .branch-issue--warn:hover{border-color:var(--white)}.branch-card--done .week-tick{border:1.5px solid var(--white);background:var(--white);color:var(--black)}.branch-card--done .week-tick__box{background:var(--black);border-color:var(--black);color:var(--white)}.branch-inactive{margin-top:8px}.branch-inactive summary{cursor:pointer;color:var(--ink-3);align-items:center;gap:6px;margin-bottom:12px;padding:6px 0;font-weight:600;list-style:none;display:inline-flex}.branch-inactive summary::-webkit-details-marker{display:none}.branch-inactive summary svg{transition:transform .15s}.branch-inactive[open] summary svg{transform:rotate(90deg)}@media (max-width:520px){.branch-card__head{padding:16px 14px}.branch-card__issues{padding:0 14px}.branch-card__foot{padding:12px 14px 14px}.branch-toolbar .search{flex:100%;max-width:none}}.cal-legend{color:var(--ink-2);flex-wrap:wrap;gap:6px 18px;margin:0 0 0 auto;padding:0;font-size:.88rem;list-style:none;display:flex}.cal-legend li{align-items:center;gap:7px;display:inline-flex}.cal-swatch{border:1px solid #00000026;border-radius:4px;width:16px;height:16px}.cal-swatch--approved{background:var(--yellow-soft);box-shadow:inset 4px 0 0 var(--yellow)}.cal-swatch--paid{background:var(--green-soft);box-shadow:inset 4px 0 0 var(--green)}.cal-tick{max-width:420px;display:flex}.cal-week{border-top:1px solid var(--line-2);color:inherit;grid-template-columns:repeat(7,minmax(0,1fr)) minmax(190px,1.9fr);text-decoration:none;transition:filter .15s;display:grid;box-shadow:inset 5px 0 #0000}a.cal-week:hover{filter:brightness(.97);outline:none}a.cal-week:focus-visible{filter:brightness(.97);outline:none}.cal-week--head{background:var(--fill);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);border-top:0;font-size:.74rem;font-weight:700}.cal-week--head span{padding:9px 12px}.cal-week--approved{background:var(--yellow-soft);box-shadow:inset 5px 0 0 var(--yellow)}.cal-week--paid{background:var(--green-soft);box-shadow:inset 5px 0 0 var(--green)}.cal-day{font-variant-numeric:tabular-nums;border-right:1px solid #0000000f;flex-direction:column;gap:2px;min-height:62px;padding:9px 12px;display:flex}.cal-day__date{align-self:flex-start;font-weight:700;line-height:24px}.cal-day.is-outside .cal-day__date{color:var(--ink-4);font-weight:500}.cal-day.is-today .cal-day__date{background:var(--red);min-width:24px;color:var(--white);text-align:center;border-radius:12px;padding:0 6px}.cal-day__hours{color:var(--ink-2);font-size:.82rem}.cal-status{flex-direction:column;justify-content:center;gap:1px;min-width:0;padding:9px 14px;display:flex;position:relative}.cal-status small{color:var(--ink-2);font-size:.8rem}.cal-status__hours{font-variant-numeric:tabular-nums;color:var(--ink-2);margin-top:2px;font-size:.82rem;font-weight:600}.cal-week--approved .cal-status b{color:#7a5b00}.cal-week--paid .cal-status b{color:#136236}@media (max-width:720px){.cal-week{grid-template-columns:repeat(7,minmax(0,1fr))}.cal-week--head span:last-child{display:none}.cal-week--head span,.cal-day{text-align:center;padding:7px 4px}.cal-day{border-right:0;align-items:center;min-height:50px}.cal-day__date{align-self:center}.cal-day__hours{font-size:.72rem}.cal-status{flex-flow:wrap;grid-column:1/-1;align-items:baseline;gap:2px 8px;padding:0 12px 9px}.cal-status__hours{margin:0 0 0 auto}.cal-legend{margin-left:0}}:root{--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--t-fast:.14s;--t:.22s;--t-slow:.44s;--radius:14px;--radius-sm:9px;--shadow:0 1px 2px #0a0a0a0d, 0 1px 1px #0a0a0a08;--shadow-md:0 12px 26px -14px #0a0a0a3d, 0 2px 6px -2px #0a0a0a0f;--shadow-lg:0 32px 64px -20px #0a0a0a57, 0 8px 18px -8px #0a0a0a1f;--focus:0 0 0 2px var(--surface), 0 0 0 4px #c8202f99;--focus-soft:0 0 0 4px #c8202f24}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@keyframes rise-sm{0%{opacity:0;transform:translateY(5px)}}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}}@keyframes surface-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}@keyframes menu-in{0%{opacity:0;transform:scale(.94)}}@keyframes toast-out{to{opacity:0;transform:translateY(8px)scale(.97)}}@keyframes live{50%{opacity:.3;transform:scale(.8)}}@keyframes nudge{30%{transform:rotate(-9deg)scale(1.08)}60%{transform:rotate(7deg)scale(1.08)}}@keyframes sweep{0%{transform:rotate(-150deg)}}:focus-visible{outline:2px solid var(--red);outline-offset:2px}input:focus-visible{outline:none}select:focus-visible{outline:none}textarea:focus-visible{outline:none}.modal:focus-visible{outline:none}.menu__item:focus-visible{outline:none}.topbar :focus-visible{outline-color:var(--white)}.kiosk :focus-visible{outline-color:var(--white)}.lightbox :focus-visible{outline-color:var(--white)}h1,h2,.page-header p{text-wrap:balance}.page-header h1{font-weight:750}.page>*{animation:rise var(--t-slow) var(--ease-out) backwards}.page>:nth-child(2){animation-delay:45ms}.page>:nth-child(3){animation-delay:90ms}.page>:nth-child(4){animation-delay:.135s}.page>:nth-child(n+5){animation-delay:.18s}.stats>*,.branch-grid>*{animation:rise var(--t-slow) var(--ease-out) backwards}.stats>:nth-child(2),.branch-grid>:nth-child(2){animation-delay:60ms}.stats>:nth-child(3),.branch-grid>:nth-child(3){animation-delay:.12s}.stats>:nth-child(4),.branch-grid>:nth-child(4){animation-delay:.18s}.stats>:nth-child(n+5),.branch-grid>:nth-child(n+5){animation-delay:.24s}.people-list li,.feed li,.audit li,.timecards__list li{animation:rise-sm .32s var(--ease-out) backwards}.people-list li:nth-child(2),.feed li:nth-child(2),.audit li:nth-child(2),.timecards__list li:nth-child(2){animation-delay:30ms}.people-list li:nth-child(3),.feed li:nth-child(3),.audit li:nth-child(3),.timecards__list li:nth-child(3){animation-delay:60ms}.people-list li:nth-child(4),.feed li:nth-child(4),.audit li:nth-child(4),.timecards__list li:nth-child(4){animation-delay:90ms}.people-list li:nth-child(n+5),.feed li:nth-child(n+5),.audit li:nth-child(n+5),.timecards__list li:nth-child(n+5){animation-delay:.12s}.timecards>.timecard{animation:rise-sm .3s var(--ease-out) backwards}.page-loading .spinner{animation:.7s linear infinite spin,.3s .14s backwards fade-in}.app{background:radial-gradient(1100px 380px at 50% -200px,#c8202f0f,#0000 70%) no-repeat}.topbar{background:linear-gradient(180deg, #171717, var(--black))}.topbar__brand svg path{transform-origin:32px 32px;transition:transform .7s var(--ease-spring)}@media (hover:hover){.topbar__brand:hover svg path{transform:rotate(360deg)}}.tabs{-webkit-backdrop-filter:saturate(1.6)blur(12px);backdrop-filter:saturate(1.6)blur(12px);background:#ffffffd6}.tab{position:relative}.tab.is-active{border-bottom-color:#0000}.tab:after{content:"";background:var(--line-strong);height:3px;transition:transform var(--t) var(--ease-out), background var(--t);border-radius:3px 3px 0 0;position:absolute;bottom:-3px;left:8px;right:8px;transform:scaleX(0)}@media (hover:hover){.tab:hover:after{transform:scaleX(.45)}}.tab.is-active:after{background:var(--red);transform:scaleX(1)}.tab svg{transition:color var(--t), transform var(--t) var(--ease-spring)}@media (hover:hover){.tab:hover svg{transform:translateY(-1px)}}.btn{transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast), box-shadow var(--t), transform var(--t-fast) var(--ease-out)}.btn:active:not(:disabled){transform:scale(.97)}.btn--primary,.btn--danger{background:linear-gradient(180deg, #d62b3b, var(--red));box-shadow:inset 0 1px #ffffff2e,0 1px 2px #8a142066}.btn--primary:hover:not(:disabled),.btn--danger:hover:not(:disabled){background:linear-gradient(180deg, var(--red), var(--red-dark));box-shadow:inset 0 1px #ffffff24,0 8px 16px -8px #c8202fa6}.btn--success{background:linear-gradient(180deg, #2a2a2a, var(--black));box-shadow:inset 0 1px #ffffff24,0 1px 2px #00000059}.btn--success:hover:not(:disabled){background:linear-gradient(#383838,#161616);box-shadow:inset 0 1px #ffffff24,0 8px 16px -8px #0000008c}.btn--secondary{box-shadow:var(--shadow)}.btn--secondary:hover:not(:disabled){background:#fcfcfc;box-shadow:0 4px 10px -6px #0a0a0a4d}.btn svg{transition:transform var(--t) var(--ease-spring)}@media (hover:hover){.btn:hover:not(:disabled) svg{transform:scale(1.08)}}.icon-btn{transition:background var(--t-fast), color var(--t-fast), transform var(--t-fast) var(--ease-out)}.icon-btn:active{transform:scale(.92)}input:focus,select:focus,textarea:focus{box-shadow:var(--focus-soft)}.segmented button{transition:background var(--t), color var(--t), box-shadow var(--t), transform var(--t-fast) var(--ease-out)}.segmented button:hover:not(.is-active){background:#0a0a0a0d}.segmented button:active{transform:scale(.97)}.segmented button.is-active{box-shadow:0 1px 3px #0000004d}.colour-filter button,.colour-picker__swatch{transition:box-shadow var(--t), border-color var(--t), transform var(--t-fast) var(--ease-spring)}@media (hover:hover){.colour-picker__swatch:hover{transform:scale(1.12)}}.card,.stat{box-shadow:var(--shadow)}.stat__value{line-height:1.15}.stat--danger{background:linear-gradient(135deg, #d62b3b, var(--red) 55%, var(--red-dark));box-shadow:0 12px 24px -14px #c8202fcc}.alert{box-shadow:var(--shadow)}.alert--danger{box-shadow:inset 4px 0 0 var(--red), var(--shadow)}.alert--warn{box-shadow:inset 4px 0 0 var(--black), var(--shadow)}.card .alert,.modal .alert{animation:rise-sm .28s var(--ease-out) backwards}.alert--danger .alert__icon svg{transform-origin:50% 60%;animation:nudge .55s .35s var(--ease-out) backwards}.badge{transition:background var(--t), border-color var(--t), color var(--t)}.empty__icon{background:var(--fill);width:60px;height:60px;color:var(--ink-3);border-radius:50%;place-items:center;display:inline-grid}.branch-card{transition:border-color var(--t), box-shadow var(--t), transform var(--t) var(--ease-out), background var(--t-slow), color var(--t-slow)}@media (hover:hover){.branch-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.branch-card--urgent:hover{box-shadow:inset 0 3px 0 var(--red), 0 14px 26px -16px #c8202f80}.branch-card.is-muted:hover{transform:none}}.branch-card__icon{transition:transform var(--t) var(--ease-spring), background var(--t)}@media (hover:hover){.branch-card__title:hover .branch-card__icon{transform:scale(1.08)rotate(-4deg)}}.branch-card__meta .is-live:before{content:"";vertical-align:1px;background:currentColor;border-radius:50%;width:7px;height:7px;margin-right:6px;animation:2s ease-in-out infinite live;display:inline-block}@media (prefers-reduced-motion:reduce){.branch-card__meta .is-live:before{animation:none}}.branch-issue{transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast)}.branch-issue svg:last-child{transition:transform var(--t) var(--ease-out)}@media (hover:hover){.branch-issue:hover svg:last-child{transform:translate(3px)}}.week-tick{transition:border-color var(--t), background var(--t), color var(--t), transform var(--t-fast) var(--ease-out)}.week-tick:active:not(:disabled){transform:scale(.98)}.week-tick__box{transition:background var(--t), border-color var(--t), transform var(--t) var(--ease-spring)}@media (hover:hover){.week-tick:hover:not(:disabled) .week-tick__box{transform:scale(1.1)}}.week-tick__box svg{animation:pop-in .34s var(--ease-spring) backwards}.table td{transition:background var(--t-fast)}.table:not(.timecard__table) tbody tr:not(.is-flagged):hover td{background:#fbfbfb}.people-list li,.feed li,.audit li{transition:background var(--t-fast)}.people-list li:not(.is-late):hover,.feed li:hover,.audit li:hover{background:#fbfbfb}.timecards__person{transition:background var(--t), box-shadow var(--t), transform var(--t-fast) var(--ease-out)}.timecards__person:active{transform:scale(.985)}.photo{transition:box-shadow var(--t), border-color var(--t)}.photo img{transition:transform .4s var(--ease-out)}@media (hover:hover){.photo:not(.photo--empty):hover{border-color:var(--ink-4);box-shadow:0 4px 10px -4px #0a0a0a59}.photo:not(.photo--empty):hover img{transform:scale(1.1)}}.lightbox{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:.2s ease-out fade-in}.lightbox figure{animation:surface-in .3s var(--ease-out) backwards}.export-option,.cal-week{transition:border-color var(--t), background var(--t), box-shadow var(--t), transform var(--t-fast) var(--ease-out)}@media (hover:hover){.export-option:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}}.menu{transform-origin:100% 0;animation:menu-in .16s var(--ease-out);border-radius:12px}.menu--up{transform-origin:100% 100%}.menu__item{transition:background var(--t-fast), color var(--t-fast)}.menu__item svg{transition:color var(--t-fast), transform var(--t) var(--ease-spring)}@media (hover:hover){.menu__item:hover svg{transform:scale(1.1)}}.modal-backdrop{-webkit-backdrop-filter:blur(6px)saturate(1.2);backdrop-filter:blur(6px)saturate(1.2);background:#0a0a0a75;animation:.2s ease-out fade-in}.modal{animation:surface-in .3s var(--ease-out) backwards;border-radius:18px}.modal__footer{background:#fcfcfc;border-radius:0 0 18px 18px}.toast{animation:surface-in .36s var(--ease-spring) backwards}.toast svg{animation:pop-in .4s .12s var(--ease-spring) backwards;flex:none}.toast.is-leaving{animation:.2s ease-in forwards toast-out}.pin-reveal span{animation:surface-in .4s var(--ease-spring) backwards}.pin-reveal span:nth-child(2){animation-delay:70ms}.pin-reveal span:nth-child(3){animation-delay:.14s}.pin-reveal span:nth-child(4){animation-delay:.21s}.pin-reveal span:nth-child(n+5){animation-delay:.28s}.login{background:radial-gradient(700px 360px at 50% 0%, #c8202f17, transparent 70%), radial-gradient(#0a0a0a0e 1px, transparent 1.4px) 0 0 / 22px 22px, var(--bg)}.login__card{box-shadow:var(--shadow-lg);animation:surface-in .5s var(--ease-out) backwards}.login__card>*{animation:rise-sm .4s var(--ease-out) backwards;animation-delay:.12s}.login__card>:nth-child(2){animation-delay:.18s}.login__card>:nth-child(n+3){animation-delay:.24s}.login__brand svg path{transform-origin:32px 32px;animation:sweep 1.1s .2s var(--ease-out) backwards}@keyframes dot-pop{50%{transform:scale(1.45)}}@keyframes done-pop{0%{opacity:0;transform:scale(.5)}}@keyframes done-ring{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.75)}}@keyframes draw{to{stroke-dashoffset:0}}.kiosk{background:radial-gradient(110% 80% at 0 0,#181818 0%,#000 58%)}.kiosk__right{background:linear-gradient(#0e0e0e,#060606)}.kiosk__camera{box-shadow:0 30px 60px -34px #000000e6,inset 0 0 0 1px #ffffff08}.kiosk__corner button{transition:border-color .2s, color .2s, background .2s, transform .12s var(--ease-out)}.kiosk__corner button:active{transform:scale(.96)}@media (hover:hover){.kiosk__corner button:hover{color:var(--white);border-color:#6b6b6b}}.kiosk-panel,.kiosk-card,.kiosk__offline,.kiosk-msg{animation:.28s ease-out backwards fade-in}.pinpad__dots span{transition:background .14s,border-color .14s}.pinpad__dots span.is-filled{animation:dot-pop .26s var(--ease-out)}.pinpad__key{transition:background .45s var(--ease-out), border-color .45s var(--ease-out), color .2s, transform .22s var(--ease-spring), opacity .2s}.pinpad__key:active:not(:disabled){border-color:var(--red);transition-duration:0s}@media (hover:hover){.pinpad__key:hover:not(:disabled):not(:active){background:#1d1d1d;border-color:#3a3a3a}.pinpad__key--muted:hover:not(:disabled):not(:active){color:var(--white);background:#141414}}.kiosk-btn{transition:background .18s, color .18s, box-shadow .25s, opacity .25s, transform .16s var(--ease-spring)}.kiosk-btn--primary:not(:disabled),.kiosk-btn--out:not(:disabled){background:linear-gradient(180deg, #d62b3b, var(--red));box-shadow:inset 0 1px #fff3,0 14px 30px -14px #c8202fd9}.kiosk-btn--in:not(:disabled){box-shadow:0 14px 30px -16px #ffffff8c}.kiosk-avatar{animation:done-pop .42s var(--ease-spring) backwards}.kiosk-status{animation:.35s ease-out .1s backwards fade-in}.kiosk-done__icon{animation:done-pop .5s var(--ease-spring) backwards;position:relative}.kiosk-done__icon:after{content:"";border:2px solid var(--white);opacity:0;pointer-events:none;border-radius:50%;animation:.9s ease-out .18s backwards done-ring;position:absolute;top:0;bottom:0;left:0;right:0}.kiosk-done__icon--out:after{border-color:var(--red)}.kiosk-done__icon svg path{stroke-dasharray:24;stroke-dashoffset:24px;animation:draw .42s .24s var(--ease-out) forwards}.kiosk-done__time,.kiosk-done__paid,.kiosk-done__text,.kiosk-done__week{animation:.4s ease-out .16s backwards fade-in}.kiosk-done__photo{animation:.5s ease-out .3s backwards fade-in;box-shadow:0 18px 36px -20px #000000e6}