@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--hs:#0078d4;--hs-deep:#005a9e;--hs-darker:#004578;--hs-tint:#deecf9;--hs-tint2:#c7e0f4;--sidebar-w:244px;--st-draft-bg:#fff4ce;--st-draft-bd:#c2900d;--st-draft-tx:#8a6d0b;--st-pending-bg:#deecf9;--st-pending-bd:#0078d4;--st-pending-tx:#005a9e;--st-approved-bg:#dff6dd;--st-approved-bd:#107c10;--st-approved-tx:#0b6a0b;--genbil-ink:#0f172a;--genbil-ink-2:#334155;--genbil-ink-3:#64748b;--genbil-ink-4:#94a3b8;--genbil-paper:#fff;--genbil-paper-2:#f8fafc;--genbil-paper-3:#eef2f7;--genbil-line:#e2e8f0;--genbil-line-2:#cbd5e1;--success:#107c10;--success-tint:#dff6dd;--warn-deep:#c2900d;--warn-tint:#fff4ce;--danger:#a4262c;--danger-tint:#fde7e9;--viz-3:#5c2d91;--viz-5:#00b294;--shadow-1:0 1px 2px #0f172a0f, 0 1px 1px #0f172a0a;--shadow-2:0 4px 12px #0f172a14, 0 1px 3px #0f172a0a;--shadow-3:0 12px 32px #0f172a1f, 0 4px 8px #0f172a0f;--font-product:"Segoe UI", "Inter", -apple-system, BlinkMacSystemFont, Roboto, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:auto}body{font-family:var(--font-product);-webkit-font-smoothing:antialiased;color:var(--genbil-ink);background:#f3f6fa;font-size:14px}#root{height:100%}.shell{height:100%;min-height:100vh;display:flex;position:relative}.sidebar{border-right:1px solid var(--genbil-line);z-index:200;background:#fff;flex-direction:column;width:280px;max-width:85vw;transition:transform .24s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-100%);box-shadow:0 8px 40px #0f172a1f}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:199;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#0f172a52;transition:opacity .22s;position:fixed;inset:0}.sidebar-overlay.open{opacity:1;pointer-events:all}.sidebar-close-btn{cursor:pointer;width:36px;height:36px;color:var(--genbil-ink-3);z-index:2;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .12s;display:flex;position:absolute;top:10px;right:10px}.sidebar-close-btn:hover{background:var(--genbil-paper-2)}.sb-logo{border-bottom:1px solid var(--genbil-paper-3);align-items:center;gap:10px;padding:16px 16px 12px;text-decoration:none;display:flex}.sb-logo-mark{background:linear-gradient(135deg, var(--hs) 0%, #2b88d8 100%);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex;box-shadow:0 2px 6px #0078d447}.sb-logo-text{flex-direction:column;min-width:0;line-height:1;display:flex}.sb-logo-name{font:700 15px/1 var(--font-product);color:var(--genbil-ink);letter-spacing:-.01em}.sb-logo-by{font:500 10px/1 var(--font-product);color:var(--genbil-ink-4);letter-spacing:.02em;margin-top:4px}.sb-logo-by b{color:var(--hs);font-weight:700}.role-switcher{border-bottom:1px solid var(--genbil-paper-3);padding:11px 10px 9px}.role-switcher-label{font:600 9.5px/1 var(--font-product);letter-spacing:.11em;text-transform:uppercase;color:var(--genbil-ink-4);margin-bottom:7px;padding-left:4px}.role-tabs{flex-direction:column;gap:2px;display:flex}.role-tab{cursor:pointer;min-height:40px;font:500 13px/1.2 var(--font-product);color:var(--genbil-ink-3);text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;width:100%;padding:10px 12px;transition:background .12s,color .12s;display:flex}.role-tab:hover{background:var(--genbil-paper-2)}.role-tab.active{background:var(--hs-tint);color:var(--hs-deep);font-weight:600}.role-tab .dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.role-tab .soon{font:600 9px/1 var(--font-product);letter-spacing:.04em;text-transform:uppercase;color:var(--genbil-ink-4);background:var(--genbil-paper-3);border-radius:999px;margin-left:auto;padding:2px 6px}.role-tab.disabled{cursor:not-allowed;opacity:.62}.role-tab.disabled:hover{background:0 0}.sb-nav{flex:1;padding:10px 8px;overflow-y:auto}.nav-section-label{font:600 9.5px/1 var(--font-product);letter-spacing:.11em;text-transform:uppercase;color:var(--genbil-ink-4);padding:12px 8px 6px}.nav-item{cursor:pointer;min-height:44px;font:500 13.5px/1.2 var(--font-product);color:var(--genbil-ink-2);text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:10px;width:100%;margin-bottom:1px;padding:12px;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-item:hover{background:var(--genbil-paper-2)}.nav-item.active{background:var(--hs-tint);color:var(--hs-deep);font-weight:600}.nav-item svg{color:currentColor;opacity:.72;flex-shrink:0;width:16px;height:16px}.nav-item.active svg{opacity:1}.nav-item .soon{font:600 9px/1 var(--font-product);letter-spacing:.04em;text-transform:uppercase;color:var(--genbil-ink-4);background:var(--genbil-paper-3);border-radius:999px;margin-left:auto;padding:2px 6px}.nav-item.disabled{cursor:not-allowed;color:var(--genbil-ink-4)}.nav-item.disabled:hover{background:0 0}.nav-item.disabled svg{opacity:.4}.sb-user{border-top:1px solid var(--genbil-paper-3);align-items:center;gap:10px;padding:12px 14px;display:flex}.sb-avatar{width:32px;height:32px;font:700 12px/1 var(--font-product);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sb-user-info{flex:1;min-width:0}.sb-user-name{font:600 12.5px/1 var(--font-product);color:var(--genbil-ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sb-user-role{font:400 11px/1 var(--font-product);color:var(--genbil-ink-4);margin-top:3px}.main{flex-direction:column;flex:1;width:100%;min-width:0;display:flex;position:relative;overflow:hidden}.topbar{border-bottom:1px solid var(--genbil-line);background:#fff;flex-shrink:0;align-items:center;gap:8px;height:56px;padding:0 12px;display:flex}.topbar-menu-btn{cursor:pointer;width:44px;height:44px;color:var(--genbil-ink-2);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s;display:flex}.topbar-menu-btn:hover{background:var(--genbil-paper-2)}.topbar-title{font:600 16px/1.2 var(--font-product);color:var(--genbil-ink);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.topbar-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.tb-icon-btn{border:1px solid var(--genbil-line);cursor:pointer;width:40px;height:40px;color:var(--genbil-ink-3);background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,border-color .12s;display:flex;position:relative}.tb-icon-btn:hover{background:var(--genbil-paper-2);border-color:var(--genbil-line-2)}.tb-icon-btn .dot-badge{background:var(--danger);border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:7px}.lang-switcher{border:1px solid var(--genbil-line);background:#fff;border-radius:6px;display:inline-flex;overflow:hidden}.lang-btn{min-width:32px;height:28px;color:var(--genbil-ink-3);font:600 11px/1 var(--font-product);letter-spacing:.5px;cursor:pointer;background:0 0;border:0;padding:0 8px;transition:background .12s,color .12s}.lang-btn:hover{background:var(--genbil-paper-2)}.lang-btn.active{background:var(--hs);color:#fff}.lang-btn.active:hover{background:var(--hs)}.tb-btn{border:1px solid var(--genbil-line);min-width:44px;min-height:44px;font:600 12.5px/1 var(--font-product);color:var(--genbil-ink-2);cursor:pointer;white-space:nowrap;background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:10px;transition:background .12s;display:flex}.tb-btn:hover{background:var(--genbil-paper-2)}.tb-btn.primary{background:var(--hs);color:#fff;border-color:var(--hs);box-shadow:0 1px 2px #0078d440}.tb-btn.primary:hover{background:var(--hs-deep)}.tb-btn-label{display:none}.content{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.content>*{flex-shrink:0}@media (width>=1024px){.sidebar{width:var(--sidebar-w);max-width:none;box-shadow:none;z-index:10;flex-shrink:0;transition:none;position:static;transform:none}.sidebar-overlay,.sidebar-close-btn{display:none}.role-tab{min-height:auto;padding:7px 10px;font-size:12.5px}.nav-item{min-height:auto;padding:9px 10px;font-size:13px}.topbar{gap:12px;height:54px;padding:0 24px}.topbar-menu-btn{display:none}.topbar-title{font-size:17px}.topbar-actions{gap:10px}.tb-icon-btn{width:34px;height:34px}.tb-btn{min-width:auto;min-height:auto;padding:8px 15px}.tb-btn-label{display:inline}.content{gap:20px;padding:24px}}.greeting{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.greeting h1{font:600 22px/1.2 var(--font-product);color:var(--genbil-ink);letter-spacing:-.01em}.greeting p{font:400 13px/1 var(--font-product);color:var(--genbil-ink-4);margin-top:6px}.role-chip{font:600 11px/1 var(--font-product);letter-spacing:.04em;text-transform:uppercase;background:var(--hs-tint);color:var(--hs-deep);border-radius:999px;padding:5px 13px}.widgets{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.widgets.four{grid-template-columns:repeat(4,1fr)}.widget{border:1px solid var(--genbil-line);background:#fff;border-radius:10px;padding:18px 22px;transition:border-color .14s,box-shadow .14s,transform .1s;position:relative;overflow:hidden}.widget:hover{border-color:var(--hs-tint2);box-shadow:var(--shadow-2);transform:translateY(-1px)}.widget:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.widget.w-balance:before{background:var(--st-draft-bd)}.widget.w-annual:before{background:var(--hs)}.widget.w-total:before{background:var(--success)}.widget-label{font:600 11px/1.3 var(--font-product);letter-spacing:.04em;text-transform:uppercase;color:var(--genbil-ink-4);max-width:80%;margin-bottom:12px}.widget-val{font:700 34px/1 var(--font-product);letter-spacing:-.02em;color:var(--genbil-ink);align-items:baseline;gap:6px;display:flex}.widget-val .unit{font:600 14px/1 var(--font-product);color:var(--genbil-ink-3)}.widget-sub{font:400 12.5px/1.4 var(--font-product);color:var(--genbil-ink-4);margin-top:7px}.widget-icon{opacity:.14;position:absolute;top:18px;right:18px}.widget-bar{background:var(--genbil-paper-3);border-radius:999px;height:6px;margin-top:13px;overflow:hidden}.widget-bar>span{background:var(--st-draft-bd);border-radius:999px;height:100%;display:block}.sec-card{border:1px solid var(--genbil-line);background:#fff;border-radius:10px;overflow:hidden}.sec-card-head{border-bottom:1px solid var(--genbil-paper-3);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;display:flex}.sec-card-title{font:600 14px/1 var(--font-product);color:var(--genbil-ink);align-items:center;gap:9px;display:flex}.sec-card-title svg{color:var(--genbil-ink-3)}.cal-legend{flex-wrap:wrap;align-items:center;gap:14px;margin-left:auto;display:flex}.legend-item{font:500 11.5px/1 var(--font-product);color:var(--genbil-ink-3);align-items:center;gap:6px;display:flex}.legend-swatch{border-left:3px solid;border-radius:3px;width:12px;height:12px}.legend-swatch.draft{background:var(--st-draft-bg);border-color:var(--st-draft-bd)}.legend-swatch.pending{background:var(--st-pending-bg);border-color:var(--st-pending-bd)}.legend-swatch.approved{background:var(--st-approved-bg);border-color:var(--st-approved-bd)}.cal-nav{border-bottom:1px solid var(--genbil-paper-3);align-items:center;gap:8px;padding:12px 18px;display:flex}.cal-arrow{border:1px solid var(--genbil-line);cursor:pointer;width:30px;height:30px;color:var(--genbil-ink-2);background:#fff;border-radius:6px;justify-content:center;align-items:center;transition:background .12s;display:flex}.cal-arrow:hover{background:var(--genbil-paper-2)}.cal-month-label{font:600 15px/1 var(--font-product);color:var(--genbil-ink);min-width:168px}.cal-today-btn{border:1px solid var(--genbil-line);font:600 12px/1 var(--font-product);color:var(--genbil-ink-2);cursor:pointer;background:#fff;border-radius:6px;padding:6px 13px;transition:background .12s}.cal-today-btn:hover{background:var(--genbil-paper-2)}.cal-hint{font:400 11.5px/1 var(--font-product);color:var(--genbil-ink-4);align-items:center;gap:6px;margin-left:auto;display:flex}.cal-mgr-bar{border-bottom:1px solid var(--genbil-paper-3);background:var(--genbil-paper-2);flex-wrap:wrap;align-items:center;gap:10px;padding:11px 18px;display:flex}.cal-mgr-label{font:600 10px/1 var(--font-product);letter-spacing:.08em;text-transform:uppercase;color:var(--genbil-ink-4)}.cal-pill{border:1px solid var(--genbil-line-2);font:600 12px/1 var(--font-product);color:var(--genbil-ink-3);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:7px 13px;transition:all .12s;display:inline-flex}.cal-pill .pdot{background:var(--genbil-line-2);border-radius:50%;width:8px;height:8px;transition:background .12s}.cal-pill.on{border-color:var(--hs);background:var(--hs-tint);color:var(--hs-deep)}.cal-pill.on .pdot{background:var(--hs)}.cal-pill.subs.on{border-color:var(--viz-3);color:#7a3ea8;background:#f3e8fb}.cal-pill.subs.on .pdot{background:var(--viz-3)}.emp-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-top:14px;padding:0 18px 18px;display:grid}.emp-card{border:1px solid var(--genbil-line);cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;gap:12px;padding:16px;transition:border-color .12s,box-shadow .12s;display:flex}.emp-card:hover{border-color:var(--hs-tint2);box-shadow:var(--shadow-1)}.emp-card-head{align-items:center;gap:11px;display:flex}.emp-card-av{border-radius:50%;flex-shrink:0;width:44px;height:44px;overflow:hidden}.emp-card-av img{object-fit:cover;width:100%;height:100%}.emp-card-name{font:600 13.5px/1.25 var(--font-product);color:var(--genbil-ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.emp-card-pos{font:400 11.5px/1.3 var(--font-product);color:var(--genbil-ink-4);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;overflow:hidden}.emp-stats{border-top:1px solid var(--genbil-paper-3);grid-template-columns:repeat(3,1fr);gap:6px;padding-top:11px;display:grid}.emp-stat{text-align:center;flex-direction:column;align-items:center;gap:3px;display:flex}.emp-stat .es-val{font:700 16px/1 var(--font-product);color:var(--genbil-ink)}.emp-stat .es-label{font:600 8.5px/1.2 var(--font-product);letter-spacing:.05em;text-transform:uppercase;color:var(--genbil-ink-4)}.emp-empty{text-align:center;color:var(--genbil-ink-4);font:400 13px/1.5 var(--font-product);padding:30px 18px 18px}.cal-mhdr{background:var(--genbil-paper-2);border-bottom:1px solid var(--genbil-line);grid-template-columns:repeat(7,1fr);display:grid}.cal-mhdr-d{text-align:center;font:600 10px/1 var(--font-product);letter-spacing:.07em;text-transform:uppercase;color:var(--genbil-ink-4);padding:9px 4px}.cal-mgrid{grid-template-columns:repeat(7,1fr);display:grid}.cal-mday{border-right:1px solid var(--genbil-paper-3);border-bottom:1px solid var(--genbil-paper-3);cursor:context-menu;flex-direction:column;gap:3px;min-height:104px;padding:6px 7px 8px;transition:background .11s;display:flex;position:relative}.cal-mday:nth-child(7n){border-right:none}.cal-mday:hover{background:var(--genbil-paper-2)}.cal-mday.dim{background:#fbfcfe}.cal-mday.dim .cal-mdn{opacity:.32}.cal-mday.weekend:not(.dim){background:#fafbfd}.cal-mdn{width:24px;height:24px;font:600 12.5px/1 var(--font-product);color:var(--genbil-ink-2);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1px;display:inline-flex}.cal-mdn.today{background:var(--hs);color:#fff}.cal-chip{font:600 10.5px/1.25 var(--font-product);cursor:pointer;white-space:nowrap;border-left:3px solid;border-radius:4px;align-items:center;gap:5px;padding:3px 7px;transition:filter .11s,transform 90ms;display:flex;overflow:hidden}.cal-chip:hover{filter:brightness(.97);transform:translate(1px)}.cal-chip .chip-label{text-overflow:ellipsis;overflow:hidden}.cal-chip.draft{background:var(--st-draft-bg);border-color:var(--st-draft-bd);color:var(--st-draft-tx)}.cal-chip.pending{background:var(--st-pending-bg);border-color:var(--st-pending-bd);color:var(--st-pending-tx)}.cal-chip.approved{background:var(--st-approved-bg);border-color:var(--st-approved-bd);color:var(--st-approved-tx)}.cal-chip.continuation{opacity:.82}.cal-chip.selected{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--hs)}.ctx-menu{border:1px solid var(--genbil-line);box-shadow:var(--shadow-3);z-index:500;background:#fff;border-radius:8px;min-width:196px;padding:5px;display:none;position:fixed}.ctx-menu.open{display:block}.ctx-date{font:600 11px/1 var(--font-product);color:var(--genbil-ink-4);letter-spacing:.02em;padding:7px 10px 5px}.ctx-item{cursor:pointer;font:500 13px/1 var(--font-product);color:var(--genbil-ink-2);border-radius:5px;align-items:center;gap:9px;padding:9px 10px;transition:background .11s;display:flex}.ctx-item:hover{background:var(--hs-tint);color:var(--hs-deep)}.ctx-item svg{opacity:.75;width:15px;height:15px}.dp-overlay{z-index:100;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#0f172a52;transition:opacity .22s;position:fixed;inset:0}.dp-overlay.open{opacity:1;pointer-events:all}.dp-panel{z-index:101;background:#fff;flex-direction:column;width:408px;max-width:92vw;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 48px #0f172a2e}.dp-panel.open{transform:translate(0)}.dp-head{border-bottom:1px solid var(--genbil-line);flex-shrink:0;padding:18px 20px 16px}.dp-head-top{align-items:center;gap:10px;margin-bottom:12px;display:flex}.dp-close{border:1px solid var(--genbil-line);cursor:pointer;width:30px;height:30px;color:var(--genbil-ink-3);background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s;display:flex}.dp-close:hover{background:var(--genbil-paper-2)}.dp-eyebrow{font:600 10.5px/1 var(--font-product);letter-spacing:.09em;text-transform:uppercase;color:var(--genbil-ink-4)}.dp-title{font:600 19px/1.25 var(--font-product);color:var(--genbil-ink);letter-spacing:-.01em;margin:6px 0 12px}.status-chip{font:600 11.5px/1 var(--font-product);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;display:inline-flex}.status-chip .sdot{border-radius:50%;width:7px;height:7px}.status-chip.draft{background:var(--st-draft-bg);color:var(--st-draft-tx)}.status-chip.draft .sdot{background:var(--st-draft-bd)}.status-chip.pending{background:var(--st-pending-bg);color:var(--st-pending-tx)}.status-chip.pending .sdot{background:var(--st-pending-bd)}.status-chip.approved{background:var(--st-approved-bg);color:var(--st-approved-tx)}.status-chip.approved .sdot{background:var(--st-approved-bd)}.dp-body{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.dp-body>*{flex-shrink:0}.dp-field{flex-direction:column;gap:5px;display:flex}.dp-field-label{font:600 10.5px/1 var(--font-product);letter-spacing:.07em;text-transform:uppercase;color:var(--genbil-ink-4)}.dp-field-val{font:400 14px/1.5 var(--font-product);color:var(--genbil-ink)}.dp-daterow{background:var(--genbil-paper-2);border:1px solid var(--genbil-line);border-radius:8px;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:14px 16px;display:grid}.dp-date-block{flex-direction:column;gap:3px;display:flex}.dp-date-block .dlabel{font:600 9.5px/1 var(--font-product);letter-spacing:.06em;text-transform:uppercase;color:var(--genbil-ink-4)}.dp-date-block .dval{font:600 14px/1.2 var(--font-product);color:var(--genbil-ink)}.dp-date-block .dsub{font:400 11px/1 var(--font-product);color:var(--genbil-ink-4);margin-top:2px}.dp-date-arrow{color:var(--genbil-ink-4)}.dp-days-badge{background:var(--hs-tint);color:var(--hs-deep);font:600 12.5px/1 var(--font-product);border-radius:6px;align-self:flex-start;align-items:center;gap:6px;padding:5px 12px;display:inline-flex}.dp-attach{border:1px solid var(--genbil-line);cursor:pointer;border-radius:8px;align-items:center;gap:11px;padding:11px 13px;transition:border-color .12s,background .12s;display:flex}.dp-attach:hover{border-color:var(--hs-tint2);background:var(--genbil-paper-2)}.dp-attach-ic{background:var(--danger-tint);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.dp-attach-info{min-width:0}.dp-attach-name{font:600 12.5px/1.2 var(--font-product);color:var(--genbil-ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dp-attach-meta{font:400 11px/1 var(--font-product);color:var(--genbil-ink-4);margin-top:3px}.dp-approval{border:1px solid var(--st-pending-bd);border-radius:10px;overflow:hidden}.dp-approval-head{background:var(--st-pending-bg);font:600 11px/1 var(--font-product);letter-spacing:.06em;text-transform:uppercase;color:var(--st-pending-tx);align-items:center;gap:7px;padding:10px 14px;display:flex}.dp-approval-body{align-items:center;gap:12px;padding:14px;display:flex}.dp-approver-av{width:40px;height:40px;font:700 14px/1 var(--font-product);color:#fff;background:var(--viz-3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dp-approver-info{flex:1;min-width:0}.dp-approver-name{font:600 14px/1.2 var(--font-product);color:var(--genbil-ink)}.dp-approver-role{font:400 12px/1.3 var(--font-product);color:var(--genbil-ink-4);margin-top:3px}.dp-approval-meta{font:400 11.5px/1.4 var(--font-product);color:var(--genbil-ink-3);align-items:center;gap:6px;padding:0 14px 14px;display:flex}.dp-foot{border-top:1px solid var(--genbil-line);flex-shrink:0;gap:10px;padding:14px 20px;display:flex}.dp-btn{font:600 13px/1 var(--font-product);cursor:pointer;border:1px solid var(--genbil-line);color:var(--genbil-ink-2);background:#fff;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:7px;padding:10px 14px;transition:background .12s;display:flex}.dp-btn:hover{background:var(--genbil-paper-2)}.dp-btn.danger{color:var(--danger);border-color:#f0c8cb}.dp-btn.danger:hover{background:var(--danger-tint)}.modal-wrap{z-index:300;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.modal-wrap.open{display:flex}.modal-overlay{background:#0f172a73;position:absolute;inset:0}.modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:540px;max-height:92vh;display:flex;position:relative;box-shadow:0 24px 64px #0f172a38}.modal-head{border-bottom:1px solid var(--genbil-line);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-head h3{font:600 17px/1.2 var(--font-product);color:var(--genbil-ink)}.modal-head p{font:400 12.5px/1 var(--font-product);color:var(--genbil-ink-4);margin-top:4px}.modal-body{flex-direction:column;flex:1;gap:16px;padding:20px 22px;display:flex;overflow-y:auto}.modal-body>*{flex-shrink:0}.modal-foot{border-top:1px solid var(--genbil-line);justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.form-row{flex-direction:column;gap:6px;display:flex}.form-row.two{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-label{font:600 12px/1 var(--font-product);color:var(--genbil-ink-2)}.form-label .req{color:var(--danger);margin-left:2px}.form-input,.form-select,.form-textarea{border:1px solid var(--genbil-line-2);width:100%;font:400 13.5px/1.4 var(--font-product);color:var(--genbil-ink);background:#fff;border-radius:6px;outline:none;padding:9px 12px;transition:border-color .12s,box-shadow .12s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--hs);box-shadow:0 0 0 3px #0078d424}.form-textarea{resize:vertical;min-height:78px}.form-hint{font:400 11.5px/1.3 var(--font-product);color:var(--genbil-ink-4)}.days-pill{background:var(--hs-tint);color:var(--hs-deep);font:600 12.5px/1 var(--font-product);border-radius:6px;align-self:flex-start;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.dropzone{border:1.5px dashed var(--genbil-line-2);text-align:center;cursor:pointer;border-radius:8px;padding:22px 16px;transition:border-color .12s,background .12s;display:block}.dropzone:hover{border-color:var(--hs);background:var(--hs-tint)}.dropzone-ic{color:var(--genbil-ink-4);margin-bottom:8px}.dropzone-text{font:500 13px/1.4 var(--font-product);color:var(--genbil-ink-2)}.dropzone-text b{color:var(--hs)}.dropzone-sub{font:400 11.5px/1 var(--font-product);color:var(--genbil-ink-4);margin-top:5px}.file-row{border:1px solid var(--genbil-line);border-radius:7px;align-items:center;gap:10px;margin-top:8px;padding:9px 12px;display:flex}.file-row .fr-name{font:500 12.5px/1.2 var(--font-product);color:var(--genbil-ink);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.file-row .fr-x{width:24px;height:24px;color:var(--genbil-ink-4);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;display:flex}.file-row .fr-x:hover{background:var(--danger-tint);color:var(--danger)}.btn{font:600 13px/1 var(--font-product);cursor:pointer;border:1px solid var(--genbil-line);color:var(--genbil-ink-2);background:#fff;border-radius:6px;align-items:center;gap:7px;padding:9px 18px;transition:background .12s;display:inline-flex}.btn:hover{background:var(--genbil-paper-2)}.btn-primary{background:var(--hs);color:#fff;border-color:var(--hs)}.btn-primary:hover{background:var(--hs-deep)}.toast{background:var(--genbil-ink);color:#fff;font:500 13px/1 var(--font-product);box-shadow:var(--shadow-3);z-index:600;opacity:0;pointer-events:none;border-radius:8px;align-items:center;gap:9px;padding:12px 20px;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast .tdot{background:var(--success);border-radius:50%;width:8px;height:8px}.view{flex-direction:column;gap:20px;display:flex}.view>*{flex-shrink:0}.count-pill{font:600 11px/1 var(--font-product);background:var(--hs-tint);color:var(--hs-deep);border-radius:999px;padding:2px 9px}.lv-tabs{border-bottom:1px solid var(--genbil-paper-3);gap:4px;padding:12px 18px 0;display:flex}.lv-tab{font:600 13px/1 var(--font-product);color:var(--genbil-ink-4);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 6px;transition:color .12s,border-color .12s}.lv-tab:hover{color:var(--genbil-ink-2)}.lv-tab.active{color:var(--hs-deep);border-bottom-color:var(--hs)}.lv-search{border:1px solid var(--genbil-line-2);color:var(--genbil-ink-4);background:#fff;border-radius:6px;align-items:center;gap:7px;padding:6px 11px;display:flex}.lv-search input{font:400 12.5px/1 var(--font-product);color:var(--genbil-ink);border:none;outline:none;width:150px}.lv-search:focus-within{border-color:var(--hs)}.lv-emp-cell{align-items:center;gap:8px;font-weight:600;display:flex}.lv-emp-av{border-radius:50%;flex-shrink:0;width:24px;height:24px;overflow:hidden}.lv-emp-av img{object-fit:cover;width:100%;height:100%}.lv-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.lv-filter-label{font:600 10px/1 var(--font-product);letter-spacing:.06em;text-transform:uppercase;color:var(--genbil-ink-4)}.lv-select{border:1px solid var(--genbil-line-2);font:500 12.5px/1 var(--font-product);color:var(--genbil-ink-2);cursor:pointer;background:#fff;border-radius:6px;outline:none;padding:7px 12px}.lv-select:focus{border-color:var(--hs)}.lv-date{border:1px solid var(--genbil-line-2);font:500 12.5px/1 var(--font-product);color:var(--genbil-ink-2);border-radius:6px;outline:none;padding:6px 10px}.lv-date:focus{border-color:var(--hs)}.lv-clear{border:1px solid var(--genbil-line);font:600 12px/1 var(--font-product);color:var(--genbil-ink-3);cursor:pointer;background:#fff;border-radius:6px;padding:7px 12px}.lv-clear:hover{background:var(--genbil-paper-2)}.lv-table{border-collapse:collapse;width:100%}.lv-table th{font:600 10.5px/1 var(--font-product);letter-spacing:.06em;text-transform:uppercase;color:var(--genbil-ink-4);text-align:left;background:var(--genbil-paper-2);border-bottom:1px solid var(--genbil-line);white-space:nowrap;padding:11px 16px}.lv-table td{border-bottom:1px solid var(--genbil-paper-3);font:400 13px/1.4 var(--font-product);color:var(--genbil-ink);vertical-align:middle;white-space:nowrap;padding:13px 16px}.lv-table tbody tr:last-child td{border-bottom:none}.lv-table tbody tr:hover td{background:var(--genbil-paper-2);cursor:pointer}.lv-type{align-items:center;gap:9px;font-weight:600;display:flex}.lv-type .tdot{border-left:3px solid;border-radius:3px;flex-shrink:0;width:10px;height:10px}.tdot.draft{background:var(--st-draft-bg);border-color:var(--st-draft-bd)}.tdot.pending{background:var(--st-pending-bg);border-color:var(--st-pending-bd)}.tdot.approved{background:var(--st-approved-bg);border-color:var(--st-approved-bd)}.tdot.cancelled{background:var(--genbil-paper-3);border-color:var(--genbil-ink-4)}.tdot.rejected{background:var(--danger-tint);border-color:var(--danger)}.status-chip.sm{padding:3px 9px;font-size:11px}.status-chip.cancelled{background:var(--genbil-paper-3);color:var(--genbil-ink-3)}.status-chip.cancelled .sdot{background:var(--genbil-ink-4)}.status-chip.rejected{background:var(--danger-tint);color:var(--danger)}.status-chip.rejected .sdot{background:var(--danger)}.tf{font:600 10.5px/1 var(--font-product);letter-spacing:.03em;border-radius:999px;padding:3px 9px}.tf-up{background:var(--hs-tint);color:var(--hs-deep)}.tf-now{background:var(--st-draft-bg);color:var(--st-draft-tx)}.tf-past{background:var(--genbil-paper-3);color:var(--genbil-ink-3)}.lv-act{border:1px solid var(--genbil-line);font:600 11.5px/1 var(--font-product);color:var(--hs-deep);cursor:pointer;background:#fff;border-radius:5px;padding:5px 12px}.lv-act:hover{background:var(--hs-tint);border-color:var(--hs-tint2)}.lv-empty{text-align:center;color:var(--genbil-ink-4);font:400 13px/1.5 var(--font-product);padding:40px}.lv-tab .count-pill{margin-left:7px}.lv-bulk-bar{background:var(--genbil-paper-2);border-bottom:1px solid var(--genbil-paper-3);flex-wrap:wrap;align-items:center;gap:14px;padding:10px 18px;display:flex}.lv-bulk-check{font:600 12.5px/1 var(--font-product);color:var(--genbil-ink-2);cursor:pointer;align-items:center;gap:8px;display:flex}.lv-bulk-check input{width:15px;height:15px;accent-color:var(--hs);cursor:pointer}.lv-bulk-count{font:500 12.5px/1 var(--font-product);color:var(--genbil-ink-4)}.lv-bulk-actions{gap:10px;margin-left:auto;display:flex}.lv-bulk-actions .dp-btn{flex:none;padding:8px 16px}.lv-bulk-actions .dp-btn:disabled{opacity:.45;cursor:not-allowed}.lv-row-check{width:15px;height:15px;accent-color:var(--hs);cursor:pointer}.lv-reason-cell{white-space:normal;max-width:240px;color:var(--genbil-ink-3);font-size:12.5px;line-height:1.4}.lv-appr-actions{justify-content:flex-end;gap:8px;display:flex}.lv-appr-btn{font:600 11.5px/1 var(--font-product);cursor:pointer;border:1px solid var(--genbil-line);white-space:nowrap;background:#fff;border-radius:5px;padding:6px 13px}.lv-appr-btn.approve{color:#fff;background:var(--success);border-color:var(--success)}.lv-appr-btn.approve:hover{filter:brightness(.95)}.lv-appr-btn.reject{color:var(--danger);border-color:#f0c8cb}.lv-appr-btn.reject:hover{background:var(--danger-tint)}.profile-grid{grid-template-columns:1.45fr 1fr;align-items:start;gap:20px;display:grid}.profile-card{border:1px solid var(--genbil-line);background:#fff;border-radius:10px;overflow:hidden}.profile-hero{border-bottom:1px solid var(--genbil-paper-3);background:linear-gradient(180deg, var(--genbil-paper-2) 0%, #fff 100%);align-items:center;gap:18px;padding:24px;display:flex}.avatar-lg{border:2px solid #fff;border-radius:50%;flex-shrink:0;width:86px;height:86px;overflow:hidden;box-shadow:0 2px 10px #0f172a24}.avatar-lg img,.chain-av img,.pi-mini-av img{object-fit:cover;width:100%;height:100%}.profile-hero-name{font:600 23px/1.2 var(--font-product);color:var(--genbil-ink);letter-spacing:-.01em}.profile-hero-pos{font:400 14px/1.4 var(--font-product);color:var(--genbil-ink-3);margin-top:5px}.profile-info{grid-template-columns:1fr 1fr;gap:18px 28px;padding:22px 24px;display:grid}.pi-row{flex-direction:column;gap:5px;min-width:0;display:flex}.pi-label{font:600 10.5px/1 var(--font-product);letter-spacing:.07em;text-transform:uppercase;color:var(--genbil-ink-4)}.pi-val{font:400 14px/1.4 var(--font-product);color:var(--genbil-ink);text-overflow:ellipsis;align-items:center;gap:10px;display:flex;overflow:hidden}.pi-mini-av{border-radius:50%;flex-shrink:0;width:30px;height:30px;overflow:hidden}.chain-card{border:1px solid var(--genbil-line);background:#fff;border-radius:10px;padding:24px}.chain-title{font:600 11px/1 var(--font-product);letter-spacing:.08em;text-transform:uppercase;color:var(--genbil-ink-4)}.chain-sub{font:400 12.5px/1.3 var(--font-product);color:var(--genbil-ink-4);margin:5px 0 0}.chain{flex-direction:column;align-items:center;padding-top:22px;display:flex}.chain-node{text-align:center;border:1px solid var(--genbil-line);background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:280px;padding:20px 24px;transition:border-color .12s,box-shadow .12s;display:flex}.chain-node:hover{border-color:var(--hs-tint2);box-shadow:var(--shadow-1)}.chain-node.me{border-color:var(--hs);background:var(--hs-tint)}.chain-av{border-radius:50%;width:60px;height:60px;overflow:hidden;box-shadow:0 1px 4px #0f172a1f}.chain-name{font:600 14px/1.2 var(--font-product);color:var(--genbil-ink)}.chain-pos{font:400 12.5px/1.3 var(--font-product);color:var(--genbil-ink-3)}.chain-node.me .chain-pos{color:var(--hs-deep)}.chain-connector{background:var(--genbil-line-2);width:2px;height:30px}.reports-card{border:1px solid var(--genbil-line);background:#fff;border-radius:10px;margin-top:20px;padding:20px}.reports-grid{grid-template-columns:repeat(auto-fill,minmax(152px,1fr));gap:12px;margin-top:14px;display:grid}.reports-grid .chain-node{max-width:none}@media (width<=860px){.profile-grid{grid-template-columns:1fr}}