@font-face{font-family:Inter;src:url(/fonts/Inter.ttf)format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Playfair Display;src:url(/fonts/PlayfairDisplay.ttf)format("truetype");font-style:normal;font-weight:400 900;font-display:swap}:root{--green:#103b36;--green-panel:#13443e;--green-light:#1b4f48;--gold:#c9a45d;--gold-text:#82642b;--ivory:#f5ebdd;--cream:#eadcc8;--canvas:#f7f7f2;--white:#fffefa;--ink:#183d37;--muted:#596851;--line:#e4e7df;--soft:#edf0e8;--error:#b23a2e;--success:#2c7757;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--canvas);font-synthesis:none;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-size:14px;line-height:1.55}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin-top:0}h1,h2,h3{line-height:1.25}h1{letter-spacing:-.035em;font-family:Playfair Display,Georgia,serif;font-weight:500}h2{letter-spacing:-.025em;font-size:18px;font-weight:650}h3{font-size:15px;font-weight:650}p{margin-bottom:1em}img{max-width:100%;display:block}svg{flex-shrink:0}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}input,select,textarea{color:var(--ink);background:#fff;border:1px solid #bec7bc;border-radius:8px;min-width:0;max-width:100%;padding:11px 13px;line-height:1.45;transition:border-color .15s}input:hover,select:hover,textarea:hover{border-color:#80958b}input::placeholder,textarea::placeholder{color:#596851}input:disabled,select:disabled{background:#eff0eb}textarea{resize:vertical}select{padding-right:28px}code{overflow-wrap:anywhere;font-family:Consolas,monospace;font-size:12px}small{font-size:12px}strong{font-weight:600}::selection{background:var(--cream);color:var(--green)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;background:var(--ivory);color:var(--green);border-radius:8px;padding:12px 18px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.muted{color:var(--muted)}.tabular{font-variant-numeric:tabular-nums;white-space:nowrap}.text-gold{color:var(--gold-text)}.center-screen{flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:100dvh;padding:30px;display:flex}.center-screen>.error-block{max-width:600px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.button{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:41px;padding:10px 16px;font-size:12px;font-weight:600;line-height:1.4;transition:background .15s,box-shadow .15s;display:inline-flex}.button-primary{background:var(--green);color:var(--ivory);border-color:var(--green)}.button-primary:hover:not(:disabled){background:var(--green-light);box-shadow:0 3px 9px #103b3615}.button-secondary{background:var(--white);color:var(--green);border-color:#cdd4c9}.button-secondary:hover:not(:disabled){background:var(--soft)}.button-ghost{color:var(--green);background:0 0;padding:8px 10px}.button-ghost:hover:not(:disabled){background:var(--soft)}.button-danger{background:var(--error);color:#fff}.icon-button{width:36px;height:36px;color:inherit;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.icon-button:hover{background:#71877416}.text-link{color:var(--green);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.text-link:hover{text-decoration:underline}.loading{min-height:150px;color:var(--muted);justify-content:center;align-items:center;gap:13px;font-size:13px;display:flex}.notice{border:1px solid #0000;border-radius:9px;align-items:flex-start;gap:11px;padding:13px 15px;font-size:13px;line-height:1.6;display:flex}.notice>svg{margin-top:2px}.notice-error{color:#872c24;background:#fcefe9;border-color:#e6bdb1}.notice-success{color:#285d40;background:#eef5e9;border-color:#c6d8bd}.notice-info{color:#665227;background:#f4f0e3;border-color:#e5d7b7}.error-block{flex-direction:column;align-items:flex-start;gap:16px;padding:24px;display:flex}.empty{text-align:center;flex-direction:column;align-items:center;padding:47px 24px;display:flex}.empty-mark{background:var(--soft);color:#667b6d;border-radius:50%;justify-content:center;align-items:center;width:43px;height:43px;margin-bottom:18px;display:flex}.empty h3{margin-bottom:9px}.empty p{max-width:440px;color:var(--muted);margin-bottom:18px;font-size:13px;line-height:1.7}.pill{white-space:nowrap;color:#637065;background:#eff0ec;border-radius:30px;justify-content:center;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:550;line-height:1.4;display:inline-flex}.pill-green{color:#3d6438;background:#e9f0e3}.pill-gold{color:#82642b;background:#f6eddb}.pill-red{color:#9e3b30;background:#f9e7e3}.avatar{color:#596749;letter-spacing:-.03em;background:#ecebdf;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;font-size:12px;font-weight:650;display:inline-flex}.avatar-small{width:32px;height:32px;font-size:11px}.person{vertical-align:middle;align-items:center;gap:12px;display:inline-flex}.person>span:last-child{flex-direction:column;gap:2px;display:flex}.person strong{font-size:12px;line-height:1.35}.person small{color:var(--muted);font-size:11px;line-height:1.4}.section-stack{flex-direction:column;gap:22px;display:flex}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.section-heading{justify-content:space-between;align-items:center;gap:18px;padding:23px 25px;display:flex}.section-heading h2{letter-spacing:-.02em;margin-bottom:5px;font-size:16px}.section-heading p{color:var(--muted);margin:0;font-size:12px}.inline-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.inline-actions .button{min-height:35px;padding:7px 10px;font-size:11px}.table-wrap{scrollbar-width:thin;width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th{color:#687366;letter-spacing:.015em;white-space:nowrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f6f7f1;padding:11px 22px;font-size:11px;font-weight:550}td{white-space:nowrap;vertical-align:middle;border-bottom:1px solid #edf0e8;padding:17px 22px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f8f9f4}.cell-note{color:var(--muted);margin-top:3px;font-size:11px;display:block}.wrap-cell{white-space:normal;overflow-wrap:anywhere;min-width:140px;max-width:270px}.pagination{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:14px 24px;font-size:12px;display:flex}.pagination>div{gap:5px;display:flex}.pagination .button{font-size:11px}.filter-bar{flex-wrap:wrap;align-items:center;gap:14px;padding:0 24px 22px;display:flex}.filter-bar>select{min-height:41px;font-size:12px}.search-input{flex:1;align-items:center;gap:9px;min-width:280px;max-width:410px;display:flex;position:relative}.search-input>svg{color:#7c887b;position:absolute;left:13px}.search-input input{width:100%;padding-left:39px;font-size:12px}.filter-bar .field{gap:5px;font-size:11px}.filter-hint{color:var(--muted);margin:22px 0 0;font-size:12px}.report-day-note{margin:0 25px 20px}.date-filters{align-items:flex-end}.date-filters .field{min-width:160px}.date-filters input,.date-filters select{font-size:12px}.segmented{background:#edf0e7;border-radius:8px;flex-wrap:wrap;gap:3px;padding:4px;display:flex}.segmented button{color:var(--muted);background:0 0;border-radius:6px;padding:7px 13px;font-size:12px}.segmented button.selected{background:var(--white);color:var(--green);font-weight:600;box-shadow:0 1px 3px #173c3510}.field{color:#345148;flex-direction:column;gap:7px;min-width:0;font-size:12px;font-weight:550;display:flex}.field>small{color:var(--muted);font-size:11px;font-weight:400;line-height:1.55}.field input,.field select,.field textarea{width:100%;font-weight:400}.form-stack{flex-direction:column;gap:19px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-actions{justify-content:flex-end;gap:10px;padding-top:10px;display:flex}.form-actions>.button{min-height:43px}.password-input{align-items:center;width:100%;display:flex;position:relative}.password-input input{width:100%;padding-right:43px}.password-input button{color:#6d7c70;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:35px;height:35px;display:flex;position:absolute;top:5px;right:5px}.checkbox-field{color:var(--muted);align-items:flex-start;gap:10px;font-size:11px;font-weight:400;line-height:1.7;display:flex}.checkbox-field input{accent-color:var(--green);margin-top:3px}.checkbox-field a{color:var(--green);text-decoration:underline}.modal{background:var(--white);color:var(--ink);border:1px solid #e2e5dc;border-radius:18px;width:min(540px,100% - 30px);max-height:calc(100dvh - 40px);padding:0 27px 27px;overflow-y:auto;box-shadow:0 25px 100px #071c3840}.modal-wide{width:min(760px,100% - 30px)}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#092b2770}.modal-header{background:var(--white);justify-content:space-between;align-items:center;gap:20px;padding:22px 0 20px;display:flex}.modal-header h2{margin:0;font-size:20px}.modal p{font-size:13px;line-height:1.7}.panel-form{padding:0 25px 26px}.app-layout{min-height:100dvh}.sidebar{background:var(--green);width:248px;color:var(--ivory);z-index:30;flex-direction:column;padding:30px 17px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{padding:0 15px 24px}.sidebar-brand>a{display:block}.sidebar-brand>span{color:#c3cbb7;margin-top:5px;padding-left:1px;font-size:11px;display:block}.company-switch{background:#ffffff04;border:1px solid #4c6e6680;border-radius:9px;align-items:center;gap:11px;margin-bottom:22px;padding:13px;display:flex}.company-switch>svg{color:var(--gold)}.company-switch>div{flex:1;min-width:0}.company-switch strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.company-switch small{color:#b2c2b1;margin-top:3px;font-size:11px;display:block}.company-switch select{width:100%;color:var(--ivory);appearance:none;background:0 0;border:0;padding:0;font-size:11px;font-weight:600}.company-switch select option{color:var(--green);background:var(--ivory)}.sidebar-nav{scrollbar-width:thin;flex-direction:column;gap:5px;display:flex;overflow-y:auto}.sidebar-nav>button{text-align:left;color:#c8d0c2;background:0 0;border-radius:7px;align-items:center;gap:12px;min-height:41px;padding:11px 15px;font-size:12px;font-weight:450;display:flex;position:relative}.sidebar-nav>button:hover{color:var(--ivory);background:#ffffff09}.sidebar-nav>button.nav-active{background:var(--ivory);color:var(--green);font-weight:650}.sidebar-nav .nav-divider{margin-top:20px}.sidebar-nav .nav-divider:before{content:"";background:#4c6e6660;height:1px;position:absolute;top:-12px;left:14px;right:14px}.sidebar-bottom{margin-top:auto;padding-top:26px}.sidebar-clock{color:var(--cream);background:#ffffff04;border:1px solid #4c6e6670;border-radius:9px;align-items:center;gap:12px;padding:13px 12px;display:flex}.sidebar-clock>svg:first-child{color:var(--gold)}.sidebar-clock>span{flex:1;font-size:11px;font-weight:600}.sidebar-clock small{color:#b5c4b3;margin-top:2px;font-size:11px;font-weight:400;display:block}.sidebar-profile{border-top:1px solid #4c6e6660;align-items:center;gap:10px;margin:20px 2px 0;padding-top:16px;display:flex}.sidebar-profile>div{flex:1;min-width:0}.sidebar-profile strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.sidebar-profile small{color:#bac7b6;margin-top:3px;font-size:11px;display:block}.sidebar-profile .avatar{color:var(--ivory);background:#34594b}.sidebar-profile .icon-button{color:#aabfae;width:27px}.app-main{margin-left:248px}.demo-banner{z-index:30;color:var(--green);background:#f0e3c9;border-bottom:1px solid #d9c39a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 14px;padding:9px 38px;font-size:12px;display:flex;position:sticky;top:0}.demo-banner-label{align-items:center;gap:9px;display:inline-flex}.demo-banner-label strong{font-weight:600}.demo-banner-label strong>span{padding:0 3px}.demo-banner-role{font-size:11px;font-weight:550}.demo-guide{border:1px solid #d9decf;border-left:3px solid var(--gold);background:var(--white);border-radius:0 10px 10px 0;margin-bottom:26px}.demo-guide>summary{cursor:pointer;align-items:center;gap:12px;min-height:48px;padding:11px 17px;font-size:13px;list-style:none;display:flex}.demo-guide>summary::-webkit-details-marker{display:none}.demo-guide>summary:focus-visible,.demo-guide a:focus-visible{outline:3px solid var(--green);outline-offset:3px}.demo-guide>summary>strong{font-weight:650}.demo-guide>summary>span{color:var(--muted);font-size:12px}.demo-guide>summary>svg{margin-left:auto}.demo-guide[open]>summary>svg{transform:rotate(180deg)}.demo-guide-content{padding:0 17px 14px}.demo-guide-content>p{max-width:75ch;color:var(--muted);margin:0 0 13px;font-size:12px}.demo-guide-content>ul{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.demo-guide-content li+li{border-left:1px solid var(--line)}.demo-guide-content li>a{border-radius:6px;align-items:flex-start;gap:14px;height:100%;padding:9px 14px;display:flex}.demo-guide-content li:first-child>a{padding-left:0}.demo-guide-content li>a:hover{background:var(--soft)}.demo-guide-content li>a>span{flex:1}.demo-guide-content li strong,.demo-guide-content li small{display:block}.demo-guide-content li strong{font-size:12px;font-weight:650}.demo-guide-content li small{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.55}.demo-guide-content>.demo-guide-note{border-top:1px solid var(--line);margin:12px 0 0;padding-top:10px;font-size:11px}.clock-app .demo-banner{justify-content:center;padding-left:17px;padding-right:17px}.demo-guide-compact{border-color:#557463;border-left-color:var(--gold);background:var(--green-panel);color:var(--ivory);margin:15px 0 20px}.demo-guide-compact>summary{padding:10px 12px}.demo-guide-compact>summary:focus-visible,.demo-guide-compact a:focus-visible{outline-color:var(--gold)}.demo-guide-compact>summary>span{display:none}.demo-guide-compact .demo-guide-content{padding:0 12px 12px}.demo-guide-compact .demo-guide-content>ul{grid-template-columns:1fr}.demo-guide-compact .demo-guide-content li+li{border:0;border-top:1px solid #557463}.demo-guide-compact .demo-guide-content li>a{padding:12px 0}.demo-guide-compact .demo-guide-content li>a:hover{background:#25584d}.demo-guide-compact .demo-guide-content>p,.demo-guide-compact .demo-guide-content li small{color:#c9d4c2}.demo-guide-compact .demo-guide-content>.demo-guide-note{border-color:#557463}.topbar{border-bottom:1px solid var(--line);background:var(--white);justify-content:space-between;align-items:center;gap:15px;height:78px;padding:0 39px;display:flex}.breadcrumb{align-items:center;gap:17px;font-size:11px;display:flex}.breadcrumb>span:first-of-type{color:#596851}.breadcrumb-separator{color:#bdc4b9}.breadcrumb strong{font-weight:550}.topbar-right{color:#667663;align-items:center;gap:21px;display:flex}.today-date{font-size:11px}.page-content{max-width:1680px;margin:auto;padding:35px 38px 0}.page-heading{justify-content:space-between;align-items:center;gap:22px;margin-bottom:29px;display:flex}.page-heading h1{margin-bottom:10px;font-size:34px;line-height:1.2}.page-heading p{color:var(--muted);margin:0;font-size:12px}.page-heading .button{margin-top:3px}.app-footer{color:#596851;justify-content:space-between;align-items:center;padding:30px 2px 23px;font-size:11px;display:flex}.app-footer>div{gap:21px;display:flex}.footer-dot{padding:0 7px}.mobile-menu,.mobile-close,.sidebar-scrim{display:none}.summary-banner{background:var(--green);border-radius:var(--radius);color:var(--ivory);justify-content:space-between;align-items:center;min-height:190px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.summary-banner-copy{z-index:1;position:relative}.live-label{color:#cbd5c2;align-items:center;gap:7px;margin-bottom:13px;font-size:11px;display:flex}.live-dot{background:#b6c98e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #b6c98e12}.summary-banner h2{letter-spacing:-.02em;margin-bottom:9px;font-family:Playfair Display,Georgia,serif;font-size:27px;font-weight:450}.summary-banner p{color:#ccd1bc;max-width:510px;margin-bottom:17px;font-size:11px}.banner-link{color:var(--gold);background:0 0;align-items:center;gap:8px;padding:0;font-size:11px;font-weight:550;display:flex}.banner-clock{width:180px;color:var(--gold);opacity:.85;border-left:1px solid #c9a45d25;flex-direction:column;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;gap:9px;margin-left:15px;padding-left:25px;display:flex}.banner-clock span{color:#dbcaa4;font-size:11px}.stat-grid{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);grid-template-columns:repeat(4,1fr);gap:0;display:grid}.stat{border-right:1px solid var(--line);text-align:left;min-width:0;color:var(--ink);background:0 0;padding:23px 25px 21px}.stat:last-child{border-right:0}.stat-label{color:#63735d;align-items:center;gap:8px;margin-bottom:11px;font-size:11px;display:flex}.stat-label>svg:last-child:not(:first-child){margin-left:auto}.stat>strong{letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:29px;font-weight:550;line-height:1.2;display:block}.stat>strong.stat-duration{font-size:26px}.stat>small{color:#596851;margin-top:8px;font-size:11px;display:block}.stat-interactive:hover{background:#f4f5eb}.dashboard-grid{grid-template-columns:1.33fr 1fr;gap:22px;display:grid}.team-live-list{padding:0 25px 13px}.team-live-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.team-live-row .person strong{font-size:12px}.team-live-row .person small{font-size:11px}.team-live-row .avatar{width:34px;height:34px}.week-total{letter-spacing:-.035em;padding:0 25px;font-size:26px;font-weight:550;line-height:1.3}.week-total>small{letter-spacing:0;color:var(--muted);margin-top:5px;font-size:11px;font-weight:400;display:block}.week-chart{justify-content:space-between;align-items:stretch;gap:13px;height:175px;margin-top:23px;padding:0 27px;display:flex}.chart-column{color:#596851;flex-direction:column;flex:1;align-items:center;gap:7px;min-width:0;font-size:11px;display:flex}.chart-track{background:#f0f2e9;border-radius:5px 5px 0 0;flex:1;width:min(100%,30px);min-height:85px;position:relative}.chart-fill{background:#b6c29e;border-radius:4px 4px 0 0;min-height:0;position:absolute;bottom:0;left:0;right:0}.chart-column:last-child .chart-fill{background:var(--green)}.chart-value{white-space:nowrap;font-size:11px}.report-link{border-top:1px solid var(--line);width:calc(100% - 50px);color:var(--green);background:0 0;justify-content:center;align-items:center;gap:8px;margin:22px 25px 17px;padding:13px 0 0;font-size:11px;display:flex}.location-grid{grid-template-columns:repeat(2,1fr);gap:14px;padding:0 24px 24px;display:grid}.location-item{border:1px solid var(--line);border-radius:9px;align-items:center;gap:13px;padding:15px;display:flex}.location-item>div{flex:1}.location-item strong{font-size:12px;display:block}.location-item small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.location-icon{color:#65815e;background:#f0f1e6;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.schedule-grid{border-top:1px solid var(--line);grid-template-columns:repeat(7,minmax(140px,1fr));display:grid;overflow:auto}.schedule-day{border-right:1px solid var(--line);min-height:220px;padding:16px 11px}.schedule-day:last-child{border-right:0}.schedule-day h3{justify-content:space-between;align-items:center;margin-bottom:18px;font-size:11px;display:flex}.schedule-day h3 span{color:var(--muted);background:var(--soft);border-radius:20px;padding:3px 6px;font-size:11px;font-weight:400}.schedule-slot{background:#edf1e6;border-left:2px solid #8b9c6e;border-radius:4px;margin-bottom:9px;padding:10px 8px;position:relative}.schedule-slot strong{padding-right:10px;font-size:11px;line-height:1.5;display:block}.schedule-slot>span{margin-top:4px;font-size:11px;display:block}.schedule-slot small{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.5;display:block}.schedule-slot .icon-button{width:23px;height:23px;position:absolute;top:4px;right:0}.schedule-free{color:#596851;text-align:center;margin-top:35px;font-size:11px}.request-list{flex-direction:column;gap:16px;padding:0 24px 24px;display:flex}.request-item{border:1px solid var(--line);border-radius:11px;padding:22px}.request-title{justify-content:space-between;align-items:center;gap:15px;display:flex}.request-times{background:#f5f6ef;border-radius:8px;grid-template-columns:1fr 1fr .6fr;gap:16px;margin-top:23px;padding:16px 18px;display:grid}.request-times small{color:var(--muted);margin-bottom:4px;font-size:11px;display:block}.request-times strong{font-size:11px;display:block}.request-reason{color:#61715f;margin:18px 0;font-size:12px;line-height:1.7}.request-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:14px;font-size:11px;display:flex}.review-note{background:#eef2e8;border-radius:7px;padding:12px;font-size:12px}.correction-original{background:#f2f4ed;border-radius:8px;padding:14px}.correction-original p{color:var(--muted);margin:10px 0 0;font-size:11px}.report-stats{grid-template-columns:repeat(4,1fr);gap:22px;padding:6px 25px 28px;display:grid}.report-stats small{color:var(--muted);margin-bottom:8px;font-size:11px;display:block}.report-stats strong{letter-spacing:-.03em;font-size:22px}.report-note{border-top:1px solid var(--line);color:#596851;background:#f9f8ee;align-items:flex-start;gap:12px;padding:20px 25px;display:flex}.report-note p{max-width:850px;margin:0;font-size:11px;line-height:1.65}.report-note svg{margin-top:2px}.print-heading{display:none}.device-name{align-items:center;gap:11px;display:flex}.device-name>svg{color:#829074}.integration-guide{grid-template-columns:1fr 1.1fr;gap:30px;padding:0 25px 25px;display:grid}.integration-guide h3{font-size:14px}.integration-guide ol{color:#60705c;flex-direction:column;gap:10px;padding-left:20px;font-size:12px;display:flex}.integration-guide p{color:var(--muted);font-size:11px;line-height:1.7}.code-sample{background:var(--green);color:var(--ivory);border-radius:10px;align-self:start;font-size:11px;overflow:hidden}.code-sample>div{color:#d9d1b3;border-bottom:1px solid #eaddc820;align-items:center;gap:8px;padding:12px 16px;display:flex}.code-sample pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;margin:0;padding:18px;font-size:11px;line-height:1.85;overflow-y:auto}.secret-input{word-break:break-all;background:#f1f4e8;font-family:Consolas,monospace;font-size:12px}.integrity-banner{background:#eef3e5;border:1px solid #d4deca;border-radius:12px;align-items:center;gap:18px;padding:23px 25px;display:flex}.integrity-banner>svg{color:#678454}.integrity-banner>div{flex:1}.integrity-banner h2{margin-bottom:5px;font-size:17px}.integrity-banner p{color:#596851;margin:0;font-size:12px}.hash-line{overflow-wrap:anywhere;margin-top:6px;font-size:11px;line-height:1.8;display:block}.detail-list{flex-direction:column;gap:12px;margin:0;display:flex}.detail-list>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding-bottom:12px;font-size:12px;display:flex}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;font-weight:550}.settings-grid{grid-template-columns:1.15fr 1fr;align-items:start;gap:24px;display:grid}.settings-grid>.section-stack:only-child{grid-column:1/-1;max-width:680px}.settings-link{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-size:12px;font-weight:550;display:flex}.settings-link:last-child{border-bottom:0}.auth-layout{background:var(--white);grid-template-columns:44% 56%;min-height:100dvh;display:grid}.auth-brand{background:var(--green);color:var(--ivory);flex-direction:column;min-height:100dvh;padding:48px 58px 27px;display:flex;position:relative}.brand-logo{width:238px}.auth-story{margin:auto 0;padding:48px 0}.auth-story h2{letter-spacing:-.035em;margin-bottom:24px;font-family:Playfair Display,Georgia,serif;font-size:52px;font-weight:450;line-height:1.14}.auth-story>p{color:#c1ccba;max-width:360px;margin-bottom:32px;font-size:13px;line-height:1.75}.auth-benefits{color:#d3d8c4;flex-direction:column;gap:16px;font-size:11px;display:flex}.auth-benefits>span{align-items:center;gap:11px;display:flex}.auth-benefits svg{color:var(--gold);stroke-width:1.5px}.auth-compliance{max-width:355px;color:var(--ivory);align-items:flex-start;gap:11px;font-size:11px;line-height:1.65;display:flex}.auth-compliance>svg{color:var(--gold);flex:none;margin-top:1px}.auth-compliance p{margin:0;font-weight:550}.auth-compliance a{color:#c1ccba;text-underline-offset:3px;margin-top:3px;text-decoration:underline;text-decoration-thickness:1px;display:block}.auth-compliance a:hover{text-decoration-thickness:2px}.auth-compliance-mobile{color:var(--green);display:none}.auth-compliance-mobile>svg{color:var(--gold-text)}.auth-compliance-mobile a{color:var(--muted)}.auth-brand-footer{color:#98ae96;border-top:1px solid #71866b40;justify-content:space-between;gap:15px;padding-top:20px;font-size:11px;display:flex}.auth-content{flex-direction:column;min-width:0;padding:31px 52px 25px;display:flex}.auth-top{color:var(--muted);justify-content:flex-end;align-items:center;gap:13px;font-size:11px;display:flex}.auth-top>a{color:var(--green);align-items:center;gap:6px;font-weight:650;display:flex}.auth-form{width:100%;max-width:390px;margin:auto;padding:60px 0}.auth-form-heading{margin-bottom:30px}.auth-form-heading h1{letter-spacing:-.04em;margin-bottom:13px;font-family:Playfair Display,Georgia,serif;font-size:36px;font-weight:500;line-height:1.2}.auth-form-heading>p{color:var(--muted);max-width:340px;font-size:12px;line-height:1.7}.auth-form>.form-stack{gap:20px}.auth-form .form-actions{padding-top:5px}.auth-form .form-actions .button{width:100%;min-height:47px;font-size:12px}.auth-form .field{font-size:11px}.auth-form input{min-height:45px;font-size:12px}.auth-form .password-input button{top:5px}.forgot-link{text-align:right;color:#526c58;margin-top:-9px;font-size:11px}.forgot-link a:hover{text-decoration:underline}.auth-security{color:#596851;justify-content:center;align-items:center;gap:8px;margin-top:28px;font-size:11px;display:flex}.auth-security svg{color:#748768}.auth-footer{color:#596851;justify-content:center;gap:22px;font-size:11px;display:flex}.auth-mobile-logo{display:none}.back-link{margin-top:25px}.auth-form>.button{margin-top:20px}.clock-app{background:var(--green);min-height:100dvh;color:var(--ivory);padding-bottom:95px}.clock-header{justify-content:space-between;align-items:center;max-width:570px;margin:auto;padding:27px 27px 17px;display:flex}.clock-header>.icon-button{color:var(--cream)}.clock-main{max-width:570px;margin:auto;padding:0 27px 25px}.clock-company{color:#c4cbb8;border-top:1px solid #84988e35;justify-content:space-between;align-items:center;padding-top:15px;font-size:11px;display:flex}.clock-company button{color:#b3c0aa;background:0 0;padding:6px;display:flex}.clock-greeting{align-items:center;gap:13px;margin:30px 0 24px;display:flex}.clock-greeting .avatar{color:var(--ivory);background:#42604b;width:45px;height:45px;font-size:14px}.clock-greeting h1{letter-spacing:-.025em;margin:0 0 5px;font-size:28px;line-height:1.25}.clock-greeting p{color:#c3cab6;text-transform:capitalize;margin:0;font-size:11px}.clock-main>.notice{margin-bottom:17px}.punch-card{background:var(--ivory);color:var(--green);text-align:center;border-radius:20px;padding:23px 25px 17px}.punch-card-top{color:#596851;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.punch-card-top .pill{color:#4f653e;background:#e2e5cf}.live-clock{letter-spacing:-.055em;font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:8px;margin:27px 0 8px;font-size:76px;font-weight:450;line-height:1.2;display:flex}.live-clock>span{letter-spacing:-.02em;color:#596851;font-size:23px;font-weight:400}.punch-explanation{color:#596851;margin-bottom:27px;font-size:11px}.punch-button{background:var(--green);width:100%;min-height:64px;color:var(--ivory);border-radius:12px;gap:13px;font-size:16px;box-shadow:0 6px 14px #103b3612}.pause-button{width:100%;min-height:42px;margin-top:9px;font-size:12px}.punch-trust{color:#596851;justify-content:center;align-items:center;gap:6px;margin-top:17px;font-size:11px;display:flex}.my-day-stats{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.my-day-stats>div{background:#1b4f48;border:1px solid #4c6e6655;border-radius:12px;padding:17px;position:relative}.my-day-stats svg{color:var(--gold);margin-bottom:10px}.my-day-stats small{color:#c2cfb9;margin-bottom:5px;font-size:11px;display:block}.my-day-stats strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:550;display:block}.clock-history{margin-top:32px}.clock-section-heading{justify-content:space-between;align-items:center;gap:13px;margin-bottom:9px;display:flex}.clock-section-heading h2{margin:0;font-size:14px}.clock-section-heading button{color:var(--gold);background:0 0;align-items:center;gap:3px;padding:5px 0;font-size:11px;display:flex}.clock-entry{border-bottom:1px solid #84988e30;align-items:center;gap:12px;padding:16px 0;display:flex}.clock-entry-icon{color:#adbc9d;border:1px solid #84988e45;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.clock-entry-active{color:var(--gold);background:#c9a45d0d;border-color:#c9a45d50}.clock-entry>div:nth-child(2){flex:1}.clock-entry strong{font-size:11px;font-weight:550;display:block}.clock-entry small{color:#b6c4aa;margin-top:4px;font-size:11px;display:block}.clock-entry>div:last-child{text-align:right}.forgot-punch{color:var(--ivory);text-align:left;background:#1b4f48;border:1px solid #4c6e6665;border-radius:12px;align-items:center;gap:13px;width:100%;margin-top:24px;padding:17px;display:flex}.forgot-punch>svg:first-child{color:var(--gold)}.forgot-punch>span{flex:1;font-size:11px;font-weight:550}.forgot-punch small{color:#b9c7ae;margin-top:4px;font-size:11px;font-weight:400;display:block}.clock-privacy{color:#afbfaa;align-items:flex-start;gap:9px;margin:24px 6px 0;font-size:11px;display:flex}.clock-privacy svg{margin-top:3px}.clock-privacy p{margin:0;line-height:1.85}.clock-privacy button{color:#d2d8c4;background:0 0;padding:0;font-size:11px;text-decoration:underline;display:inline}.clock-bottom-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(570px,100%);padding:12px 16px max(13px, env(safe-area-inset-bottom));z-index:25;background:#0e3531ed;border-top:1px solid #4c6e6660;grid-template-columns:repeat(4,1fr);gap:5px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.clock-bottom-nav button{color:#acbca6;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:44px;display:flex}.clock-bottom-nav button.selected{color:var(--gold)}.clock-bottom-nav span{font-size:11px}.clock-empty{color:#b6c4aa;justify-content:center;align-items:center;gap:12px;padding:30px 10px;font-size:11px;display:flex}.clock-empty p{margin:0}.clock-secondary{color:var(--green);padding-top:25px}.clock-view-heading{color:var(--ivory);align-items:center;gap:10px;margin-bottom:23px;display:flex}.clock-view-heading h1{margin:0;font-size:25px}.clock-secondary .panel{border-color:#0000}.clock-secondary .section-heading{flex-direction:column;align-items:flex-start;padding:20px 17px}.clock-secondary .filter-bar{padding:0 17px 18px}.clock-secondary .date-filters{gap:10px}.clock-secondary .date-filters .field{flex:1;min-width:0}.clock-secondary .date-filters>.field:last-child{flex-basis:100%}.clock-secondary th,.clock-secondary td{padding:12px 15px}.clock-secondary .request-list{padding:0 14px 18px}.clock-secondary .request-item{padding:15px}.clock-secondary .request-times{grid-template-columns:1fr;gap:12px}.clock-secondary .request-footer{flex-direction:column;align-items:flex-start}.clock-secondary .segmented button{padding:7px 9px;font-size:11px}.clock-secondary .pagination{gap:8px;padding:12px 13px;font-size:11px}.clock-secondary .pagination .button{padding:6px;font-size:11px}.clock-app>.modal{color:var(--ink)}.legal-page{max-width:840px;margin:50px auto;padding:0 25px 45px;line-height:1.85}.legal-page h1{margin-top:25px;margin-bottom:20px;font-size:38px}.legal-page h2{margin-top:30px;margin-bottom:14px}.legal-page h3{margin-top:24px}.legal-page p,.legal-page li{color:#566b5b;font-size:14px}.legal-page a{text-underline-offset:3px;text-decoration:underline}.legal-card{background:var(--white);border:1px solid var(--line);border-radius:14px;margin:20px 0;padding:25px 30px}.legal-page footer{flex-wrap:wrap;gap:22px;margin-top:35px;font-size:12px;display:flex}@media (min-width:1550px){.sidebar{width:266px;padding-left:22px;padding-right:22px}.app-main{margin-left:266px}.page-content{padding-top:43px}.topbar{height:85px}.summary-banner{min-height:206px}.page-heading h1{font-size:39px}.stat{padding:27px}.section-heading{padding-top:25px;padding-bottom:25px}}@media (max-width:1200px){.sidebar{width:220px;padding-left:12px;padding-right:12px}.app-main{margin-left:220px}.sidebar-brand{padding-left:12px;padding-right:12px}.page-content{padding:29px 25px 0}.topbar{padding:0 25px}.page-heading h1{font-size:30px}.stat{padding:21px 17px}.stat>strong.stat-duration{font-size:21px}.stat>small,.stat-label{font-size:11px}.dashboard-grid{grid-template-columns:1.1fr 1fr}.section-heading{padding:21px 20px}.section-heading h2{font-size:15px}.section-heading p{font-size:11px}.team-live-list{padding-left:20px;padding-right:20px}.banner-clock{width:125px;padding-left:15px}.banner-clock svg{width:83px}.banner-clock span{font-size:11px}.summary-banner h2{font-size:24px}.summary-banner{padding:25px}.summary-banner p{max-width:360px}.settings-grid{grid-template-columns:1fr}.settings-grid>.section-stack{grid-template-columns:1fr 1fr;align-items:start;display:grid}.settings-grid>.section-stack:only-child{display:flex}.auth-brand{padding:42px 38px 25px}.auth-story h2{font-size:48px}.auth-content{padding-left:35px;padding-right:35px}.integration-guide{grid-template-columns:1fr}.report-stats{grid-template-columns:1fr 1fr}}@media (max-width:1000px){.sidebar{width:205px}.app-main{margin-left:205px}.sidebar-brand>span{font-size:11px}.sidebar-nav>button{gap:10px;padding:10px 12px;font-size:11px}.company-switch{gap:9px;padding:11px}.page-heading{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:23px}.page-heading>.button{min-height:38px}.dashboard-grid{grid-template-columns:1fr}.week-panel{min-height:330px}.week-chart{height:155px}.stat-grid{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.stat{padding:19px 22px}.stat>strong,.stat>strong.stat-duration{font-size:27px}.stat-label,.stat>small{font-size:11px}.location-grid{grid-template-columns:1fr}.topbar-right{gap:12px}.today-date{font-size:11px}.breadcrumb{gap:12px}.settings-grid>.section-stack{display:flex}.integrity-banner{flex-wrap:wrap}.integrity-banner>.button{margin-left:53px}.request-times{grid-template-columns:1fr 1fr}.request-footer{flex-direction:column;align-items:flex-start}.auth-layout{grid-template-columns:42% 58%}.auth-brand{padding:37px 30px 25px}.auth-story h2{font-size:40px}.auth-story>p{font-size:12px}.auth-story{padding:40px 0}.auth-form-heading h1{font-size:32px}.auth-top{gap:8px;font-size:11px}.auth-content{padding:29px 30px 22px}}@media (max-width:760px){.demo-banner{padding:9px 20px}.demo-guide>summary>span{display:none}.demo-guide-content>ul{grid-template-columns:1fr}.demo-guide-content li+li{border:0;border-top:1px solid var(--line)}.demo-guide-content li>a{padding:12px 0}.sidebar{z-index:60;width:265px;padding-top:27px;transition:transform .2s;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#082a275c;display:block;position:fixed;inset:0}.sidebar-brand{position:relative}.sidebar-brand>a{max-width:178px}.sidebar-brand .mobile-close{display:flex;position:absolute;top:-3px;right:0}.sidebar-nav>button{min-height:44px;padding:11px 15px;font-size:13px}.company-switch{margin:0 6px 18px;padding:13px}.company-switch strong{font-size:12px}.sidebar-profile strong,.sidebar-profile small{font-size:11px}.sidebar-clock>span{font-size:12px}.sidebar-clock small{font-size:11px}.sidebar-bottom{padding:22px 6px 0}.app-main{margin-left:0}.mobile-menu{margin-left:-6px;margin-right:0;display:flex}.topbar{height:65px;padding:0 20px}.breadcrumb{gap:11px;font-size:11px}.today-date{display:none}.topbar-right{gap:12px}.topbar-right>.icon-button{display:none}.page-content{padding:26px 20px 0}.page-heading h1{font-size:29px}.page-heading p{max-width:400px;font-size:12px;line-height:1.6}.page-heading{margin-bottom:24px}.page-heading>.button{align-self:stretch;max-width:230px}.summary-banner{min-height:190px;padding:25px}.summary-banner h2{max-width:310px;font-size:26px}.summary-banner p{max-width:300px;font-size:11px}.banner-clock{width:110px}.banner-clock span{display:none}.banner-clock svg{width:85px}.stat-label,.stat>small{font-size:11px}.dashboard-grid,.section-stack{gap:20px}.section-heading{flex-wrap:wrap;align-items:flex-start;gap:12px}.section-heading>.button{min-height:37px;font-size:11px}.section-heading h2{font-size:16px}.section-heading p{font-size:11px;line-height:1.6}.section-heading>.pill{font-size:11px}.table-wrap th{padding:11px 18px}.table-wrap td{padding:15px 18px}.filter-bar{gap:11px;padding:0 20px 20px}.search-input{flex-basis:100%;min-width:0;max-width:none}.filter-bar>select{flex:1}.date-filters .field{flex:1;min-width:140px}.date-filters>.field:nth-child(3){flex-basis:100%}.request-list{padding:0 17px 20px}.request-item{padding:18px}.request-times{grid-template-columns:1fr 1fr;gap:16px;padding:14px}.report-stats{gap:22px;padding:4px 20px 23px}.report-stats strong{font-size:21px}.report-stats small{font-size:11px;line-height:1.6}.location-grid{padding:0 20px 20px}.integrity-banner{gap:15px;padding:21px}.integrity-banner h2{font-size:16px}.integrity-banner p{font-size:11px}.integrity-banner>.button{width:100%;margin-left:0}.integration-guide{gap:18px;padding:0 20px 20px}.settings-grid{gap:20px}.panel-form{padding:0 20px 23px}.form-grid{gap:16px}.app-footer{align-items:flex-start;gap:18px;font-size:11px}.app-footer>div{gap:12px}.auth-layout{display:block}.auth-brand{display:none}.auth-compliance-mobile{border-top:1px solid var(--line);max-width:none;margin-top:22px;padding-top:18px;display:flex}.auth-content{min-height:100dvh;padding:25px 28px 22px}.auth-form{max-width:390px;padding:50px 0}.auth-mobile-logo{margin-bottom:46px;display:block}.auth-form-heading h1{font-size:36px}.auth-top{gap:10px;font-size:11px}.auth-footer{font-size:11px}.auth-form-heading>p,.auth-form .field{font-size:12px}.auth-security{font-size:11px}.legal-page{margin:30px auto;padding-left:20px;padding-right:20px}.legal-page h1{font-size:32px}.legal-card{padding:20px}}@media (max-width:480px){.page-content{padding:24px 15px 0}.page-heading h1{font-size:27px}.topbar{padding:0 16px}.breadcrumb{gap:9px}.summary-banner{padding:24px 22px}.summary-banner h2{max-width:255px;font-size:25px}.summary-banner p{max-width:265px}.banner-clock{display:none}.stat{padding:20px 17px}.stat-label{gap:6px;font-size:11px}.stat-label svg{width:16px}.stat>strong,.stat>strong.stat-duration{font-size:25px}.stat>small{font-size:11px}.section-heading{padding:20px 18px}.section-heading>.inline-actions{width:100%}.section-heading>.inline-actions>.button{flex:1}.section-heading>.pill{display:none}.form-grid{grid-template-columns:1fr}.modal{border-radius:15px;max-height:calc(100dvh - 24px);padding:0 20px 22px}.modal-header{padding:21px 0 19px}.modal-header h2{font-size:19px}.modal .form-grid{grid-template-columns:1fr}.modal .form-actions{flex-wrap:wrap}.modal .form-actions>.button{flex:1}.request-times{grid-template-columns:1fr}.request-title .person strong,.request-title .person small,.request-title .pill{font-size:11px}.request-footer .inline-actions{width:100%}.request-footer .button{flex:1}.pagination{gap:8px;padding:12px 15px;font-size:11px}.pagination .button{gap:3px;padding:6px;font-size:11px}.report-stats strong{font-size:19px}.report-note{padding:17px 20px}.integrity-banner>svg{width:29px}.integrity-banner>div{min-width:180px}.app-footer{flex-direction:column;align-items:center;gap:10px;padding-top:27px}.auth-content{padding-left:25px;padding-right:25px}.auth-top>span{max-width:175px;line-height:1.5}.auth-form{padding-top:44px}.auth-form-heading h1{font-size:33px}.auth-mobile-logo{margin-bottom:37px}.clock-header{padding:24px 22px 15px}.clock-main{padding:0 22px 24px}.punch-card{padding:22px 22px 18px}.live-clock{font-size:67px}.clock-greeting{margin-top:25px}.clock-greeting h1{font-size:27px}.clock-secondary .filter-bar .field{min-width:0}.my-day-stats>div{padding:17px 15px}.my-day-stats strong{font-size:19px}.clock-bottom-nav{padding-left:12px;padding-right:12px}.clock-main .notice{font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{@page{size:A4 landscape;margin:13mm}body{font-size:11px;color:#000!important;background:#fff!important}.demo-banner{color:#000;background:#fff;border:1px solid #000;margin-bottom:15px;padding:8px;position:static}.sidebar,.topbar,.page-heading,.app-footer,.no-print,.skip-link,.clock-bottom-nav{display:none!important}.app-main{margin:0}.page-content{max-width:none;padding:0}.panel{background:#fff;border:0;border-radius:0;overflow:visible}.section-heading{padding:0 0 14px}.section-heading>.inline-actions{display:none}.print-heading{margin-bottom:20px;display:block}.print-heading h1{margin:0 0 7px;font-size:24px}.print-heading h2{font-size:16px}.print-heading p{font-size:11px}.table-wrap{overflow:visible}table{width:100%;font-size:11px}th{font-size:11px;background:#f0f0f0!important}th,td{white-space:normal;border-bottom:1px solid #ddd;padding:8px 9px!important}thead{display:table-header-group}tr{break-inside:avoid}.report-stats{padding:12px 0 22px}.report-stats strong{font-size:18px}.report-note{background:#fff;padding:15px 0;font-size:11px}.report-note p{font-size:11px}.legal-page{max-width:none;margin:0}.legal-card{border:0;padding:0}}.personal-entry-list{flex-direction:column;gap:14px;padding:0 17px 20px;display:flex}.personal-entry{border:1px solid var(--line);border-radius:11px;padding:17px}.personal-entry header{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.personal-entry dl{grid-template-columns:1fr 1fr;gap:17px;margin:20px 0;display:grid}.personal-entry dt{color:var(--muted);margin-bottom:5px;font-size:11px}.personal-entry dd{font-variant-numeric:tabular-nums;margin:0;font-size:15px;font-weight:600}.personal-entry footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding-top:9px;font-size:11px;display:flex}.personal-entry footer .button{min-height:36px;font-size:11px}.table-wrap{position:relative}