*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#f5f4f1;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;min-height:100vh}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{background:#fff;border-right:.5px solid #0000001a;display:flex;flex-direction:column;flex-shrink:0;width:220px}.sidebar-logo{border-bottom:.5px solid #00000014;font-size:15px;font-weight:500;padding:16px}.sidebar-logo span{color:#888;display:block;font-size:12px;font-weight:400;margin-top:2px}.sidebar-section{padding:6px 0}.sidebar-section-label{color:#aaa;font-size:10px;letter-spacing:.5px;padding:4px 16px;text-transform:uppercase}.nav-item{align-items:center;border-left:2px solid #0000;color:#555;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:9px 16px;text-decoration:none;transition:background .12s}.nav-item.active,.nav-item:hover{background:#f5f4f1}.nav-item.active{border-left-color:#185fa5;color:#1a1a1a;font-weight:500}.nav-item svg{flex-shrink:0;height:16px;opacity:.65;width:16px}.sidebar-footer{border-top:.5px solid #00000014;margin-top:auto;padding:12px}.profile-menu-wrap{position:relative}.profile-menu-btn{align-items:center;background:none;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:6px 8px;text-align:left;width:100%}.profile-menu-btn:hover{background:#0000000d}.profile-avatar{flex-shrink:0;font-size:18px}.profile-name{flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:10px;bottom:calc(100% + 4px);box-shadow:0 4px 16px #0000001f;left:0;overflow:hidden;position:absolute;right:0;z-index:200}.profile-dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 14px;text-align:left;width:100%}.profile-dropdown-item:hover{background:#f5f5f5}.profile-dropdown-danger{color:#dc2626}.profile-dropdown-danger:hover{background:#fef2f2}.profile-dropdown-divider{background:#f0f0f0;height:1px;margin:2px 0}.btn-link{background:none;border:none;color:#2563eb;cursor:pointer;font-size:13px;padding:0;text-decoration:underline}.btn-link:hover{color:#1d4ed8}.main{flex:1 1;overflow-y:auto}.page-container{max-width:1100px;padding:28px 32px}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.page-header h1{font-size:20px;font-weight:500}.page-header p{color:#888;font-size:13px;margin-top:4px}.metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.metrics-grid.cols-3{grid-template-columns:repeat(3,1fr)}.metric-card{background:#eeede9;border-radius:8px;padding:14px}.metric-label{color:#777;font-size:12px;margin-bottom:6px}.metric-value{font-size:22px;font-weight:500}.metric-sub{color:#aaa;font-size:11px;margin-top:3px}.card{background:#fff;border:.5px solid #00000017;border-radius:12px;margin-bottom:16px;padding:18px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.card-title{font-size:14px;font-weight:500}.grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.grid-3{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}table{border-collapse:collapse;font-size:13px;width:100%}th{border-bottom:.5px solid #00000014;color:#888;font-size:11px;font-weight:500;padding:8px 10px;text-align:left}td{border-bottom:.5px solid #0000000f;padding:9px 10px}tr:last-child td{border-bottom:none}tbody tr:hover td{background:#fafafa}.btn{align-items:center;background:#0000;border:.5px solid #00000026;border-radius:8px;color:#1a1a1a;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:7px 14px;transition:background .12s;white-space:nowrap}.btn:hover{background:#f5f4f1}.btn:active{transform:scale(.98)}.btn-primary{background:#185fa5;border-color:#185fa5;color:#fff}.btn-primary:hover{background:#0c447c}.btn-sm{font-size:12px;padding:4px 10px}.btn-danger{border-color:#a32d2d40;color:#a32d2d}.btn-danger:hover{background:#fcebeb}.btn-full{justify-content:center;width:100%}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:500;padding:3px 8px;white-space:nowrap}.badge-green{background:#eaf3de;color:#3b6d11}.badge-amber{background:#faeeda;color:#854f0b}.badge-red{background:#fcebeb;color:#a32d2d}.badge-blue{background:#e6f1fb;color:#185fa5}.badge-gray{background:#f1efe8;color:#5f5e5a}.badge-purple{background:#eeedfe;color:#534ab7}.form-group{margin-bottom:14px}.form-label{color:#666;display:block;font-size:12px;margin-bottom:5px}.form-input,input[type=date],input[type=email],input[type=month],input[type=number],input[type=password],input[type=text],select,textarea{background:#fff;border:.5px solid #0000002e;border-radius:8px;color:#1a1a1a;font-size:13px;padding:8px 10px;transition:border-color .15s;width:100%}input:focus,select:focus,textarea:focus{border-color:#378add;outline:none}textarea{resize:vertical}.progress-wrap{background:#eeede9;border-radius:20px;flex:1 1;height:8px;overflow:hidden}.progress-bar{border-radius:20px;height:100%;transition:width .4s}.upload-zone{border:1.5px dashed #00000026;border-radius:10px;color:#888;cursor:pointer;font-size:13px;padding:20px;text-align:center;transition:background .12s}.salary-breakdown,.upload-zone:hover{background:#f5f4f1}.salary-breakdown{border-radius:8px;padding:14px}.salary-row{border-bottom:.5px solid #00000012;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.salary-row:last-child{border-bottom:none;font-size:14px;font-weight:500}.notif-item{border-bottom:.5px solid #00000012;display:flex;gap:12px;padding:12px 0}.notif-item:last-child{border-bottom:none}.notif-icon{align-items:center;background:#e6f1fb;border-radius:50%;color:#185fa5;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.notif-title{font-size:13px;font-weight:500}.notif-sub{color:#888;font-size:12px;margin-top:2px}.tabs{border-bottom:.5px solid #0000001a;display:flex;margin-bottom:16px}.tab{border-bottom:2px solid #0000;color:#888;cursor:pointer;font-size:13px;margin-bottom:-.5px;padding:8px 16px}.tab.active{border-bottom-color:#185fa5;color:#1a1a1a;font-weight:500}.alert{border-radius:8px;font-size:13px;margin-bottom:12px;padding:10px 14px}.alert-success{background:#eaf3de;color:#3b6d11}.alert-error{background:#fcebeb;color:#a32d2d}.alert-info{background:#e6f1fb;color:#185fa5}.alert-warn{background:#faeeda;color:#854f0b}.login-wrap{align-items:center;background:#f5f4f1;display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;border:.5px solid #0000001a;border-radius:14px;padding:36px;width:360px}.login-logo{font-size:20px;font-weight:500;margin-bottom:4px}.login-sub{color:#888;font-size:13px;margin-bottom:28px}.sku-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.sku-card{border:.5px solid #0000001a;border-radius:12px;cursor:pointer;padding:14px;transition:border-color .15s}.sku-card:hover{background:#fafafa;border-color:#0003}.sku-model{font-size:13px;font-weight:500;margin-bottom:6px}.sku-spec{color:#888;font-size:11px;line-height:1.7}.att-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.att-day-header{color:#aaa;font-size:10px;padding-bottom:4px;text-align:center}.att-day{align-items:center;aspect-ratio:1;border-radius:6px;display:flex;font-size:11px;font-weight:500;justify-content:center;position:relative}.att-present{background:#eaf3de;color:#3b6d11}.att-partial{background:#faeeda;color:#854f0b}.att-absent{background:#f1efe8;color:#888}.att-holiday{background:#faeeda;color:#854f0b}.att-empty{background:#0000}.att-today{outline:2px solid #378add}.att-appeal-pending{background:#faeeda;color:#854f0b}.att-matrix-cell{background:#0000;border-radius:5px;height:22px;margin:0 auto;transition:transform .1s;width:22px}.att-matrix-cell:hover{transform:scale(1.15)}.att-matrix-full{background:#d4edbc}.att-matrix-late{background:#faeeda}.att-matrix-partial{background:#ffd580}.att-matrix-holiday{background:#fbcb95}.att-matrix-absent{background:#ebebeb}.att-matrix-today{border-radius:5px;outline:2px solid #378add}.att-legend{border-radius:3px;display:inline-block;height:12px;margin-right:4px;vertical-align:middle;width:12px}.modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.modal{background:#fff;border:.5px solid #0000001a;border-radius:14px;max-height:85vh;overflow-y:auto;padding:22px;width:460px}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.modal-title{font-size:15px;font-weight:500}.checkin-box{border:.5px solid #0000001a;border-radius:12px;padding:24px;text-align:center}.clock-display{font-feature-settings:"tnum";font-size:36px;font-variant-numeric:tabular-nums;font-weight:500;margin:8px 0}.checkin-status-text{color:#888;font-size:13px}.bottom-tab-bar{background:#fff;border-top:.5px solid #0000001a;bottom:0;display:none;height:60px;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:100}.bottom-tab-bar-inner{display:flex;height:60px}.bottom-tab-item{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:10px;font-weight:500;gap:3px;justify-content:center;padding:0;text-decoration:none;transition:color .15s}.bottom-tab-item .tab-icon{font-size:20px;line-height:1}.bottom-tab-item.active,.bottom-tab-item:global(.active){color:#2563eb}.bottom-tab-item.active .tab-icon{filter:none}.more-menu-overlay{background:#0000004d;inset:0;position:fixed;z-index:99}.more-menu-sheet{background:#fff;border-radius:16px 16px 0 0;bottom:60px;box-shadow:0 -4px 24px #0000001f;left:0;padding:12px 0 8px;position:fixed;right:0;z-index:100}.more-menu-item{align-items:center;background:none;border:none;color:#1a1a1a;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:13px 20px;text-align:left;text-decoration:none;width:100%}.more-menu-item:hover{background:#f5f5f5}.more-menu-item .more-icon{font-size:18px;text-align:center;width:24px}.more-menu-handle{background:#ddd;border-radius:2px;height:4px;margin:0 auto 12px;width:36px}@media (max-width:768px){.sidebar{display:none}.bottom-tab-bar{display:block}.main{padding-bottom:60px}.page-container{padding:16px 16px 24px}.grid-2,.grid-3,.metrics-grid,.sku-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column;gap:10px}.page-header h1{font-size:20px}.tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.tab{flex-shrink:0;white-space:nowrap}.modal,.modal-box{border-radius:16px 16px 0 0;bottom:0;left:0;margin:0;max-height:90vh;max-width:100%!important;position:fixed;right:0;width:100%!important}.modal-overlay{align-items:flex-end}.table-card{border-collapse:collapse;width:100%}.table-card thead{display:none}.table-card tbody{display:block}.table-card tr{background:#fff;border:.5px solid #0000001a;border-radius:10px;display:block;margin-bottom:10px;padding:12px 14px}.table-card td{align-items:center;border:none;display:flex;font-size:13px;gap:8px;justify-content:space-between;padding:5px 0}.table-card td:before{color:#888;content:attr(data-label);flex-shrink:0;font-size:12px;font-weight:500;min-width:90px}.table-card td[data-label=""]{justify-content:flex-end;padding-top:8px}.table-card td[data-label=""]:before{display:none}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-scroll table{min-width:600px}.salary-row{flex-wrap:wrap;gap:2px}.clock-display{font-size:28px}.btn-group-row{flex-wrap:wrap}.card{padding:14px}}
/*# sourceMappingURL=main.2a07d81f.css.map*/