:root{--canvas:#efece7;--bg:#fdfbf7;--bg-soft:#f7f3ec;--bg-milk:#fdf9e8;--table-head:#f7f3ec;--surface:#fff;--fg:#332f2b;--fg-2:#55504a;--muted:#6b6560;--muted-2:#a29b93;--muted-soft:#a29b93;--border:#ece2d6;--border-2:#f2ece3;--border-input:#ece2d6;--divider:#f3ede5;--icon-stroke:#b09b83;--primary:#8fb0cb;--primary-deep:#7fa3c2;--primary-soft:#f0f5fa;--on-primary:#22364a;--link:#4d6a82;--link-deep:#3c556a;--ok:#5f8153;--ok-soft:#f2f7ef;--ok-deep:#5f8153;--warn:#8a7327;--warn-soft:#fdf9e8;--warn-deep:#8a7327;--danger:#c26e77;--danger-soft:#fbf0f1;--danger-deep:#a55b62;--info:#4d6a82;--info-soft:#f0f5fa;--info-deep:#4d6a82;--numfont:"GenJyuuGothicX","Noto Sans TC",sans-serif;--select-caret:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%238a9482' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--area-shop-bg:#f5ebdd;--area-shop-fg:#a86b2a;--area-sched-bg:#f0f5fa;--area-sched-fg:#4d6a82;--area-pay-bg:#e8f1ea;--area-pay-fg:#3f7a46;--area-emp-bg:#f1ecf5;--area-emp-fg:#6b4e86;--area-book-bg:#fbeef2;--area-book-fg:#a6486a;--area-notice-bg:#fdf9e8;--area-notice-fg:#8a7327;--emp-1:#7e71c9;--emp-2:#5b9e6f;--emp-3:#d69a3c;--emp-4:#3fa0a6;--emp-5:#d9695e;--emp-6:#4e7fc7;--sidebar-bg:#fff;--sidebar-fg:#6b6560;--sidebar-fg-strong:#332f2b;--sidebar-fg-muted:#a29b93;--sidebar-icon-bg:transparent;--sidebar-border:#f3ede5;--sidebar-hover-bg:#f0f5fa;--sidebar-hover-fg:#4d6a82;--shadow-sm:0 1px 2px rgba(74,69,64,.04);--shadow-md:0 1px 2px rgba(74,69,64,.04),0 6px 18px rgba(74,69,64,.045);--shadow-overlay:0 24px 70px rgba(50,42,36,.4);--shadow-btn:0 6px 16px rgba(92,120,145,.2);--radius-card:12px;--radius-panel:14px;--radius-table:12px;--radius-btn:9px;--radius-input:9px;--radius-pill:999px;--accent:var(--primary);--accent-d:var(--primary-deep);--card:var(--surface);--line:var(--border)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:GenJyuuGothicX,Noto Sans TC,system-ui,-apple-system,Segoe UI,Microsoft JhengHei,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}::selection{background:var(--primary-soft)}a{color:var(--link)}a:hover{color:var(--link-deep)}.shell{height:100vh;min-height:720px;background:var(--bg)}.admin-main,.shell{display:flex;overflow:hidden}.admin-main{flex:1 1;min-width:0;flex-direction:column}.admin-body{flex:1 1;overflow-y:auto;padding:22px 26px 40px}.admin-body-inner{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:18px}main{display:flex;flex:1 1;min-width:0;overflow:hidden}.card{background:var(--surface);border:none;border-radius:var(--radius-card);box-shadow:var(--shadow-md);padding:18px;margin:0}h1{color:var(--fg);font-size:18px;font-weight:800;letter-spacing:.5px}h2{font-size:13.5px;margin-top:0}h2,h3{font-weight:700;color:var(--fg-2)}h3{font-size:13px}.muted{color:var(--muted)}.btn,.muted{font-size:12.5px}.btn{display:inline-flex;align-items:center;gap:6px;height:34px;background:var(--primary);color:var(--on-primary);border:none;border-radius:var(--radius-btn);padding:0 16px;font-weight:700;font-family:inherit;cursor:pointer;text-decoration:none;box-shadow:var(--shadow-btn);transition:background .15s,box-shadow .15s,transform .05s;white-space:nowrap}.btn:hover{background:var(--primary-deep)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--primary-deep);outline-offset:2px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:14px;gap:14px}.field{display:flex;flex-direction:column;gap:5px;margin:8px 0;min-width:0}.field label,.field-label{font-size:11px;font-weight:700;color:var(--muted)}.field-label{display:block;margin:0 0 5px}.field input,.field textarea{border:1px solid var(--border-input);border-radius:var(--radius-input);padding:0 11px;height:34px;font-size:13px;font-family:inherit;color:var(--fg-2);background:var(--surface)}.field textarea{height:auto;padding:9px 12px}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--border-input);border-radius:var(--radius-input);background-color:var(--surface);background-image:var(--select-caret);background-repeat:no-repeat;background-position:right 10px center;background-size:11px;padding:7px 30px 7px 11px;min-height:34px;line-height:1.35;font-size:13px;font-family:inherit;color:var(--fg-2);cursor:pointer}select:focus-visible{outline:2px solid var(--primary-deep);outline-offset:1px}select.db-cell{border:none;border-radius:4px;min-height:0;background-image:none;padding:8px 10px}.pill-select select{min-height:0}input[type=file]{font-size:12px;color:var(--muted);font-family:inherit}input[type=file]::-webkit-file-upload-button{border:1px solid var(--border-input);background:var(--surface);color:var(--fg-2);font-family:inherit;font-size:12px;font-weight:700;padding:6px 14px;border-radius:var(--radius-btn);cursor:pointer;margin-right:10px;-webkit-transition:background .12s,border-color .12s;transition:background .12s,border-color .12s}input[type=file]::file-selector-button{border:1px solid var(--border-input);background:var(--surface);color:var(--fg-2);font-family:inherit;font-size:12px;font-weight:700;padding:6px 14px;border-radius:var(--radius-btn);cursor:pointer;margin-right:10px;transition:background .12s,border-color .12s}input[type=file]::-webkit-file-upload-button:hover{background:var(--primary-soft);border-color:var(--primary)}input[type=file]::file-selector-button:hover{background:var(--primary-soft);border-color:var(--primary)}.tag{display:inline-block;font-size:10px;font-weight:600;padding:1px 8px;border-radius:var(--radius-pill);background:var(--bg-soft);color:var(--muted)}.tag.warn{background:var(--warn-soft);color:var(--warn-deep)}.tag.ok{background:var(--ok-soft);color:var(--ok-deep)}.tag.danger{background:var(--danger-soft);color:var(--danger-deep)}.tag.primary{background:var(--primary-soft);color:var(--primary)}.tag.minor{background:#f3ede5;color:#4d6a82}.tag.info{background:var(--info-soft);color:var(--info-deep)}.tag.emp-type{background:#f3ede5;color:#4d6a82;font-size:11px;font-weight:700;padding:2px 9px}.btn.ghost{background:var(--surface);color:var(--fg-2);font-weight:600;border:1px solid var(--border-input);box-shadow:none}.btn.ghost:hover{background:var(--primary-soft);border-color:var(--primary)}.btn.danger-outline{color:var(--danger);border-color:#eccdd0}.btn.danger-outline:hover{background:var(--danger-soft);border-color:var(--danger)}.btn.sm{height:28px}.btn.big{height:50px;padding:0;font-size:15px;width:100%;border-radius:15px;box-shadow:0 8px 18px -8px rgba(92,120,145,.55)}.btn:disabled{opacity:1;background:#eee8de;color:#a29b93;box-shadow:none;cursor:not-allowed;transform:none}.field input:disabled{background:var(--bg-soft);color:var(--muted)}.topbar{justify-content:space-between;gap:12px}.pagetitle,.topbar{display:flex;align-items:center}.pagetitle{margin:0 0 4px;gap:9px}.card-h-icon{gap:7px}.card-h-icon,.topbar>div{display:flex;align-items:center}.topbar>div{gap:10px}.badge{background:var(--bg-soft);color:var(--muted);font-weight:700;font-size:11.5px;padding:3px 10px;border-radius:var(--radius-pill);white-space:nowrap}.err{color:var(--danger);font-weight:600}.sidebar{width:236px;flex:none;background:var(--sidebar-bg);color:var(--sidebar-fg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;padding:20px 14px}.sidebar-brand{gap:11px;padding:6px 10px 20px}.sidebar-brand,.sidebar-logo{display:flex;align-items:center}.sidebar-logo{width:40px;height:40px;border-radius:12px;background:var(--primary);justify-content:center;font-weight:900;font-size:19px;color:var(--on-primary);flex:none}.sidebar-brand-name{font-weight:800;font-size:15px;color:var(--sidebar-fg-strong);line-height:1.15}.sidebar-brand-sub{font-size:11px;color:var(--sidebar-fg-muted)}.sidebar-nav{display:flex;flex-direction:column;gap:3px}.sidebar-link{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;font-size:14px;font-weight:600;color:var(--sidebar-fg);text-decoration:none;transition:background .12s,color .12s}.sidebar-link:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-hover-fg)}.sidebar-link.on,.sidebar-link.on:hover{font-weight:800;color:var(--on-primary);background:var(--primary)}.sidebar-link-icon{width:20px;text-align:center;flex:none;font-size:14px;display:inline-flex;align-items:center;justify-content:center}.sidebar-foot{margin-top:auto;gap:10px;padding:14px 8px 4px;border-top:1px solid var(--sidebar-border)}.sidebar-avatar,.sidebar-foot{display:flex;align-items:center}.sidebar-avatar{width:32px;height:32px;border-radius:50%;color:#fff;justify-content:center;font-size:13px;font-weight:800;flex:none}.sidebar-user-name{font-size:13px;color:var(--sidebar-fg-strong);font-weight:700}.sidebar-user-role{font-size:11px;color:var(--sidebar-fg-muted)}.sidebar-foot-btn{margin-left:auto;background:none;border:none;color:var(--sidebar-fg-muted);cursor:pointer;font-size:12px;padding:4px 6px;border-radius:6px}.sidebar-foot-btn:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-hover-fg)}.page-header{flex:none;background:var(--bg);border-bottom:none;padding:20px 26px 4px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px 16px;flex-wrap:wrap}.page-header .muted{margin-top:3px}.page-header-actions{display:flex;align-items:center;gap:8px;flex:none;flex-wrap:wrap}.sched-header-actions .btn{border-radius:var(--radius-btn);padding:0 16px}.sched-header-actions .btn:not(.ghost){padding:0 24px;font-weight:800}.sched-page .admin-body{padding:32px 34px}.sched-page .admin-body-inner{max-width:none}.pagetitle{white-space:nowrap}.pagetitle .badge,.pagetitle>span{white-space:normal}.pagetitle-hero{font-size:20px}.stepper{gap:0}.stepper,.stepper-item{display:flex;align-items:center}.stepper-item{flex:1 1}.stepper-item:last-child{flex:none}.stepper-dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--numfont);font-size:13px;font-weight:700;flex:none;background:var(--bg);color:var(--muted-2)}.stepper-dot.done{background:var(--ok);color:#fff}.stepper-dot.cur{background:var(--primary);color:#fff;box-shadow:0 0 0 4px var(--primary-soft)}.stepper-col{display:flex;flex-direction:column;align-items:center;gap:5px;flex:none}.stepper-label{font-size:10.5px;font-weight:600;color:var(--muted-2);white-space:nowrap}.stepper-label.active{color:#332f2b}.stepper-line{height:2px;flex:1 1;margin:0 8px 19px;background:var(--divider)}.stepper-line.done{background:var(--ok)}.stage-chips{display:flex;align-items:center;gap:0;padding:2px 2px 6px}.stage-chip{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:11px;white-space:nowrap;background:var(--border);color:var(--muted-2)}.stage-chip.cur{background:var(--primary);color:#fff}.stage-chip.done{background:var(--ok-soft);color:var(--ok-deep)}.stage-sep{width:14px;height:2px;background:var(--border-input);margin:0 3px}.perm-gate-page{flex:1 1;display:flex;align-items:center;justify-content:center;padding:40px}.perm-gate-page-inner{max-width:380px;text-align:center}.perm-gate-icon{width:64px;height:64px;border-radius:18px;background:var(--bg-soft);display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 16px}.perm-gate-page h2{font-size:17px;font-weight:900;color:var(--fg);margin:0 0 8px}.perm-gate-page p{margin:0;font-size:13px;line-height:1.7;color:var(--muted)}.perm-gate-field{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;background:#f7f3ec;border:1px solid #ece2d6;border-radius:10px}.perm-gate-field span.txt{font-size:12px;color:#6b6560;line-height:1.6}.list-row{display:flex;gap:8px;align-items:center;margin:6px 0}.list-row input{flex:1 1}.notice-edit{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;margin:8px 0;border:1px solid var(--border);border-radius:10px;padding:10px}.notice-edit .ne-title{width:100%;font-weight:600}.notice-edit textarea{flex:1 1;min-width:220px}.x{background:var(--danger-soft);color:var(--danger-deep);border:none;border-radius:8px;padding:8px 12px;cursor:pointer;transition:background .15s}.x:hover{background:#fbf0f1}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--fg);color:#fdfbf7;padding:12px 24px;border-radius:var(--radius-pill);box-shadow:var(--shadow-md)}.sub-h,.toast{font-weight:600}.sub-h{font-size:14px;color:var(--link);margin:18px 0 8px}.notice-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--bg);border:1px solid var(--divider);border-radius:12px;margin:8px 0}.notice-row p{margin:4px 0 0}.notice-row.hist{opacity:.6}.notice-row.done{background:#f3f7f1;border-color:#dbebdc}.notice-row.clickable{cursor:pointer;transition:background .12s,border-color .12s}.notice-row.clickable:hover{background:#f0f5fa66;border-color:var(--primary)}.muted.sm{font-size:12px}.badge.ok{background:var(--ok-soft);color:var(--ok-deep)}.badge.warn,.pagetitle .badge{background:var(--warn-soft);color:var(--warn)}.pagetitle .badge{font-size:12px;padding:4px 12px}.pagetitle .badge.ok{background:var(--ok-soft);color:var(--ok-deep)}.search{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:10px;margin-bottom:8px}.notice-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.notice-section-head h2{margin:0}.notice-section-head .search{width:240px;max-width:100%;margin-bottom:0}.roster-row{display:flex;justify-content:space-between;font-size:14px;padding:5px 2px;border-bottom:1px dashed var(--border)}.roster-row.read span:first-child{color:var(--ok-deep);font-weight:600}.unread-chips{flex-wrap:wrap;gap:6px}.roster-list,.unread-chips{display:flex;margin-top:4px}.roster-list{flex-direction:column;gap:8px}.roster-list-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--bg);border:1px solid var(--divider);border-radius:11px;font-size:14px}.roster-dot{flex:none;width:10px;height:10px;border-radius:50%}.roster-list-name{flex:1 1;min-width:0;color:var(--fg);font-weight:600}.roster-list-name i{font-style:normal;font-weight:400}.notice-img{max-width:100%;border-radius:10px;margin-top:8px;display:block}.notice-img-thumb{height:44px;border-radius:6px;vertical-align:middle;border:1px solid var(--border)}.notice-sub{font-size:13px;margin:0}.handover-card,.notice-list-card,.notice-pub-card{border-color:#ece2d6;padding:20px 22px}.notice-card-h{margin:0 0 12px;font-size:16px;font-weight:800;color:var(--fg)}.notice-card-h .muted{font-weight:500;font-size:13px}.notice-pub-card .ne-title{box-sizing:border-box;border:1px solid var(--border-input);border-radius:10px;padding:11px 12px;font-size:14px;font-weight:400;color:var(--fg);background:var(--bg);margin-bottom:10px}.notice-mdx .mdx-wrap{border-color:var(--border-input)}.handover-card .notice-card-h{margin-bottom:4px}.handover-desc{margin:0 0 12px;font-size:12px;color:var(--muted);line-height:1.6}.handover-ta{width:100%;box-sizing:border-box;border:1px solid var(--border-input);border-radius:10px;padding:12px;font-size:13px;font-family:inherit;color:var(--fg);background:var(--bg);min-height:70px;resize:vertical;margin-bottom:10px}.handover-check{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:12px;cursor:pointer}.handover-check .muted{font-size:13px}.handover-check .check-box{width:20px;height:20px}.handover-list{border-top:1px solid var(--divider);padding-top:12px;margin-top:16px}.handover-list .sub-h{font-size:13px;font-weight:800;color:var(--link);margin:0 0 6px}.handover-list .sub-h:not(:first-child){margin-top:12px}.handover-empty{font-size:13px;color:var(--muted);margin:0 0 6px}.handover-done{margin-bottom:12px}.handover-done>summary{font-size:13px;color:var(--link);font-weight:700;cursor:pointer;list-style:none}.handover-done>summary::-webkit-details-marker{display:none}.handover-done-row{display:flex;align-items:flex-start;gap:10px;background:#f3f7f1;border:1px solid #dbebdc;border-radius:10px;padding:10px 12px;margin-top:8px}.handover-done-check{flex:0 0 auto;width:18px;height:18px;border-radius:5px;background:var(--ok);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}.handover-done-body{flex:1 1;min-width:0}.handover-done-text{font-size:13px;color:var(--fg);text-decoration:line-through;-webkit-text-decoration-color:#a9c3ab;text-decoration-color:#a9c3ab}.handover-done-meta{font-size:11px;color:var(--muted);margin-top:2px}.handover-done-row .x{margin-left:auto;align-self:center;background:transparent;color:var(--muted);font-size:11px;padding:4px 8px}.handover-done-row .x:hover{background:var(--danger-soft);color:var(--danger-deep)}.notice-list-card .notice-card-h{margin:0}.notice-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.search-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #ece2d6;border-radius:var(--radius-pill);padding:7px 14px}.search-pill .search-ic{color:var(--muted);font-size:13px}.search-pill input{border:none;outline:none;background:transparent;font-size:13px;font-family:inherit;color:var(--fg);width:180px;max-width:100%}.notice-list .notice-row{gap:14px;padding:14px 16px;background:var(--bg);border:1px solid var(--divider);border-radius:12px;margin:0;justify-content:flex-start}.notice-list .notice-row:hover{border-color:#e8dcc0}.notice-dot{flex:0 0 auto;width:10px;height:10px;border-radius:50%}.notice-row-main{flex:1 1;min-width:0}.notice-row-title{font-size:14px;font-weight:700;color:var(--fg)}.notice-row-date{font-size:12px;color:var(--muted);margin-top:0}.nrow-btn{border:1px solid #ece2d6;background:var(--surface);color:var(--link);font-weight:700;font-size:12px;padding:7px 14px;border-radius:var(--radius-pill);cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .12s,border-color .12s}.nrow-btn:hover{background:var(--bg-milk)}.nrow-btn.danger{color:var(--danger)}.nrow-btn.danger:hover{background:var(--danger-soft);border-color:var(--danger)}.mde{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}.mde-bar{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--bg-soft);border-bottom:1px solid var(--border)}.mde-tab{border:1px solid transparent;background:transparent;color:var(--muted);font-size:13px;padding:4px 10px;border-radius:8px;cursor:pointer}.mde-tab.on{background:var(--surface);color:var(--fg);border-color:var(--border);font-weight:600}.mde-sp{flex:1 1}.mde-ta{width:100%;border:none;font-size:15px;font-family:inherit;line-height:1.6;resize:vertical;box-sizing:border-box;outline:none}.mde-preview,.mde-ta{padding:12px 14px;min-height:120px}.mde-preview{max-height:460px;overflow-y:auto}.mde-hint{margin:6px 2px 0}.md{line-height:1.7;font-size:15px;color:var(--fg);word-break:break-word}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md h1,.md h2,.md h3,.md h4{color:var(--fg);line-height:1.3;margin:12px 0 6px}.md h1{font-size:20px}.md h2{font-size:18px}.md h3{font-size:16px}.md h4{font-size:15px}.md p{margin:7px 0}.md ol,.md ul{margin:7px 0;padding-left:22px}.md li{margin:2px 0}.md a{color:var(--link);text-decoration:underline}.md img{max-width:100%;max-height:360px;border-radius:10px;margin:8px 0;display:block}.md code{background:var(--bg-soft);padding:1px 5px;border-radius:5px;font-size:13px}.md pre{background:#2c2825;color:#f7f3ec;padding:12px 14px;border-radius:10px;overflow-x:auto}.md pre code{background:none;padding:0;color:inherit}.md blockquote{margin:8px 0;padding:4px 14px;border-left:4px solid var(--primary);background:var(--bg-soft);color:#55504a;border-radius:0 8px 8px 0}.md table{border-collapse:collapse;margin:8px 0;width:100%;font-size:13px}.md td,.md th{border:1px solid var(--border);padding:6px 10px;text-align:left}.md th{background:var(--bg-soft)}.md hr{border:none;border-top:1px solid var(--border);margin:12px 0}.md-entry{display:inline;background:var(--primary-soft);color:var(--link);border:1px solid #e8dcc0;border-radius:6px;padding:0 6px}.mdx-wrap{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}.mdx-wrap .mdxeditor{--baseBg:#fff}.mdx-content{min-height:160px;padding:8px 12px}.mdx-loading{padding:28px;color:var(--muted);text-align:center}.mdxeditor-toolbar{flex-wrap:wrap!important}.hb-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:10px;font-size:14px}.hb-crumb{background:none;border:none;color:var(--link);cursor:pointer;padding:2px 4px;border-radius:6px}.hb-crumb:hover{background:var(--primary-soft);text-decoration:underline}.hb-crumb:last-child{color:var(--fg);font-weight:600}.hb-crumb-sep{color:var(--muted)}.db-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.db-scroll{overflow-x:auto}.db-table{border-collapse:collapse;width:100%;font-size:13px}.db-table td,.db-table th{border:1px solid var(--divider);padding:0;text-align:left;vertical-align:middle}.db-table th{background:var(--table-head);padding:8px 10px;font-weight:700;font-size:11px;color:var(--muted);white-space:nowrap;position:relative}.db-table th.db-name{min-width:220px}.db-table tr.off{opacity:.5}.db-table tbody tr:hover>td{background:#f0f5fa33}.db-name{display:flex;align-items:center;gap:6px;padding:6px 10px!important}.db-title{flex:1 1;text-align:left;background:none;border:none;cursor:pointer;font-size:14px;color:var(--fg);padding:4px 2px;border-radius:6px}.db-title:hover{background:var(--primary-soft);color:var(--link)}.db-del,.db-open{background:none;border:none;cursor:pointer;font-size:13px;padding:2px 4px;border-radius:6px;opacity:.6}.db-del:hover,.db-open:hover{opacity:1;background:var(--bg-soft)}.db-colx{position:absolute;top:4px;right:4px;background:none;border:none;color:var(--muted);cursor:pointer;font-size:13px;line-height:1;opacity:.5}.db-colx:hover{opacity:1;color:var(--danger)}.db-cell{width:100%;min-width:120px;border:none;background:transparent;padding:8px 10px;font-size:14px;font-family:inherit;box-sizing:border-box}.db-cell:focus{outline:2px solid var(--primary-deep);outline-offset:-2px;border-radius:4px}select.db-cell{cursor:pointer}.db-newrow td{padding:0!important}.db-new{width:100%;border:none;background:transparent;padding:9px 10px;font-size:14px;font-family:inherit;color:var(--link);box-sizing:border-box}.db-new::placeholder{color:var(--link);opacity:.7}.db-new:focus{outline:none;background:var(--bg)}.btn.sm{font-size:12px;padding:0 12px}.chip.warn{background:var(--warn-soft);color:var(--warn-deep);font-size:13px;padding:4px 12px;border-radius:var(--radius-pill);font-weight:600}.sched-panel{padding:28px}.sched-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.sched-stats{display:flex;gap:40px;margin:18px 0 16px}.sched-stats span{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--muted)}.sched-stats b{color:var(--fg);font-size:22px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sched-stats .good{color:var(--ok-deep)}.sched-stats .bad{color:var(--danger)}.issues{border-radius:10px;padding:8px 12px;margin:8px 0;font-size:13px;line-height:1.7}.issues.bad{background:var(--danger-soft);color:var(--danger-deep)}.issues.warn{background:var(--warn-soft);color:var(--warn-deep)}.sched-scroll{overflow-x:auto;margin:8px 0}.sched-scroll .gtable-wrap{border:1px solid var(--divider);border-radius:var(--radius-table);overflow:hidden;margin:0 0 18px;min-width:-moz-fit-content;min-width:fit-content}.sched-scroll .gtable-wrap:last-child{margin-bottom:0}.sched-table{border-collapse:collapse;font-size:13px}.sched-table td,.sched-table th{border:1px solid var(--border);padding:3px;text-align:center;min-width:46px;position:relative}.sched-table td.we,.sched-table th.we{background:var(--bg-soft)}.sched-table thead th{font-weight:600}.sticky-col{position:-webkit-sticky;position:sticky;left:0;background:var(--surface);text-align:left!important;min-width:88px;z-index:1;white-space:nowrap}.gradechip{display:inline-block;margin-left:5px;font-size:10px;background:var(--primary-soft);color:var(--link);border-radius:4px;padding:0 5px}.cell{width:100%;min-height:30px;border:none;background:transparent;border-radius:5px;cursor:pointer;font-size:12px;color:var(--muted);padding:5px 2px}.cell:not(:disabled):hover{background:var(--primary-soft)}.cell.has{background:var(--ok-soft);color:var(--ok-deep);font-weight:600}.cell:disabled{cursor:default}.hourcol{font-weight:600;white-space:nowrap}.cellmenu{position:absolute;top:100%;left:0;z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-md);padding:6px;min-width:150px;display:flex;flex-direction:column;gap:4px}.cellmenu button{text-align:left;border:none;background:var(--bg-soft);border-radius:6px;padding:7px 9px;cursor:pointer;font-size:12px}.cellmenu button:hover{background:var(--primary-soft)}.cellmenu button.rm{background:var(--danger-soft);color:var(--danger-deep)}.cellmenu button.rm:hover{background:#fbf0f1}.cellmenu button.cancel{background:transparent;color:var(--muted)}.cal{margin:8px 0}.calhead{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px;margin-bottom:6px}.calhead>div{text-align:center;font-size:13px;color:var(--muted)}.calhead>div.we{color:var(--link)}.calrow{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px;margin-bottom:6px}.calday{min-height:78px;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:4px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:3px;font:inherit;transition:border-color .12s,box-shadow .12s}.calday:not(.empty):hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.calday.empty{border:none;background:transparent;cursor:default}.calday.we{background:var(--bg-soft)}.calday.sel{outline:2px solid var(--primary-deep)}.calday .dnum{font-size:12px;font-weight:600;color:var(--muted)}.asgs{display:flex;flex-direction:column;gap:2px}.asg{font-size:11px;border-radius:5px;padding:3px 5px;margin-bottom:2px;color:#fff;line-height:1.25}.asg,.asg b{display:block}.asg b{font-weight:600;font-size:12px}.asg i{font-size:10px;opacity:.9}.asg.s-wd-flex,.asg.s-wk-out,.asg.s-wk-outflt{background:var(--info-soft);color:var(--info-deep)}.asg.s-wd-flex b,.asg.s-wk-out b,.asg.s-wk-outflt b{color:#22364a}.asg.s-wd-float,.asg.s-wk-inflt{background:var(--warn-soft);color:var(--warn-deep)}.asg.s-wd-float b,.asg.s-wk-inflt b{color:#3c556a}.asg.sched{--c:var(--muted);background:color-mix(in srgb,var(--c) 16%,#fff);color:color-mix(in srgb,var(--c) 70%,#262220);border-radius:8px;padding:5px 8px;width:100%;border:none;text-align:left;cursor:pointer;font:inherit}.asg.sched:disabled{cursor:default}.asg.sched b{display:block;font-size:11px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:inherit}.asg.sched i{font-size:11px;font-weight:600;font-style:normal;color:inherit;opacity:1}.calweeks{display:flex;flex-direction:column;gap:14px}.calweek-label{margin:0 0 6px;font-size:12px;font-weight:700;color:var(--link)}.calweek .calrow{grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:0}.calcard{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.05);display:flex;flex-direction:column}.calcard.empty{border:none;background:transparent;box-shadow:none}.calcard.sel{outline:2px solid var(--primary-deep)}.calcard-num{padding:6px 8px;text-align:center;border-bottom:1px solid var(--divider);color:var(--muted);background:var(--table-head);font-size:13px;font-weight:700}.calcard.we .calcard-num{color:var(--link);background:var(--bg-milk)}.calcard-num .wd{font-size:11px;font-weight:500}.calcard .asgs{display:flex;flex-direction:column;gap:5px;padding:6px;min-height:108px;flex:1 1}.caladd{border:1px dashed #e8dcc0;border-radius:8px;background:var(--bg);color:#a29b93;padding:4px 0;cursor:pointer;font-size:15px;transition:background .12s,border-color .12s}.caladd:hover{background:var(--primary-soft);border-color:var(--primary)}.sched-tabs{display:flex;gap:4px;background:var(--bg);border-radius:10px;padding:3px;width:-moz-fit-content;width:fit-content;flex-wrap:wrap;margin:0 0 18px;border:none;overflow:visible}.sched-tabs button{border:none;background:transparent;color:var(--muted);font-weight:700;font-size:12px;padding:7px 16px;border-radius:8px;cursor:pointer;transition:background .12s,color .12s}.sched-tabs button:hover{color:var(--fg)}.sched-tabs button.on{background:var(--primary);color:#fff;font-weight:700;box-shadow:none}.kbadge{background:var(--ok-soft);color:var(--ok-deep)}.kbadge,.shortbadge{display:inline-block;margin-left:6px;font-size:10px;border-radius:4px;padding:1px 5px;font-weight:700}.shortbadge{background:var(--danger-soft);color:var(--danger-deep)}.chkline{display:flex;align-items:center;gap:8px;font-size:14px;margin-top:8px}.chkline input{width:16px;height:16px;accent-color:var(--primary-deep)}.slot-form{border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin-top:10px;background:var(--bg)}.field select{border:1px solid var(--border);border-radius:10px;padding:9px 30px 9px 12px;font-size:14px;font-family:inherit;background-color:var(--surface)}.viewtoggle{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:var(--surface)}.viewtoggle button{border:none;background:var(--surface);color:var(--muted);padding:8px 18px;font-size:13px;cursor:pointer;transition:background .12s}.viewtoggle button:hover{background:var(--bg-soft)}.viewtoggle button.on{background:var(--primary);color:var(--on-primary);font-weight:700}.penbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;margin:0 0 18px;background:#f7f3ec;border:1px solid #f3ede5;border-radius:14px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.penlabel{font-size:13px;color:var(--muted);margin-right:4px}.pen{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-pill);padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s}.pen.on,.pen:hover{border-color:var(--primary)}.pen.on{background:var(--primary-soft);color:var(--fg);font-weight:600}.pen.erase{border-style:dashed;border-color:#cf7f87;background:transparent;color:var(--danger)}.pen.erase:hover{background:var(--danger-soft)}.pen.erase.on{background:var(--danger);color:#fff;border-style:solid;border-color:var(--danger)}.penhint{font-size:12px;color:var(--link);font-weight:600;margin-left:4px}.gtable{border-collapse:collapse;font-size:13px;width:100%;margin:-1px}.gtable td,.gtable th{border:1px solid var(--divider);padding:2px;text-align:center;min-width:46px;height:36px}.gtable thead th{font-weight:700;font-size:12px;color:var(--muted);background:var(--bg-soft);padding:8px 6px}.gtable th.we{background:var(--primary-soft);color:var(--on-primary)}.slotcol{text-align:left!important;white-space:nowrap;min-width:88px;background:var(--bg-soft);font-weight:700;padding:7px 12px!important}.slotcol .small{font-size:11px;font-weight:400;color:var(--muted)}.gc{cursor:default}.gc.has{padding:0}.gc.short{background:var(--warn-soft)}.gc.has.short{background:var(--ok-soft)}.gc.stampable{cursor:pointer}.gc.stampable:hover{outline:2px solid var(--primary-deep);outline-offset:-2px}.gc.dim{background:repeating-linear-gradient(45deg,#f7f3ec,#f7f3ec 4px,#ece2d6 0,#ece2d6 8px);cursor:not-allowed}.gx{background:var(--bg-soft)}.gname{display:block;margin:0;padding:8px 4px;color:#fff;font-weight:700;line-height:1.35;text-align:center}.gname+.gname{border-top:1px solid hsla(0,0%,100%,.5)}.pdot{width:10px;height:10px;margin-right:5px}.cdot,.pdot{display:inline-block;border-radius:50%;vertical-align:middle}.cdot{width:12px;height:12px;margin-right:7px}.emp-split{display:grid;grid-template-columns:360px 1fr;grid-gap:14px;gap:14px;align-items:start}@media (max-width:900px){.emp-split{grid-template-columns:1fr}}.emp-split.pay-split{grid-template-columns:340px 1fr}.emp-panel{background:var(--surface);border:1px solid #ece2d6;border-radius:var(--radius-card);box-shadow:var(--shadow-sm);overflow:hidden}.emp-panel-head{padding:16px 18px 10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.emp-panel-head h2{margin:0;font-size:14px;font-weight:800;color:var(--fg)}.emp-panel-head .count{font-size:12px;font-weight:500;color:var(--muted)}.emp-panel-head-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.emp-panel-foot{padding:12px 18px 16px;font-size:11px;color:var(--muted-2);line-height:1.6}.emp-row{display:flex;align-items:center;gap:12px;padding:14px 18px;border-top:1px solid var(--divider);border-bottom:none;cursor:pointer;background:var(--surface);transition:background .12s}.emp-row:hover{background:var(--bg-soft)}.emp-row.sel{background:#faf6ee;box-shadow:inset 3px 0 0 var(--primary)}.emp-row.off{opacity:.55}.emp-row .emp-main{min-width:0;flex:1 1}.emp-row .cdot{margin-right:0;flex:none}.emp-name-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.emp-sub{font-size:12px;color:var(--muted);margin-top:0}.emp-row .chev{font-size:16px;color:#c9c0b4;flex:none}.emp-form-body{padding:16px 18px;display:flex;flex-direction:column;gap:18px}.emp-form-panel{padding:24px 26px}.emp-form-panel .emp-panel-head{padding:0;margin-bottom:18px}.emp-form-panel .emp-panel-head h2{font-size:17px}.emp-form-panel .emp-form-body{padding:0}.emp-form-body .field{margin:0;gap:6px}.emp-form-body .field label{font-size:13px;font-weight:700;color:var(--fg)}.emp-form-body .field input{height:auto;padding:10px 12px;font-size:14px;border-radius:var(--radius-input);background:var(--bg);color:var(--fg)}.emp-row2{display:flex;gap:16px;flex-wrap:wrap}.emp-row2>.field{flex:1 1;min-width:140px}.emp-row2.rate-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-gap:16px;gap:16px}.emp-row2.rate-row>.field{min-width:0}.pin-field input{font-family:var(--numfont);font-size:14px;letter-spacing:3px}.type-toggle{display:inline-flex;background:#f3ede5;border-radius:999px;padding:4px;gap:2px}.type-toggle button{height:34px;padding:0 22px;border:0;border-radius:999px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;background:transparent;color:var(--muted)}.type-toggle button.on{background:var(--primary);color:var(--on-primary);font-weight:800;box-shadow:0 1px 3px rgba(0,0,0,.15)}.money-field{display:flex;align-items:center;border:1px solid var(--border-input);border-radius:var(--radius-input);padding:0 12px;background:var(--bg)}.money-field span.cur{color:var(--muted);font-size:13px}.money-field input{flex:1 1;border:0;outline:none;font-family:var(--numfont);font-size:14px;color:var(--fg);background:transparent;padding:10px 8px;min-width:0}.emp-salary-box{display:flex;flex-direction:column;gap:12px;padding:14px 16px;background:#faf6ee;border:1px dashed #e5d5a8;border-radius:12px}.emp-salary-box-hint{font-size:11px;font-weight:700;color:var(--link)}.leave-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-milk);border-radius:10px;color:var(--warn);font-size:12px;line-height:1.5}.leave-banner b{color:var(--link);font-family:var(--numfont)}.salary-gate-note{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;background:#f7f3ec;border:1px solid #ece2d6;border-radius:10px;font-size:12px;color:#6b6560;line-height:1.6}.emp-personal-box{padding:18px 20px;background:#faf6ee;border:1px solid #efe3cd;border-radius:14px}.emp-personal-title{font-size:14px;font-weight:800;color:var(--fg);margin:0 0 3px}.emp-personal-title span{font-size:13px;font-weight:500;color:var(--muted)}.emp-personal-box .grid{grid-template-columns:1fr 1fr;gap:14px}.emp-personal-box .field label{font-size:12px}.emp-personal-box .field{gap:5px}.emp-personal-box .field input,.emp-salary-box .field input,.emp-salary-box .money-field{background:var(--surface)}.color-swatches{display:flex;gap:10px;flex-wrap:wrap}.color-swatch{width:34px;height:34px;border-radius:50%;cursor:pointer;border:2px solid transparent;display:flex;align-items:center;justify-content:center;padding:0;color:#fff;font-weight:900;font-size:15px}.color-swatch.on{border-color:transparent;box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--fg)}.color-swatch-more{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-milk);border:1px solid #e5d5a8;color:var(--link);font-size:18px;font-weight:700;flex:none}.color-swatches-more{margin-top:12px;padding:14px 16px;background:#faf6ee;border:1px solid #efe3cd;border-radius:14px}.color-swatches-more-hint{display:block;font-size:12px;font-weight:700;color:var(--link);margin-bottom:10px}.color-swatches-more .color-swatches{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:8px;gap:8px}.color-swatches-more .color-swatch{width:30px;height:30px;font-size:13px}.color-swatches-more .color-swatch.on{box-shadow:0 0 0 2px #faf6ee,0 0 0 4px var(--fg)}.shift-group,.slotchecks{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.shift-group .glabel{font-size:12px;color:var(--muted);width:32px;flex:none}.shift-chip,.slotchk{height:32px;padding:0 13px;border-radius:var(--radius-btn);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;border:1.5px solid var(--border-input);background:var(--surface);color:var(--fg-2)}.shift-chip.on,.slotchk.on{border-color:#dbebdc;background:#f3f7f1;color:var(--ok-deep);font-weight:700}.shift-chip{height:auto;padding:8px 14px;border-radius:var(--radius-pill);font-size:13px;background:var(--bg);color:var(--muted);line-height:1}.shift-chip,.shift-chip.on{border-width:1px}.slotchk.locked{opacity:.45;cursor:not-allowed}.wkchips{display:flex;gap:6px}.leave-day-btn,.wkchip{width:36px;height:36px;border-radius:var(--radius-btn);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;border:1.5px solid var(--border-input);background:var(--surface);color:var(--fg-2);transition:background .12s,border-color .12s}.leave-day-btn.on,.wkchip.on{border-color:var(--primary);background:var(--primary);color:var(--on-primary);font-weight:700}.leave-day-btn{width:38px;height:38px;border-radius:10px;font-size:14px;font-weight:700;color:var(--muted)}.leave-day-btn.on{color:var(--on-primary)}.check-box{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--border-input);background:var(--surface);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;flex:none}.check-box.on{border-color:var(--ok);background:var(--ok);color:#fff}.emp-form-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.emp-main p{margin:3px 0 0}.emp-main .small{font-size:12px}.emp-act{white-space:nowrap}.kpi-grid{display:grid;grid-gap:12px;gap:12px}.kpi-grid-6{grid-template-columns:repeat(6,1fr)}@media (max-width:900px){.kpi-grid-6{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.kpi-grid-6{grid-template-columns:repeat(2,1fr)}}.kpi-card{background:var(--surface);border:1px solid #ece2d6;border-radius:var(--radius-card);padding:16px 18px;box-shadow:var(--shadow-sm)}.kpi-label{font-size:12px;color:var(--muted);margin-bottom:6px}.kpi-value{font-size:22px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--fg)}.kpi-value.bad{color:var(--danger);font-weight:900}.kpi-value.ot,.kpi-value.warn{color:var(--warn-deep)}.kpi-value.ok{color:var(--ok-deep)}.att-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.att-controls .seg{margin:0}.att-controls-right{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.att-controls select{border:1px solid var(--border);border-radius:10px;padding:8px 30px 8px 12px;font-size:15px;background-color:var(--surface)}.pill-select{display:inline-flex;align-items:center;gap:8px;padding:6px 8px 6px 14px;border:1px solid #ece2d6;border-radius:var(--radius-pill);background:var(--surface);color:var(--fg);font-weight:700;font-size:14px}.pill-select-avatar{width:22px;height:22px;border-radius:50%;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}.pill-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer;padding:0 18px 0 0;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:right 5px top 60%,right 0 top 60%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.pill-select select:focus{outline:none}.pill-select-caret{color:var(--muted);font-size:12px}.month-nav-inline{display:inline-flex;align-items:center;gap:6px;border:1px solid #ece2d6;background:var(--surface);border-radius:var(--radius-pill);padding:6px;font-size:14px}.month-nav-inline strong{font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:0 4px}.month-nav-inline button{width:30px;height:30px;padding:0;border:none;border-radius:50%;background:var(--table-head);color:var(--muted);font-size:14px;cursor:pointer;font-family:inherit}.month-nav-inline button:hover{background:var(--primary-soft);color:var(--fg)}.att-summary{display:flex;flex-wrap:wrap;gap:18px;margin:12px 0 4px;font-size:14px}.att-summary b{color:var(--link);font-size:16px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.att-hours .bad,.att-summary .bad{color:var(--danger)}.ot{color:var(--warn-deep)}.att-fix-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.att-fix-head h2{margin:0;font-size:16px;font-weight:800;color:var(--fg)}.att-fixform{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.att-fixform-inline{margin-left:auto;gap:10px}.att-fixform input,.att-fixform select{border:1px solid #ece2d6;border-radius:10px;padding:9px 12px;font-size:13px;font-family:inherit;color:var(--fg);background:var(--bg)}.att-fixform .btn.pill{padding:0 20px}.att-fix-card{padding:20px 22px;border-color:#ece2d6}.att-daily-card{padding:20px 22px 8px;border-color:#ece2d6}.att-daily-card>.muted,.att-fix-head .muted{font-size:12px}.att-daily-card .att-day-list{margin-top:0}.att-daily-card h2{margin:0 0 4px;font-size:16px;font-weight:800;color:var(--fg)}.att-day-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.att-day{display:flex;align-items:center;gap:6px;padding:14px 16px;border:1px solid var(--divider);border-radius:14px;background:var(--bg)}.att-day.flagged{background:#fbf0f1;border-color:#eccdd0}.att-date{flex:0 0 92px}.att-date b{font-weight:700;font-size:14px}.att-date .muted{font-weight:500;font-size:12px}.att-punches{flex:1 1;min-width:0;display:flex;flex-wrap:wrap}.att-punches,.punchchip{gap:8px;align-items:center}.punchchip{display:inline-flex;background:var(--surface);border:1px solid #e8dcc0;border-radius:var(--radius-pill);padding:6px 12px;font-size:13px;font-weight:700;color:var(--fg)}.punchchip i{font-style:normal;color:inherit;font-weight:700}.punchchip em{font-style:normal;background:var(--primary-soft);color:var(--link);border-radius:4px;padding:0 4px;font-size:11px}.punchchip button{border:none;background:none;color:inherit;opacity:.6;padding:0;cursor:pointer;line-height:1;font-size:13px;font-family:inherit}.punchchip button:hover{opacity:1}.punchchip.restchip{background:#f3ede5;border:none;color:var(--muted);padding:6px 14px}.att-hours{flex:0 0 auto;font-weight:800;font-size:14px;white-space:nowrap;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:44px}.att-flags{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:5px;align-items:center;justify-content:flex-end;margin-left:14px}.att-flags .btn.ghost.xs{height:auto;padding:7px 14px;border-radius:var(--radius-pill);background:var(--surface);border-color:#ece2d6;color:var(--link);font-weight:700}.att-flags .btn.ghost.xs:hover{background:#fdf9e8;border-color:#ece2d6}.flagbadge{display:inline-flex;align-items:center;gap:5px;font-size:12px;border-radius:var(--radius-pill);padding:5px 12px;font-weight:700}.flagbadge.bad{background:var(--danger-soft);color:var(--danger-deep)}.flagbadge.warn{background:var(--warn-soft);color:var(--warn-deep)}.flagbadge.ot{background:#fdf4ec;color:#a86a3f}.btn.xs{padding:4px 9px;font-size:12px}.att-header-actions .btn.ghost.pill{color:var(--fg);border-color:#ece2d6;font-weight:600}.att-header-actions .btn.ghost.pill:hover{background:#fdf9e8;border-color:#ece2d6}.att-header-actions .btn.dark.pill{padding:0 18px}.payslip{width:min(460px,100%);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.slip-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:2px solid var(--primary);padding-bottom:8px}.slip-head strong{font-size:18px;color:var(--fg)}.slip-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;font-size:15px}.slip-row.total{border-top:1px solid var(--border)}.slip-row.sub{color:var(--muted)}.slip-row.grand{border-top:2px solid var(--primary);margin-top:4px;padding-top:10px;font-size:17px}.slip-row.grand b{color:var(--link);font-size:22px}.slip-sec{margin:8px 0;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:0 12px 8px}.slip-sec-h{font-size:13px;color:var(--on-primary);background:var(--primary);margin:0 -12px 6px;padding:5px 12px;border-radius:9px 9px 0 0;font-weight:700;letter-spacing:1px}.slip-sec-title{font-size:13px;font-weight:800;color:var(--link);margin:16px 0 8px}.slip-line{display:flex;justify-content:space-between;font-size:14px;padding:3px 0}.slip-line i{font-style:normal;font-size:12px;margin-left:6px;opacity:.7}.slip-line.strong,.slip-line.sub{border-top:1px dashed var(--border);margin-top:4px;padding-top:6px;font-weight:700}.slip-sec .slip-row.grand{margin-top:2px}.slip-footer{text-align:center;margin-top:10px}.slip-actions{display:flex;justify-content:flex-end;margin-bottom:6px}.pdf-stage{position:absolute;left:-10000px;top:0;pointer-events:none}.pdf-render{width:440px;max-height:none!important;overflow:visible!important;box-shadow:none!important;background:#fff;padding:22px 26px;border-radius:0}.slip-edit{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.pay-summary-row{display:flex;gap:14px;flex-wrap:wrap;align-items:stretch}.pay-summary-card{flex:1 1;min-width:200px;padding:20px 22px}.pay-summary-label{font-size:12px;color:var(--muted);margin-bottom:3px}.pay-summary-value{font-family:var(--numfont);font-size:32px;font-weight:900;color:var(--fg);margin:4px 0 2px}.pay-summary-sub{font-size:12px;color:var(--muted);margin-top:2px}.pay-summary-actions{flex:2 1;min-width:260px;display:flex;align-items:center;gap:8px;justify-content:flex-end}.pay-avatar{width:36px;height:36px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;flex:none}.pay-avatar.lg{width:40px;height:40px;font-size:15px}.pay-row-net{text-align:right;flex:none}.pay-row-net-amt{font-family:var(--numfont);font-size:15px;font-weight:800;color:var(--fg)}.pay-slip-head{padding:22px 24px 16px;border-bottom:1px solid var(--divider);gap:12px}.pay-net-banner,.pay-slip-head{display:flex;align-items:center}.pay-net-banner{margin-top:8px;padding:14px 18px;background:#fdf9e8;border:1px solid #f2e7bd;border-radius:14px;justify-content:space-between}.pay-slip-actions{margin-top:14px;display:flex;gap:10px}.pay-slip-actions .btn{flex:1 1}.payitem-row{display:grid;grid-template-columns:1fr 80px 90px 70px 28px;grid-gap:6px;gap:6px;align-items:center;margin:6px 0}.payitem-row input,.payitem-row select{border:1px solid var(--border);border-radius:8px;padding:6px 8px;font-size:13px;background:var(--surface);min-width:0}.setcard{display:grid;grid-template-columns:220px 1fr;grid-gap:20px;gap:20px;align-items:start}@media (max-width:760px){.setcard{grid-template-columns:1fr}}.setcard-intro{display:flex;flex-direction:column;gap:6px}.setcard-intro .setcard-icon{width:34px;height:34px;border-radius:10px;background:var(--primary-soft);display:flex;align-items:center;justify-content:center;font-size:16px;flex:none}.setcard-intro h2{margin:0;font-size:15px;display:flex;align-items:center;gap:8px}.setcard-intro p{margin:0;font-size:12px;color:var(--muted);line-height:1.6}.setcard-fields{min-width:0}.setcard-actions{margin-top:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.holiday-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:10px;gap:10px;margin:4px 0 12px}.holiday-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:10px;padding:8px 8px 8px 14px;background:var(--bg);font-size:13px}.holiday-chip .hc-date{font-weight:700;color:var(--fg);white-space:nowrap}.holiday-chip .hc-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.holiday-chip .hc-x{flex:none;width:22px;height:22px;border-radius:50%;border:none;background:transparent;color:var(--muted-2);cursor:pointer;line-height:1;font-size:13px}.holiday-chip .hc-x:hover{background:var(--danger-soft);color:var(--danger-deep)}.holiday-add-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.holiday-add-row input[type=date]{width:150px}.holiday-add-row input[type=text]{flex:1 1;min-width:160px}.emp-summary{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;padding-top:16px;border-top:1px solid var(--divider)}.empsum{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--divider);border-radius:var(--radius-table);padding:8px 14px;background:var(--surface);font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.empsum b{color:var(--link)}.empsum i{font-style:normal;font-size:13px;color:var(--muted)}.overlay{position:fixed;inset:0;background:rgba(55,48,25,.45);display:grid;place-items:center;padding:18px;z-index:50}.daymodal{width:min(420px,100%);max-height:86vh;overflow-y:auto;background:var(--surface);border-radius:18px;box-shadow:0 8px 30px rgba(24,32,20,.14);padding:18px 22px 20px}.daymodal h3{margin:0 0 10px}.modal-head{gap:12px;margin:-18px -22px 14px;padding:18px 22px 14px;border-bottom:1px solid var(--divider)}.modal-head,.modal-head-icon{display:flex;align-items:center}.modal-head-icon{flex:none;width:42px;height:42px;border-radius:12px;background:var(--bg-milk);justify-content:center;font-size:20px}.modal-head-icon.info{background:var(--info-soft)}.modal-head-text{flex:1 1;min-width:0}.modal-head-text strong{display:block;font-size:16px;font-weight:800;color:var(--fg)}.modal-head-text span{display:block;font-size:12px;color:var(--muted)}.modal-close{flex:none;width:34px;height:34px;border-radius:10px;border:none;background:var(--fg);color:var(--muted);font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.modal-close:hover{background:#262220;color:var(--primary)}.daymodal .action-row .btn,.modal .action-row .btn{height:auto;padding:11px 20px;font-size:14px;border-radius:12px}.daymodal .action-row .btn:where(:not(.ghost):not(.danger):not(.warn):not(.danger-outline)),.modal .action-row .btn:where(:not(.ghost):not(.danger):not(.warn):not(.danger-outline)){flex:1 1 auto;justify-content:center;padding:11px;font-weight:800;background:var(--fg);color:var(--primary);box-shadow:none}.daymodal .action-row .btn:where(:not(.ghost):not(.danger):not(.warn):not(.danger-outline)):hover,.modal .action-row .btn:where(:not(.ghost):not(.danger):not(.warn):not(.danger-outline)):hover{background:#262220}.daymodal .action-row .btn.ghost:where(:not(.danger)),.modal .action-row .btn.ghost:where(:not(.danger)){flex:0 0 auto;font-weight:700;border:1px solid #ece2d6;background:var(--surface);color:#6b6560}.daymodal .action-row .btn.ghost:where(:not(.danger)):hover,.modal .action-row .btn.ghost:where(:not(.danger)):hover{background:var(--primary-soft);border-color:var(--primary)}.daymodal .action-row .btn.ghost:disabled,.daymodal .action-row .btn:disabled,.modal .action-row .btn.ghost:disabled,.modal .action-row .btn:disabled{background:#eee8de;color:#a29b93;border-color:transparent;box-shadow:none}.shiftgroup{border:1px solid var(--border);border-radius:12px;padding:10px 12px;margin:8px 0}.shiftname{font-size:14px;margin-bottom:6px}.shiftname b{display:inline-block;min-width:18px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.empchip{display:inline-flex;align-items:center;gap:6px;background:var(--ok-soft);color:var(--ok-deep);border-radius:var(--radius-pill);padding:4px 6px 4px 12px;font-size:13px}.empchip button{border:none;background:#cfe3d4;color:var(--ok-deep);border-radius:50%;width:20px;height:20px;cursor:pointer;line-height:1}.empchip.wl{background:var(--warn-soft);color:var(--warn-deep)}.empchip.wl button{background:#f2e7bd;color:var(--warn-deep)}.asg.lt-personal{background:var(--warn-soft);color:var(--warn-deep)}.asg.lt-annual{background:var(--info-soft);color:var(--info-deep)}.asg.lt-scheduled{background:var(--ok-soft);color:var(--ok-deep)}.asg i{margin-left:3px;font-style:normal;opacity:.7}.leave-day-edit{margin-top:12px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.leave-admin-list{display:flex;flex-direction:column;gap:4px;margin-top:8px}.leave-admin-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-bottom:1px solid var(--border);flex-wrap:wrap}.leave-admin-row.we{background:var(--bg-soft)}.lar-date{min-width:96px;font-weight:600}.lar-offs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.lar-add{display:inline-flex;align-items:center;gap:4px}.addpick{display:flex;flex-wrap:wrap;gap:6px}.addpick button{border:1px dashed var(--border);background:var(--bg-soft);border-radius:var(--radius-pill);padding:5px 12px;font-size:13px;cursor:pointer;color:var(--link);transition:background .12s,border-color .12s}.addpick button:hover{background:var(--primary-soft);border-color:var(--primary)}.dclose{display:block;width:100%;margin-top:10px;background:none;border:none;color:var(--muted);font-size:14px;padding:8px;cursor:pointer;border-radius:8px}.dclose:hover{background:var(--bg-soft);color:var(--fg)}.seg{display:inline-flex;gap:4px;margin:4px 0 14px;background:var(--bg);border-radius:10px;padding:3px}.seg-btn{padding:6px 14px;background:transparent;border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:700;color:var(--muted);transition:background .12s;white-space:nowrap}.seg-btn:hover{background:var(--primary-soft)}.seg-btn.on{background:var(--primary);color:#fff;font-weight:700;box-shadow:none}.att-summary b.warn{color:var(--warn-deep)}.btn.warn{background:var(--warn);color:#5c4d18}.btn.warn:hover{background:#c58b04}.btn.dark{background:var(--primary);color:#fff;box-shadow:var(--shadow-btn);font-weight:800}.btn.dark:hover{background:var(--primary-deep)}.btn.pill{border-radius:var(--radius-btn);font-weight:800}.notice-top-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;align-items:start}@media (max-width:900px){.notice-top-grid{grid-template-columns:1fr}}.att-cal-head{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px;margin-bottom:6px}.att-cal-wd{text-align:center;font-size:13px;color:var(--muted);font-weight:600}.att-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px}.att-cal-cell{position:relative;min-height:84px;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:6px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:3px;transition:border-color .12s,box-shadow .12s}.att-cal-cell:not(.empty):hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.att-cal-d small.att-cal-n{float:right;background:var(--ok-soft);color:var(--ok-deep);border-radius:var(--radius-pill);padding:0 6px;font-weight:600}.att-cal-names{display:flex;flex-direction:column;gap:2px;overflow:hidden}.att-cal-name{font-size:11px;line-height:1.4;color:var(--fg);display:flex;justify-content:space-between;gap:4px}.att-cal-nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.att-cal-time{font-style:normal;color:var(--link);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.att-cal-cell.empty{border:none;background:transparent;cursor:default}.att-cal-cell.has{background:var(--ok-soft);border-color:#c4decb}.bk-top-grid{display:grid;grid-template-columns:1fr 1.1fr;grid-gap:14px;gap:14px;align-items:start}@media (max-width:900px){.bk-top-grid{grid-template-columns:1fr}}.paste-box{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.6}.field.wide{grid-column:1/-1}.legend{font-size:13px;color:var(--muted);margin-left:auto}.legend .dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle;margin-right:3px}.dot.res{background:#4d6a82}.dot.cake{background:#d69a3c}.dot.teabreak{background:#6fa35f}.bk-cell:not(.empty){min-height:84px;background:#faf7f2;border-color:#ece2d6}.bk-chip{font-size:11px;line-height:1.3;padding:2px 5px;border-radius:5px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bk-chip.res{background:#4d6a82}.bk-chip.cake{background:#d69a3c}.bk-chip.teabreak{background:#6fa35f}.bk-chip.pend{background:var(--warn);color:#5c4d18;font-weight:700}.muted.overdue{color:var(--danger-deep);font-weight:600}.pay-banner{background:var(--warn-soft);color:var(--warn-deep);border:1px solid var(--warn);border-radius:var(--radius-card,12px);padding:10px 14px;margin:0 0 14px;font-size:14px}.att-cal-cell.sel{outline:2px solid var(--primary-deep)}.att-cal-cell:disabled{cursor:default;opacity:.7}.att-cal-d{font-weight:700;font-size:14px}.att-cal-n{font-size:12px;color:var(--ok-deep)}.att-cal-dot{position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;background:var(--danger)}.resolve-box{flex-basis:100%;margin-top:8px;padding:10px 12px;border-radius:12px;background:var(--warn-soft);border:1px solid #f2e7bd}.paytable-wrap{overflow-x:auto}.paytable{width:100%;min-width:900px;border-collapse:collapse;font-size:13px;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.paytable td,.paytable th{padding:12px;text-align:right;border-bottom:none;border-top:1px solid var(--divider)}.paytable th{padding:10px 12px;font-size:12px;font-weight:700;color:var(--muted);border-top:none;background:#f7f3ec}.paytable td:first-child,.paytable th:first-child{padding-left:18px}.paytable td:last-child,.paytable th:last-child{padding-right:18px}.paytable tbody tr:hover td{background:#f0f5fa66}.paytable td.nm,.paytable th:first-child{text-align:left}.paytable td.nm{font-size:14px}.paytable td.emph{font-weight:800;font-size:14px;color:var(--link)}.paytable tr.noidata td{color:#a29b93}.paytable tfoot td{padding:14px 12px;border-top:2px solid #ece2d6;background:#faf6ee;font-weight:800;font-size:14px}.paytable tfoot td:first-child{padding-left:18px}.paytable tfoot td.nm{font-size:14px}.paytable tfoot td.emph{font-size:15px;font-weight:900}.paytable td.nm .tag{margin-left:6px}.ins-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;margin-bottom:6px}.ins-grid label{display:flex;flex-direction:column;font-size:13px;color:var(--muted);gap:4px}.ins-grid input{padding:8px 10px;border-radius:10px;border:1px solid var(--border)}.dep-row{display:grid;grid-template-columns:1.4fr 1fr auto;grid-gap:8px;gap:8px;margin-bottom:6px;align-items:center}.dep-row input{padding:8px 10px;border-radius:10px}.dep-row input,.ne-title{border:1px solid var(--border)}.ne-title{width:100%;font-weight:600;padding:9px 12px;border-radius:10px}.clickable{cursor:pointer}.hb-tabs{display:inline-flex;gap:4px;flex-wrap:wrap;margin:0 0 4px;width:-moz-fit-content;width:fit-content;background:var(--bg);border-radius:10px;padding:3px}.hb-tab{border:none;background:transparent;color:var(--muted);padding:6px 14px;border-radius:8px;cursor:pointer;font-weight:700;font-size:12px;transition:background .12s,color .12s}.hb-tab:hover{background:var(--primary-soft)}.hb-tab.on{background:var(--primary);color:#fff;font-weight:700;box-shadow:none}.hb-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;margin:8px 0}.hb-row.off{opacity:.55}.hb-main{flex:1 1;min-width:0}.hb-main strong{display:block}.hb-detail{margin:4px 0 0;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hb-order{display:flex;flex-direction:column;gap:2px}.hb-arrow{border:1px solid var(--border);background:var(--surface);border-radius:6px;width:28px;height:22px;cursor:pointer;line-height:1;font-size:11px}.hb-arrow:hover:not(:disabled){background:var(--primary-soft);border-color:var(--primary)}.hb-arrow:disabled{opacity:.3;cursor:not-allowed}.hb-restock-form{display:flex;gap:8px;flex-wrap:wrap}.hb-restock-form input{flex:1 1;min-width:160px;padding:9px 12px;border:1px solid var(--border);border-radius:10px}.daymodal input,.daymodal textarea{width:100%;padding:11px 12px;border:1px solid var(--border-input);border-radius:10px;font-family:inherit;font-size:14px;color:var(--fg);background:var(--bg)}.daymodal textarea{padding:12px;font-size:13px;line-height:1.8;resize:vertical}.check{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px}.check input{width:18px;height:18px;accent-color:var(--primary-deep)}.action-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn.danger{background:var(--danger);color:#fff}.btn.danger:hover{background:#a55b62}.btn.ghost.danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.btn.ghost.danger:hover{background:var(--danger-soft);border-color:var(--danger)}.hb-routine{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:12px;padding:12px;border:1px dashed var(--border);border-radius:12px;background:var(--bg)}.hb-field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.hb-field input,.hb-field select{padding:8px 10px;border:1px solid var(--border);border-radius:10px;font-size:14px;color:var(--fg);background:var(--surface)}.hb-field input[type=number]{width:90px}.hb-routine .check{flex-basis:100%}.ok{color:var(--ok-deep);font-weight:600}.roles-sub{margin:0;font-size:13px}.roles-wrap{display:grid;grid-template-columns:320px 1fr;grid-gap:18px;gap:18px;align-items:start}@media (max-width:760px){.roles-wrap{grid-template-columns:1fr}}.roles-list{display:flex;flex-direction:column;gap:10px}.roles-list-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.roles-list-head h2{margin:0;font-size:14px;font-weight:800;color:var(--fg)}.roles-list-head .btn{height:auto;padding:7px 14px;font-size:12px;font-weight:800;border-radius:var(--radius-btn);box-shadow:none}.role-items{list-style:none;margin:0;padding:0;gap:10px}.role-item,.role-items{display:flex;flex-direction:column}.role-item{width:100%;text-align:left;cursor:pointer;background:var(--surface);border:1px solid #ece2d6;border-radius:14px;padding:14px 16px;font-family:inherit;transition:border-color .12s,background .12s,box-shadow .12s}.role-item:hover{border-color:var(--primary)}.role-item.on{border:2px solid var(--primary);box-shadow:0 1px 3px rgba(0,0,0,.1)}.role-item .role-top{display:flex;align-items:center;gap:8px}.role-item .role-name{font-size:15px;font-weight:800;color:var(--fg)}.role-item .role-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.role-item .role-key{font-size:12px;font-family:inherit;color:var(--muted)}.role-item .role-count{font-size:12px;color:var(--link);font-weight:700}.role-item .tag{font-weight:700;padding:2px 8px}.tag.builtin{background:#f3ede5;color:var(--primary)}.roles-edit{border-color:#ece2d6;border-radius:16px;padding:22px 24px}.roles-edit-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.roles-edit-head h2{margin:0;font-size:18px;font-weight:800;color:var(--fg)}.roles-edit-head .role-key{font-size:12px}.roles-edit-actions{display:flex;gap:8px;flex-shrink:0}.roles-edit-actions .btn{height:auto;padding:7px 14px;font-size:12px;font-weight:600;border-radius:var(--radius-pill);border:1px solid #ece2d6;color:#6b6560}.roles-edit-actions .btn:hover{background:var(--bg-milk);border-color:#ece2d6}.role-key{font-family:inherit}.lock-note{display:flex;align-items:center;gap:8px;background:var(--bg-milk);border:1px solid #f2e7bd;border-radius:12px;padding:12px 16px;margin:0 0 20px;color:var(--warn);font-size:13px}.perm-group{margin-top:20px}.perm-group h3{margin:0 0 10px;font-size:13px;color:var(--link);font-weight:800}.perm-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}@media (max-width:620px){.perm-grid{grid-template-columns:1fr}}.perm-row{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"chk label" "chk key";grid-gap:1px 12px;gap:1px 12px;align-items:start;border:1px solid var(--divider);border-radius:12px;padding:12px 14px;cursor:pointer;background:var(--bg);transition:border-color .12s,background .12s}.perm-row:hover{border-color:var(--primary)}.perm-row.checked{background:#f3f7f1;border-color:#dbebdc}.perm-row.disabled{cursor:not-allowed}.perm-row input{grid-area:chk;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:24px;height:24px;margin:0;border-radius:7px;border:2px solid #e8dcc0;background:var(--surface);cursor:pointer;flex:none;position:relative}.perm-row input:checked{background:var(--ok);border-color:var(--ok)}.perm-row input:checked:after{content:"";position:absolute;left:50%;top:46%;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg)}.perm-row input:disabled{cursor:not-allowed}.perm-row .perm-label{grid-area:label;font-size:14px;font-weight:700;color:var(--fg);display:flex;align-items:center;gap:6px}.perm-sensitive{margin:0;font-size:10px;font-weight:700;padding:1px 7px}.perm-row .perm-key{grid-area:key;font-size:11px;color:var(--muted);font-family:inherit}.roles-save{gap:12px;margin-top:18px}.inv-tabs-row,.roles-save{display:flex;align-items:center}.inv-tabs-row{gap:10px;flex-wrap:wrap}.inv-tabs-row .hb-tabs{background:#f3ede5}.inv-tabs-row .grow{flex:1 1}.inv-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.inv-toolbar .grow{flex:1 1}.inv-toolbar select{padding:9px 16px;border:1px solid #ece2d6;border-radius:var(--radius-pill);background:var(--surface);font-size:13px;color:var(--fg);font-family:inherit}.inv-toolbar .tag.danger{font-size:12px;font-weight:700;padding:8px 14px;white-space:nowrap}.inv-search{display:inline-flex;align-items:center;gap:8px;border:1px solid #ece2d6;background:var(--surface);border-radius:var(--radius-pill);padding:9px 16px;flex:1 1 240px;min-width:200px}.inv-search span{color:var(--muted)}.inv-search input{border:none;outline:none;background:transparent;font-size:14px;font-family:inherit;color:var(--fg);width:100%}.inv-csv-group{display:flex;gap:8px;margin-left:auto}.inv-tool-btn{border:1px solid #ece2d6;background:var(--surface);color:var(--sidebar-fg);font-weight:600;font-size:12px;padding:8px 14px;border-radius:var(--radius-pill);cursor:pointer;font-family:inherit;white-space:nowrap}.inv-tool-btn:hover{background:var(--bg-milk)}.inv-table-card{background:var(--surface);border:1px solid #ece2d6;border-radius:var(--radius-card);box-shadow:var(--shadow-sm);overflow:hidden}.inv-table-wrap{overflow-x:auto}.inv-table{width:100%;border-collapse:collapse;font-size:14px}.inv-table td,.inv-table th{text-align:left;padding:12px;vertical-align:middle}.inv-table tbody tr{border-top:1px solid var(--divider)}.inv-table td:first-child,.inv-table td:last-child,.inv-table th:first-child,.inv-table th:last-child{padding-left:18px;padding-right:18px}.inv-table th{color:var(--muted);font-weight:700;font-size:12px;background:var(--table-head);white-space:nowrap}.inv-table tbody tr:not(.inv-low):hover td{background:#f0f5fa4d}.inv-table tr.off{opacity:.5}.inv-table tr.inv-low td{background:var(--danger-soft)}.inv-table select{padding:5px 8px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--surface)}.inv-num{width:44px;min-width:34px;padding:2px;border:1px solid transparent;border-radius:6px;background:transparent;font-size:14px;text-align:center;font-weight:800;color:var(--fg);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.inv-num:hover{border-color:var(--border-input);background:var(--surface)}.inv-num.zero{color:var(--danger-deep);background:var(--danger-soft);border-color:var(--danger-soft);border-radius:8px;font-weight:800}.inv-table td .tag{margin-left:6px}.inv-price-cell{background:var(--bg-soft);border-radius:var(--radius-pill);padding:4px 12px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.inv-supplier-form{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.inv-supplier-form input{flex:1 1;min-width:140px;padding:8px 10px;border:1px solid var(--border);border-radius:10px}.inv-list{list-style:none;margin:0;padding:0}.inv-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;margin-bottom:8px}.inv-list li.off{opacity:.55}.inv-order-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:12px}@media (max-width:760px){.inv-order-grid{grid-template-columns:1fr}}.inv-order-group{border:1px solid var(--border);border-radius:var(--radius-card);padding:18px 20px;margin:0;background:var(--surface);box-shadow:var(--shadow-sm)}.inv-order-head{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;margin-bottom:12px}.inv-order-head strong{font-size:16px}.inv-order-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.inv-order-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:var(--bg);border:1px solid var(--divider);border-radius:12px}.inv-order-row-main{display:flex;align-items:baseline;gap:10px;min-width:0}.inv-order-row-main>span:first-child{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-order-row-qty{color:var(--danger-deep);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.inv-order-row-actions{display:flex;align-items:center;gap:6px;flex:none}.inv-order-row-actions .tag{white-space:nowrap}.inv-sessions{list-style:none;margin:0;padding:0}.inv-session{width:100%;display:flex;gap:14px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:10px;margin-bottom:6px;background:var(--surface);cursor:pointer;text-align:left;transition:border-color .12s,background .12s}.inv-session:hover{border-color:var(--primary);background:#f0f5fa4d}.modal{width:min(560px,100%);max-height:88vh;overflow-y:auto;background:var(--surface);border-radius:18px;box-shadow:0 8px 30px rgba(24,32,20,.14);padding:18px 22px 20px}.inv-price-btn{background:none;border:none;padding:4px 2px;cursor:pointer;color:var(--link);font-size:13px;white-space:nowrap}.inv-price-btn:hover{text-decoration:underline}.inv-price-btn.has-price{background:#f7f3ec;border-radius:var(--radius-pill);padding:4px 12px;color:var(--link);font-weight:700}.inv-price-btn.has-price:hover{background:var(--primary-soft);text-decoration:none}.inv-chart{display:block;margin:8px 0 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.inv-matrix-block{margin:4px 0 20px}.inv-cat-h{margin:14px 0 6px;font-size:15px}.inv-matrix{border-collapse:collapse;font-size:13px;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.inv-matrix td,.inv-matrix th{border:1px solid var(--divider);padding:11px 10px;text-align:center}.inv-matrix td.k,.inv-matrix th.k{padding-left:18px;padding-right:18px}.inv-matrix th{background:var(--bg-soft);color:var(--muted);font-weight:700;font-size:12px;vertical-align:bottom}.inv-matrix td.k,.inv-matrix th.k{text-align:left}.inv-matrix .datehead small{display:block;font-weight:400;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis}.inv-matrix .datecol{width:68px;min-width:68px;max-width:68px;overflow:hidden;text-overflow:ellipsis}.inv-matrix .stick{position:-webkit-sticky;position:sticky;left:0;z-index:2;background:var(--surface)}.inv-matrix thead .stick{background:var(--bg-soft);z-index:3}.inv-matrix td.miss{color:#c9c0b4}.inv-matrix td.low{background:var(--danger-soft);color:var(--danger-deep);font-weight:800}.inv-matrix tr.off{opacity:.55}.inv-matrix tr.off .tag{margin-left:6px}.att-controls select:focus,.att-fixform input:focus,.att-fixform select:focus,.daymodal input:focus,.daymodal textarea:focus,.dep-row input:focus,.field input:focus,.field select:focus,.field textarea:focus,.hb-field input:focus,.hb-field select:focus,.hb-restock-form input:focus,.ins-grid input:focus,.inv-num:focus,.inv-supplier-form input:focus,.inv-table select:focus,.inv-toolbar select:focus,.ne-title:focus,.notice-edit textarea:focus,.paste-box:focus,.payitem-row input:focus,.payitem-row select:focus,.search:focus{outline:none;border-color:var(--primary-deep);box-shadow:0 0 0 3px #4d6a8233}.start-progress{display:flex;align-items:center;gap:12px}.start-progress-label{font-size:13px;font-weight:700;color:var(--fg);white-space:nowrap}.start-progress-track{flex:1 1;height:8px;background:var(--border-2,#f3ede5);border-radius:var(--radius-pill);overflow:hidden}.start-progress-fill{height:100%;background:var(--ok-deep);border-radius:var(--radius-pill);transition:width .3s}.start-progress-count{font-size:13px;font-weight:800;color:var(--ok-deep);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.start-step-no{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--primary-soft);color:var(--link);font-size:18px;font-weight:900;display:flex;align-items:center;justify-content:center}.start-demo-hint{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--warn-soft);border:1px solid #f2e7bd;border-radius:var(--radius-card);padding:18px 22px}.bk-tab-flat{display:flex;flex-direction:column;gap:18px;margin-top:18px}.bk-tab-flat>p.muted{margin:0}.bk-notice-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;align-items:start}@media (max-width:900px){.bk-notice-grid{grid-template-columns:1fr}}.card-lite{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-card);padding:14px 16px}.card-lite.open{background:var(--surface);border:2px solid var(--primary);border-radius:12px;box-shadow:0 2px 10px rgba(92,120,145,.16);padding:20px 22px}.substep-pills{display:flex;gap:4px;flex-wrap:wrap;margin:0;background:var(--surface);border-radius:10px;padding:3px;width:-moz-fit-content;width:fit-content;box-shadow:var(--shadow-sm)}.substep-pill{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;background:transparent;color:var(--muted);border:none;cursor:pointer;font-family:inherit;transition:background .12s,color .12s}.substep-pill:hover{background:var(--primary-soft);color:var(--fg)}.substep-pill .n{font-weight:inherit;margin-right:2px}.substep-pill.cur{background:var(--primary);color:var(--on-primary);font-weight:700}.substep-section{background:var(--surface);border:none;border-radius:var(--radius-card);box-shadow:var(--shadow-md);padding:20px 22px;margin-bottom:0}.substep-h{font-size:15px;font-weight:800;color:var(--fg);margin:0 0 12px}.bk-cfg-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:20px;gap:20px;align-items:start}@media (max-width:980px){.bk-cfg-layout{grid-template-columns:1fr}}.bk-cfg-main{min-width:0;display:flex;flex-direction:column;gap:18px}.bk-preview-col{position:-webkit-sticky;position:sticky;top:16px}.bk-preview-label{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--muted);margin-bottom:10px}.bk-phone{width:100%;max-width:300px;background:var(--fg);border-radius:28px;padding:10px;box-shadow:var(--shadow-md)}.bk-phone-statusbar{display:flex;justify-content:space-between;align-items:center;padding:4px 10px 8px;font-size:11px;font-weight:700;color:#fff}.bk-phone-screen{background:var(--bg);border-radius:18px;padding:16px 14px;min-height:220px}.bk-phone-brand{gap:8px;margin-bottom:14px}.bk-phone-brand,.bk-phone-logo{display:flex;align-items:center}.bk-phone-logo{width:34px;height:34px;border-radius:9px;flex:none;background:var(--primary);color:var(--on-primary);justify-content:center;font-weight:900;font-size:15px}.bk-phone-brand strong{display:block;font-size:13.5px;color:var(--fg)}.bk-phone-brand span{display:block;font-size:11px;color:var(--muted)}.bk-phone-sub{font-size:11.5px;font-weight:700;color:var(--muted);margin:12px 0 6px}.bk-phone-banner{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 10px;font-size:11.5px;color:var(--fg-2);margin-bottom:8px}.bk-phone-chiprow{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}.bk-phone-chip{padding:7px 12px;border-radius:10px;font-size:12.5px;font-weight:700;background:var(--surface);border:1px solid var(--border-input);color:var(--fg-2)}.bk-phone-chip.sel{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.bk-phone-optrow{display:flex;justify-content:space-between;align-items:center;background:var(--surface);border:1px solid var(--border-input);border-radius:10px;padding:9px 11px;margin-bottom:8px}.bk-phone-optrow.sel{border-color:var(--primary);background:var(--primary-soft)}.bk-phone-optrow .t{font-size:12.5px;font-weight:700;color:var(--fg)}.bk-phone-optrow .s{font-size:11px;color:var(--muted)}.bk-phone-optrow .price{font-size:12px;font-weight:800;color:var(--link);white-space:nowrap}.bk-phone-cta{width:100%;height:44px;border:none;border-radius:12px;margin-top:10px;background:var(--primary);color:var(--on-primary);font-size:14px;font-weight:800;font-family:inherit}.bk-tagrow{display:flex;flex-wrap:wrap;margin-top:6px}.bk-size-tag,.bk-tagrow{gap:8px;align-items:center}.bk-size-tag{display:inline-flex;padding:7px 8px 7px 14px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border-input);font-size:12.5px;font-weight:700;color:var(--fg-2)}.bk-size-tag button{width:18px;height:18px;border-radius:50%;border:none;background:var(--bg-soft);font-size:11px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.bk-size-tag button,.bk-tag-add{cursor:pointer;color:var(--muted)}.bk-tag-add{padding:7px 14px;border-radius:var(--radius-pill);background:var(--surface);border:1px dashed var(--border-input);font-size:12.5px;font-weight:700}.bk-repeat-pills{display:flex;gap:7px;flex-wrap:wrap}.bk-repeat-pill{padding:6px 12px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border-input);font-size:12px;font-weight:700;color:var(--fg-2);cursor:pointer}.bk-repeat-pill.on{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.bk-set-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--radius-pill);background:var(--primary-soft);color:var(--link-deep);font-size:11.5px;font-weight:700}.bk-item-row{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--divider)}.bk-item-row:last-child{border-bottom:none}.bk-item-icon{flex:none;width:44px;height:44px;border-radius:12px;background:var(--bg-milk);display:flex;align-items:center;justify-content:center;font-size:16px}.bk-item-row-text{flex:1 1;min-width:0}.bk-item-row-text strong{font-size:15px;font-weight:800;color:var(--fg)}.bk-item-row-text p{margin:2px 0 0}.bk-item-row-actions{flex:none;display:flex;align-items:center;gap:8px}.bk-tier-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}@media (max-width:900px){.bk-tier-grid{grid-template-columns:1fr}}.bk-tier-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:16px}.bk-tier-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-pill);background:var(--bg-milk);color:var(--warn);font-size:12px;font-weight:800;margin-bottom:14px}.tmpl-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:15px 20px;border-top:1px solid var(--divider)}.tmpl-row-main{display:flex;align-items:flex-start;gap:12px;min-width:0;flex:1 1}.tmpl-cat{flex:none;margin-top:2px;min-width:44px;text-align:center;padding:4px 12px;border-radius:var(--radius-pill);font-size:11px;font-weight:800}.tmpl-cat.res{background:color-mix(in srgb,var(--info) 15%,#fff);color:color-mix(in srgb,var(--info) 68%,#262220)}.tmpl-cat.cake{background:color-mix(in srgb,#d69a3c 15%,#fff);color:color-mix(in srgb,#d69a3c 68%,#262220)}.tmpl-cat.teabreak{background:color-mix(in srgb,var(--ok) 15%,#fff);color:color-mix(in srgb,var(--ok) 68%,#262220)}.tmpl-row-text strong{font-size:14px;font-weight:700;color:var(--fg)}.tmpl-row-text p{margin:1px 0 0}.login-page{min-height:100vh;width:100%;flex-direction:column;padding:48px;background:linear-gradient(160deg,var(--bg-milk) 0,var(--bg) 46%);overflow-y:auto}.login-logo,.login-page{display:flex;align-items:center;justify-content:center}.login-logo{width:60px;height:60px;border-radius:18px;background:var(--primary);color:var(--on-primary);font-size:28px;font-weight:900;box-shadow:0 4px 14px rgba(92,120,145,.35);margin-bottom:16px}.login-title{margin:0 0 4px;font-size:26px;font-weight:900;color:var(--fg);text-align:center}.login-sub{margin:0 0 30px;font-size:14px;color:var(--muted);text-align:center}.login-card{width:min(560px,100%);background:var(--surface);border:1px solid #ece2d6;border-radius:20px;box-shadow:0 4px 16px rgba(0,0,0,.08);padding:26px 26px 28px;display:flex;flex-direction:column;gap:22px}.login-step-h{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:800;color:var(--fg)}.login-step-h .num{width:22px;height:22px;border-radius:50%;background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;flex:none}.login-store-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}@media (max-width:480px){.login-store-grid{grid-template-columns:1fr}}.login-store-card{text-align:left;padding:14px 16px;border:1px solid #ece2d6;border-radius:14px;background:var(--surface);cursor:pointer;min-height:44px;transition:border-color .12s,background .12s}.login-store-card:hover{border-color:#e5d5a8;background:var(--bg)}.login-store-card strong{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:var(--fg)}.login-store-card span{display:block;margin-top:3px;font-size:12px;color:var(--muted)}.login-store-card.on{border:2px solid var(--primary);background:var(--primary-soft)}.login-store-card.on span{color:var(--warn)}.login-store-card:disabled{cursor:not-allowed;opacity:.7}.login-role-list{display:flex;flex-direction:column;gap:10px}.login-role-row{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;border:1px solid #ece2d6;border-radius:14px;background:var(--surface);cursor:pointer;min-height:44px;text-align:left;transition:border-color .12s,background .12s}.login-role-row:hover{border-color:#e5d5a8;background:var(--bg)}.login-role-row.primary{border:2px solid var(--primary);background:var(--primary-soft)}.login-role-icon{flex:none;width:40px;height:40px;border-radius:12px;background:var(--table-head);display:flex;align-items:center;justify-content:center;font-size:20px}.login-role-row.primary .login-role-icon{background:var(--surface)}.login-role-text{flex:1 1;min-width:0}.login-role-text strong{display:block;font-size:15px;font-weight:800;color:var(--fg)}.login-role-text span{display:block;margin-top:2px;font-size:12px;color:var(--muted)}.login-role-row.primary .login-role-text span{color:var(--warn)}.login-role-chev{flex:none;font-size:18px;color:var(--link)}.login-role-row:disabled{cursor:not-allowed;opacity:.7}.login-hint{margin:0;font-size:12px;color:var(--muted);line-height:1.6}.tmpl-edit-panel{margin-top:10px;padding-top:10px;border-top:1px solid var(--divider)}.inv-row-btn{border:1px solid #ece2d6;background:var(--surface);color:var(--link);font-weight:700;font-size:12px;padding:6px 12px;border-radius:var(--radius-pill);cursor:pointer;font-family:inherit;white-space:nowrap}.inv-row-btn:hover{background:var(--bg-milk)}.inv-row-btn.danger{color:var(--danger-deep)}.inv-row-btn.danger:hover{background:var(--danger-soft)}.inv-actions{display:inline-flex;gap:6px}.inv-chip{display:inline-block;background:var(--primary-soft);font-size:12px;padding:2px 10px;border-radius:var(--radius-pill)}.inv-bind-count,.inv-chip{color:var(--link);font-weight:700}.inv-bind-count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.inv-order-head{align-items:center}.inv-order-head .grow{flex:1 1}.inv-order-vendor{margin:0;font-size:16px;font-weight:800}.inv-order-owner{font-size:12px;color:var(--muted)}.inv-order-head .btn{height:auto;padding:7px 14px;font-size:12px;font-weight:800;border-radius:var(--radius-pill);box-shadow:none}.inv-order-row-qty{font-size:13px}.inv-matrix td,.inv-matrix th{border:none}.inv-matrix tbody tr{border-top:1px solid var(--divider)}.inv-matrix th,.inv-matrix thead .stick{background:var(--table-head)}.att-controls select,.att-fixform select,.field select,.hb-field select,.inv-toolbar select{padding-right:30px;background-color:var(--surface);background-image:var(--select-caret);background-repeat:no-repeat;background-position:right 10px center;background-size:11px}.inv-toolbar select{padding-right:32px}.inv-table select,.payitem-row select{padding-right:24px;background-color:var(--surface);background-image:var(--select-caret);background-repeat:no-repeat;background-position:right 6px center;background-size:10px}