*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172e3b;background:#f5f7f6;font-size:16px}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #247ccb;outline-offset:3px}button,input,select{min-height:44px}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:20px;background:#fff;padding:16px;z-index:100}.skip-link:focus{top:8px}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#fff;border-right:1px solid #e2e9e5;padding:31px 22px 18px;display:flex;flex-direction:column}.brand{text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;padding:0 13px 35px}.brand img{width:166px;height:69px;object-fit:contain}.brand>span{font-size:.6rem;font-weight:700;letter-spacing:.25em;color:#6b7e83;margin:8px 0 0 4px}.nav-label{font-size:.65rem;font-weight:700;letter-spacing:.15em;color:#89969a;margin:0 15px 12px}nav{display:grid;gap:5px}nav button{text-align:left;display:flex;align-items:center;gap:13px;background:transparent;border:0;color:#5a6d75;padding:12px 15px;border-radius:9px;font-size:.88rem;font-weight:550}nav button>span{width:22px;text-align:center;font-size:1.35rem;line-height:1}nav button:hover{background:#f4f7f5}nav button[aria-current=page]{background:#e6f2ed;color:#126549;font-weight:700}.sidebar-note{margin:38px 8px 25px;padding:18px 14px;background:#f6f8f5;border-radius:10px;font-size:.72rem;line-height:1.65}.sidebar-note strong{display:block;font-size:.8rem;margin-top:8px}.sidebar-note p{color:#6d7c80;margin:7px 0 12px}.sidebar-note small{color:#7c8a8b;font-size:.65rem}.small-dot{display:block;width:8px;height:8px;background:#ff9a5d;border-radius:100%}.future-tags{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:9px}.future-tags span{padding:3px 6px;background:white;border:1px solid #e3e9e2;border-radius:4px;font-size:.65rem}.sidebar-footer{margin-top:auto;display:flex;align-items:center;gap:11px;border-top:1px solid #e8eeea;padding-top:20px}.avatar,.top-avatar{display:grid;place-items:center;border-radius:10px;background:#e9efeb;color:#2e5948;font-weight:700;font-size:.8rem;width:38px;height:38px}.sidebar-footer strong{font-size:.76rem}.sidebar-footer small{display:block;font-size:.65rem;color:#7d8b90;margin-top:3px}.workspace{margin-left:244px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:80px;border-bottom:1px solid #e1e8e4;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#ffffffb0}.breadcrumbs{font-size:.76rem;color:#778990}.breadcrumbs span{margin:0 13px;color:#b2bdc1}.breadcrumbs strong{color:#3b535e;font-weight:500}.topbar-right{display:flex;gap:20px;align-items:center}.demo-pill{font-size:.68rem;background:#fff2d9;color:#77511a;padding:7px 11px;border:1px solid #f0ddba;border-radius:99px;font-weight:600}.top-avatar{width:32px;height:32px;font-size:.7rem;border-radius:100%}main{padding:35px 38px 30px;max-width:1480px;width:100%;margin:0 auto;flex:1}main:focus{outline:none}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:28px}.eyebrow{font-size:.64rem;text-transform:uppercase;font-weight:750;letter-spacing:.16em;color:#3c8167;margin-bottom:9px}h1{font-size:1.85rem;letter-spacing:-.04em;font-weight:650;margin:0 0 9px}h2{font-size:1.03rem;font-weight:650;letter-spacing:-.02em;margin:0}h3{font-size:1rem;margin:0 0 8px}p{line-height:1.6}.subtitle{color:#73868e;font-size:.83rem;margin:0;line-height:1.6}.date-chip{border:1px solid #dce5e0;padding:10px 13px;border-radius:8px;font-size:.73rem;background:white;white-space:nowrap;color:#5a7078}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.stat{background:white;border:1px solid #e0e8e3;border-radius:12px;padding:20px 21px;position:relative}.stat-label{font-size:.74rem;color:#70838a}.stat strong{font-size:2rem;display:block;font-weight:600;margin-top:12px;letter-spacing:-.05em}.stat small{font-size:.66rem;color:#8a989b}.stat .dot{height:8px;width:8px;position:absolute;right:21px;top:23px;border-radius:50%;background:#a7b9bb}.stat.green .dot{background:#33946d}.stat.orange .dot{background:#e7a348}.stat.navy .dot{background:#4e738e}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px}.panel{background:white;border:1px solid #e1e8e3;border-radius:12px;overflow:hidden}.panel-header{padding:22px 23px;display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-header .subtitle{font-size:.7rem;margin-top:5px}.panel-body{padding:22px}.filters{display:flex;gap:10px;padding:0 23px 18px}.search-input{min-width:0;flex:1}.filters input,.filters select{font-size:.78rem;min-height:42px}.table-wrapper{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;text-align:left;font-size:.76rem;white-space:nowrap}th,td{padding:14px 23px;border-bottom:1px solid #edf1ee}thead th{font-size:.64rem;color:#87979c;background:#fafcfb;text-transform:uppercase;letter-spacing:.05em;font-weight:600}tbody th{font-weight:550}tr:last-child td,tr:last-child th{border-bottom:0}.person{display:flex;align-items:center;gap:11px}.person .avatar{width:31px;height:31px;font-size:.64rem;background:#eef2ec;border-radius:50%}.person small{display:block;font-size:.61rem;color:#92a0a4;margin-top:4px}.badge{display:inline-block;padding:5px 8px;font-size:.65rem;font-weight:600;border-radius:5px;background:#edf1f3;color:#6d7d84}.badge.ok{background:#e7f4ed;color:#2b7d59}.badge.late{background:#fff2df;color:#9a671a}.badge.pending{background:#f0f2f3;color:#78868e}.badge.blue{background:#eaf1fa;color:#406998}.text-muted{color:#87979c}.schedule{background:#153f3c;color:#fff;padding:25px;border-radius:12px;position:relative;overflow:hidden}.schedule::after{content:"";position:absolute;width:160px;height:160px;border:1px solid #ffffff12;border-radius:50%;right:-90px;top:30px;box-shadow:0 0 0 35px #ffffff04,0 0 0 70px #ffffff03}.schedule .eyebrow{color:#a6d6bf}.schedule strong{display:block;font-size:1.6rem;letter-spacing:-.04em;margin:22px 0 8px;font-weight:550}.schedule p{font-size:.76rem;color:#c5d9d1;margin:0}.schedule .line{border-top:1px solid #ffffff25;padding-top:17px;margin-top:21px;font-size:.72rem;color:#d2e5db}.side-stack{display:grid;align-content:start;gap:18px}.location-mini{padding:20px}.location-mini h2{margin-bottom:20px}.mini-row{display:flex;justify-content:space-between;align-items:center;font-size:.77rem;margin-top:18px}.mini-row small{display:block;color:#94a0a4;font-size:.66rem;margin-top:4px}.mini-icon{width:31px;height:31px;display:grid;place-items:center;background:#f0f5f1;border-radius:8px;color:#407861;font-size:1rem}.mini-location-name{display:flex;gap:10px;align-items:center}.link-button{color:#28715a;background:none;border:0;padding:0;font-size:.73rem;font-weight:600;min-height:30px}.quiet-note{font-size:.72rem;color:#7e9096;line-height:1.65;padding:0 3px}.panel-footer{padding:15px 23px;font-size:.68rem;color:#8a999f;border-top:1px solid #edf1ee;display:flex;justify-content:space-between;align-items:center}.page-footer{padding:20px 38px;display:flex;justify-content:space-between;gap:15px;color:#91a09f;font-size:.65rem}.button{border:1px solid #d8e3dc;background:#fff;border-radius:8px;padding:10px 16px;font-size:.8rem;font-weight:600;color:#305348;min-height:44px}.button:hover{background:#f1f7f2}.button.primary{background:#1d7456;color:#fff;border-color:#1d7456}.button.primary:hover{background:#165c44}.button.dark{background:#173e3c;color:#fff;border-color:#173e3c}.button.ghost{background:transparent}.button.wide{width:100%}.intro-note{padding:13px 17px;background:#eaf2ed;border-left:3px solid #81ad93;border-radius:5px;font-size:.76rem;color:#527063;line-height:1.6;margin-bottom:24px}.attendance-layout{display:grid;grid-template-columns:minmax(0,460px) minmax(250px,1fr);gap:28px;max-width:1000px}.employee-card{padding:24px}.employee-top{display:flex;gap:12px;align-items:center}.employee-top .avatar{width:44px;height:44px}.employee-top strong{font-size:.9rem}.employee-top small{display:block;font-size:.7rem;color:#78908a;margin-top:5px}.clock-box{padding:28px 0 22px;text-align:center}.clock-box .eyebrow{color:#8a999a}.clock{font-size:2.5rem;letter-spacing:-.05em;font-weight:600;color:#173e3c}.clock-box p{font-size:.7rem;color:#839691;margin:8px 0}.attendance-times{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:24px}.time-item{padding:14px 16px;border:1px solid #e2eae4;border-radius:8px}.time-item span{display:block;font-size:.68rem;color:#80918c}.time-item strong{font-size:1.1rem;display:block;margin-top:7px;font-weight:600}.demo-form{border-top:1px solid #e6ece7;padding-top:20px}.demo-form>p{font-size:.7rem;color:#8a7e61;background:#faf5e9;padding:11px;border-radius:6px;margin:0 0 20px}.field{margin-bottom:17px}label,.field-label{display:block;font-size:.75rem;font-weight:550;margin-bottom:7px;color:#526e66}input,select{width:100%;border:1px solid #c3d2ca;background:#fff;border-radius:7px;padding:10px 11px;color:#294c40;font-size:1rem}input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:0;accent-color:#1d7456;flex:none}.check-label{display:flex;align-items:flex-start;gap:10px;line-height:1.6;padding:10px 0;font-weight:400;cursor:pointer}.check-label input{margin-top:3px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.button-row{display:flex;gap:10px}.button-row .button{flex:1}.form-message{font-size:.75rem;line-height:1.6;padding:12px;border-radius:7px;background:#fff2e6;color:#8d491b;margin:16px 0 0}.form-message.success{background:#e5f4eb;color:#256944}.steps{padding:25px}.step{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid #edf1ee}.step:last-child{border:0}.step-number{flex:none;width:24px;height:24px;border-radius:100%;background:#e9f2ed;color:#3c715c;display:grid;place-items:center;font-size:.65rem}.step strong{font-size:.78rem}.step p{margin:5px 0 0;font-size:.74rem;color:#7e9189}.rules-list{padding-left:17px;font-size:.75rem;line-height:1.9;color:#6e827a}.location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.location-form{padding:23px}.zone-art{height:185px;background-color:#f3f6f1;background-image:linear-gradient(#dfe7df80 1px,transparent 1px),linear-gradient(90deg,#dfe7df80 1px,transparent 1px);background-size:32px 32px;display:grid;place-items:center;position:relative;border-bottom:1px solid #e4eae2}.zone-circle{border:1px dashed #4b9779;border-radius:100%;background:#408d6812;width:126px;height:126px;display:grid;place-items:center;color:#317657}.zone-center{text-align:center;font-size:1.8rem}.zone-center span{display:block;font-size:.65rem;margin-top:4px}.zone-caption{position:absolute;bottom:8px;right:12px;font-size:.6rem;color:#8b9c8d;background:#f7faf6;padding:4px 6px;border-radius:3px}.location-form .subtitle{margin:6px 0 20px;font-size:.73rem}.radius-label{display:flex;align-items:center;justify-content:space-between}.radius-label .badge{font-weight:400}.account-note{padding:22px;margin-top:20px;font-size:.78rem;line-height:1.8;color:#6a8175}.role-select{min-width:170px;font-size:.74rem;min-height:39px}.login-layout{display:grid;grid-template-columns:1fr 1fr;gap:36px;max-width:1000px;margin:20px auto}.login-visual{background:#173e3c;border-radius:15px;color:#fff;padding:42px;display:flex;flex-direction:column;justify-content:space-between;min-height:440px}.login-visual .eyebrow{color:#b3d5bc}.login-visual h2{font-size:2.2rem;line-height:1.25;font-weight:550;max-width:310px;margin-top:35px}.login-visual p{font-size:.8rem;color:#bad1c5;max-width:300px}.color-dots{display:flex;gap:9px;margin-top:35px}.color-dots i{width:11px;height:11px;border-radius:50%;background:#ff4c45}.color-dots i:nth-child(2){background:#ff8a3e}.color-dots i:nth-child(3){background:#f4d54e}.color-dots i:nth-child(4){background:#a0dc52}.color-dots i:nth-child(5){background:#2f87e9}.color-dots i:nth-child(6){background:#df65b4}.login-card{align-self:center;padding:30px}.login-card>p{font-size:.78rem;color:#7e9087}.profile-option{border:1px solid #dfe9e0;padding:13px;border-radius:8px;margin:10px 0;display:flex;gap:12px;align-items:center;min-height:64px}.profile-option span{display:block}.profile-option small{display:block;color:#82948a;font-size:.65rem;margin-top:4px}.profile-option:has(input:checked){border-color:#3d8d67;background:#f0f7f1}.login-card .button{margin-top:15px}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);padding:13px 20px;background:#1a4036;color:#fff;border-radius:9px;font-size:.8rem;box-shadow:0 8px 28px #0a211c25;z-index:20;max-width:calc(100vw - 30px);line-height:1.5}.empty-row{text-align:center;padding:30px;color:#8b9990}.status-line{font-size:.73rem;color:#4c7b62;margin-top:16px}.row-actions{display:flex;gap:10px;align-items:center}.reset-button{font-size:.7rem;color:#71867b;background:transparent;border:0;min-height:30px;text-decoration:underline;text-underline-offset:3px}.current-profile{margin-bottom:20px;font-size:.75rem;color:#6a8574}.no-margin{margin:0}.count-note{font-size:.7rem;color:#8c9b92}
@media(min-width:1550px){main{padding-top:45px}.page-heading{margin-bottom:34px}.stats{gap:22px}.stat{padding:25px}.topbar{padding-inline:48px}.content-grid{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:1150px){.sidebar{width:210px;padding-inline:16px}.workspace{margin-left:210px}main{padding:28px 25px}.topbar{padding-inline:25px}.content-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr}.quiet-note{grid-column:1/-1}.stats{gap:10px}.stat{padding:18px 15px}.page-footer{padding-inline:25px}.attendance-layout{grid-template-columns:minmax(0,1fr) minmax(230px,.8fr)}th,td{padding:14px 18px}.login-visual{padding:30px}.login-visual h2{font-size:1.8rem}}
@media(max-width:800px){.sidebar{position:static;width:auto;padding:14px 18px 0;border-right:0;border-bottom:1px solid #dfe7e1;display:block}.brand{padding:0;display:block}.brand img{width:128px;height:50px}.brand>span,.nav-label,.sidebar-note,.sidebar-footer{display:none}nav{display:flex;gap:3px;overflow-x:auto;padding:10px 0 12px;scrollbar-width:thin}nav button{white-space:nowrap;padding:9px 12px;font-size:.74rem;min-height:44px;gap:7px}nav button>span{font-size:1.1rem;width:16px}.workspace{margin:0}.topbar{height:62px;padding-inline:20px}.top-avatar{display:none}.breadcrumbs{font-size:.68rem}.breadcrumbs span{margin:0 8px}.demo-pill{font-size:.59rem;padding:6px 9px}main{padding:25px 20px}.page-heading{margin-bottom:23px}h1{font-size:1.6rem}.subtitle{font-size:.78rem}.date-chip{font-size:.65rem;padding:9px 10px}.stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat strong{font-size:1.8rem;margin-top:8px}.stat{padding:17px}.stat .dot{right:17px;top:20px}.content-grid{gap:18px}.attendance-layout{grid-template-columns:1fr;max-width:500px;margin:auto}.location-grid{grid-template-columns:1fr 1fr;gap:15px}.location-form{padding:18px}.field-grid{grid-template-columns:1fr;gap:0}.login-layout{grid-template-columns:1fr;max-width:500px;gap:20px}.login-visual{min-height:auto;padding:25px}.login-visual h2{font-size:1.65rem;max-width:none;margin-top:16px}.login-visual p{max-width:none}.color-dots{margin-top:15px}.page-footer{padding:18px 20px;flex-direction:column;gap:6px}.account-note{font-size:.72rem}}
@media(max-width:480px){main{padding:23px 16px}.topbar{padding-inline:16px}.breadcrumbs{display:none}.topbar-right{width:100%;justify-content:space-between}.topbar-right::after{content:"29 okt 2026";font-size:.65rem;color:#8c9a92}.page-heading{display:block}.date-chip{display:inline-block;margin-top:15px}.side-stack{grid-template-columns:1fr}.panel-header{padding:19px}.filters{padding:0 19px 16px;flex-direction:column}.panel-header h2{font-size:.95rem}.location-grid{grid-template-columns:1fr}.button-row{gap:8px}.button{padding-inline:12px}.employee-card{padding:21px}.stat-label{font-size:.7rem}.stat small{font-size:.61rem}.intro-note{font-size:.7rem}.page-footer{padding-inline:16px}.login-card{padding:23px}.panel-footer{align-items:flex-start;gap:8px}.status-line{font-size:.68rem}}
/* Application components */
textarea{font:inherit;width:100%;padding:11px;border:1px solid #c3d2ca;border-radius:7px;resize:vertical;min-height:110px;color:#294c40}textarea:focus-visible{outline:3px solid #247ccb;outline-offset:3px}button,.link-button,.reset-button{min-height:44px}.field-label,label{font-size:.82rem}.subtitle{font-size:.88rem}.quiet-note{font-size:.78rem}.guest .workspace{margin-left:0}.guest .topbar{max-width:1100px;margin:auto;width:100%;border:0;background:transparent}.guest main{max-width:1100px}.guest .page-footer{max-width:1100px;width:100%;margin:auto}.environment-label{font-size:.76rem;color:#577367}.button.small{padding:8px 13px;font-size:.78rem}.button.danger{color:#a33232;border-color:#e8c4c4}.loading,.empty{padding:45px 25px;text-align:center;color:#698277;line-height:1.7}.error-banner{padding:15px 18px;border:1px solid #edc5bb;background:#fff0ea;color:#943c23;border-radius:8px;margin-bottom:20px;font-size:.86rem;line-height:1.6}.success-note{padding:15px 18px;border:1px solid #b5dac2;background:#eaf7ed;color:#26613b;border-radius:8px;margin-bottom:20px;line-height:1.6}.form-error{color:#9a3529;background:#fff0ea;border-radius:6px;padding:12px;font-size:.83rem;line-height:1.6;margin:16px 0}.form-error ul{margin:5px 0;padding-left:20px}.auth-logo{width:185px;height:78px;object-fit:contain;background:#fff;border-radius:9px;margin-bottom:15px}.login-card h2{font-size:1.35rem}.login-card>p{font-size:.87rem}.login-card .field{margin-top:18px}.login-card .button{margin-top:8px}.login-layout{margin-top:10px}.login-visual h2{margin-top:18px}.login-visual p{font-size:.9rem}.panel+.panel{margin-top:20px}.stack{display:grid;gap:20px}.stack>.panel+.panel{margin-top:0}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.section-grid>.panel{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}.form-grid .field{margin:0}.form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}.field small{display:block;font-size:.75rem;color:#7c9188;margin-top:7px;line-height:1.5}.nowrap{white-space:nowrap}.month-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.month-filter label{margin:0}.month-filter input,.month-filter select{min-width:150px}.month-filter .button{margin-bottom:0}.badge.error{background:#fcebe8;color:#a33928}.badge.pending{color:#5e7168}.badge.correction{color:#5f4c91;background:#f0eafa}.badge{font-size:.72rem}table{font-size:.82rem}thead th{font-size:.69rem}th,td{padding:15px 18px}.person small{font-size:.7rem}.stat small{font-size:.73rem}.stat-label{font-size:.82rem}.count-note{font-size:.78rem}.table-actions{display:flex;gap:8px}.table-actions .button{font-size:.76rem}.camera-box{background:#eef3ef;border:1px solid #d6e2d9;border-radius:9px;min-height:180px;display:grid;place-items:center;overflow:hidden;margin:15px 0}.camera-box video,.camera-box img{width:100%;max-height:340px;object-fit:contain}.camera-box video{transform:scaleX(-1)}.camera-placeholder{text-align:center;padding:32px 15px;color:#789086;font-size:.86rem}.camera-toolbar{display:flex;gap:10px;flex-wrap:wrap}.camera-toolbar .button{flex:1}.location-state{font-size:.82rem;padding:13px 15px;background:#f4f7f4;border-radius:8px;margin:16px 0;line-height:1.6;overflow-wrap:anywhere}.action-box{border-top:1px solid #e1e9e3;margin-top:24px;padding-top:20px}.photo-evidence{max-width:100%;max-height:65vh;display:block;margin:12px auto;border-radius:9px}.times .time-item strong{font-size:1.25rem}.time-caption{font-size:.75rem;color:#7a8e85;margin-top:6px}.record-note{font-size:.73rem;color:#826a91;margin-top:5px}.employee-card h2{margin-bottom:7px}.days-grid{display:flex;gap:8px;flex-wrap:wrap}.day-choice{display:flex;align-items:center;gap:8px;margin:0;padding:10px;border:1px solid #cbd9d0;border-radius:7px;cursor:pointer;font-size:.78rem;min-height:44px}.day-choice:has(input:checked){background:#e8f4eb;border-color:#6da384}.day-choice input{margin:0}.settings-form .button{margin-top:12px}.holiday-list{list-style:none;padding:0;margin:12px 0}.holiday-list li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #e7eee9}.holiday-list small{display:block;color:#779083;margin-top:4px}.correction-card{padding:23px}.correction-card+.correction-card{border-top:1px solid #e1e9e3}.correction-head{display:flex;justify-content:space-between;gap:10px;align-items:start}.correction-head strong{font-size:.95rem}.correction-meta{font-size:.8rem;color:#6e8579;margin-top:6px}.correction-reason{white-space:pre-wrap;font-size:.88rem;color:#445e52;overflow-wrap:anywhere}.review-form{border-top:1px solid #e4ece6;margin-top:16px;padding-top:16px}.review-form textarea{min-height:80px}.review-form .form-actions{margin-top:12px}.inline-fields{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.inline-fields>.field{flex:1;margin:0;min-width:140px}dialog{border:1px solid #dbe7de;border-radius:14px;padding:24px;max-width:min(640px,calc(100vw - 28px));width:100%;color:#18382b;max-height:90vh;overflow:auto}dialog::backdrop{background:#122d29a3}.dialog-top{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #e2eae5;padding-bottom:15px;margin-bottom:20px}dialog h2{font-size:1.15rem}.token-link{width:100%;min-height:105px;font-size:.82rem;word-break:break-all}.log-list{list-style:none;padding:0;margin:0}.log-list li{padding:17px 22px;border-bottom:1px solid #e8eeea}.log-list strong{font-size:.85rem}.log-list p{font-size:.78rem;color:#72877d;margin:5px 0;overflow-wrap:anywhere}.log-list details{font-size:.78rem}.log-list pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.75rem;background:#f3f6f3;padding:12px;border-radius:6px}.page-footer{font-size:.72rem}.topbar-right::after{display:none!important}.card-link{border:1px solid #dce8de;padding:16px;display:block;border-radius:8px;font-size:.86rem;text-decoration:none}.card-link:hover{background:#edf7ef}.hidden-input{display:none}.logo-small{max-width:160px}.auth-footer{margin-top:18px;font-size:.83rem;text-align:center}.auth-footer a{color:#286d50;text-underline-offset:4px}.table-wrapper{max-width:100%;outline-offset:3px}.version-note{font-size:.73rem;color:#8a9b92}.check-label{font-size:.86rem}.button-row{flex-wrap:wrap}.form-message{font-size:.83rem}.onetime-note{font-size:.82rem;line-height:1.7;color:#6a5740;padding:13px;background:#fff5e3;border-radius:7px}.camera-box img{transform:none}.form-error:empty{display:none}.notice{font-size:.85rem;line-height:1.7;color:#607d6b}.audit-json{max-height:220px;overflow:auto}.employee-select{max-width:240px}.field input[type=date],.field input[type=time]{min-width:0}.login-card .loading{padding:15px}.legal-note{font-size:.75rem;color:#6f8578;line-height:1.7;margin-top:14px}
@media(max-width:1000px){.section-grid{grid-template-columns:1fr}.attendance-layout{grid-template-columns:1fr;max-width:650px}.side-stack{grid-template-columns:1fr}}
@media(max-width:800px){.guest main{padding-top:0}.guest .topbar{height:45px}.login-visual{min-height:190px}.login-layout{margin-top:0}.sidebar nav button{font-size:.8rem}.form-grid{gap:14px}.topbar-right{gap:10px}.topbar{height:65px}.camera-box{min-height:170px}.content-grid{grid-template-columns:1fr}}
@media(max-width:480px){.form-grid,.section-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.panel-body,.correction-card{padding:19px}.page-heading h1{font-size:1.65rem}.button-row .button{flex-basis:100%}.camera-toolbar .button{font-size:.78rem}.month-filter{gap:10px}.month-filter label{flex:1}.month-filter input,.month-filter select{min-width:0;width:100%}.login-visual{padding:23px}.login-card{padding:23px}.field-label,label{font-size:.85rem}.employee-card{padding:21px}.sidebar{padding-inline:15px}.days-grid{gap:6px}.day-choice{padding:9px;font-size:.75rem}dialog{padding:18px}.location-grid{grid-template-columns:1fr}.topbar-right{justify-content:flex-end}.guest .topbar-right{width:auto}.filters{padding-inline:19px}main{overflow-wrap:anywhere}.brand img{height:50px}.nav-label{display:none}}