/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--ink:#17231d;--muted:#748079;--green:#0c6b4f;--line:#e7ebe8;--cream:#f6f7f4}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:Arial,Microsoft YaHei,sans-serif}.app-shell{grid-template-columns:238px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#102c24;flex-direction:column;width:238px;padding:30px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand-mark{color:#173429;background:#e7b957;border-radius:12px;place-items:center;width:42px;height:42px;font:800 22px Georgia;display:grid}.brand-copy{position:absolute;top:33px;left:76px}.brand-copy strong,.brand-copy span{display:block}.brand-copy strong{letter-spacing:1px;font-size:13px}.brand-copy span{letter-spacing:2px;color:#a9bdb5;margin-top:3px;font-size:9px}.sidebar nav{gap:8px;margin-top:60px;display:grid}.nav-item{color:#aac0b7;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:13px 15px;font-size:15px}.nav-item span{margin-left:12px}.nav-item.active{color:#fff;background:#1e4d3e}.admin-card{border-top:1px solid #315246;align-items:center;gap:10px;margin-top:auto;padding-top:18px;display:flex}.avatar{color:#18382e;background:#d6ae58;border-radius:50%;place-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:grid}.admin-card strong,.admin-card span{display:block}.admin-card strong{font-size:13px}.admin-card span{color:#9eb2aa;margin-top:3px;font-size:11px}.workspace{grid-column:2;width:100%;max-width:1500px;margin:auto;padding:42px 48px 60px}header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}h1{margin:5px 0 7px;font:700 31px Georgia,Microsoft YaHei,serif}h2{margin:4px 0;font:700 20px Georgia,Microsoft YaHei,serif}.eyebrow{letter-spacing:1.5px;color:#8a958f;margin:0;font-size:11px;font-weight:700}.muted{color:var(--muted);margin:0;font-size:13px}.header-actions{gap:10px;display:flex}.icon-btn,.add-btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;height:41px;padding:0 15px}.add-btn{background:var(--green);color:#fff;border-color:var(--green);font-weight:700}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.stat-card,.clock-card,.attendance-card,.report-card{border:1px solid var(--line);background:#fff;border-radius:14px}.stat-card{align-items:flex-start;gap:14px;padding:20px;display:flex}.stat-icon{border-radius:10px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.green{color:#0b6d4f;background:#e2f3eb}.amber{color:#a96812;background:#fff0d9}.blue{color:#2d6ba1;background:#e4effb}.purple{color:#76579a;background:#eee8f7}.stat-card span,.stat-card strong,.stat-card em{display:block}.stat-card span{color:var(--muted);font-size:12px}.stat-card strong{margin:6px 0;font:700 25px Georgia}.stat-card small{color:#8b958f;font:400 12px Arial}.stat-card em{color:#4f8c75;font-size:10px;font-style:normal}.main-grid{grid-template-columns:1.25fr 1fr;gap:18px;margin-bottom:18px;display:grid}.clock-card,.attendance-card,.report-card{padding:24px}.card-head{justify-content:space-between;align-items:flex-start;display:flex}.live{color:#277257;background:#edf7f2;border-radius:20px;padding:6px 9px;font-size:11px}.live i{background:#31a071;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.employee-line{border-top:1px solid var(--line);align-items:center;gap:12px;margin-top:18px;padding-top:18px;display:flex}.avatar.large{width:44px;height:44px}.employee-line strong,.employee-line span,.person-row strong,.person-row span{display:block}.employee-line span,.person-row span{color:var(--muted);margin-top:4px;font-size:11px}.status{background:#fff1dd;border-radius:20px;padding:6px 9px;color:#a66c23!important;margin-left:auto!important}.status.on{background:#e6f4ed;color:#1d7657!important}.time-display{text-align:center;padding:22px}.time-display strong{font:700 42px Georgia;display:block}.time-display span{color:var(--muted);font-size:11px}.clock-actions{grid-template-columns:1.3fr 1fr;gap:10px;display:grid}.punch,.trip{cursor:pointer;border:0;border-radius:9px;padding:13px;font-weight:700}.punch{background:var(--green);color:#fff}.punch.checkout{background:#17231d}.trip{color:#52625b;background:#edf0ed}.trip.selected{color:#126c50;background:#e1f1e9}.notice{color:#176a4f;text-align:center;background:#e8f6ef;border-radius:8px;margin-top:10px;padding:9px;font-size:12px}.link-btn{color:#38775f;background:0 0;border:0;font-size:11px}.person-row{border-top:1px solid var(--line);align-items:center;gap:11px;padding:13px 0;display:flex}.person-row:first-of-type{margin-top:13px}.person-row>div:nth-child(2){flex:1}.person-row strong{font-size:13px}.photo{background:#dfe7e2}.p1{background:#e8ddd4}.p2{background:#d9e3ee}.p3{background:#e5e0d8}.pill{background:#e8f5ef;border-radius:20px;padding:5px 8px;color:#247356!important;font-size:10px!important}.pill.late{background:#fff1dc;color:#a56818!important}.pill.trip-pill{background:#e8f1f8;color:#346e9d!important}.tabs{background:#f1f3f1;border-radius:7px;padding:3px}.tabs button{background:0 0;border:0;border-radius:5px;padding:6px 12px;font-size:10px}.tabs button.active{background:#fff;box-shadow:0 1px 4px #d9dedb}.chart{border-bottom:1px solid var(--line);gap:24px;height:170px;padding:18px 16px 0 42px;display:flex;position:relative}.axis{color:#a1aaa5;flex-direction:column;justify-content:space-between;font-size:9px;display:flex;position:absolute;top:18px;bottom:24px;left:0}.bar-col{text-align:center;flex-direction:column;flex:1;display:flex}.bar-wrap{align-items:flex-end;height:130px;display:flex}.bar{background:linear-gradient(#2f8064,#b8ddce);border-radius:5px 5px 0 0;width:100%;max-width:40px;min-height:5px;margin:auto;position:relative}.bar span{color:#39755e;white-space:nowrap;font-size:8px;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.bar-col small{color:#7c8882;margin-top:6px;font-size:9px}@media (max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.workspace{padding:32px 25px}}@media (max-width:760px){.app-shell{display:block}.sidebar{flex-direction:row;align-items:center;width:100%;height:auto;padding:18px;position:static}.brand-copy{margin-left:10px;position:static}.sidebar nav{margin:0 0 0 auto;display:flex}.nav-item{padding:10px}.nav-item span,.admin-card{display:none}.workspace{padding:24px 16px}.main-grid,.stats-grid{grid-template-columns:1fr}header{align-items:flex-start}.header-actions .icon-btn{display:none}.chart{gap:8px}}.top-notice{color:#176a4f;background:#e8f6ef;border:1px solid #cce9dc;border-radius:9px;margin:-12px 0 18px;padding:10px 14px;font-size:12px}.top-notice button{float:right;color:inherit;cursor:pointer;background:0 0;border:0}.search-box{border:1px solid var(--line);border-radius:9px;width:180px;height:41px;padding:0 12px}.data-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:24px}.toolbar,.summary-line{align-items:center;gap:12px;margin-bottom:20px;display:flex}.toolbar input,.toolbar select{border:1px solid var(--line);background:#fff;border-radius:8px;height:40px;padding:0 12px}.toolbar input{flex:1}.export-btn,.edit-btn{border:1px solid var(--line);cursor:pointer;color:#315d4d;background:#fff;border-radius:8px;padding:9px 13px}.toolbar .export-btn,.summary-line .add-btn{margin-left:auto}.summary-line span{color:var(--muted);margin-left:8px;font-size:12px}table{border-collapse:collapse;width:100%;margin-top:16px;font-size:12px}th{text-align:left;color:#7b8781;background:#f7f8f6;font-weight:600}th,td{border-bottom:1px solid var(--line);padding:13px 12px}td:first-child{font-weight:700}.employee-table{display:grid}.employee-manage{border-top:1px solid var(--line);grid-template-columns:42px 1fr 80px 120px 90px;align-items:center;gap:12px;padding:15px 0;display:grid}.employee-manage strong,.employee-manage span,.salary small{display:block}.employee-manage>div:nth-child(2) span{color:var(--muted);margin-top:4px;font-size:11px}.role-tag{color:#315d4d;background:#edf5f1;border-radius:20px;width:max-content;padding:6px 10px;font-size:11px}.salary small{color:var(--muted);margin-bottom:4px;font-size:10px}.salary strong{font-size:13px}.report-summary{grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0;display:grid}.report-summary article{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px}.report-summary span,.report-summary strong{display:block}.report-summary span{color:var(--muted);font-size:11px}.report-summary strong{margin-top:8px;font:700 24px Georgia}.modal-backdrop{z-index:20;background:#0b211bb8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(460px,100%);padding:26px;box-shadow:0 24px 70px #0005}.close{cursor:pointer;background:#f0f2f0;border:0;border-radius:50%;width:32px;height:32px;font-size:20px}.modal form{grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;display:grid}.modal label{color:#66726c;font-size:11px;font-weight:700}.modal input,.modal select{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;height:42px;margin-top:7px;padding:0 11px;display:block}.modal label:nth-child(2),.modal label:nth-child(5){grid-column:span 2}.wide{grid-column:span 2;margin-top:5px}@media (max-width:760px){.main-grid,.stats-grid,.report-summary{grid-template-columns:1fr}.search-box{display:none}.data-card{overflow-x:auto}.employee-manage{grid-template-columns:42px 1fr 60px}.employee-manage .salary,.employee-manage .edit-btn{display:none}.modal form{grid-template-columns:1fr}.modal label:nth-child(2),.modal label:nth-child(5),.wide{grid-column:span 1}}.employee-manage{grid-template-columns:42px minmax(150px,1fr) 105px 155px 125px 130px}.allowance strong{color:#7a5b16}.gross{border-left:1px solid var(--line);padding-left:16px}.gross strong{color:var(--green);font-size:15px}.wide-field{grid-column:span 2}.gross-preview{color:var(--green);background:#eef6f2;border-radius:8px;padding:11px;font-size:11px;font-weight:700}.row-actions{gap:6px;display:flex}.row-actions .edit-btn{display:inline-block!important}.delete-btn,.delete-confirm{color:#a53d35;cursor:pointer;background:#fbe9e7;border:0;border-radius:8px;padding:9px 11px;font-weight:700}.delete-confirm{color:#fff;background:#a53d35}.confirm-modal{text-align:center;max-width:420px}.confirm-modal p{color:var(--muted);font-size:13px;line-height:1.6}.danger-icon{color:#a53d35;background:#fbe9e7;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 16px;font:700 25px Georgia;display:grid}.confirm-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;display:grid}@media (max-width:900px){.employee-manage{grid-template-columns:42px 1fr 115px}.employee-manage .salary:not(.gross),.employee-manage .edit-btn{display:none}.gross{border-left:0;padding-left:0}}@media (max-width:760px){.wide-field{grid-column:span 1}}.login-page{background:radial-gradient(circle at 100% 0,#315c4d 0,#102c24 40%,#081b16 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border-radius:18px;width:min(430px,100%);padding:38px;box-shadow:0 28px 80px #0007}.login-card .brand-mark{margin-bottom:26px}.login-card h1{margin:8px 0}.login-card form{gap:16px;margin-top:28px;display:grid}.login-card label{color:#596760;font-size:11px;font-weight:700}.login-card input{border:1px solid var(--line);border-radius:9px;width:100%;height:46px;margin-top:7px;padding:0 12px;font-size:14px;display:block}.login-error{color:#a33b31;background:#faecea;border-radius:8px;margin:0;padding:10px;font-size:12px}@media (max-width:520px){.login-card{padding:28px 22px}}