@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";.sp-shell{max-width:1440px;display:grid;gap:18px;color:var(--xk-ink,#0B0B0B)}.sp-head{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;justify-content:space-between}.sp-head h1{margin:4px 0 0;font-size:28px;font-weight:800;line-height:1.2}.sp-head-main{display:grid;gap:6px;min-width:0;flex:1 1 420px}.sp-eyebrow{margin:0;font-size:13px;color:var(--xk-text2,#525252)}.sp-link{border:0;background:none;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}.sp-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.sp-btn{min-height:44px;padding:0 18px;border-radius:12px;border:1px solid var(--xk-yellow,#FFCC33);background:var(--xk-yellow,#FFCC33);color:var(--xk-ink,#0B0B0B);font:800 14px/1 system-ui,sans-serif;font-family:inherit;cursor:pointer}.sp-btn-line{background:#fff;border-color:#d4d4d4;font-weight:700}.sp-btn:disabled{opacity:.45;cursor:not-allowed}.sp-error{margin:0;padding:12px 14px;border-radius:12px;background:#fde2de;color:#8a1c10}.sp-notice{margin:0;padding:12px 14px;border-radius:12px;background:var(--xk-ok,#E3F2E9);color:#14532d}.sp-empty{color:var(--xk-text2,#525252);padding:20px 0}.sp-muted{color:var(--xk-text2,#525252);font-size:13px;margin:0}.sp-mono{font-family:ui-monospace,Menlo,monospace;font-size:12px}.sp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sp-bot{margin:0;font-size:13px;color:var(--xk-text2,#525252)}.sp-bot-warn{color:#8a4b00;font-weight:600}.sp-attn{background:#fff7db;border:1px solid #F2D27A;border-radius:18px;padding:16px;display:grid;gap:8px}.sp-attn h2{margin:0 0 4px;font-size:16px;font-weight:800}.sp-attn-row{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;text-align:left;border:0;background:#fff;border-radius:12px;padding:12px 14px;font:inherit;color:inherit;cursor:pointer}.sp-attn-row strong{display:block;font-size:14px}.sp-attn-row small{display:block;color:var(--xk-text2,#525252);font-size:13px;margin-top:2px}.sp-attn-code{font-weight:800;font-size:13px}.sp-attn-go{background:var(--xk-yellow,#FFCC33);border-radius:10px;padding:9px 14px;font-weight:800;font-size:13px}.sp-attn-need_input .sp-attn-code{color:#b42318}.sp-filters{display:grid;gap:10px}.sp-search{height:44px;max-width:420px;border:1px solid #D4D4D4;border-radius:12px;padding:0 14px;font:inherit;background:#fff}.sp-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.sp-chips button{flex:none;min-height:38px;border-radius:999px;border:1px solid #D4D4D4;background:#fff;padding:0 14px;font:600 13px system-ui,sans-serif;font-family:inherit;cursor:pointer}.sp-chips button span{color:var(--xk-text2,#525252);margin-left:4px}.sp-chips button.on{background:var(--xk-yellow,#FFCC33);border-color:var(--xk-yellow,#FFCC33);font-weight:800}.sp-chips button.on span{color:var(--xk-ink,#0B0B0B)}.sp-table{background:#fff;border:1px solid var(--xk-line,#E5E5E5);border-radius:18px;overflow:hidden}.sp-tr{display:grid;grid-template-columns:110px 60px minmax(0,2.4fr) 110px minmax(0,1.2fr) 170px;gap:12px;padding:13px 16px;border:0;border-bottom:1px solid #EFEFEF;width:100%;background:#fff;text-align:left;font:inherit;font-size:14px;line-height:1.4;color:inherit;align-items:start;cursor:pointer}.sp-tr:hover{background:#fffbea}.sp-th{cursor:default;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--xk-text2,#525252);font-weight:700;background:#fafafa}.sp-th:hover{background:#fafafa}.sp-tr small{display:block;font-size:12px;color:var(--xk-text2,#525252);margin-top:3px;overflow:hidden;text-overflow:ellipsis}.sp-title-cell strong{font-weight:700;line-height:1.35}.sp-late{color:#b42318;font-weight:700}.sp-late small{color:#b42318}.sp-pill{justify-self:start;display:inline-block;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#ededed;color:#262626;white-space:nowrap}.sp-st-ready{background:#e8f0ff;color:#173b8a}.sp-st-working{background:#e0f2fe;color:#075985}.sp-st-need_input{background:#fde2de;color:#8a1c10}.sp-st-review{background:#fff0c2;color:#5c4300}.sp-st-approved{background:#ffe08a;color:#3b2a00}.sp-st-published{background:var(--xk-ok,#E3F2E9);color:#14532d}.sp-st-paused{background:#f1f1f1;color:#6b6b6b}.sp-card{background:#fff;border:1px solid var(--xk-line,#E5E5E5);border-radius:18px;padding:18px 20px;display:grid;gap:12px}.sp-card h2{margin:0;font-size:16px;font-weight:800}.sp-card p{margin:0;line-height:1.5}.sp-stages{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.sp-stages li{display:grid;gap:6px;font-size:12px;color:#8a8a8a}.sp-stages li span{height:6px;border-radius:3px;background:#e3e3e3}.sp-stages li.done{color:var(--xk-ink,#0B0B0B)}.sp-stages li.done span{background:var(--xk-ink,#0B0B0B)}.sp-stages li.now{color:var(--xk-ink,#0B0B0B);font-weight:800}.sp-stages li.now span{background:var(--xk-yellow,#FFCC33)}.sp-action{border-width:2px}.sp-action-need_input{border-color:#f4a99e}.sp-action-review{border-color:#f2d27a}.sp-action label{font-size:13px;font-weight:700}.sp-action textarea,.sp-fields textarea,.sp-fields input,.sp-override-row select,.sp-override-row input,.sp-modal textarea{width:100%;box-sizing:border-box;border:1px solid #D4D4D4;border-radius:10px;padding:10px 12px;font:inherit;background:#fff}.sp-fields input{height:42px}.sp-question{background:#fff4f2;border-radius:10px;padding:12px 14px;white-space:pre-wrap}.sp-links{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.sp-links a{font-weight:700;color:var(--xk-ink,#0B0B0B)}.sp-pre{white-space:pre-wrap;background:#fafafa;border-radius:10px;padding:12px 14px;font-size:13px}.sp-override summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--xk-text2,#525252)}.sp-override[open]{display:grid;gap:8px}.sp-override-row{display:grid;grid-template-columns:200px 1fr auto;gap:8px;align-items:center}.sp-grid{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}.sp-form{flex:999 1 560px;min-width:0;display:grid;gap:16px}.sp-log{flex:1 1 300px;min-width:0}.sp-log ol{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-height:70vh;overflow:auto}.sp-log li{display:grid;gap:2px;font-size:13px;line-height:1.45;padding-left:10px;border-left:3px solid #E3E3E3}.sp-log li.agent{border-left-color:var(--xk-yellow,#FFCC33)}.sp-log small{color:var(--xk-text2,#525252);font-size:11px}.sp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.sp-field{display:grid;gap:6px;min-width:0}.sp-field label{font-size:12px;font-weight:700;color:#3f3f3f}.sp-wide{grid-column:1/-1}.sp-over{color:#b42318;font-weight:700}.sp-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;padding:16px;z-index:50}.sp-modal-box{background:#fff;border-radius:18px;padding:22px;max-width:720px;width:100%;display:grid;gap:12px;max-height:90vh;overflow:auto}.sp-modal-box h2{margin:0;font-size:18px}.sp-warn-list{margin:0;padding-left:18px;font-size:13px;line-height:1.5}.sp-outline{display:grid;gap:8px}.sp-outline-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.sp-ol-row{display:grid;grid-template-columns:76px 1fr auto;gap:8px;align-items:start;background:#fafafa;border:1px solid #EDEDED;border-radius:12px;padding:6px 8px}.sp-ol-row select{height:34px;margin-top:1px;border:0;border-radius:8px;background:#ededed;font:700 12px system-ui,sans-serif;font-family:inherit;padding:0 6px;color:#525252}.sp-ol-row textarea{resize:none;overflow:hidden;min-height:34px;border:0;background:transparent;font:inherit;font-size:14px;line-height:1.4;padding:7px 6px;min-width:0;width:100%;box-sizing:border-box}.sp-ol-row textarea:focus{outline:2px solid var(--xk-yellow,#FFCC33);border-radius:8px;background:#fff}.sp-ol-H1{background:#fff7db;border-color:#f2d27a}.sp-ol-H1 select{background:var(--xk-yellow,#FFCC33);color:#0b0b0b}.sp-ol-H1 textarea{font-weight:800}.sp-ol-H3{margin-left:28px}.sp-ol-P select{background:#fff;border:1px dashed #D4D4D4}.sp-ol-P textarea{font-style:italic;color:#525252}.sp-ol-tools{display:flex;gap:2px}.sp-ol-tools button{width:30px;height:30px;border:0;border-radius:8px;background:transparent;cursor:pointer;color:#525252;font:inherit}.sp-ol-tools button:hover:not(:disabled){background:#ededed;color:#0b0b0b}.sp-ol-tools button:disabled{opacity:.3;cursor:default}.sp-outline-foot{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sp-btn-sm{min-height:36px;padding:0 12px;font-size:13px}.sp-tabs{display:flex;gap:4px;border-bottom:1px solid #E3E3E3;overflow-x:auto}.sp-tabs button{flex:none;border:0;background:none;padding:10px 14px;font:700 14px system-ui,sans-serif;font-family:inherit;color:#6b6b6b;border-bottom:3px solid transparent;margin-bottom:-1px;cursor:pointer}.sp-tabs button.on{color:var(--xk-ink,#0B0B0B);border-bottom-color:var(--xk-yellow,#FFCC33)}.sp-cal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.sp-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid #EDEDED;border-radius:12px;overflow:hidden}.sp-cal-wd{background:#fafafa;font-size:11px;font-weight:700;text-transform:uppercase;color:#6b6b6b;padding:8px;border-bottom:1px solid #EDEDED}.sp-cal-day{min-height:104px;padding:6px;border-right:1px solid #F1F1F1;border-bottom:1px solid #F1F1F1;display:flex;flex-direction:column;gap:4px;min-width:0}.sp-cal-day:nth-child(7n){border-right:0}.sp-cal-day.empty{background:#fcfcfc}.sp-cal-num{font-size:12px;font-weight:700;color:#6b6b6b}.sp-cal-wdm{display:none}.sp-cal-day.today{background:#fffbea}.sp-cal-day.today .sp-cal-num{color:#0b0b0b}.sp-cal-day.today .sp-cal-num:after{content:" hôm nay";font-weight:600;color:#8a6a00}.sp-cal-chip{display:block;width:100%;text-align:left;border:1px solid transparent;border-radius:8px;padding:4px 6px;font:500 12px/1.3 system-ui,sans-serif;font-family:inherit;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-cal-chip b{font-weight:800}.sp-cal-chip:hover{filter:brightness(.96)}.sp-cal-late{border-color:#e5533d}.sp-cal-legend{font-size:12px}.sp-cal-unsched{display:grid;gap:8px}.sp-cal-unsched h3{margin:0;font-size:14px}.sp-cal-unsched>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}.sp-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sp-kpi{background:#fff;border:1px solid var(--xk-line,#E5E5E5);border-radius:16px;padding:14px 16px;display:grid;gap:4px}.sp-kpi small{font-size:12px;color:#6b6b6b;font-weight:600}.sp-kpi strong{font-size:26px;font-weight:800}.sp-kpi strong span{font-size:15px;color:#8a8a8a;font-weight:700}.sp-track .sp-tr{grid-template-columns:96px 52px minmax(0,2.6fr) 96px repeat(5,minmax(56px,.6fr)) 92px}.sp-ok{color:#14532d;font-weight:700}.sp-warn{color:#8a4b00;font-weight:700}.sp-dim{color:#b5b5b5}.sp-flow{grid-template-columns:repeat(4,minmax(0,1fr))}.sp-body{font:15px/1.6 system-ui,sans-serif;font-family:inherit;min-height:420px}.sp-small{font-size:12px;justify-self:start}.sp-wp{display:grid;gap:12px}.sp-wp>select{height:42px;max-width:360px;border:1px solid #D4D4D4;border-radius:10px;padding:0 10px;font:inherit;background:#fff}.sp-wp-tax{display:grid;gap:6px}.sp-wp-tax-head{display:flex;gap:10px;align-items:center;font-size:13px}.sp-wp-tax-head input{height:30px;border:1px solid #D4D4D4;border-radius:8px;padding:0 8px;font:inherit;font-size:13px}.sp-wp-terms{display:flex;flex-wrap:wrap;gap:6px}.sp-wp-terms button{border:1px solid #D4D4D4;background:#fff;border-radius:999px;padding:6px 12px;font:600 13px system-ui,sans-serif;font-family:inherit;cursor:pointer}.sp-wp-terms button.on{background:var(--xk-yellow,#FFCC33);border-color:var(--xk-yellow,#FFCC33)}.sp-images{gap:14px}.sp-drop{border:2px dashed #D4D4D4;border-radius:14px;padding:22px;text-align:center;color:#6b6b6b;font-size:14px;background:#fafafa}.sp-drop.over,.sp-img-sec.over{border-color:var(--xk-yellow,#FFCC33);background:#fffbea}.sp-img-sec{border:1px solid #EDEDED;border-radius:14px;padding:12px;display:grid;gap:10px}.sp-img-sec h3{margin:0;font-size:14px;font-weight:800}.sp-img-unused{background:#fafafa;border-style:dashed}.sp-img-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;min-height:40px}.sp-img{display:grid;gap:6px;background:#fff;border:1px solid #E5E5E5;border-radius:12px;padding:8px;cursor:grab;min-width:0}.sp-img.feat{border:2px solid var(--xk-yellow,#FFCC33)}.sp-img-pic{position:relative;aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:#ededed}.sp-img-pic img{width:100%;height:100%;object-fit:cover;display:block}.sp-img-ph{display:block;width:100%;height:100%}.sp-img-star{position:absolute;left:6px;top:6px;border:0;border-radius:999px;padding:4px 9px;font:800 12px system-ui,sans-serif;font-family:inherit;background:#ffffffeb;cursor:pointer}.sp-img-star[aria-pressed=true]{background:var(--xk-yellow,#FFCC33)}.sp-img textarea,.sp-img input{width:100%;box-sizing:border-box;border:1px solid #E0E0E0;border-radius:8px;padding:6px 8px;font:13px/1.35 system-ui,sans-serif;font-family:inherit;resize:vertical}.sp-img textarea.sp-need{border-color:#e5533d;background:#fff4f2}.sp-img-tools{display:grid;grid-template-columns:1fr auto auto auto;gap:4px}.sp-img-tools select{min-width:0;height:30px;border:1px solid #E0E0E0;border-radius:8px;font:12px system-ui,sans-serif;font-family:inherit;background:#fff}.sp-img-tools button{width:30px;height:30px;border:1px solid #E0E0E0;border-radius:8px;background:#fff;cursor:pointer;font:inherit}.sp-img small{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-modal-box .sp-fields{grid-template-columns:1fr}.sp-modal-box select{height:40px;border:1px solid #D4D4D4;border-radius:10px;padding:0 10px;font:inherit;background:#fff}.sp-modal-box input{height:40px;border:1px solid #D4D4D4;border-radius:10px;padding:0 12px;font:inherit}code{font-family:ui-monospace,Menlo,monospace;font-size:12px;background:#f1f1f1;border-radius:4px;padding:1px 4px}.sp-flow{grid-template-columns:repeat(6,minmax(0,1fr))}.sp-side{flex:1 1 300px;min-width:0;display:grid;gap:18px;align-content:start}.sp-checks{position:sticky;top:12px;gap:10px}.sp-checks ul{margin:6px 0 0;padding-left:18px;font-size:13px;line-height:1.5}.sp-checks details summary{cursor:pointer;font-size:13px;color:#525252}.sp-chk-red{color:#b42318}.sp-chk-yellow{color:#8a4b00}.sp-chk-green{color:#14532d;font-weight:700}.sp-step{gap:14px}.sp-step-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.sp-step-n{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--xk-yellow,#FFCC33);font-weight:800;font-size:13px;margin-right:10px;vertical-align:1px}.sp-req{color:#b42318}.sp-flag{margin:6px 0 0;font-size:13px;color:#8a1c10;background:#fde2de;border-radius:8px;padding:6px 10px}.sp-prop-item.flag{border-color:#f4a99e}.sp-lvl{font-size:11px;font-weight:800;border-radius:999px;padding:2px 8px;background:#ededed;color:#525252}.sp-lvl.cao{background:#fde2de;color:#8a1c10}.sp-dup-opts{display:grid;gap:6px;margin:8px 0}.sp-dup-opts label{display:flex;gap:8px;align-items:center;cursor:pointer;justify-content:flex-start}.sp-dup-opts input[type=radio]{width:auto!important;height:auto!important;margin:0;flex:none}.sp-dup input:not([type=radio]){width:100%;box-sizing:border-box;height:38px;border:1px solid #D4D4D4;border-radius:8px;padding:0 10px;font:inherit}.sp-aistat{font-size:12px;font-weight:700;color:#14532d}.sp-aistat.bad{color:#b42318}.sp-locked{background:#fff7db!important;border-color:#f2d27a!important}.sp-prop{max-width:980px}.sp-prop-list{display:grid;gap:8px;max-height:60vh;overflow:auto}.sp-prop-item{border:1px solid #E5E5E5;border-radius:12px;padding:8px 12px;background:#fcfcfc}.sp-prop-item summary{cursor:pointer;font-size:14px}.sp-prop-item label{display:inline-flex;gap:8px;align-items:center;cursor:pointer}.sp-prop-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.sp-prop-cols small{font-size:11px;font-weight:700;color:#6b6b6b;text-transform:uppercase}.sp-prop-cols p{margin:4px 0 0;white-space:pre-wrap;font-size:13px;line-height:1.5;background:#fff;border:1px solid #EDEDED;border-radius:8px;padding:8px;max-height:260px;overflow:auto}.sp-prop-cols div:last-child p{background:#f3faf5;border-color:#cde9d6}@media (max-width:700px){.sp-prop-cols{grid-template-columns:1fr}}.sp-fix{width:100%;min-height:42px}.sp-auto{background:#fff7db;border-color:#f2d27a;gap:10px}.sp-auto h2{margin:0 0 4px}.sp-auto .sp-step-head{align-items:flex-start}.sp-auto .sp-step-head>div{flex:1 1 420px}.sp-hint{margin:0;font-size:13px;color:#8a4b00;background:#fff7db;border-radius:10px;padding:8px 12px}.sp-step .sp-field textarea,.sp-step .sp-field input:not([type=checkbox]){width:100%;box-sizing:border-box;border:1px solid #D4D4D4;border-radius:10px;padding:10px 12px;font:15px/1.5 system-ui,sans-serif;font-family:inherit;background:#fff}.sp-step .sp-field input:not([type=checkbox]){height:44px;padding:0 12px}.sp-note{margin-top:2px}.sp-row{display:flex;gap:8px;align-items:center}.sp-row-top{align-items:flex-start}.sp-row>input,.sp-row>textarea{flex:1;min-width:0}.sp-ai{flex:none;border:1px solid #E7C64E;background:#fff7db;color:#3b2a00;border-radius:10px;padding:0 12px;min-height:40px;font:700 13px system-ui,sans-serif;font-family:inherit;cursor:pointer;white-space:nowrap}.sp-ai:disabled{opacity:.5;cursor:default}.sp-opts{display:grid;gap:6px;margin-top:6px;background:#fffbea;border:1px solid #F2D27A;border-radius:12px;padding:8px}.sp-opts button{text-align:left;border:1px solid #EDEDED;background:#fff;border-radius:8px;padding:8px 10px;font:14px system-ui,sans-serif;font-family:inherit;cursor:pointer;display:grid;gap:2px}.sp-opts button:hover{border-color:var(--xk-yellow,#FFCC33)}.sp-opts small{font-size:11px;color:#8a8a8a}.sp-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.sp-presets button{border:1px dashed #CFCFCF;background:#fff;border-radius:999px;padding:5px 10px;font:12px system-ui,sans-serif;font-family:inherit;cursor:pointer;color:#3f3f3f}.sp-field select{height:42px;border:1px solid #D4D4D4;border-radius:10px;padding:0 10px;font:inherit;background:#fff;max-width:420px}.sp-field>select+input{margin-top:8px}.sp-chipsin{display:flex;flex-wrap:wrap;gap:6px;align-items:center;border:1px solid #D4D4D4;border-radius:10px;padding:6px;background:#fff}.sp-chipsin input{border:0!important;flex:1;min-width:140px;height:30px!important;padding:0 6px!important}.sp-chip{display:inline-flex;align-items:center;gap:4px;background:#f1f1f1;border-radius:999px;padding:4px 6px 4px 10px;font-size:13px;font-weight:600}.sp-chip button{border:0;background:none;cursor:pointer;font-size:11px;color:#6b6b6b}.sp-facts{display:grid;gap:8px}.sp-fact{display:grid;grid-template-columns:160px 1fr 34px;gap:8px;align-items:center}.sp-fact select,.sp-fact input{height:40px;border:1px solid #D4D4D4;border-radius:10px;padding:0 10px;font:inherit;background:#fff;min-width:0}.sp-fact button,.sp-faq-item button{width:34px;height:34px;border:1px solid #E0E0E0;border-radius:8px;background:#fff;cursor:pointer}.sp-fact+.sp-btn{justify-self:start}.sp-dup{background:#fff4f2;border:1px solid #F4A99E;border-radius:12px;padding:10px 14px;font-size:13px}.sp-dup ul{margin:6px 0;padding-left:18px}.sp-blocks-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}.sp-blocks{list-style:none;margin:0;padding:0;display:grid;gap:10px}.sp-block{border:1px solid #E5E5E5;border-radius:14px;padding:10px 12px;display:grid;gap:6px;background:#fcfcfc}.sp-block.off{opacity:.55}.sp-block-top{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.sp-block-title{height:40px;border:1px solid #D4D4D4;border-radius:10px;padding:0 10px;font:700 15px system-ui,sans-serif;font-family:inherit;min-width:0}.sp-block-guide{height:32px;border:1px dashed #D4D4D4;border-radius:8px;padding:0 10px;font:13px system-ui,sans-serif;font-family:inherit;color:#525252;background:#fff}.sp-block textarea{border:1px solid #D4D4D4;border-radius:10px;padding:10px 12px;font:14px/1.55 system-ui,sans-serif;font-family:inherit;resize:vertical;min-height:90px;background:#fff}.sp-block-foot{display:flex;justify-content:space-between;align-items:center}.sp-switch{display:inline-flex;gap:6px;align-items:center;font-size:12px;font-weight:700;cursor:pointer}.sp-faq{display:grid;gap:8px;border-top:1px solid #EFEFEF;padding-top:12px}.sp-faq-item{display:grid;grid-template-columns:1fr 1.6fr 34px;gap:8px;align-items:start}.sp-faq-item input,.sp-faq-item textarea{border:1px solid #D4D4D4;border-radius:10px;padding:8px 10px;font:14px system-ui,sans-serif;font-family:inherit;min-width:0}.sp-links-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.sp-links-list li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;padding:6px 8px;border-radius:8px;background:#fafafa}.sp-links-list label{display:flex;gap:8px;align-items:center;font-weight:600;cursor:pointer}.sp-links-list a{font-size:12px}.sp-legacy summary{cursor:pointer;font-weight:800}.sp-legacy[open]{display:grid;gap:12px}@media (max-width:1023px){.sp-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-side{order:2}.sp-checks{position:static}.sp-fact{grid-template-columns:1fr 34px}.sp-fact select{grid-column:1/-1}.sp-faq-item{grid-template-columns:1fr 34px}.sp-faq-item textarea{grid-column:1}.sp-row{flex-wrap:wrap}.sp-row .sp-ai{width:100%}.sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-img-row{grid-template-columns:1fr}.sp-body{min-height:320px}.sp-cal-grid{display:flex;flex-direction:column;border:0;gap:6px}.sp-cal-wd,.sp-cal-day.empty,.sp-cal-day:not(.has):not(.today){display:none}.sp-cal-day{min-height:0;border:1px solid #EDEDED;border-radius:12px;padding:10px}.sp-cal-wdm{display:inline}.sp-cal-chip{white-space:normal;font-size:13px;padding:8px 10px}.sp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-track .sp-tr{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"title title title";gap:6px 10px}.sp-track .sp-tr>span:nth-child(1),.sp-track .sp-tr>span:nth-child(2){display:none}.sp-track .sp-tr>span:nth-child(3){grid-area:title}.sp-track .sp-tr>span:nth-child(n+4){display:block;font-size:13px;grid-area:auto}.sp-track .sp-tr>span:nth-child(n+4):before{content:attr(data-label);display:block;font-size:11px;color:#8a8a8a;font-weight:600}.sp-ol-row{grid-template-columns:auto 1fr;grid-template-areas:"lv tools" "txt txt";gap:2px 8px}.sp-ol-row select{grid-area:lv;height:30px}.sp-ol-row textarea{grid-area:txt;padding:4px 4px 6px}.sp-ol-tools{grid-area:tools;justify-content:flex-end}.sp-ol-H3{margin-left:16px}.sp-head h1{font-size:22px}.sp-tr{grid-template-columns:auto 1fr;grid-template-areas:"code title" "date status";gap:6px 12px;padding:12px 14px}.sp-th{display:none}.sp-tr>span:nth-child(1){grid-area:date}.sp-tr>span:nth-child(2){grid-area:code}.sp-tr>span:nth-child(3){grid-area:title}.sp-tr>span:nth-child(4),.sp-tr>span:nth-child(5){display:none}.sp-tr>span:nth-child(6){grid-area:status;justify-self:end}.sp-stages{grid-template-columns:repeat(4,minmax(0,1fr))}.sp-fields,.sp-override-row{grid-template-columns:1fr}.sp-attn-row{grid-template-columns:44px 1fr}.sp-attn-go{grid-column:1/-1;text-align:center}.sp-actions .sp-btn{flex:1 1 auto}}.sp-warn-box{background:#fff4d6;border:1px solid #f0c24b;border-radius:8px;padding:8px 10px;margin:8px 0;font-size:14px}:root{font-family:Roboto,system-ui,sans-serif;color:#1f2937;background:#f2f4ef;--xk-primary: #f5b301;--xk-primary-hover: #d99b00;--xk-primary-soft: #fff7d6;--xk-ink: #1f2937;--xk-border: #cbd5e1;--xk-surface: #ffffff;--xk-surface-hover: #f8fafc;--xk-danger: #dc2626;--xk-danger-hover: #b91c1c;--xk-danger-soft: #fef2f2;--xk-focus: rgba(245, 179, 1, .28)}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,textarea{font:inherit}.app-shell{max-width:1800px;margin:0 auto;padding:24px}.hero{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:20px;flex-wrap:wrap}.hero h1{margin:0 0 6px}.hero button,.ghost-btn,.form-grid button,.chat-form button{border:1px solid #111827;background:#facc15;color:#111827;padding:10px 14px;border-radius:10px;text-decoration:none;cursor:pointer}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:#6b7280;margin:0 0 4px}.sub{margin:0;color:#4b5563;max-width:720px}.alert{padding:12px 14px;background:#fee2e2;border:1px solid #ef4444;border-radius:12px;margin-bottom:16px}.tabs{display:flex;gap:8px;margin-bottom:20px}.tabs button{border:1px solid #cbd5e1;background:#fff;border-radius:999px;padding:10px 16px;cursor:pointer}.tabs .active{background:#111827;color:#facc15}.grid{display:grid}.gap-lg{gap:20px}.panel{background:#fff;border:1px solid #d1d5db;border-radius:18px;padding:18px;box-shadow:0 6px 24px #0f172a0d}.panel h2{margin:0 0 14px;font-size:18px}.chat-panel{margin-bottom:18px}.chat-panel>summary{cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:#1f2937}.chat-panel>summary::-webkit-details-marker{display:none}.chat-panel>summary:after{content:"Mở";margin-left:auto;color:#6b7280;font-size:12px;font-weight:700;text-transform:uppercase}.chat-panel[open]>summary{padding-bottom:14px;border-bottom:1px solid #e5e7eb;margin-bottom:14px}.chat-panel[open]>summary:after{content:"Thu gọn"}.work-search-row{display:flex;gap:10px;align-items:center;margin:0 0 18px}.work-search-row input{flex:1;min-width:0;padding:12px 14px;border:1px solid #cbd5e1;border-radius:12px;font:inherit;background:#fff}.process-progress-wrap{position:relative;margin-bottom:12px}.process-progress-wrap:after{content:"";position:absolute;top:0;right:0;bottom:16px;width:24px;background:linear-gradient(to right,transparent,#fff);pointer-events:none}.process-progress{display:flex;gap:6px;overflow-x:auto;padding:4px 0 16px}.process-progress span{flex:0 0 auto;padding:7px 10px;border-radius:999px;border:1px solid #d1d5db;color:#6b7280;background:#f9fafb;font-size:11px;font-weight:800}.process-progress span.active{background:#111827;border-color:#111827;color:#facc15;box-shadow:0 0 0 3px #facc1540}.process-progress span.status-pill{border-style:dashed;font-style:italic}.process-progress span.status-pill.active{border-style:solid}.chat-head{display:flex;justify-content:space-between;gap:12px;align-items:start;flex-wrap:wrap}.chat-head p{margin:4px 0 0;color:#6b7280}.scope-pill{background:#111827;color:#facc15;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700}.chat-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.suggestion-btn{border:1px dashed #94a3b8;background:#f8fafc;border-radius:999px;padding:8px 12px;cursor:pointer;color:#334155}.chat-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px;min-height:220px;max-height:420px;overflow:auto;display:flex;flex-direction:column;gap:10px}.chat-msg{display:flex}.chat-msg.user{justify-content:flex-end}.chat-msg.assistant{justify-content:flex-start}.chat-bubble{max-width:min(760px,88%);white-space:pre-wrap;line-height:1.55;border-radius:14px;padding:12px 14px}.chat-msg.user .chat-bubble{background:#111827;color:#f8fafc}.chat-msg.assistant .chat-bubble{background:#fff8db;color:#1f2937;border:1px solid #f1e2a5}.chat-form{display:flex;gap:10px;margin-top:14px}.chat-form input{flex:1;border:1px solid #cbd5e1;border-radius:12px;padding:12px 14px;background:#fff}.stage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.stage-box{background:#facc15;border:2px solid #111827;border-radius:14px;padding:14px;text-align:left;cursor:pointer;color:#111827;font:inherit}.stage-box.empty{background:#f8fafc;opacity:.55}.stage-box.active{background:#111827;color:#facc15}.stage-box strong{display:block;font-size:28px;margin-bottom:6px}.stage-box span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.stage-detail{margin-top:16px;display:flex;flex-direction:column;gap:10px}.ticket{display:flex;justify-content:space-between;align-items:stretch;gap:14px;background:#f8fafc;border:1px solid #e5e7eb;border-left:6px solid #111827;border-radius:10px;padding:8px 10px}.ticket-main{flex:1;min-width:0}.ticket-head{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.ticket-head a{font-weight:700;text-decoration:none;border-bottom:1px solid #cbd5e1}.ticket-stage{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.ticket-meta{margin:6px 0 0;font-size:13px;color:#4b5563;overflow-wrap:anywhere}.ticket-warn{color:#b3241f}.ticket-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.outline-btn{border:1px solid #111827;background:transparent;color:#111827;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.add-item-btn{display:block;width:100%;background:#facc15;border:1px solid #111827;color:#111827;padding:10px 14px;border-radius:10px;font-weight:700;font-size:13px;text-transform:none;letter-spacing:normal;cursor:pointer;margin-top:4px}.outline-btn.small{font-size:11px;padding:6px 10px;opacity:.9}.ticket-picker{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ticket-detail{margin-top:10px;background:#fffdf2;border:1px solid #efe4b0;border-radius:10px;padding:10px 12px;display:grid;gap:8px}.detail-section{margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb}.detail-section:first-of-type{margin-top:12px;padding-top:0;border-top:none}.detail-section h3{margin:0 0 4px;font-size:15px;font-weight:800;color:#1f2937}.stage-block{border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;margin-top:8px;background:#fff}.stage-block-current{border-color:#fc3;box-shadow:0 0 0 2px #ffcc3340;background:#fffdf2}.stage-block-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.stage-block-actions{display:flex;align-items:center;gap:6px}.notify-zalo-btn{border:0;border-radius:7px;background:#0068ff;color:#fff;padding:6px 9px;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.notify-zalo-btn:hover{background:#0056d6}.notify-zalo-btn:disabled{opacity:.6;cursor:wait}.notify-zalo-result{margin:9px 0 0;font-size:13px;font-weight:650}.stage-block-head strong{font-size:13.5px}.stage-block-edit{display:grid;gap:8px;margin-top:8px}.stage-block-edit input,.stage-block-edit textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13.5px}.stage-block-edit-actions{display:flex;gap:8px}.personnel-picker{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.personnel-picker select,.personnel-picker input{flex:1 1 230px;min-width:0;height:36px;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;padding:0 9px;background:#fff;font:inherit;font-size:13px}.personnel-add-btn{width:36px;height:36px;border:0;border-radius:8px;background:#fc3;color:#513d00;font-size:24px;line-height:1;font-weight:700;cursor:pointer}.personnel-add-btn:hover{background:#f4bd13}.personnel-chips{display:flex;flex:1 0 100%;flex-wrap:wrap;gap:6px}.personnel-chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#fff1b8;color:#5c4500;padding:4px 7px 4px 9px;font-size:12.5px;font-weight:650}.personnel-chip button{border:0;background:transparent;padding:0;color:#7c5e00;cursor:pointer;font-size:12px}.construction-checklist{margin-top:10px;padding-top:10px;border-top:1px dashed #d7dee7;display:grid;gap:8px}.construction-checklist>strong{font-size:13px;color:#1f2937}.checklist-row{display:grid;grid-template-columns:20px minmax(130px,1fr) 56px 70px 32px;gap:6px;align-items:center}.checklist-view-row>div{min-width:0}.checklist-view-items{display:grid;gap:4px;margin-top:5px;font-size:12.5px;font-weight:500;color:#374151}.checklist-view-item{display:flex;align-items:center;gap:7px}.checklist-view-item input[type=checkbox]{width:16px;height:16px;margin:0;flex:none;accent-color:#ffcc33}.checklist-view-item.clickable,.checklist-view-item.clickable input[type=checkbox]{cursor:pointer}.checklist-view-item.done span{color:#15803d;text-decoration:line-through}.site-checkin-block{margin-top:12px;padding-top:10px;border-top:1px dashed #d7dee7}.site-checkin-actions{display:flex;gap:8px;flex-wrap:wrap}.site-checkin-btn{border:0;border-radius:8px;padding:9px 14px;font:inherit;font-weight:700;font-size:13px;cursor:pointer;color:#fff}.site-checkin-btn.checkin{background:#16a34a}.site-checkin-btn.checkin:hover{background:#128a3e}.site-checkin-btn.checkout{background:#dc2626}.site-checkin-btn.checkout:hover{background:#b91c1c}.site-checkin-btn:disabled{opacity:.6;cursor:wait}.site-checkin-btn.compact{min-height:40px;padding:9px 14px}.ticket-media-status{margin:8px 0 0;color:#15803d;font-size:12.5px;font-weight:700}.ticket-media-status.error{color:#dc2626}.site-checkin-status{margin:8px 0 0;font-size:12.5px;font-weight:600;color:#374151}.site-checkin-status.error{color:#dc2626}.site-checkin-history{margin-top:10px;display:grid;gap:4px}.site-checkin-history>strong{font-size:13px;color:#1f2937}.site-checkin-row{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:#4b5563}.site-checkin-row .open{color:#b45309;font-weight:700}.site-checkin-preview{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px}.site-checkin-preview span{flex-basis:100%;order:99}.site-checkin-preview img{width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb}.site-checkin-preview span{font-size:12px;color:#4b5563;font-weight:600}.site-checkin-thumb{width:32px;height:32px;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb;cursor:pointer;flex:none}.checklist-row input{min-width:0;height:32px;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:7px;padding:0 7px;font:inherit;font-size:12.5px}.checklist-row input[type=checkbox]{width:16px;height:16px;padding:0}@media (max-width: 560px){.checklist-row{grid-template-columns:20px minmax(100px,1fr) 46px 56px 28px;gap:4px}}.ticket-detail span{color:#6b7280;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.ticket-detail strong{color:#1f2937;font-size:14px}.detail-row{display:grid;gap:4px}.detail-row.multiline strong{white-space:pre-wrap;line-height:1.5}.detail-row strong{overflow-wrap:anywhere}.address-link{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:#1d4ed8;text-decoration:none}.address-link:hover{text-decoration:underline}.ticket-images{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.ticket-image-link{display:block;width:92px;height:92px;border-radius:10px;overflow:hidden;border:1px solid #e5e7eb;background:#fff;padding:0;cursor:pointer}.ticket-image{width:100%;height:100%;object-fit:cover;display:block}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ad1;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.lightbox-dialog{position:relative;width:min(1100px,100%);max-height:90vh;display:flex;align-items:center;justify-content:center}.lightbox-image{max-width:100%;max-height:82vh;border-radius:14px;background:#111827}.lightbox-close{position:absolute;top:-8px;right:-8px;width:40px;height:40px;border-radius:999px;border:0;background:#fff;color:#111827;font-size:20px;cursor:pointer}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:0;background:#ffffffeb;color:#111827;font-size:30px;line-height:1;cursor:pointer}.lightbox-nav.prev{left:12px}.lightbox-nav.next{right:12px}.lightbox-caption{position:absolute;left:0;right:0;bottom:-44px;display:flex;justify-content:space-between;gap:12px;color:#fff;font-size:14px}.ticket-side{flex-shrink:0;width:110px;text-align:right;border-left:1px dashed #d1d5db;padding-left:10px}.ticket-side strong{display:block;font-size:22px}.ticket-side span{font-size:10px;text-transform:uppercase;color:#6b7280}.job-thumbnail{width:96px;min-height:88px;align-self:stretch;flex:0 0 96px;display:grid;place-items:center;border-radius:10px;overflow:hidden;border:1px solid #dbe1e8;background:#f8fafc;text-decoration:none}.job-thumbnail img{width:100%;height:100%;min-height:88px;object-fit:cover;object-position:center;display:block}.job-thumbnail.empty{color:#94a3b8;background:#f1f5f9;border-style:dashed}.job-thumbnail.empty span{font-size:11px;font-weight:700;color:#94a3b8}.card-row-main{display:flex;gap:12px;align-items:flex-start;min-width:0;flex:1}.card-row-copy{min-width:0;flex:1}.card-row-copy>a{display:block;overflow-wrap:anywhere}.card-row{display:flex;justify-content:space-between;align-items:start;gap:14px;padding:16px 0;border-top:1px solid #e5e7eb}.card-row:first-of-type{border-top:0;padding-top:0}.card-row p,.card-row small{margin:4px 0 0;color:#6b7280;font-size:14px;overflow-wrap:anywhere}.card-row p{font-size:15px;font-weight:600;color:#374151}.edit-card-row{align-items:flex-start;flex-direction:column}.inline-edit-form{margin-top:12px;display:grid;gap:10px;max-width:480px}.inline-edit-form input,.inline-edit-form textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;background:#f8fafc;box-sizing:border-box;font-family:inherit}.inline-edit-field{display:flex;flex-direction:column;gap:4px}.inline-edit-field span{font-size:12px;color:#6b7280;font-weight:600}.inline-edit-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.card-title-btn{background:none;border:none;padding:0;margin:0;font-size:17px;font-weight:700;font-family:inherit;color:#1d4ed8;text-decoration:underline;cursor:pointer;text-align:left;line-height:1.4}.currently-editing{background:#fffbeb;border-radius:10px;padding:10px 12px;margin:4px 0}.editing-hint{color:#b45309!important;font-weight:600}.empty{color:#6b7280;margin:0}.sales-layout,.sales-layout--wide{grid-template-columns:minmax(600px,1fr) minmax(340px,420px)}.form-grid{display:grid;gap:12px}.form-grid input,.form-grid textarea,.form-grid select{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;background:#f8fafc}.image-chatbar{display:flex;align-items:center;gap:10px;border:1.5px solid #d1d5db;border-radius:999px;background:#fff;padding:8px 16px}.image-chatbar.active{border-color:#fc3;box-shadow:0 0 0 3px #ffcc3340}.chatbar-icon-btn{flex:none;border:none;background:transparent;font-size:20px;line-height:1;cursor:pointer;padding:4px;border-radius:999px}.chatbar-icon-btn:hover{background:#f3f4f6}.chatbar-placeholder{color:#9ca3af;font-size:13.5px;flex:1}.pending-images{display:flex;flex-wrap:wrap;gap:10px}.pending-image-card{width:110px;display:grid;gap:6px}.pending-image-preview{width:110px;height:110px;object-fit:cover;border-radius:10px;border:1px solid #e5e7eb;background:#fff}.field-label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.create-actions{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:12px;align-items:end}.stage-action{display:grid;gap:0}.create-actions button,.stage-action select{min-height:44px}.label-picker{border:1px solid #e5e7eb;border-radius:12px;padding:12px;background:#fff}.label-options{display:flex;flex-wrap:wrap;gap:8px}.label-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;border:1px solid #d1d5db;background:#f8fafc;font-size:13px}.label-chip input{margin:0}.label-chip.checked{border-color:#111827;box-shadow:inset 0 0 0 1px #111827}.label-chip.color-green{background:#dcfce7}.label-chip.color-yellow{background:#fef9c3}.label-chip.color-orange{background:#ffedd5}.label-chip.color-red{background:#fee2e2}.label-chip.color-purple{background:#f3e8ff}.label-chip.color-blue{background:#dbeafe}.label-chip.color-sky{background:#e0f2fe}.label-chip.color-lime{background:#ecfccb}.label-chip.color-pink{background:#fce7f3}.label-chip.color-black{background:#e5e7eb}@media (max-width: 1020px){.sales-layout,.sales-layout--wide{grid-template-columns:minmax(0,1fr)}}@media (max-width: 768px){.hero,.card-row,.ticket,.chat-form{flex-direction:column}.sales-layout,.sales-layout--wide{grid-template-columns:minmax(0,1fr)}.crm-fields-row{flex-direction:column}.create-actions{grid-template-columns:1fr}.chat-bubble{max-width:100%}.ticket-side{width:auto;border-left:0;border-top:1px dashed #d1d5db;padding-left:0;padding-top:10px;text-align:left}.lightbox-overlay{padding:12px}.lightbox-nav.prev{left:4px}.lightbox-nav.next{right:4px}.lightbox-caption{bottom:-56px;font-size:12px}}.phone-actions{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.phone-actions a:last-child{font-size:12px;padding:4px 8px;border:1px solid #2563eb;border-radius:999px;text-decoration:none}@media (max-width: 480px){.leave-modal-overlay{padding:10px}.leave-modal{max-height:92vh;border-radius:14px}.leave-modal-header{padding:16px 16px 8px}.leave-modal-body{padding:4px 16px}.leave-modal-footer{padding:10px 16px 16px}.quote-field-row{grid-template-columns:1fr 1fr;gap:8px}.panel{padding:16px 14px;border-radius:14px}.card-title-btn{font-size:16px}.card-row p,.card-row small{font-size:14px}.card-row .ghost-btn{font-size:15px;padding:10px 16px}.inline-edit-form{max-width:100%}.inline-edit-form input,.inline-edit-form textarea{font-size:16px;padding:12px 14px}.inline-edit-field span{font-size:13px}.inline-edit-actions button,.inline-edit-actions a{font-size:14px;padding:10px 14px}}.hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.user-badge{font-size:13px;color:#374151;background:#f3f4f6;padding:6px 10px;border-radius:8px}.alert.info{background:#e0f2fe;border-color:#38bdf8;color:#075985}.alert.success{background:#dcfce7;border-color:#22c55e;color:#14532d}.quote-result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.warranty-box{margin-top:12px;padding-top:12px;border-top:1px dashed #e5e7eb;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.warranty-label{display:flex;align-items:center;gap:6px;font-size:13px;color:#374151}.warranty-months-input{width:60px;padding:4px 6px;border:1px solid #d1d5db;border-radius:8px}.warranty-link-row{font-size:13px;word-break:break-all;margin:0 0 6px}.warranty-link-row a{color:#1d4ed8;font-weight:600}.quote-stepper{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.quote-step{font-size:12.5px;font-weight:700;color:#9ca3af;padding:4px 10px;border-radius:999px;background:#f3f4f6}.quote-step.active{color:#1f2937;background:#ffe9a8}.quote-step.done{color:#16a34a;background:#dcfce7}.quote-step-arrow{color:#d1d5db;font-size:13px}.quote-done{background:#f0fdf4;border:1.5px solid #86efac;border-radius:16px;padding:18px;margin-top:14px}.quote-done-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px}.quote-done-check{font-size:22px;line-height:1}.quote-done-title{font-weight:800;font-size:16px;color:#14532d;margin:0}.quote-done-sub{font-size:12.5px;color:#4b5563;margin:2px 0 0}.quote-group-label{font-size:12px;font-weight:800;letter-spacing:.3px;color:#6b7280;text-transform:uppercase;margin:0 0 8px}.quote-send-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.quote-primary-btn{display:block;width:100%;text-align:center;border:none;border-radius:12px;padding:13px;font-weight:800;font-size:14.5px;cursor:pointer;text-decoration:none}.quote-primary-btn.pdf{background:#f5b301;color:#1f2937}.quote-primary-btn.warranty{background:#fff;color:#1f2937;border:1.5px solid #f5b301}.quote-primary-btn.zalo{background:#16a34a;color:#fff}.quote-primary-btn.update{background:#2563eb;color:#fff}.quote-primary-btn.sheet{background:#fff;color:#1f2937;border:1.5px solid #d1d5db;text-align:center;text-decoration:none}.quote-3-actions{display:flex;gap:8px;margin-bottom:14px}.quote-3-actions .quote-primary-btn{flex:1;margin:0}.quote-primary-btn:disabled{opacity:.6;cursor:default}.quote-warranty-create{background:#fff8e1;border:1px dashed #f5b301;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}.quote-warranty-ready{background:#fff;border:1px solid #bbf7d0;border-radius:12px;padding:12px}.quote-warranty-ready-title{font-weight:700;font-size:13.5px;margin:0 0 6px;color:#14532d}.quote-internal-box{margin-top:4px}.quote-internal-box summary{cursor:pointer;font-size:12.5px;color:#6b7280;font-weight:700;padding:6px 0;-webkit-user-select:none;user-select:none}.quote-internal-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:8px}.outline-btn.small.danger{color:#dc2626;border-color:#fecaca}.workflow-accordion{border:1.5px solid #e5e7eb;border-radius:14px;margin-bottom:12px;overflow:hidden}.workflow-head{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f9fafb;border:none;cursor:pointer;font-weight:800;font-size:14.5px;color:#374151;text-align:left}.workflow-head.done{background:#f0fdf4;color:#15803d}.workflow-toggle{color:#9ca3af;font-size:12px}.workflow-body{padding:16px;border-top:1px solid #e5e7eb}.workflow-primary-btn{display:block;width:100%;background:#f5b301;color:#1f2937;border:none;border-radius:12px;padding:13px;font-weight:800;font-size:14.5px;cursor:pointer;margin-top:6px}.workflow-primary-btn:disabled{opacity:.6;cursor:default}.warranty-presets{display:flex;gap:8px}.preset-btn{flex:1;padding:8px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;font-size:13px;font-weight:700;color:#374151}.preset-btn:hover{background:#fff8e1;border-color:#f5b301}.quote-workflow-steps{display:flex;align-items:center;gap:6px;margin-bottom:6px}.step-btn{border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:700;border:1.5px solid #d1d5db;background:#fff;color:#6b7280;cursor:pointer}.step-btn.step-done{background:#dcfce7;border-color:#86efac;color:#15803d}.step-btn.step-todo{background:#fff;border-color:#d1d5db;color:#374151}.step-btn.step-todo.warranty{border-color:#f5b301;color:#92400e}.step-btn.step-locked{background:#f3f4f6;border-color:#e5e7eb;color:#cbd5e1;cursor:not-allowed}.step-arrow{color:#d1d5db;font-size:12px}.edit-card-more{display:flex;gap:6px}.ghost-btn.tiny{padding:3px 8px;font-size:11.5px;opacity:.7}.leave-modal.small{max-width:420px}.quote-items{display:flex;flex-direction:column;gap:14px}.quote-item-card{border:1px solid #e5e7eb;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;background:#fafafa}.quote-item-card-head{display:flex;align-items:center;justify-content:space-between}.quote-item-card-head strong{font-size:15px;color:#111827}.quote-item-remove{background:none;border:1px solid #fca5a5;color:#dc2626;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:600;cursor:pointer}.quote-item-remove:disabled{opacity:.4;cursor:not-allowed}.quote-field{display:flex;flex-direction:column;gap:5px}.quote-field span{font-size:13px;font-weight:600;color:#4b5563}.quote-field input{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;padding:12px 14px;font-size:16px;background:#fff}.quote-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quote-item-subtotal{margin:0;font-size:14px;color:#374151;text-align:right}.quote-vat-checkbox{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff7d6;border:1px solid #f59e0b;border-radius:10px;font-size:14px}.quote-vat-checkbox input{width:18px;height:18px}.quote-summary{background:#f9fafb;border-radius:10px;padding:12px 14px;font-size:14px}.quote-summary p{margin:4px 0;display:flex;justify-content:space-between}.quote-summary-total{border-top:1px solid #e5e7eb;padding-top:6px;margin-top:6px!important;font-size:15px}.quote-preview-banner{background:#dbeafe;color:#1e3a8a;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:600;margin-bottom:12px}.quote-preview-doc{border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:14px}.quote-preview-doc p{margin:4px 0;font-size:14px}.quote-preview-title{text-align:center;font-size:18px;font-weight:700;margin-bottom:8px!important}.quote-preview-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px}.quote-preview-table th,.quote-preview-table td{border:1px solid #e5e7eb;padding:6px 8px;text-align:left}.quote-preview-table th{background:#fc3}.crm-fields-row{display:flex;gap:8px}.crm-fields-row>*{flex:1;min-width:0}.card-search-input{width:100%;box-sizing:border-box;padding:10px 14px;border:1px solid #d1d5db;border-radius:10px;font-size:14px;margin-bottom:10px}.card-search-input:focus{outline:none;border-color:#f59e0b}.show-all-btn{width:100%;margin-top:10px}.edit-card-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.edit-card-block{border-top:1px solid #e5e7eb}.edit-card-block .card-row{border-top:none}.edit-card-block.currently-editing{background:#fffbeb;border-radius:10px;padding:4px 12px;margin:4px 0}.quote-line a{color:#2563eb}.quote-btn{background:#fff;border-color:#f59e0b}.ghost-btn.danger{background:#fff;border-color:#dc2626;color:#dc2626}.ghost-btn.danger:hover{background:#fef2f2}.quote-history-item{padding:10px 0;border-bottom:1px solid #f3f4f6}.quote-history-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.debt-red{color:#dc2626;font-weight:700}.debt-ok{color:#16a34a}.orphan-job{background:#f9fafb;border-radius:10px;padding:4px 12px;margin:4px 0}.edit-card-block small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.edit-card-block p{overflow-wrap:anywhere;word-break:break-word}.edit-card-row>div:first-child{width:100%;min-width:0;max-width:100%;overflow:hidden}.card-title-btn{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.orphan-badge{color:#6b7280;font-size:12px;font-weight:600;margin:2px 0}.debt-overpaid{color:#7c3aed;font-weight:800}.sale-filter-select{margin-top:8px;padding:8px 12px;border:1.5px solid #d1d5db;border-radius:10px;font-size:13.5px;background:#fff}.header-edit-form{display:flex;flex-direction:column;gap:10px;margin-top:10px}.header-edit-form label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;color:#6b7280}.header-edit-form input,.header-edit-form textarea{padding:8px 10px;border:1.5px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit}.header-edit-form textarea{min-height:60px;resize:vertical}.header-edit-actions{display:flex;gap:8px}.header-edit-form .hint{font-size:12px;color:#9ca3af;margin:0}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.kpi-card strong{font-size:26px;color:#111827}.kpi-card span{font-size:12.5px;color:#6b7280;font-weight:600}.kpi-card.kpi-warn{border-color:#f59e0b;background:#fffbeb}.kpi-card.kpi-warn strong{color:#b45309}.sale-filter-row{display:flex;align-items:center;gap:8px}.sale-filter-row .sale-filter-select{margin-top:0}.card-row.severity-low{border-left:4px solid #eab308}.card-row.severity-mid{border-left:4px solid #f97316}.card-row.severity-high{border-left:4px solid #dc2626}.quote-items-table-wrap{display:none}.quote-items-mobile{display:block}.quote-items-mobile.edit-design-items{display:grid;gap:12px}@media (min-width: 820px){.quote-items-table-wrap{display:block;overflow:visible;margin-bottom:12px}.quote-items-mobile{display:none}.quote-items-mobile.edit-design-items{display:grid}.quote-items-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px}.quote-items-table th{text-align:left;padding:5px 4px;background:#f9fafb;border-bottom:2px solid #e5e7eb;font-weight:700;color:#374151;white-space:normal;overflow-wrap:normal;word-break:keep-all;font-size:12px;line-height:1.25;vertical-align:bottom}.quote-items-table td{padding:3px 4px;border-bottom:1px solid #f0f1f3;vertical-align:top;position:relative}.quote-items-table input,.quote-items-table select,.quote-items-table textarea{width:100%;height:52px;box-sizing:border-box;border:1px solid #e5e7eb;border-radius:6px;padding:5px 6px;font-size:12.5px;background:#fff;font-family:inherit}.quote-items-table col.col-stt{width:3%}.quote-items-table col.col-hw{width:7%}.quote-items-table col.col-del{width:3%}.quote-items-table:not(.design-items-table) col.col-name{width:24%}.quote-items-table:not(.design-items-table) col.col-spec{width:21%}.quote-items-table:not(.design-items-table) col.col-sl{width:5%}.quote-items-table:not(.design-items-table) col.col-unit{width:8%}.quote-items-table:not(.design-items-table) col.col-price{width:11%}.quote-items-table:not(.design-items-table) col.col-subtotal{width:12%}.quote-items-table:not(.design-items-table) col.col-del{width:2%}.design-items-table col.col-name{width:20%}.design-items-table col.col-spec{width:22%}.design-items-table col.col-note{width:23%}.design-items-table col.col-designer{width:15%}.quote-items-table textarea.quote-table-spec-input{resize:none;overflow:hidden;line-height:1.4;white-space:pre-wrap;word-break:break-word}.quote-table-computed{display:block;color:#6b7280;font-size:11px;margin-top:2px;white-space:nowrap}.quote-items-table .quote-item-remove{padding:4px 8px}.quote-items-table .spec-suggest-list{position:absolute;z-index:20;left:0;top:100%;min-width:260px}.quote-items-table input[type=number]{-moz-appearance:textfield}.quote-items-table input[type=number]::-webkit-inner-spin-button,.quote-items-table input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}}.step4-pills{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.step4-pill{border:none;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:700;cursor:pointer;color:#fff;white-space:nowrap}.step4-pill.ok{background:#16a34a}.step4-pill.todo{background:#dc2626}.step4-pill.na{background:#9ca3af;cursor:default}.payment-form{display:flex;gap:8px;margin-top:8px}.payment-form input{flex:1;min-width:0;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px}.stats-month-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.stats-month-tabs button{border:1px solid #d1d5db;background:#fff;padding:8px 14px;border-radius:999px;cursor:pointer;font-size:14px}.stats-month-tabs button.active{background:#111827;color:#fff;border-color:#111827;font-weight:600}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:16px}.stats-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.stats-card.gold{background:#fff8e1;border-color:#f5b301}.stats-card.red{background:#fef2f2;border-color:#dc2626}.stats-card.red .stats-card-value{color:#dc2626}.stats-card.green{background:#f0fdf4;border-color:#22c55e}.stats-card.green .stats-card-value{color:#16a34a}.stats-card.blue{background:#eff6ff;border-color:#3b82f6}.stats-card.blue .stats-card-value{color:#1d4ed8}.stats-card-label{font-size:13px;color:#6b7280}.stats-card-value{font-size:20px;font-weight:800;color:#111827}.stats-card-sub{font-size:12px;color:#6b7280}.stats-card-hint{font-size:11px;color:#9ca3af}.stats-chart{width:100%;height:auto}.stats-bar-label{font-size:12px;font-weight:700;fill:#92700c}.stats-bar-label.debt{fill:#dc2626}.stats-axis-label{font-size:13px;font-weight:600;fill:#374151}.stats-axis-sub{font-size:11px;fill:#9ca3af}.stats-legend{display:flex;gap:16px;font-size:13px;color:#4b5563;margin-bottom:4px}.dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:middle}.dot.gold{background:#f5b301}.dot.red{background:#dc2626}.dot.green{background:#22c55e}.dot.blue{background:#3b82f6}.stats-sale-row{display:flex;align-items:center;gap:10px;padding:8px 0}.stats-sale-name{width:72px;font-weight:600;font-size:14px;flex-shrink:0}.stats-sale-bar-wrap{flex:1;background:#f3f4f6;border-radius:6px;height:18px;overflow:hidden}.stats-sale-bar{height:100%;background:#f5b301;border-radius:6px}.stats-sale-val{font-size:13px;font-weight:600;white-space:nowrap}.stats-sale-tabs{padding-bottom:4px;border-bottom:1px dashed #e5e7eb}.stats-sale-tabs button.active{background:#f5b301;color:#111827;border-color:#f5b301}.stats-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 720px){.stats-grid-2{grid-template-columns:1fr}}.stats-pie-wrap{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.stats-pie{width:170px;height:170px;flex-shrink:0}.stats-pie-total{font-size:26px;font-weight:800;fill:#111827}.stats-pie-sub{font-size:12px;fill:#6b7280}.stats-pie-legend{display:flex;flex-direction:column;gap:6px;font-size:13px}.stats-hbars{display:flex;flex-direction:column;gap:8px}.stats-hbar-row{display:flex;align-items:center;gap:8px}.stats-hbar-label{width:110px;flex-shrink:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-hbar-track{flex:1;background:#f3f4f6;border-radius:6px;height:16px;overflow:hidden}.stats-hbar-fill{height:100%;border-radius:6px}.stats-hbar-val{font-size:13px;font-weight:600;white-space:nowrap}.stats-hbar-val small{color:#9ca3af;font-weight:400}.quote-payments{display:flex;flex-direction:column;gap:8px}.payment-row{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px}.payment-row-label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.payment-row-inputs{display:flex;gap:8px}.payment-row-inputs input{flex:1.2;min-width:0}.payment-row-inputs select{flex:1;min-width:0}.payment-row-inputs .quote-item-remove{flex-shrink:0}.quote-history-item:last-child{border-bottom:none}.quote-history-info{min-width:0}.quote-history-info strong{display:block;font-size:14px}.quote-history-info small{color:#6b7280;font-size:12px}.quote-history-actions{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.outline-btn.danger{border-color:#dc2626;color:#dc2626}.outline-btn.danger:hover{background:#fef2f2}.quote-field-suggest{position:relative}.spec-suggest-list{position:absolute;top:100%;left:0;right:0;z-index:30;background:#fff;border:1px solid #d1d5db;border-radius:10px;box-shadow:0 8px 24px #0000001f;overflow:hidden}.spec-suggest-item{display:block;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid #f3f4f6;padding:8px 12px;cursor:pointer}.spec-suggest-item:last-child{border-bottom:none}.spec-suggest-item:hover{background:#fff7d6}.spec-suggest-item strong{display:block;font-size:14px;color:#111827}.spec-suggest-item small{display:block;font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quote-preview-actions{display:flex;gap:10px;flex-wrap:wrap}.quote-preview-actions button{flex:1;min-width:140px}.quote-open-btn{margin-top:14px;width:100%;background:#fc3;color:#111827;border:1px solid #111827;border-radius:10px;padding:14px;font-size:16px;font-weight:700;cursor:pointer}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f172a;padding:20px}.login-card{width:100%;max-width:360px;background:#fff;border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 40px #0000004d}.login-card h1{margin:0 0 4px;font-size:22px}.login-card label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#374151}.login-card input{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}.login-card button{margin-top:6px;border:none;background:#facc15;color:#111827;padding:12px 14px;border-radius:10px;font-weight:600;cursor:pointer}.login-card button:disabled{opacity:.6;cursor:not-allowed}.home-shell{max-width:960px;margin:0 auto;padding:24px}.home-header{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:32px;flex-wrap:wrap}.home-header h1{margin:4px 0 0}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.home-card{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:36px 20px;border:1px solid #eab308;border-radius:16px;background:#facc15;cursor:pointer;box-shadow:0 4px 14px #0000000f;transition:transform .15s ease,box-shadow .15s ease}.home-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0000001a}.home-card-icon{font-size:40px}.home-card-title{font-size:18px;font-weight:800;color:#111827;text-transform:uppercase}.home-card-desc{font-size:13px;color:#1f2937;font-weight:700;text-transform:uppercase}.placeholder-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.placeholder-card{text-align:center;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:10px}.placeholder-card button{margin-top:12px;border:1px solid #111827;background:#facc15;color:#111827;padding:10px 16px;border-radius:10px;cursor:pointer}.profile-card{text-align:center;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:10px;background:#fff;border-radius:16px;padding:32px;box-shadow:0 10px 30px #00000014}.profile-rows{width:100%;display:flex;flex-direction:column;gap:10px;margin:10px 0;text-align:left}.profile-row{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;background:#f9fafb;border-radius:10px;font-size:14px}.profile-row span{color:#6b7280}.profile-row strong{color:#111827;text-align:right}.profile-card button{border:1px solid #111827;background:#facc15;color:#111827;padding:10px 16px;border-radius:10px;cursor:pointer;margin-top:6px}.sop-section{width:100%;text-align:left;margin:6px 0 10px;padding-top:16px;border-top:1px solid #e5e7eb}.sop-section h2{font-size:16px;margin:0 0 10px;color:#111827}.sop-content{background:#f9fafb;border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.6;color:#1f2937;white-space:pre-wrap}.sop-content p{margin:0 0 4px}.sop-content p:last-child{margin-bottom:0}.sop-empty{font-size:13px;color:#9ca3af;font-style:italic;padding:10px 12px;background:#f9fafb;border-radius:10px}.sop-role-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.sop-role-tab{border:1px solid #d1d5db!important;background:#fff!important;color:#374151!important;padding:6px 10px!important;border-radius:999px!important;font-size:12px!important;cursor:pointer;margin-top:0!important}.sop-role-tab.active{border-color:#111827!important;background:#111827!important;color:#fff!important}.sop-textarea{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit;resize:vertical;box-sizing:border-box}.sop-editor-actions{display:flex;gap:8px;margin-top:8px}.sop-editor-actions button{margin-top:0!important}.sop-saved{color:#16a34a;font-size:13px;margin-top:6px}.leave-shell{max-width:1100px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:16px}.leave-shell.sales-shell{max-width:1800px}.leave-form{display:flex;flex-direction:column;gap:10px}.leave-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.leave-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#374151}.leave-form input,.leave-form select,.leave-form textarea{padding:8px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit}.leave-form button{align-self:flex-start;border:1px solid #111827;background:#facc15;color:#111827;padding:10px 16px;border-radius:10px;cursor:pointer;font-weight:700}.leave-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.leave-stat-card{min-width:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px;box-shadow:0 2px 8px #0000000a}.leave-stat-card strong{font-size:28px;line-height:1.15;white-space:nowrap}@media (max-width: 480px){.leave-stats{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.leave-stat-card{padding:12px}.leave-stat-card strong{font-size:clamp(15px,4.6vw,22px);letter-spacing:-.02em}}@media (max-width: 340px){.leave-stat-card strong{white-space:normal;overflow-wrap:anywhere}}.leave-stat-card span{font-size:12px;color:#6b7280}.leave-stat-card.warn strong{color:#d97706}.leave-stat-card.ok strong{color:#16a34a}.leave-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.leave-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;color:#4b5563;padding:2px 2px 4px}.leave-legend span{display:flex;align-items:center;gap:6px}.leave-legend i{display:inline-block;width:10px;height:10px;border-radius:50%}.material-table-wrap{overflow-x:auto}.material-table{width:100%;border-collapse:collapse;font-size:14px}.material-table th{text-align:left;background:#fc3;color:#111827;padding:10px 12px;position:sticky;top:0}.material-table td{padding:9px 12px;border-bottom:1px solid #f0f0f0;vertical-align:top}.material-table tbody tr:hover{background:#fafafa}.material-group-cell{font-weight:600;color:#92610a;white-space:nowrap}.material-price-cell{font-weight:600;color:#111827;white-space:nowrap}.material-note-cell{color:#9ca3af;font-size:13px}.material-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.hint-text{font-size:12px;color:#6b7280;margin:4px 0 10px}.material-actions-cell{display:flex;gap:6px;white-space:nowrap}.material-edit-row td{padding:6px 8px}.material-edit-row input{width:100%;box-sizing:border-box;padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;margin-bottom:4px}.material-qr-thumb{width:44px;height:44px;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb}.material-qr-preview{max-width:120px;max-height:120px;margin-top:8px;border-radius:8px;border:1px solid #e5e7eb;display:block}.leave-month-label{min-width:140px;text-align:center;text-transform:capitalize}.leave-toolbar select,.leave-toolbar input{padding:8px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:13px}.leave-body{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:start}@media (max-width: 860px){.leave-body{grid-template-columns:minmax(0,1fr)}}.leave-body>*{min-width:0}.leave-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-bottom:6px;font-size:12px;color:#6b7280;text-align:center}.leave-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.leave-cell{min-width:0;min-height:78px;border:1px solid #f0f0f0;border-radius:8px;padding:4px;display:flex;flex-direction:column;gap:2px;background:#fafafa}.leave-cell.empty{background:transparent;border-color:transparent}.leave-cell.today{border-color:#facc15;background:#fffbeb}.leave-cell.clickable{cursor:pointer}.leave-cell.clickable:hover{border-color:#facc15;background:#fff9e6}.leave-cell.outside{background:#f3f4f6}.leave-cell.outside .leave-cell-date{color:#9ca3af;font-weight:400}.leave-cell-date{font-size:12px;color:#374151;font-weight:600}.leave-cell-tags{display:flex;flex-direction:column;gap:2px}.leave-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.calendar-modal{background:#fff;border-radius:16px;padding:16px;width:98vw;height:96vh;max-width:none;display:flex;flex-direction:column;gap:10px;overflow:hidden}.calendar-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;flex:none}.calendar-nav{display:flex;gap:6px}.calendar-month-title{margin:0;font-size:20px;font-weight:800;text-transform:capitalize}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;font-size:12px;font-weight:700;color:#6b7280;text-align:center;flex:none}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:130px;gap:4px;overflow-y:auto;flex:1;align-content:start}.calendar-cell{border:1px solid #e5e7eb;border-radius:8px;padding:4px;display:flex;flex-direction:column;gap:3px;background:#fff;height:130px;overflow:hidden}.calendar-cell-empty{background:#f9fafb;border:none}.calendar-cell-today{border-color:#fc3;box-shadow:inset 0 0 0 2px #fc3;background:#fffdf2}.calendar-daynum{font-size:12px;font-weight:700;color:#374151}.calendar-cell-cards{display:flex;flex-direction:column;gap:2px;overflow-y:auto}.calendar-card-chip{display:block;width:100%;text-align:left;background:#f3f4f6;border:none;border-left:4px solid #b3bac5;border-radius:4px;padding:3px 6px;font-size:11px;font-weight:600;color:#1f2937;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-card-chip:hover{background:#e5e7eb}@media (max-width: 720px){.calendar-grid{grid-auto-rows:minmax(60px,1fr)}.calendar-cell{min-height:60px;font-size:11px}.calendar-weekday{font-size:10px}}.leave-modal{width:min(520px,100%);max-height:84vh;overflow-y:auto;background:#fff;border-radius:16px;box-shadow:0 20px 50px #00000040;display:flex;flex-direction:column}.leave-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 24px 12px}.leave-modal-header h3{margin:0;font-size:18px;font-weight:700;color:#111827}.leave-modal-subtitle{margin:4px 0 0;font-size:13px;color:#6b7280}.leave-modal-close{border:0;background:#f3f4f6;color:#374151;width:32px;height:32px;border-radius:999px;font-size:18px;line-height:1;cursor:pointer;flex-shrink:0}.leave-modal-close:hover{background:#e5e7eb}.leave-modal-body{padding:4px 24px;display:flex;flex-direction:column}.leave-modal-entry{padding:14px 0;border-bottom:1px solid #f0f0f0}.leave-modal-entry:last-child{border-bottom:0}.leave-modal-entry strong{font-size:15px;color:#111827}.leave-modal-line{margin:4px 0 0;font-size:13px;color:#4b5563}.leave-modal-status{font-weight:600}.leave-modal-noreason{color:#9ca3af;font-style:italic}.leave-modal-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.leave-modal-actions .outline-btn.danger{color:#ef4444;border-color:#fecaca}.leave-modal-actions .outline-btn.danger:hover{background:#fef2f2}.leave-modal-footer{display:flex;justify-content:flex-end;padding:12px 24px 20px}.required-mark{color:#ef4444}.btn-orange{border:1px solid #111827;background:#facc15;color:#111827;padding:10px 16px;border-radius:10px;cursor:pointer;font-weight:800}.btn-orange:hover{background:#eab308}.btn-urgent{border:1px solid #991b1b;background:#dc2626;color:#fff;padding:10px 16px;border-radius:10px;cursor:pointer;font-weight:700}.btn-urgent:hover{background:#b91c1c}.leave-form.urgent{border:2px solid #dc2626}.leave-urgent-notice{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:10px 14px;border-radius:10px;font-size:13px;margin:0 0 12px}.leave-rule-hint{background:#fffbeb;border:1px solid #fde68a;color:#92400e;padding:10px 14px;border-radius:10px;font-size:12px;margin:0 0 12px}.leave-modal-urgent-badge{display:inline-block;margin-left:8px;background:#dc2626;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;vertical-align:middle}.leave-modal-urgent-badge.fine{background:#92400e}.leave-modal-fine-reason{color:#92400e;font-style:italic}.fine-badge{background:#92400e}.leave-stat-hint{display:block;font-size:11px;color:#92400e;font-weight:600;margin-top:2px}.leave-stat-card.danger{background:#fef2f2;border-color:#fecaca}.leave-stat-card.danger strong{color:#b91c1c}.leave-tag{font-size:10px;color:#111827;padding:1px 4px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leave-tag-more{font-size:10px;color:#6b7280}.leave-list h2{margin-top:0}.leave-item{border:1px solid #f0f0f0;border-radius:10px;padding:10px 12px;margin-bottom:10px;display:flex;flex-direction:column;gap:4px}.leave-item-head{display:flex;justify-content:space-between;align-items:center}.leave-badge{font-size:11px;color:#111827;padding:2px 8px;border-radius:999px;font-weight:600}.leave-item-meta{font-size:12px;color:#6b7280;margin:0}.leave-item-reason{font-size:13px;margin:0}.leave-item-actions{display:flex;gap:6px;margin-top:4px}.outline-btn.small.danger{color:#b91c1c;border-color:#fecaca}.outline-btn.small.danger:hover{background:#fef2f2}.tab-pill{border:1px solid #d1d5db;background:#fff;color:#374151;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer}.tab-pill.active{background:#111827;color:#facc15;border-color:#111827}.task-item.overdue{border-color:#fecaca;background:#fef2f2}.tasks-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;font-size:13px;color:#374151}.notif-bell-wrap{position:relative}.notif-bell-btn{position:relative;background:#fff;border:1px solid #d1d5db;border-radius:999px;width:40px;height:40px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.notif-bell-btn:hover{background:#f9fafb}.notif-bell-badge{position:absolute;top:-4px;right:-4px;background:#dc2626;color:#fff;font-size:10px;font-weight:800;border-radius:999px;min-width:16px;height:16px;padding:0 3px;display:flex;align-items:center;justify-content:center;line-height:1}.notif-dropdown{position:absolute;top:48px;right:0;width:320px;max-height:420px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #0000001f;z-index:50;display:flex;flex-direction:column;overflow:hidden}.notif-dropdown-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #f0f0f0}.notif-mark-all{background:none;border:none;color:#2563eb;font-size:11px;cursor:pointer;font-weight:700}.notif-dropdown-list{overflow-y:auto;padding:6px}.notif-item{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;background:none;border:none;border-radius:8px;padding:8px 10px;cursor:pointer;font-size:13px;color:#1f2937}.notif-item:hover{background:#f9fafb}.notif-item.unread{background:#fffbeb}.notif-item.unread span{font-weight:700}.notif-item small{color:#9ca3af;font-size:11px}.expense-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border:1px solid #f0f0f0;border-radius:10px;padding:12px 14px;margin-bottom:8px}.expense-row-main{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.expense-row-title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.expense-row-title strong{font-size:14px;color:#111827}.expense-row-project{font-size:12px;color:#9ca3af}.expense-row-project:before{content:"· "}.expense-row-meta{font-size:12px;color:#6b7280;margin:0}.expense-row-note{font-size:12px;color:#9ca3af;margin:0;font-style:italic}.expense-row-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.expense-row-amount{font-size:15px;font-weight:800;color:#111827;white-space:nowrap}.rules-page{min-height:100vh;background:#fffdf5}.rules-shell{max-width:780px;margin:0 auto;padding:32px 20px 60px;display:flex;flex-direction:column;gap:22px}.rules-shell .home-header{flex-direction:column;align-items:center;text-align:center;gap:6px;margin-bottom:4px;position:relative}.rules-shell .eyebrow{letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:#a16207;font-weight:800}.rules-shell h1{font-size:30px;font-weight:900;color:#000;margin:4px 0;text-transform:uppercase;letter-spacing:.02em}.rules-shell .sub{color:#6b7280;font-size:13px}.rules-shell .hero-actions{position:absolute;right:0;top:0}.rules-notice{background:#111827;color:#facc15;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:700;text-align:center;align-self:center}.panel.rules-section{background:#fff;border:2px solid #111827;border-radius:16px;box-shadow:4px 4px #facc15;padding:22px 24px}.panel.rules-culture{background:#facc15;border-radius:20px;padding:28px 28px 24px;border:none;box-shadow:none}.rules-culture h2{margin:0 0 18px;font-size:24px;letter-spacing:.01em;text-transform:uppercase;color:#111827;font-weight:900}.rules-culture-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.rules-culture-card{background:transparent;padding:0}.rules-culture-card h3{margin:0 0 8px;font-size:12px;color:#111827;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding-bottom:8px;border-bottom:1px solid rgba(17,24,39,.25)}.rules-culture-card .rules-list li{border-bottom:none;padding:6px 0 6px 18px;font-size:13px;color:#1f2937}.rules-culture-card .rules-list li:before{content:"■";top:8px;font-size:8px;color:#111827}.rules-section h2{display:inline-flex;align-items:baseline;gap:10px;margin:0 0 20px;background:#111827;padding:10px 20px;border-radius:10px}.rules-no{color:#9ca3af;font-size:13px;font-weight:700;letter-spacing:.05em}.rules-title{color:#facc15;font-size:15px;font-weight:900;letter-spacing:.03em}.rules-intro{color:#1f2937;font-size:14px;margin:0 0 16px}.rules-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:0 0 20px}.rules-stat{background:#fff;border:1px solid #111827;border-radius:10px;padding:12px}.rules-stat span{display:block;font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-bottom:6px}.rules-stat strong{display:block;font-size:16px;color:#111827;font-weight:800;font-family:Roboto Mono,Roboto,monospace}.rules-group{margin-bottom:20px}.rules-group:last-child{margin-bottom:0}.rules-group h3{margin:0 0 8px;font-size:12px;color:#4b5563;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.rules-group .rules-intro{margin-bottom:10px}.rules-list{list-style:none;margin:0;padding:0}.rules-list li{position:relative;padding:10px 0 10px 20px;font-size:14px;color:#1f2937;line-height:1.6;border-bottom:1px solid #f0f0f0}.rules-list li:last-child{border-bottom:none}.rules-list li:before{content:"■";position:absolute;left:0;top:13px;color:#facc15;font-size:8px;line-height:1}.rules-list strong{font-weight:800;color:#000}.rules-badge{display:inline-block;background:#facc15;color:#111827;font-size:11.5px;font-weight:800;padding:3px 10px;border-radius:6px;white-space:nowrap}.rules-cta{display:inline-block;background:#facc15;color:#111827;font-size:12.5px;font-weight:800;padding:8px 16px;border-radius:8px;text-decoration:none;margin:4px 0 12px}.rules-note{font-size:12px;color:#6b7280;margin:8px 0}.rules-quote{border-left:4px solid #facc15;padding:14px 18px;color:#374151;background:#fffbea;border-radius:0 12px 12px 0;font-size:13.5px}.rules-back-bottom{align-self:center}.rules-shell .outline-btn{background:#facc15;border:2px solid #111827;color:#111827;border-radius:999px;padding:8px 18px;font-size:12px;font-weight:800;cursor:pointer}:is(.outline-btn,.ghost-btn,.workflow-primary-btn,.quote-primary-btn,.add-item-btn,.preset-btn,.btn-orange,.btn-urgent,.notify-zalo-btn,.site-checkin-btn,.quote-item-remove){min-height:40px;border-radius:10px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:700;line-height:1.2;text-transform:none;letter-spacing:0;text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .05s ease}:is(.outline-btn,.ghost-btn,.preset-btn,.quote-primary-btn.sheet,.quote-primary-btn.warranty){background:var(--xk-surface);border:1px solid var(--xk-border);color:var(--xk-ink)}:is(.outline-btn,.ghost-btn,.preset-btn,.quote-primary-btn.sheet,.quote-primary-btn.warranty):hover:not(:disabled){background:var(--xk-surface-hover);border-color:#94a3b8}.hero .outline-btn,.form-grid :is(.outline-btn,.ghost-btn),.edit-card-more .ghost-btn{background:var(--xk-surface);border:1px solid var(--xk-border);color:var(--xk-ink);text-transform:none;letter-spacing:0}.edit-card-more .ghost-btn:first-child:not(.danger){background:var(--xk-primary);border-color:var(--xk-primary);color:var(--xk-ink)}.edit-card-more .ghost-btn:first-child:not(.danger):hover:not(:disabled){background:var(--xk-primary-hover);border-color:var(--xk-primary-hover)}:is(.workflow-primary-btn,.quote-primary-btn.pdf,.quote-primary-btn.update,.add-item-btn,.btn-orange){background:var(--xk-primary);border:1px solid var(--xk-primary);color:var(--xk-ink)}:is(.workflow-primary-btn,.quote-primary-btn.pdf,.quote-primary-btn.update,.add-item-btn,.btn-orange):hover:not(:disabled){background:var(--xk-primary-hover);border-color:var(--xk-primary-hover)}:is(.header-edit-actions,.stage-block-edit-actions) .ghost-btn:first-child{background:var(--xk-primary);border-color:var(--xk-primary);color:var(--xk-ink)}:is(.header-edit-actions,.stage-block-edit-actions) .ghost-btn:first-child:hover:not(:disabled){background:var(--xk-primary-hover);border-color:var(--xk-primary-hover)}:is(.outline-btn.small,.ghost-btn.tiny){min-height:32px;padding:6px 10px;font-size:12px;opacity:1}:is(.outline-btn.danger,.ghost-btn.danger,.quote-item-remove){background:var(--xk-surface);border:1px solid #fca5a5;color:var(--xk-danger)}:is(.outline-btn.danger,.ghost-btn.danger,.quote-item-remove):hover:not(:disabled){background:var(--xk-danger-soft);border-color:var(--xk-danger);color:var(--xk-danger-hover)}.quote-primary-btn.zalo,.notify-zalo-btn{background:#0068ff;border:1px solid #0068ff;color:#fff}.quote-primary-btn.zalo:hover:not(:disabled),.notify-zalo-btn:hover:not(:disabled){background:#0056d6;border-color:#0056d6}.site-checkin-btn.checkin{background:#16a34a;border:1px solid #16a34a;color:#fff}.site-checkin-btn.checkout,.btn-urgent{background:var(--xk-danger);border:1px solid var(--xk-danger);color:#fff}:is(button,.outline-btn,.ghost-btn,.workflow-primary-btn,.quote-primary-btn,.add-item-btn,.preset-btn,.btn-orange,.btn-urgent,.notify-zalo-btn,.site-checkin-btn,.quote-item-remove):focus-visible{outline:none;box-shadow:0 0 0 3px var(--xk-focus)}:is(button,.outline-btn,.ghost-btn,.workflow-primary-btn,.quote-primary-btn,.add-item-btn,.preset-btn,.btn-orange,.btn-urgent,.notify-zalo-btn,.site-checkin-btn,.quote-item-remove):disabled{opacity:.55;cursor:not-allowed;box-shadow:none}@media (max-width: 640px){.ticket{gap:10px;padding:8px}.job-thumbnail{width:72px;min-height:72px;flex-basis:72px;border-radius:8px}.job-thumbnail img{min-height:72px}:is(.outline-btn,.ghost-btn,.workflow-primary-btn,.quote-primary-btn,.add-item-btn,.btn-orange){min-height:42px}:is(.outline-btn.small,.ghost-btn.tiny){min-height:36px}}.handbook-shell{width:min(100%,1120px);max-width:1120px;box-sizing:border-box;overflow-x:clip}.handbook-hero{width:100%;box-sizing:border-box}.handbook-main{width:100%;max-width:1120px;min-width:0;box-sizing:border-box;margin:0 auto;padding:24px 0 64px}.handbook-main>*,.handbook-section,.handbook-role,.handbook-flow{min-width:0;max-width:100%;box-sizing:border-box}.handbook-intro{background:#fff;color:#111827;border:1px solid #e5e7eb;border-radius:18px;padding:24px}.handbook-intro-quote{margin:0 0 40px;border-left:6px solid #ffcc33;font-size:clamp(17px,2vw,23px);font-weight:750;line-height:1.55;font-style:normal;box-shadow:4px 4px #fc3}.handbook-section{margin-top:44px}.handbook-section-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;margin-bottom:20px}.handbook-section-copy{min-width:0}.handbook-section-heading .eyebrow,.handbook-flow-heading .eyebrow{margin:0 0 3px}.handbook-section-heading h2,.handbook-flow h2{margin:0;color:#111827;font-size:clamp(22px,3vw,30px)}.handbook-section-description{margin:5px 0 0;color:#6b7280;line-height:1.55}.handbook-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0}.handbook-card,.handbook-role,.handbook-flow{background:#fff;border:1px solid #e5e7eb;border-radius:18px}.handbook-card{display:flex;min-width:0;min-height:156px;box-sizing:border-box;flex-direction:column;align-items:flex-start;padding:14px;color:#111}.handbook-card-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;color:#111}.handbook-card-icon svg{width:32px;height:32px;stroke:#111}.handbook-card h3{margin:12px 0 5px;font-size:15px;line-height:1.3}.handbook-card>p{margin:0;color:#292929;font-size:13px;line-height:1.4}.handbook-card>.handbook-status{margin-top:auto}.handbook-card-link{min-height:156px;background:#fc3;border-color:#fc3;color:#111;text-decoration:none;cursor:pointer;transition:box-shadow .18s ease,transform .18s ease}.handbook-card-static{background:#fc3;border-color:#fc3;color:#111}.handbook-card-static>p{color:#292929}.handbook-card-static .handbook-status{background:#111;color:#fc3}.handbook-card-link:hover,.handbook-card-link:focus-visible{color:#111;text-decoration:none;box-shadow:3px 3px #111;transform:translateY(-2px)}.handbook-card-link:focus-visible{outline:3px solid #111;outline-offset:3px}.handbook-status{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;background:#fff3bf;color:#713f12;font-size:12px;font-weight:800;white-space:nowrap}.handbook-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin:10px 0 0!important;color:#9ca3af!important;font-size:12px;line-height:1.4!important}.handbook-flow{margin-top:18px;padding:20px}.handbook-flow-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:14px}.handbook-flow-heading h2{font-size:18px}.handbook-flow-summary{max-width:460px;margin:0;color:#6b7280;font-size:13px;line-height:1.45;text-align:right}.handbook-flow-scroll{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scroll-snap-type:x proximity;padding:2px 2px 8px}.handbook-flow-scroll:focus-visible{outline:3px solid rgba(214,158,0,.28);outline-offset:3px;border-radius:10px}.handbook-flow-list{display:flex;align-items:center;width:max-content;min-width:100%;gap:7px;margin:0;padding:0;list-style:none}.handbook-flow-list li{display:flex;align-items:center;flex:0 0 auto;min-height:44px;scroll-snap-align:start}.handbook-flow-list li>span{display:inline-flex;align-items:center;min-height:38px;box-sizing:border-box;border:1px solid #e5e2dc;border-radius:8px;background:#f5f3ef;padding:0 12px;color:#27272a;font-size:12px;font-weight:700;white-space:nowrap}.handbook-flow-list li.is-source>span{border-style:dashed;background:#fff}.handbook-flow-list li.is-active>span{border-color:#fc3;background:#fc3;color:#111;font-weight:900}.handbook-flow-list b{margin-left:7px;color:#9ca3af;font-size:14px}.handbook-flow-hint{display:none;margin:4px 0 0;color:#9ca3af;font-size:11px}.handbook-role{padding:24px}.handbook-role .handbook-section-heading{margin-bottom:8px}.handbook-role-picker{display:grid;gap:5px;min-width:200px;color:#6b7280;font-size:12px;font-weight:700}.handbook-role-picker select{width:100%;min-height:44px;box-sizing:border-box;border:1px solid #d1d5db;border-radius:10px;background:#fff;padding:0 38px 0 12px;color:#111827;font-weight:700}.handbook-role-chip{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:#111827;color:#fff;font-size:13px;font-weight:800}.handbook-articles{display:grid;margin-top:18px}.handbook-articles article{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;border-top:1px solid #e5e7eb;padding:18px 0}.handbook-article-number{color:#a16207;font-size:13px;line-height:1.7}.handbook-article-copy{min-width:0}.handbook-article-title{display:flex;align-items:center;gap:10px}.handbook-articles h3,.handbook-articles p{margin:0}.handbook-articles h3{color:#111827;font-size:17px}.handbook-article-copy>p{margin-top:5px;color:#6b7280;line-height:1.55}.sale-commission{margin-top:16px;border:1px solid #e2e5e9;border-radius:14px;background:#fff;padding:16px}.sale-commission-heading h3{margin:4px 0 6px;color:#111827;font-size:18px}.sale-commission-heading>p:last-child{margin:0;color:#586474;font-size:13px;line-height:1.5}.sale-commission-table-wrap{overflow-x:auto;margin-top:14px;border:1px solid #dfe3e8;border-radius:10px}.sale-commission table{width:100%;min-width:480px;border-collapse:collapse;font-size:13px}.sale-commission th,.sale-commission td{border-bottom:1px solid #e5e7eb;padding:10px 12px;text-align:right;white-space:nowrap}.sale-commission th:first-child,.sale-commission td:first-child{text-align:left}.sale-commission th{background:#fc3;color:#111827;font-size:12px}.sale-commission tr:last-child td{border-bottom:0}.sale-commission-input{display:grid;gap:7px;margin-top:16px;color:#303946;font-size:13px;font-weight:800}.sale-commission-input input{min-height:44px;border:1px solid #bfc6ce;border-radius:10px;padding:0 12px;color:#111827;font:inherit}.sale-commission-input input:focus{outline:3px solid rgba(255,204,51,.45);border-color:#b77900}.sale-commission-result{display:block;margin-top:10px;border-radius:10px;background:#fff6cc;padding:12px;color:#3d3420;font-size:14px;line-height:1.5}.sale-commission-result strong{color:#111827}.handbook-article-content{color:#374151!important}.handbook-state,.handbook-empty{padding:18px;border:1px dashed #d1d5db;border-radius:12px;color:#6b7280;background:#fff}.handbook-state{margin-bottom:18px}.handbook-state--error{border-color:#fca5a5;color:#991b1b;background:#fef2f2}.handbook-grid>.handbook-empty{grid-column:1 / -1}@media (max-width: 1023px){.handbook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.handbook-section-heading{align-items:start}.handbook-role-picker{min-width:180px}}@media (max-width: 700px){.handbook-hero{gap:18px}.handbook-hero .outline-btn{width:100%;min-height:44px}.handbook-shell{padding-left:14px;padding-right:14px}.handbook-main{width:100%;max-width:100%;padding:18px 0 48px}.handbook-intro{padding:20px 18px}.handbook-intro-quote{margin-bottom:34px;font-size:17px}.handbook-section{margin-top:36px}.handbook-section-heading{grid-template-columns:minmax(0,1fr);gap:12px}.handbook-section-heading h2{font-size:22px;line-height:1.2}.handbook-section-description{font-size:14px}.handbook-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.handbook-card{min-height:112px;padding:11px;border-radius:10px}.handbook-card-link{min-height:112px}.handbook-card-icon{width:38px;height:38px;flex-basis:38px}.handbook-card-icon svg{width:28px;height:28px}.handbook-card h3{margin-top:10px;font-size:13px}.handbook-card>p{display:none}.handbook-flow{padding:16px 14px}.handbook-flow-heading{display:grid;gap:8px}.handbook-flow-heading h2{font-size:17px;line-height:1.3}.handbook-flow-summary{max-width:none;text-align:left;font-size:12px}.handbook-flow-scroll{width:calc(100% + 14px);max-width:calc(100% + 14px);margin-right:-14px;padding-right:20px}.handbook-flow-list{min-width:max-content}.handbook-flow-list li>span{min-height:44px;padding:0 12px}.handbook-flow-hint{display:block}.handbook-role{padding:20px 18px}.handbook-role .handbook-section-heading{align-items:start}.handbook-role-picker,.handbook-role-chip{width:100%;box-sizing:border-box}.handbook-role-picker{margin-top:4px}.handbook-role-chip{width:fit-content;min-height:44px}.handbook-articles article{grid-template-columns:36px minmax(0,1fr);gap:8px}.handbook-article-title{align-items:flex-start;justify-content:space-between}}.about-main{display:grid;gap:68px}.handbook-detail-shell{padding-bottom:48px;max-width:920px}.about-hero{align-items:flex-start!important;text-align:left!important}.about-hero h1{text-transform:none;font-size:clamp(34px,6vw,52px)}.about-hero-line{display:inline-block;margin-top:18px;padding:10px 16px;background:#fff3bf;border-left:5px solid #ffcc33;border-radius:8px;font-weight:800;color:#111827}.about-section{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:28px;box-shadow:4px 4px #fc3}.about-section h2{margin:0 0 22px;color:#111827;font-size:21px}.about-section p{line-height:1.65;color:#374151}.about-culture{background:#fc3;border:none;box-shadow:none}.about-culture-grid,.about-vision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.about-vision-grid{grid-template-columns:repeat(2,1fr)}.about-vision-grid .about-section{box-shadow:none}.about-culture-card{padding-right:16px}.about-icon{font-size:26px;font-weight:900}.about-culture-card h3{margin:12px 0 8px;font-size:15px}.about-culture-card p{margin:0;color:#374151}.about-craft-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.about-card{border:1px solid #e5e7eb;border-radius:16px;padding:22px;background:#fffdf5}.about-number{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fc3;color:#171717;font-weight:900}.about-card h3{margin:16px 0 8px}.about-card p{min-height:50px;margin-bottom:12px}.about-card ul{margin:0;padding-left:18px;color:#6b7280;font-size:13px;line-height:1.7}.about-role-list{display:grid;gap:0;margin:0}.about-role-list article{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:17px 0;border-bottom:1px solid #e5e7eb}.about-role-list article:last-child{border-bottom:none}.about-role-number{color:#a16207;font-weight:900;font-size:13px}.about-role-list strong{color:#111827;font-size:15px}.about-role-list p{margin:4px 0 0}.about-remember{background:#fc3;border:none;box-shadow:none}.about-remember .rules-list li{border-bottom:1px solid rgba(17,24,39,.15)}.about-remember .rules-list li:before{color:#111827}.about-remember .rules-list strong{color:#111827}.about-remember .rules-list li{color:#171717}.about-quote{margin:-34px 0 0;font-size:19px;font-weight:800}@media (max-width: 760px){.about-main{gap:48px}.about-section{padding:22px}.about-culture-grid,.about-craft-grid,.about-vision-grid{grid-template-columns:1fr}.about-culture-card{padding-right:0}.about-card p{min-height:0}.about-quote{margin-top:-22px}}#van-hoa,#dinh-vi{scroll-margin-top:20px}.organization-shell{width:min(100%,1180px);max-width:1180px;overflow-x:clip}.organization-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:start;padding:8px 0 24px}.organization-hero h1{margin:3px 0 8px;color:#111827;font-size:clamp(30px,5vw,52px);line-height:1.05}.organization-hero p:last-child{max-width:680px;margin:0;color:#4b5563;line-height:1.55}.organization-back{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;gap:6px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#111827;padding:0 13px;cursor:pointer;font-weight:800}.organization-current{display:grid;gap:3px;min-width:150px;border-radius:14px;background:#fc3;padding:12px 16px;color:#111}.organization-current span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.organization-current strong{font-size:15px}.organization-tabs{display:none}.organization-main{display:grid;gap:24px;min-width:0;padding-bottom:64px}.organization-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.organization-kpis div{display:flex;min-width:0;align-items:baseline;justify-content:center;gap:8px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;padding:15px}.organization-kpis strong{color:#111827;font-size:28px}.organization-kpis span{color:#6b7280;font-weight:700}.organization-section{min-width:0;border:1px solid #e5e7eb;border-radius:20px;background:#fff;padding:24px}.organization-section-heading{margin-bottom:18px}.organization-section-heading .eyebrow{margin-bottom:4px}.organization-section-heading h2{margin:0;color:#111827;font-size:24px}.organization-leaders{display:grid;justify-items:center;margin-bottom:24px}.organization-leader-level{display:grid;width:100%;justify-items:center}.organization-leader-level+.organization-leader-level{margin-top:20px}.organization-leader-level{max-width:720px}.organization-authority-line{display:grid;width:34px;height:42px;place-items:center;color:#111827;font-size:26px;font-weight:900}.organization-leaders article{width:100%;min-height:142px;box-sizing:border-box;border:1px solid #ffcc33;border-radius:14px;background:#fc3;padding:18px 22px;color:#111827;text-align:center;box-shadow:0 8px 24px #a162071f}.organization-leaders span{color:#7c4a03;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.organization-leaders h3{margin:9px 0 2px;font-size:22px}.organization-leaders strong{color:#111827;font-size:13px}.organization-leaders p{max-width:620px;margin:9px auto 0;color:#3f3f3f;font-size:13px;line-height:1.5}.organization-units{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.organization-unit{min-width:0;border:1px solid #e5e7eb;border-radius:16px;background:#f8fafc;padding:16px}.organization-unit>header{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:11px}.organization-unit>header span{color:#6b7280;font-size:11px;font-weight:700}.organization-unit>header h3{margin:3px 0 0;color:#111827;font-size:18px}.organization-unit>header>b{color:#6b7280;font-size:11px;white-space:nowrap}.organization-departments{display:grid;gap:8px}.organization-department{overflow:hidden;border:1px solid #dfe3e8;border-radius:12px;background:#fff}.organization-department.is-current{border-color:#fc3;background:#fc3;box-shadow:0 0 0 2px #ffcc3340}.organization-department-toggle{display:flex;width:100%;min-height:58px;align-items:center;justify-content:space-between;gap:12px;border:0;background:transparent;padding:10px 12px;color:#111827;text-align:left;cursor:pointer}.organization-department-toggle>span:first-child{min-width:0}.organization-department-toggle strong,.organization-department-toggle small{display:block}.organization-department-toggle strong{font-size:15px}.organization-department-toggle small{margin-top:4px;color:#5b6472;font-size:12px;line-height:1.4}.organization-department.is-current small{color:#3f3f3f}.organization-department-action{display:flex;flex:none;align-items:center;gap:8px}.organization-department-action em,.organization-flow li em{border-radius:999px;background:#111827;padding:5px 8px;color:#fc3;font-size:10px;font-style:normal;font-weight:850;white-space:nowrap}.organization-department-action b{display:none;font-size:20px}.organization-department-detail{padding:0 12px 12px}.organization-department-detail dl{display:grid;gap:7px;margin:0}.organization-department-detail dl>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:7px;border-top:1px solid rgba(107,114,128,.2);padding-top:7px}.organization-department-detail dt{color:#5b6472;font-size:12px;font-weight:800;text-transform:uppercase}.organization-department-detail dd{margin:0;color:#303946;font-size:13px;line-height:1.55}.organization-member-list{display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none}.organization-member-list li{border-radius:999px;background:#11182712;padding:3px 7px;color:#111827;font-size:11px;font-weight:750}.organization-department.is-current .organization-member-list li{background:#1118271f}.organization-lower-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:24px;min-width:0}.organization-workflow-rail{overflow-x:auto;margin:0 0 14px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;padding:12px;scrollbar-width:thin}.organization-workflow-rail-inner{display:flex;width:max-content;min-width:100%;align-items:center;gap:8px}.organization-workflow-rail-item{display:inline-flex;align-items:center;gap:8px}.organization-workflow-rail-item span{display:inline-flex;min-height:34px;align-items:center;border:1px solid #dfe3e8;border-radius:8px;background:#f7f7f5;padding:0 11px;color:#303946;font-size:12px;font-weight:750;white-space:nowrap}.organization-workflow-rail-item span.is-current{border-color:#fc3;background:#fc3;color:#111827}.organization-workflow-rail-item b{color:#6b7280;font-size:15px;line-height:1}.organization-flow ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none}.organization-flow li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;min-width:0;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.organization-flow li.is-current{border-color:#fc3;background:#fc3}.organization-step-number{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#111827;color:#fc3;font-size:11px;font-weight:900}.organization-flow h3{margin:1px 0 4px;color:#111827;font-size:14px}.organization-flow li p{margin:0;color:#535e6d;font-size:13px;line-height:1.55}.organization-flow li.is-current p{color:#303030}.organization-flow li em{display:inline-flex;margin-top:8px}.organization-ask-list{display:grid;gap:0}.organization-ask-list article{border-top:1px solid #e5e7eb;padding:12px 0}.organization-ask-list article:first-child{border-top:0;padding-top:0}.organization-ask-list p{margin:0 0 4px;color:#6b7280;font-size:12px;line-height:1.4}.organization-ask-list strong{color:#111827;font-size:13px}.organization-notes{display:grid;grid-template-columns:1fr 1fr;gap:24px}.organization-notes>article{border:1px solid #e5e7eb;border-radius:20px;background:#fff;padding:24px}.organization-rhythms{display:grid;gap:14px}.organization-rhythms div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px}.organization-rhythms strong{color:#a16207;font-size:13px}.organization-rhythms p{margin:0;color:#4b5563;font-size:13px;line-height:1.5}.organization-principles{background:#fc3!important;border-color:#fc3!important}.organization-principles ol{display:grid;gap:12px;margin:0;padding:0;list-style:none}.organization-principles li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start;color:#111827;line-height:1.5}.organization-principles li b{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:#111827;color:#fc3;font-size:12px}@media (max-width: 1023px){.organization-lower-grid,.organization-notes{grid-template-columns:1fr}.organization-flow ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.organization-shell{width:100%;max-width:100%;padding:0 14px}.organization-hero{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:10px 0 16px}.organization-hero h1{font-size:27px}.organization-hero p:last-child,.organization-back span{display:none}.organization-current{grid-column:2;min-width:0;width:fit-content;padding:8px 11px}.organization-tabs{position:sticky;z-index:20;top:0;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:0 -14px 14px;border-block:1px solid #e5e7eb;background:#f2f4eff5;padding:7px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.organization-tabs button{min-height:44px;border:1px solid transparent;border-radius:10px;background:transparent;color:#4b5563;cursor:pointer;font-size:13px;font-weight:800}.organization-tabs button[aria-selected=true]{border-color:#111827;background:#111827;color:#fc3}.organization-main{gap:14px;padding-bottom:42px}.organization-kpis{gap:6px}.organization-kpis div{display:grid;gap:0;padding:10px 5px;text-align:center}.organization-kpis strong{font-size:22px}.organization-kpis span{font-size:11px}.organization-tab-panel,.organization-mobile-notes{display:none;min-width:0}.organization-tab-panel.is-active,.organization-mobile-notes.is-active,.organization-lower-grid{display:block}.organization-section{border-radius:15px;padding:15px}.organization-section-heading h2{font-size:21px}.organization-leaders,.organization-units{grid-template-columns:1fr}.organization-leaders article{padding:15px}.organization-unit{padding:12px}.organization-department-toggle{min-height:60px}.organization-department-action b{display:inline}.organization-department-detail{display:none}.organization-department-detail.is-open{display:block}.organization-flow ol{grid-template-columns:1fr}.organization-flow li{min-height:76px}.organization-notes{grid-template-columns:1fr;gap:14px;margin-top:14px}.organization-notes>article{border-radius:15px;padding:17px}.organization-rhythms div{grid-template-columns:1fr;gap:3px}}.about-principles{display:grid;gap:28px}.about-principle-group h3{margin:0 0 10px;font-size:14px;font-weight:800;color:#a16207;text-transform:uppercase;letter-spacing:.03em}.about-principle-list{list-style:none;margin:0;padding:0;display:grid;gap:0}.about-principle-list li{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #f0f0f0;font-size:14px;color:#1f2937;line-height:1.6}.about-principle-list li:last-child{border-bottom:none}.about-principle-num{font-weight:900;color:#a16207;font-size:13px}.debt-none{color:#6b7280}@media (max-width: 700px){.material-table-wrap:has(.responsive-table){overflow-x:visible}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%;box-sizing:border-box}.responsive-table thead{display:none}.responsive-table tr{border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;margin-bottom:10px;background:#fff}.responsive-table tbody tr:hover{background:#fff}.responsive-table td{border:0;padding:4px 0;display:grid;grid-template-columns:82px minmax(0,1fr);gap:8px;align-items:start;font-size:14px;overflow-wrap:anywhere}.responsive-table td:before{content:attr(data-label);color:#6b7280;font-size:12px;font-weight:600;padding-top:2px}.responsive-table td[data-label=""]{grid-template-columns:minmax(0,1fr)}.responsive-table td[data-label=""]:before{display:none}.responsive-table tr>td:first-child{font-size:15px;font-weight:800;color:#111827;padding-bottom:6px}.responsive-table .material-edit-row>td:first-child{font-size:14px;font-weight:400}.responsive-table .material-actions-cell{display:flex;gap:8px;padding-top:8px}.responsive-table .material-actions-cell .outline-btn{min-height:40px;flex:1}.responsive-table td a[href^="tel:"]{display:inline-block;padding:6px 12px;border-radius:999px;background:#fff0c2;color:#111827;font-weight:800;text-decoration:none}.responsive-table input{width:100%;box-sizing:border-box}.responsive-table td,.responsive-table td *{white-space:normal}.responsive-table td a[href^="tel:"]{justify-self:start}}.leave-tap-hint{display:none}@media (max-width: 600px){.leave-tap-hint{display:block;margin:4px 0 8px;font-size:12px;color:#6b7280}.leave-cell{min-height:54px}.leave-cell-tags{flex-direction:row;flex-wrap:wrap;gap:3px;margin-top:2px}.leave-tag{font-size:0;width:9px;height:9px;padding:0;border-radius:50%;flex:none}.leave-tag-more{font-size:10px;line-height:9px;font-weight:700}}:root{--xk-yellow:#FFCC33;--xk-bg:#F4F4F4;--xk-ink:#0B0B0B;--xk-text2:#525252;--xk-line:#E5E5E5;--xk-card:#fff;--xk-late:#FDE7DA;--xk-ok:#E3F2E9;font-family:Be Vietnam Pro,system-ui,sans-serif;color:var(--xk-ink);background:var(--xk-bg)}.xk-app{min-height:100vh;background:var(--xk-bg)}.xk-sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:var(--xk-yellow);padding:18px 12px;display:flex;flex-direction:column;z-index:10}.xk-brand{border:0;background:var(--xk-ink);color:var(--xk-yellow);width:46px;height:46px;border-radius:12px;font-weight:800;font-size:20px;cursor:pointer}.xk-account{margin:20px 0 18px;padding:11px;border:0;border-radius:14px;background:#ffffff8c;display:flex;gap:10px;text-align:left;align-items:center;cursor:pointer;color:var(--xk-ink)}.xk-account small{display:block;margin-top:2px;color:#3b2a00}.xk-avatar{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--xk-ink);border-radius:50%;font-weight:800;background:#fff}.xk-nav{display:grid;gap:20px;overflow:auto}.xk-nav section{display:grid;gap:2px}.xk-nav p{margin:0 10px 5px;color:#5c4300;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.08em}.xk-nav button,.xk-logout{border:0;background:transparent;border-radius:10px;padding:10px 12px;text-align:left;font-family:inherit;font-size:13px;font-weight:700;line-height:1.2;color:var(--xk-ink);cursor:pointer}.xk-nav button.active{background:#fff;font-weight:800}.xk-logout{margin-top:auto;color:#3b2a00}.xk-main{margin-left:232px;min-height:100vh;padding:30px}.xk-mobile-head,.xk-bottom-nav{display:none}.xk-main .home-shell,.xk-main .app-shell{max-width:1600px;margin:0;padding:0}.xk-main .home-header,.xk-main .hero{margin-bottom:24px}.xk-main .home-header h1,.xk-main .hero h1{font-size:30px;font-weight:800}.xk-main .home-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.xk-main .home-card,.xk-main .panel{border:1px solid var(--xk-line);border-radius:18px;background:#fff;box-shadow:0 1px #e5e5e5,0 4px 14px #0000000d}.xk-main .home-card{min-height:150px;text-align:left}.xk-main .home-card:hover{border-color:var(--xk-yellow);transform:translateY(-1px)}.xk-main button:not(.xk-nav button):not(.xk-account):not(.xk-brand):not(.xk-logout){border-radius:12px}.xk-main .hero button,.xk-main .ghost-btn,.xk-main .form-grid button,.xk-main .chat-form button{background:var(--xk-yellow);border-color:var(--xk-yellow);color:var(--xk-ink);font-weight:800}.xk-main .tabs .active,.xk-main .stage-box.active{background:var(--xk-yellow);border-color:var(--xk-yellow);color:var(--xk-ink)}.xk-main .scope-pill{background:var(--xk-yellow);color:var(--xk-ink)}@media (max-width:1023px){.xk-sidebar{display:none}.xk-main{margin:0;padding:0 16px 100px}.xk-mobile-head{height:82px;margin:0 -16px 18px;padding:15px 18px;background:var(--xk-ink);color:#fff;display:flex;align-items:center;justify-content:space-between}.xk-mobile-head small{display:block;font-size:10px;letter-spacing:.12em;color:#a3a3a3}.xk-mobile-head strong{display:block;font-size:22px}.xk-bottom-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;height:76px;background:#fff;border-top:1px solid var(--xk-line);display:grid;grid-template-columns:repeat(5,1fr);padding:7px 6px env(safe-area-inset-bottom)}.xk-bottom-nav button{border:0;background:transparent;border-radius:12px;color:#525252;font-family:inherit;font-size:10px;font-weight:600;line-height:1.15;display:grid;place-items:center;gap:3px;cursor:pointer}.xk-bottom-nav button span{font-size:20px;line-height:18px}.xk-bottom-nav button.active{background:#fff0c2;color:var(--xk-ink);font-weight:800}.xk-main .home-header,.xk-main .hero{align-items:start}.xk-main .hero-actions .user-badge,.xk-main .hero-actions .back-home-btn,.xk-main .hero-actions .logout-btn{display:none}.xk-main .home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.xk-main .home-card{padding:14px;min-height:130px}.xk-main .home-card-icon{font-size:25px}.xk-main .home-card-title{font-size:14px}.xk-main .home-card-desc{font-size:12px}.xk-main .panel{border-radius:16px;padding:14px}.xk-main .app-shell{padding:0}.xk-main .hero h1,.xk-main .home-header h1{font-size:24px}.xk-main .tabs{overflow-x:auto;padding-bottom:3px}}.work-command-row{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px}.work-command-row .work-search-row{flex:1;margin:0}.work-view-switch{display:flex;background:#e8e8e8;padding:4px;border-radius:10px}.work-view-switch button{border:0;background:transparent;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.work-view-switch button.active{background:#fff;border-radius:7px;box-shadow:0 1px 2px #bbb}.work-board-shell{min-width:0}.work-kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(248px,1fr);gap:14px;overflow-x:auto;padding-bottom:10px}.work-column{background:#ebebeb;border-radius:16px;padding:12px;min-height:300px}.work-column>header{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 10px}.work-column h2{font-size:12px;letter-spacing:.04em;margin:0;font-weight:800}.work-column>header span{background:#fc3;border-radius:15px;padding:4px 9px;font-size:12px;font-weight:800}.work-card{background:#fff;border-radius:12px;padding:12px;margin-bottom:10px;box-shadow:0 1px 2px #0000001f;display:grid;gap:8px}.work-card>a{font-weight:700;color:#0b0b0b;text-decoration:none;line-height:1.35}.work-card p{margin:0;color:#525252;font-size:12px}.work-card>div{display:flex;justify-content:space-between;gap:8px;align-items:center}.work-card small{font-size:11px;color:#525252}.work-card b{font-size:10px;background:#ededed;border-radius:6px;padding:4px 6px;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-card button{border:0;background:#fc3;color:#0b0b0b;border-radius:8px;padding:8px;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer}.work-empty-column{font-size:12px;color:#666;text-align:center;padding:20px 0}.work-list-panel{background:#fff;border:1px solid #e5e5e5;border-radius:16px;overflow:hidden}.work-list-row{display:grid;grid-template-columns:2fr 1fr 1fr 110px;gap:10px;padding:13px 16px;border-bottom:1px solid #eee;align-items:center;font-size:13px}.work-list-row a{font-weight:700;color:#0b0b0b;text-decoration:none}.work-list-row span{color:#525252}@media (max-width:1023px){.work-command-row{display:block}.work-command-row .work-search-row{margin-bottom:10px}.work-view-switch{width:max-content}.work-kanban{margin:0 -16px;padding:0 16px 12px;grid-auto-columns:82vw}.work-column{min-height:260px}.work-list-row{grid-template-columns:1fr auto;gap:5px;padding:12px}.work-list-row span:nth-of-type(2),.work-list-row span:nth-of-type(3){display:none}}@media (max-width:1023px){.xk-mobile-head{box-sizing:border-box;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}.xk-nav{flex:1 1 auto;min-height:0}.xk-logout{flex:0 0 auto}.xk-logout{margin-top:8px;border-top:1px solid rgba(0,0,0,.12)!important;border-radius:0!important;padding-top:12px!important}@media (max-height:860px){.xk-nav{gap:10px}.xk-nav button{padding:7px 12px}.xk-account{margin:12px 0 10px}}.xk-more-overlay{display:none}@media (max-width:1023px){.xk-more-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#0b0b0b73}.xk-more-sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:22px 22px 0 0;padding:16px 16px calc(92px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px #0000002e}.xk-more-head{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--xk-line)}.xk-more-head>span:nth-child(2){flex:1;min-width:0}.xk-more-head strong{display:block;font-size:15px}.xk-more-head small{display:block;color:var(--xk-text2);font-size:12px}.xk-more-close{border:0;background:#f4f4f4;width:36px;height:36px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;color:var(--xk-ink)}.xk-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 0}.xk-more-grid button{border:1px solid var(--xk-line);background:#fff;border-radius:14px;min-height:78px;display:grid;place-items:center;gap:4px;padding:10px 4px;font-family:inherit;font-size:12px;font-weight:700;color:var(--xk-ink);cursor:pointer}.xk-more-grid button b{font-size:22px;line-height:1}.xk-more-grid button.active{background:var(--xk-yellow);border-color:var(--xk-yellow)}.xk-more-logout{width:100%;min-height:46px;border:1px solid var(--xk-line);background:#fff;border-radius:12px;font-family:inherit;font-size:14px;font-weight:700;color:#b91c1c;cursor:pointer}}.xk-main .ghost-btn.danger,.xk-main .outline-btn.danger{background:#fff;border:1px solid #fecaca;color:#b91c1c}.mobile-only{display:none}@media (max-width:1023px){.mobile-only{display:inline-flex}.xk-main input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),.xk-main select,.xk-main textarea{font-size:16px}.xk-main .ghost-btn.tiny,.xk-main .outline-btn.small,.xk-main .step4-pill{min-height:38px}.xk-main .edit-card-more{gap:8px}}.xk-main .edit-card-more .ghost-btn:not(:first-child):not(.danger){background:#fff;border:1px solid var(--xk-line);color:var(--xk-ink)}@media (max-width:1023px){.xk-main .back-home-btn{display:none}}.new-home{max-width:1320px;margin:0 auto}.new-home-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px}.new-home-hero p{margin:0 0 4px;color:var(--xk-text2);font-size:14px;text-transform:capitalize}.new-home-hero h1{margin:0;font-size:30px;line-height:1.2;font-weight:800}.new-home-hero>div>span{font-size:13px;color:var(--xk-text2)}.new-home-actions{display:flex;gap:8px;flex-wrap:wrap}.new-home-actions button,.new-home-quick button{height:40px;padding:0 13px;border:1px solid #d4d4d4;background:#fff;color:var(--xk-ink);font:700 13px/1 var(--xk-font);display:inline-flex;align-items:center;gap:6px;cursor:pointer}.new-home-actions button.primary{background:var(--xk-yellow);border-color:var(--xk-yellow)}.new-home-actions b{font-size:18px}.new-home-grid{display:grid;grid-template-columns:1.13fr 1fr;gap:18px;align-items:start}.today-panel,.new-card{border-radius:18px;padding:20px;background:#fff;border:1px solid var(--xk-line)}.today-panel{background:var(--xk-yellow);border-color:var(--xk-yellow);grid-row:span 2}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px}.section-title h2{margin:0;font-size:17px;font-weight:800}.section-title>span{font-size:13px;font-weight:700;color:#3b2a00}.section-title button{border:0;background:transparent;padding:0;font:700 13px/1 var(--xk-font);cursor:pointer;color:var(--xk-ink);text-decoration:underline}.today-row{width:100%;margin-top:10px;border:0;border-radius:12px;background:#fff;color:var(--xk-ink);padding:12px;display:flex;align-items:center;gap:14px;text-align:left;box-shadow:0 1px 2px #00000014;cursor:pointer}.today-row>b{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:18px;background:#ededed}.today-row>b.late{background:#fde7da;color:#8a2c07}.today-row>b.warn{background:#fff3d1;color:#6b4a00}.today-row>b.neutral{background:#ededed}.today-row span{display:grid;gap:3px;flex:1;min-width:0}.today-row strong,.simple-row strong{font-size:14px}.today-row small,.simple-row small{font-size:12px;color:var(--xk-text2)}.today-row i{font-style:normal;font-size:25px;color:#666}.simple-row{width:100%;border:0;border-top:1px solid #f0f0f0;padding:11px 0;background:transparent;color:var(--xk-ink);display:flex;justify-content:space-between;gap:8px;text-align:left;cursor:pointer}.simple-row span{display:grid;gap:3px}.simple-row em{align-self:center;font-style:normal;font-size:11px;padding:4px 7px;border-radius:6px;background:#ededed}.empty-home{color:var(--xk-text2);font-size:13px;margin:14px 0}.expense-total{display:flex;justify-content:space-between;gap:12px}.expense-total span{display:grid;gap:4px}.expense-total small,.expense-card p{font-size:12px;color:var(--xk-text2)}.expense-total strong{font-size:20px}.expense-bar{height:10px;border-radius:10px;background:#fce6dc;overflow:hidden;margin:15px 0 7px}.expense-bar i{display:block;height:100%;background:#eb6834;border-radius:inherit}.mobile-home-stats,.new-home-quick{display:none}@media (max-width:1023px){.new-home{margin:-18px -16px 0}.new-home-hero{background:#0b0b0b;color:#fff;padding:18px 16px 20px;border-radius:0 0 24px 24px;display:block;margin:0}.new-home-hero p{color:#a3a3a3;font-size:13px}.new-home-hero h1{font-size:24px}.new-home-hero>div>span{display:none}.new-home-actions{display:none}.mobile-home-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 16px 0}.mobile-home-stats div{background:#ffffff14;background:#262626;color:#fff;padding:12px;border-radius:14px;display:grid;gap:4px}.mobile-home-stats small{font-size:12px;color:#bdbdbd}.mobile-home-stats strong{font-size:20px}.new-home-quick{display:block;padding:18px 16px 0}.new-home-quick h2{margin:0 0 10px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#525252}.new-home-quick>div{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(60px,1fr);gap:8px;overflow-x:auto;scrollbar-width:none}.new-home-quick button{height:72px;padding:7px 3px;border-radius:14px;display:grid;place-items:center;gap:3px;font-size:10px;text-align:center}.new-home-quick b{background:var(--xk-yellow);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:17px}.new-home-grid{display:flex;flex-direction:column;gap:16px;padding:18px 16px 14px}.today-panel,.new-card{width:100%;padding:16px;border-radius:16px}.today-panel{order:0}.mytask-card{order:1}.leave-card{order:2}.expense-card{order:3}.today-row{padding:11px}.new-card .simple-row:nth-of-type(n+4){display:none}.section-title h2{font-size:16px}}.expense-total strong.negative{color:#8a2c07}.expense-bar i.over{background:#8a2c07}.simple-row em.late{background:#fde7da;color:#8a2c07;font-weight:700}.simple-row em.pending{background:#fff3d1;color:#6b4a00}@media (max-width:1023px){.section-title button{padding:8px 0 8px 10px;margin:-8px 0}}