*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f6f7f9;--card: #ffffff;--text: #1e293b;--muted: #64748b;--border: #e2e8f0;--primary: #c8102e;--primary-dark: #a30d26;--primary-soft: #fdecef;--danger: #dc2626;--danger-soft: #fee2e2;--success: #047857;--radius: 10px;--shadow: 0 1px 2px rgba(16, 24, 40, .06)}html,body{font-family:Sarabun,-apple-system,sans-serif;background:var(--bg);color:var(--text);font-size:15px;-webkit-font-smoothing:antialiased}#root{min-height:100dvh}a{color:inherit}.shell{display:flex;min-height:100dvh}.main{flex:1;min-width:0}.sidebar{display:none;width:240px;flex-shrink:0;background:var(--card);border-right:1px solid var(--border);position:sticky;top:0;height:100dvh;flex-direction:column}.sb-brand{padding:22px 20px 18px;border-bottom:1px solid var(--border)}.sb-brand .co{font-weight:700;font-size:16px;letter-spacing:.2px}.sb-brand .sys{font-size:12.5px;color:var(--muted);margin-top:2px}.sb-nav{padding:12px;flex:1}.sb-nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:8px;margin-bottom:2px;text-decoration:none;color:var(--muted);font-size:14px;font-weight:500}.sb-nav a:hover{background:var(--bg);color:var(--text)}.sb-nav a.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.sb-user{border-top:1px solid var(--border);padding:14px 16px;display:flex;align-items:center;gap:10px}.sb-user .avatar{width:34px;height:34px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.sb-user .nm{font-size:13.5px;font-weight:600;line-height:1.2}.sb-user .rl{font-size:11.5px;color:var(--muted)}.sb-user button{margin-left:auto;border:none;background:none;color:var(--muted);cursor:pointer;padding:6px;border-radius:6px;display:flex}.sb-user button:hover{background:var(--bg);color:var(--danger)}.app-header{position:sticky;top:0;z-index:20;background:var(--card);color:var(--text);border-bottom:1px solid var(--border);padding:calc(env(safe-area-inset-top) + 13px) 16px 13px;display:flex;align-items:center;justify-content:space-between}.app-header h1{font-size:16px;font-weight:700}.app-header .user-chip{background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:600}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--card);border-top:1px solid var(--border);display:flex;padding-bottom:env(safe-area-inset-bottom);overflow-x:auto}.bottom-nav a{flex:1 0 auto;min-width:58px;text-align:center;padding:9px 4px 7px;color:var(--muted);text-decoration:none;font-size:10.5px;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:3px;white-space:nowrap}.bottom-nav a.active{color:var(--primary);font-weight:600}@media (min-width: 900px){.sidebar{display:flex}.app-header,.bottom-nav,.fab{display:none!important}.container{padding:24px 28px 40px;max-width:1100px}.container.wide{max-width:1520px}}.container{max-width:860px;margin:0 auto;padding:16px 16px calc(env(safe-area-inset-bottom) + 88px)}.page-head{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.page-head h2{font-size:19px;font-weight:700;flex:1}.back-link{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--muted);text-decoration:none}.back-link:hover{color:var(--text)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:14px;box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 18px;transition:background .15s,border-color .15s;text-decoration:none;line-height:1.2}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-outline{background:var(--card);color:var(--text);border-color:var(--border)}.btn-outline:hover:not(:disabled){border-color:var(--muted)}.btn-danger{background:var(--card);color:var(--danger);border-color:var(--border)}.btn-danger-solid{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-sm{padding:7px 13px;font-size:13px}.btn-block{width:100%}.field{margin-bottom:14px}.field label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:10px 12px;font-family:inherit;font-size:14.5px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c8102e1f}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.section-title{font-size:15px;font-weight:700;margin-bottom:12px}.muted{color:var(--muted);font-size:13px}.error-msg{color:var(--danger);font-size:14px;margin:8px 0}.empty{text-align:center;color:var(--muted);padding:48px 0;font-size:14px}.filter-bar{display:flex;gap:6px;overflow-x:auto;padding-bottom:12px;-webkit-overflow-scrolling:touch}.filter-bar button{flex-shrink:0;padding:7px 14px;border-radius:8px;border:1px solid var(--border);background:var(--card);font-family:inherit;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer}.filter-bar button.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.table-card{padding:0;overflow:hidden}.pr-thead{display:none;padding:11px 18px;border-bottom:1px solid var(--border);background:#f8fafc;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}.pr-row{display:block;padding:13px 18px;text-decoration:none;border-bottom:1px solid var(--border)}.pr-row:last-child{border-bottom:none}.pr-row:hover{background:#f8fafc}.pr-row .c-no{font-weight:700;color:var(--primary);font-size:13.5px}.pr-row .c-title{font-weight:600;font-size:15px}.pr-row .c-req,.pr-row .c-date{color:var(--muted);font-size:13px}.pr-row .c-amt{font-size:13.5px;font-weight:600}@media (max-width: 899.98px){.pr-row .r1{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.pr-row .c-title{display:block;margin-bottom:4px}.pr-row .r3{display:flex;gap:14px;align-items:center}}.desktop-new{display:none}@media (min-width: 900px){.desktop-new{display:inline-flex}.pr-thead,.pr-row{display:grid;grid-template-columns:110px 1fr 170px 110px 130px 130px;gap:12px;align-items:center}.pr-row .r1,.pr-row .r3{display:contents}.pr-row .c-no{grid-column:1;grid-row:1}.pr-row .c-title{grid-column:2;grid-row:1;margin:0}.pr-row .c-req{grid-column:3;grid-row:1}.pr-row .c-date{grid-column:4;grid-row:1}.pr-row .c-amt{grid-column:5;grid-row:1;text-align:right}.pr-row .c-status{grid-column:6;grid-row:1;justify-self:start}.pr-thead .h-amt{text-align:right}}.fab{position:fixed;right:16px;bottom:calc(env(safe-area-inset-bottom) + 76px);z-index:15;width:54px;height:54px;border-radius:14px;border:none;background:var(--primary);color:#fff;cursor:pointer;box-shadow:0 6px 16px #c8102e59;display:flex;align-items:center;justify-content:center;text-decoration:none}.info-grid{display:grid;grid-template-columns:130px 1fr;gap:7px 12px;font-size:14px}@media (min-width: 900px){.info-grid{grid-template-columns:150px 1fr 150px 1fr}}.asset-check{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.asset-check input{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.asset-check b{color:var(--primary)}.wht-select{padding:5px 8px;font-family:inherit;font-size:12.5px;border:1px solid var(--border);border-radius:6px;background:#fff}.asset-tag{display:inline-block;margin-left:8px;padding:1px 8px;background:var(--danger-soft);color:var(--danger);border-radius:6px;font-size:11.5px;font-weight:700;vertical-align:1px}.pd-asset{color:red;font-weight:700;font-size:12px;margin-left:6px}.alloc-row{display:flex;align-items:center;gap:6px;margin-top:6px;flex-wrap:wrap}.alloc-row label{font-size:12px;font-weight:700;color:var(--muted)}.alloc-row select{padding:5px 8px;font-family:inherit;font-size:12.5px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--text);max-width:160px}.alloc-row select:focus{outline:none;border-color:var(--primary)}.steps{display:flex;margin:6px 0 16px}.step{flex:1;text-align:center;position:relative}.step:not(:first-child):before{content:"";position:absolute;top:13px;right:50%;width:100%;height:2px;background:var(--border)}.step.done:not(:first-child):before,.step.current:not(:first-child):before{background:var(--success)}.step .dot{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;border:2px solid var(--border);background:var(--card);color:var(--muted);font-size:12.5px;font-weight:700}.step.done .dot{background:var(--success);border-color:var(--success);color:#fff}.step.done.mid .dot{background:#d97706;border-color:#d97706}.step.done.mid:not(:first-child):before,.step.current.mid:not(:first-child):before{background:#d97706}.step .lb{font-size:11.5px;color:var(--muted);font-weight:600}.step.done .lb,.step.current .lb{color:var(--text)}@media (max-width: 480px){.step .lb{font-size:10px}}.timeline{list-style:none}.timeline li{position:relative;padding:0 0 18px 22px;border-left:2px solid var(--border);margin-left:7px}.timeline li:last-child{border-left-color:transparent;padding-bottom:0}.timeline li:before{content:"";position:absolute;left:-6px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--primary);outline:3px solid var(--primary-soft)}.timeline .t-action{font-weight:600;font-size:14.5px}.timeline .t-meta{font-size:12px;color:var(--muted);margin-top:2px}.timeline .t-detail{font-size:13.5px;margin-top:3px;color:#475569}.file-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f8fafc;border:1px solid var(--border);border-radius:8px;margin-bottom:8px;font-size:13.5px;color:var(--muted)}.file-chip a{color:var(--text);text-decoration:none;font-weight:600;flex:1;word-break:break-all}.icon-btn{border:none;background:none;color:var(--muted);cursor:pointer;padding:5px;border-radius:6px;display:flex;align-items:center}.icon-btn:hover{background:var(--danger-soft);color:var(--danger)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.sig-canvas{border:1.5px dashed var(--border);border-radius:8px;background:#fff;touch-action:none;width:100%}.sig-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:16px;animation:modal-fade .12s ease-out;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}.sig-modal{background:var(--card);border-radius:16px;width:100%;max-width:760px;padding:18px;box-shadow:0 20px 50px #0f172a4d}.sig-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sig-head b{font-size:16px}.sig-colors{display:flex;gap:10px}.sig-color{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2.5px solid transparent;outline:2px solid var(--border);outline-offset:2px}.sig-color.active{outline:2.5px solid var(--primary);outline-offset:3px}.sig-canvas-modal{width:100%;height:min(320px,45dvh);border:1.5px dashed var(--border);border-radius:10px;background:#fff;touch-action:none;display:block;cursor:crosshair}.sig-actions{display:flex;gap:8px;margin-top:14px}.sig-preview{max-height:110px;max-width:100%;background:#fff;border:1px solid var(--border);border-radius:8px;padding:6px}.item-card{border:1px solid var(--border);border-radius:8px;padding:12px;margin-bottom:10px}.item-card .ic-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.item-card .ic-head b{font-size:13px;color:var(--muted)}.totals{margin-top:14px;font-size:14px;border-top:1px solid var(--border);padding-top:12px}.totals>div{display:flex;justify-content:space-between;padding:2px 0}.totals .sub{color:var(--muted)}.totals .grand{font-weight:700;font-size:15px;border-top:1px solid var(--border);margin-top:6px;padding-top:8px}.dash-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;align-items:end}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:14px}.stat-card{background:var(--card);border:1px solid var(--border);border-top:3px solid var(--muted);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.stat-card .v{font-size:26px;font-weight:700;line-height:1.2}.stat-card .l{font-size:12.5px;color:var(--muted);font-weight:600;margin-top:2px}.status-grid{display:flex;flex-direction:column;gap:8px}.status-line{display:grid;grid-template-columns:130px 1fr 36px;align-items:center;gap:10px}.status-line .bar-wrap{background:var(--bg);border-radius:999px;height:8px;overflow:hidden}.status-line .bar{height:100%;border-radius:999px;min-width:4px}.status-line b{text-align:right;font-size:14px}.print-only{display:none}@media print{.dashboard .no-print{display:none!important}.dashboard .print-only{display:block}.dashboard .card,.dashboard .stat-card{box-shadow:none;break-inside:avoid}.dashboard .pr-thead,.dashboard .pr-row{display:grid;grid-template-columns:100px 1fr 130px 90px 100px 110px;gap:8px;font-size:11px}.dashboard .pr-row .r1,.dashboard .pr-row .r3{display:contents}.dashboard{max-width:none;padding:12mm}.dashboard .stat-grid{grid-template-columns:repeat(4,1fr)}}.pdf-frame{display:block;width:794px;height:1123px;margin:0 auto;border:none;background:#fff;box-shadow:0 2px 12px #0000001f}@media (max-width: 820px){.pdf-frame{width:100%;height:142vw}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:20px;animation:modal-fade .12s ease-out}.modal-box{background:var(--card);border-radius:14px;width:100%;max-width:380px;padding:22px;box-shadow:0 20px 50px #0f172a40;animation:modal-pop .14s ease-out}.modal-title{font-size:16px;font-weight:700;margin-bottom:8px}.modal-msg{font-size:14.5px;color:#475569;line-height:1.55;white-space:pre-wrap}.modal-input{width:100%;margin-top:14px;padding:10px 12px;font-family:inherit;font-size:14.5px;border:1px solid var(--border);border-radius:8px}.modal-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c8102e1f}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}.login-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg)}.login-box{width:100%;max-width:400px}.login-box .logo{text-align:center;margin-bottom:26px}.login-box .logo img{width:72px;margin-bottom:10px}.login-box .logo h1{font-size:20px;font-weight:700}.login-box .logo p{color:var(--muted);font-size:13.5px;margin-top:3px}.print-page-wrap{background:#e2e8f0;min-height:100dvh;padding-bottom:40px}.print-toolbar{max-width:794px;margin:0 auto;padding:12px 16px;display:flex;gap:8px}.a4{width:794px;min-height:1123px;margin:0 auto;background:#fff;padding:38px 42px;font-size:13px;color:#000;box-shadow:0 2px 12px #0000001f}@media (max-width: 820px){.a4{transform-origin:top left;transform:scale(calc(100vw / 820));margin:0}}.pdoc{font-family:Century Gothic,Arial,Sarabun,sans-serif;font-size:13px;color:#000;line-height:1.35}.pdoc,.pdoc *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.pd-top{display:flex;justify-content:space-between;align-items:flex-start}.pd-co{display:flex;gap:10px}.pd-logo{width:72px;height:72px;object-fit:contain}.pd-co-text{font-size:12px;line-height:1.45;padding-top:2px}.pd-co-name{font-weight:700;font-size:16px;margin-bottom:1px}.pd-right{width:300px}.pd-title{background:#000;color:#fff;font-weight:700;font-size:22px;text-align:center;padding:24px 8px}.pd-backdated{color:red;font-weight:700;font-size:18px;text-align:center;margin-top:4px}.pd-info{display:flex;justify-content:space-between;margin:14px 0 10px}.pd-info-l{flex:1}.pd-info-l>div,.pd-info-r>div{margin-bottom:3px}.pd-info-r{width:300px}.pd-lbl{display:inline-block}.pd-info-r .pd-lbl{width:96px}.pd-val{color:#0070c0}.pd-obj{padding-left:8px;display:flex;gap:14px}.pd-obj-n{width:10px;text-align:center}.pd-internal{background:red;color:#fff;font-size:18px;font-weight:400;text-align:center;padding:8px;margin-top:4px}.pd-table{width:100%;border-collapse:collapse}.pd-table th{border:1px solid #000;background:#d8d8d8;font-weight:400;text-align:center;padding:8px 4px}.pd-table td{border-left:1px solid #000;border-right:1px solid #000;padding:2px 6px;vertical-align:top}.pd-table td.c{text-align:center}.pd-table td.r{text-align:right}.pd-table .pd-fill td{height:auto}.pd-table tbody td{border-top:none;border-bottom:none}.pd-bottom{width:100%;border-collapse:collapse}.pd-bottom td{border-left:1px solid #000;border-right:1px solid #000;padding:2px 6px;height:22px}.pd-bottom tr:first-child td{border-top:1px solid #000}.pd-bottom tr:last-child td{border-bottom:1px solid #000}.pd-bottom td.pd-empty{border-bottom:1px solid #000}.pd-bottom td.r{text-align:right}.pd-bottom td.c{text-align:center}.pd-bottom td.b{font-weight:700}.pd-bottom .pd-grand td{background:#ececec}.pd-sigs{display:flex;gap:60px;margin-top:24px;padding-left:45px}.pd-sig{width:220px;text-align:center;line-height:1.6}.pd-sig-img{height:100px;display:flex;align-items:flex-end;justify-content:center}.pd-sig-img img{height:95px;width:auto;max-width:215px;object-fit:contain;object-position:bottom}.pd-sig-line{border-bottom:1px solid #000;margin-bottom:4px}.qd-title{font-weight:700;font-size:24px;align-self:center;padding-right:10px}.qd-info{display:flex;justify-content:space-between;gap:16px;margin:12px 0 8px}.qd-cust{flex:1}.qd-cust>div{display:flex;margin-bottom:3px}.qd-lbl{width:110px;flex-shrink:0}.qd-cust .pd-val{flex:1}.qd-meta{width:300px}.qd-meta>div{display:flex;gap:6px;margin-bottom:3px}.qd-meta>div>span:first-child{width:118px;flex-shrink:0}.qd-propose{margin:8px 0 6px}.qd-note{color:red;font-weight:600}.pd-grand-cell{background:#ececec;font-weight:700}.qd-sigs{display:flex;justify-content:space-between;margin-top:46px;padding:0 10px}.qd-sigs .pd-sig{width:200px}.acdoc{font-family:Century Gothic,Arial,Sarabun,sans-serif;font-size:12px;color:#000;line-height:1.45}.acdoc,.acdoc *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.ac-logo{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:2px}.ac-logo img{width:44px;height:44px;object-fit:contain}.ac-logo b{font-size:20px;letter-spacing:.5px}.ac-title{text-align:center;font-weight:700;font-size:15px;margin-bottom:6px}.ac-box{border:1.5px solid #000}.ac-titlebar{border-bottom:1.5px solid #000;text-align:center;font-weight:700;padding:4px;font-size:13px}.ac-pad{padding:8px 10px 4px}.ac-row{display:flex;gap:16px;margin-bottom:6px;align-items:baseline}.ac-line{display:flex;align-items:baseline;gap:6px;min-width:0}.ac-lbl{font-weight:700;white-space:nowrap}.ac-val{flex:1;border-bottom:1px dotted #000;min-width:40px;padding:0 4px;color:#0070c0}.ac-cap{font-size:10px;color:#444;white-space:nowrap}.ac-cb{display:inline-flex;align-items:center;gap:5px}.ac-cbbox{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border:1px solid #000;font-size:10px;line-height:1}.ac-dots{font-size:11px}.ac-table{width:100%;border-collapse:collapse;margin-top:4px}.ac-table th{border:1px solid #000;background:#d8d8d8;padding:3px 4px;font-weight:700;font-size:11px;text-align:center}.ac-table td{border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px dashed #999;padding:2px 5px;font-size:11.5px}.ac-table td.c{text-align:center}.ac-table td.r{text-align:right}.ac-table .ac-total td{border:1px solid #000;background:#f3f3f3}.ac-travel th{font-size:10px}.ac-secttl{font-weight:700;margin-top:6px}.ac-sum{width:40%;margin-left:auto;border-collapse:collapse;margin-top:4px}.ac-sum td{border:1px solid #000;padding:3px 6px}.ac-sum td:last-child{width:35%}.ac-sum .ac-total td{background:#d8d8d8}.ac-sigs3{display:grid;grid-template-columns:1fr 1.1fr 1fr;border-top:1.5px solid #000;margin-top:8px}.ac-sigbox{border-right:1px solid #000;padding:8px 10px;font-size:11.5px;line-height:1.9}.ac-sigbox:last-child{border-right:none}.ac-sightl{font-weight:700;text-decoration:underline;margin-bottom:2px}.ac-sigimg{height:46px;display:flex;align-items:flex-end;justify-content:center}.ac-sigimg img{max-height:46px;max-width:140px}.ac-sigs2{display:flex;justify-content:space-around;padding:10px;margin-top:6px;border-top:1.5px solid #000}.ac-sigs2>div{text-align:center;line-height:1.9;width:45%}.ac-pay{border-top:1.5px solid #000;padding:8px 10px;font-size:11.5px}.ac-note{border-top:1px solid #000;padding:4px 10px;font-size:10.5px}.ac-note.c,.acdoc .c{text-align:center}.ac-footer{text-align:right;font-size:10.5px;margin-top:4px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.photo-item{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff}.photo-item img{width:100%;height:110px;object-fit:cover;display:block}.photo-cap{font-size:12px;font-weight:600;padding:4px 8px;border-top:1px solid var(--border)}.photo-actions{display:flex;align-items:center;justify-content:space-between;padding:4px 6px}.ac-photo-page{margin-top:16px;display:flex;flex-direction:column}.ac-photo-head{font-family:Century Gothic,Sarabun,sans-serif;font-weight:700;font-size:13px;margin-bottom:8px;text-align:center}.ac-photo-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;min-height:0;height:980px}.ac-photo-cell{border:1px solid #000;display:flex;flex-direction:column;min-height:0}.ac-photo-cell img{flex:1;min-height:0;width:100%;object-fit:contain}.ac-photo-cap{font-family:Century Gothic,Sarabun,sans-serif;font-size:12px;font-weight:700;text-align:center;padding:4px;border-top:1px solid #000}.form-layout{display:block}.preview-pane{display:none}@media (min-width: 1200px){.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 640px;gap:24px;align-items:start}.preview-pane{display:block;position:sticky;top:24px}.preview-pane .pv-label{font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:8px}.preview-frame{width:640px;height:905px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:var(--shadow)}.preview-frame .a4-mini{width:794px;min-height:1123px;padding:38px 42px;background:#fff;transform:scale(.806);transform-origin:top left}}@media (min-width: 1200px) and (max-width: 1479.98px){.form-layout{grid-template-columns:minmax(0,1fr) 520px}.preview-frame{width:520px;height:735px}.preview-frame .a4-mini{transform:scale(.655)}.ac-pdf-preview{width:520px;height:735px}}.ac-pdf-preview{position:relative;width:640px;height:905px;max-width:100%;border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.ac-pdf-preview iframe{width:100%;height:100%;border:0;display:block}.ac-pdf-updating{position:absolute;top:8px;right:10px;z-index:2;font-size:11.5px;color:var(--muted);background:#ffffffeb;border:1px solid var(--border);border-radius:999px;padding:3px 10px}@media print{.no-print,.app-header,.bottom-nav,.fab,.sidebar,.print-toolbar{display:none!important}body,.print-page-wrap{background:#fff!important}.a4{width:auto;min-height:0;margin:0;padding:12mm;transform:none!important;box-shadow:none}.a4:not(:last-child){break-after:page}.ac-photo-page{margin-top:0}.ac-photo-grid{height:240mm}@page{size:A4;margin:0}}:root{--bg:#f4f4f3;--text:#1c1c1e;--muted:#8a8a8f;--border:#ececeb;--line2:#e2e2e0;--radius:12px;--shadow:0 1px 2px rgba(20,20,22,.05);--shadow-lg:0 12px 34px rgba(20,20,22,.1)}.sidebar{background:#fbfbfa}.sb-brand{display:flex;align-items:center;gap:11px;padding:18px 18px 16px}.sb-logo{width:34px;height:34px;border-radius:9px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;flex-shrink:0}.sb-brand .co{font-size:15px}.sb-nav{padding:8px 12px}.sb-nav .nav-group{font-size:10.5px;font-weight:700;letter-spacing:.6px;color:#b8b8bd;text-transform:uppercase;padding:14px 10px 6px}.sb-nav a{border-radius:10px;padding:9px 11px;font-size:13.5px;color:#3f3f43}.sb-nav a svg{color:#a3a3a8}.sb-nav a:hover{background:#f2f2f0;color:var(--text)}.sb-nav a.active{background:#fff;color:var(--text);font-weight:700;border:1px solid var(--border);box-shadow:var(--shadow)}.sb-user .avatar{background:#ececeb;color:#3f3f43}.badge{border-radius:999px;padding:4px 11px;font-size:11.5px}.filter-bar button{border-color:transparent;background:transparent;color:var(--muted);border-radius:999px}.filter-bar button.active{background:#fff;border-color:var(--border);color:var(--text);box-shadow:var(--shadow);font-weight:700}.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.doc{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 17px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--text)}.doc:hover{border-color:var(--line2);box-shadow:0 6px 18px #14141612}.doc-hd{display:flex;align-items:center;justify-content:space-between;gap:10px}.doc-no{font-size:15px;font-weight:800;letter-spacing:-.2px;color:var(--text)}.doc-open{width:32px;height:32px;border:1px solid var(--border);border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--muted);background:#fff;flex-shrink:0}.doc-kv{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px}.doc-kv .k{color:var(--muted);flex-shrink:0}.doc-kv .v{color:var(--text);font-weight:600;text-align:right;min-width:0}.doc-kv .v.title{font-weight:700}.doc-who{display:inline-flex;align-items:center;gap:7px;font-weight:600}.doc-who .m{width:22px;height:22px;border-radius:50%;background:#ececeb;color:#3f3f43;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.doc-div{height:1px;background:var(--border)}.vis-banner{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:11px 15px;font-size:13px;color:var(--text);margin-bottom:16px}.vis-banner>svg{color:var(--primary);flex-shrink:0}.vis-banner .chip{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:4px 11px;white-space:nowrap}.app-header h1{font-size:16px}.fab{box-shadow:0 6px 16px #c8102e4d}.page-head{margin-bottom:18px}.page-head h2{font-size:21px;font-weight:800;letter-spacing:-.3px}.back-link{border-radius:10px}.back-link:hover{background:#f2f2f0;color:var(--text)}.section-title{font-size:14px;font-weight:800;letter-spacing:-.1px}.muted{color:var(--muted)}.btn{border-radius:10px;font-weight:700;padding:10px 16px}.btn-sm{border-radius:9px}.btn-outline{background:#fff}.btn-outline:hover:not(:disabled){background:#f6f6f5;border-color:var(--line2)}.btn-success{background:#1f7a44}.btn-danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}.field label{font-size:12.5px;color:#3f3f43;font-weight:700}.field input,.field select,.field textarea{border-radius:10px;font-size:14px;border-color:var(--border)}.field input:focus,.field select:focus,.field textarea:focus{border-color:#c9c9c6;box-shadow:0 0 0 3px #1414160d}.modal-input:focus{border-color:#c9c9c6;box-shadow:0 0 0 3px #1414160d}.card{border-radius:14px}.item-card{border-radius:12px}.info-grid{font-size:13.5px;gap:9px 14px}.info-grid .k{color:var(--muted);font-weight:600}.step.done .dot{background:#1f7a44;border-color:#1f7a44}.step.done:not(:first-child):before,.step.current:not(:first-child):before{background:#1f7a44}.step.current .dot{border-color:var(--primary);color:var(--primary)}.step.done.mid .dot{background:#b0770c;border-color:#b0770c}.step.done.mid:not(:first-child):before,.step.current.mid:not(:first-child):before{background:#b0770c}.timeline li:before{background:var(--primary);outline-color:var(--primary-soft)}.timeline .t-detail{color:#5a5a5f}.file-chip{background:#f6f6f5;border-radius:10px}.file-chip a:hover{color:var(--primary)}.stat-card{border-radius:14px}.stat-card .v{letter-spacing:-.5px}.pr-thead,.pr-row:hover{background:#faf9f8}.modal-overlay,.sig-overlay{background:#1c1c1e73}.modal-box{border-radius:16px}.modal-msg{color:#5a5a5f}.login-box .logo h1{font-size:22px;letter-spacing:-.3px}.login-box .logo p{color:var(--muted)}.empty{font-size:13.5px}.app-header{border-bottom-color:var(--border)}.bottom-nav{border-top-color:var(--border)}.user-chip{background:var(--bg)!important;color:var(--text)!important;border:1px solid var(--border)}.mini-flow{display:flex;align-items:flex-start;margin-top:2px}.mf-step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}.mf-step:not(:first-child):before{content:"";position:absolute;top:6px;right:50%;width:100%;height:2px;background:var(--border)}.mf-step.done:before,.mf-step.cur:before{background:#1f7a44}.mf-dot{width:13px;height:13px;border-radius:50%;border:2px solid var(--border);background:#fff;position:relative;z-index:1}.mf-step.done .mf-dot{background:#1f7a44;border-color:#1f7a44}.mf-step.cur .mf-dot{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.mf-lb{font-size:9px;color:var(--muted);margin-top:5px;white-space:nowrap}.mf-step.done .mf-lb,.mf-step.cur .mf-lb{color:var(--text);font-weight:700}.view-toggle{display:inline-flex;gap:2px;background:#efefed;border:1px solid var(--border);border-radius:10px;padding:3px}.view-toggle button{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;color:var(--muted);font-family:inherit;font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:8px;cursor:pointer}.view-toggle button.on{background:#fff;color:var(--text);box-shadow:var(--shadow)}.table-card .pr-row:nth-child(2n){background:#fafaf9}.table-card .pr-row:hover{background:#f2f2f0}.doc-refs{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.doc-refs .ref{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--text);background:#f6f6f5;border:1px solid var(--border);border-radius:8px;padding:3px 9px 3px 4px}.doc-refs .rk{font-size:9.5px;font-weight:800;letter-spacing:.4px;color:#fff;background:#8a8a8f;border-radius:5px;padding:2px 6px}.doc-refs .ref.pr .rk{background:#2456c8}.doc-refs .ref.po .rk{background:#6d4bb8}.doc-who img.m{object-fit:cover;background:transparent}.sb-logo-img{width:36px;height:36px;object-fit:contain;flex-shrink:0}.sb-dept{padding:10px 16px;border-top:1px solid var(--border)}.sb-brand-logo{display:block;width:100%;max-width:150px;margin-bottom:3px}.login-dept-logo{display:block;width:100%;max-width:380px;margin:16px auto 2px}.app-brand{display:flex;align-items:center;gap:8px;min-width:0}.app-logo{width:28px;height:28px;object-fit:contain;flex-shrink:0}.app-dept-logo{height:15px;width:auto;max-width:120px;object-fit:contain}.app-header .user-chip{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}:root{--warning:#b0770c}.login-box .logo img.login-dept-logo{width:100%;max-width:380px}.badge-date{background:var(--bg);color:var(--muted)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-primary{background:var(--primary-soft);color:var(--primary)}.card-title{font-size:17px;font-weight:700;letter-spacing:-.1px;margin-bottom:10px}.doc-kv .v.title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mf-lb{font-size:10.5px}.sig-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.approver-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.form-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.item-cols-3{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px}.item-cols-4{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:8px}@media (max-width:560px){.item-cols-3,.item-cols-4{grid-template-columns:1fr 1fr}}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.section-head .section-title{margin:0}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}.list-toolbar .filter-bar{margin:0;padding-bottom:0;flex:1 1 auto}.team-select{height:34px;padding:0 28px 0 12px;font-size:13px;font-weight:600;border:1px solid var(--border);border-radius:8px;background-color:#fff;color:var(--text);cursor:pointer;flex:0 0 auto}.cal-nav{display:flex;align-items:center;gap:8px}.cal-card{padding:12px;overflow-x:auto}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(96px,1fr));gap:4px;min-width:700px}.cal-head{margin-bottom:4px}.cal-dow{text-align:center;font-size:12px;font-weight:700;color:var(--muted);padding:4px 0}.cal-cell{min-height:92px;border:1px solid var(--border);border-radius:8px;padding:4px;background:#fff;display:flex;flex-direction:column;gap:3px}.cal-cell.out{background:transparent;opacity:.45}.cal-cell.wk{background:#fafafa}.cal-cell.today{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.cal-date{font-size:12px;font-weight:700;color:var(--muted)}.cal-cell.today .cal-date{color:var(--primary)}.cal-chip{display:block;font-size:11px;font-weight:600;line-height:1.25;padding:2px 6px;border-radius:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.cal-more{font-size:10.5px;color:var(--muted);padding-left:2px}.cal-chip.cal-note{background:#e3ecfa;color:#2f5da8;border:0;cursor:pointer;width:100%;text-align:left;font-family:inherit}.os-row{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text)}.os-row:last-child{border-bottom:0}.os-row-main{min-width:0}.os-person{padding:10px 0;border-bottom:1px dashed var(--border);margin-bottom:8px}.os-appr{display:grid;gap:8px}.os-appr-step{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:14px}.os-appr-step.cur{border-color:#e0b93c;background:#fdf7e3}.os-appr-step.done{border-color:#69b585;background:#effaf3}.os-log{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:6px 8px;border:1px dashed var(--border);border-radius:8px;margin-top:6px;font-size:13px}.os-log input[type=date]{width:140px}.os-log input[type=time]{width:96px}.os-log-ot{font-size:12px;flex:1;text-align:right;min-width:180px}.tl-toolbar{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:12px}.tl-outer{display:flex;border:1px solid var(--border);border-radius:10px;overflow:hidden}.tl-names-col{flex:0 0 180px;border-right:1px solid var(--border);background:#fafaf9}.tl-corner{height:44px;border-bottom:1px solid var(--border)}.tl-name-row{display:flex;align-items:center;gap:8px;padding:0 10px;font-size:13px;font-weight:600;border-bottom:1px solid var(--border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-name-row .m{width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:0 0 22px}.tl-scroll{flex:1;overflow-x:auto}.tl-inner{position:relative}.tl-header-row{display:flex;height:44px;border-bottom:1px solid var(--border)}.tl-day-head{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--border);font-size:11.5px;color:var(--muted);flex:0 0 auto}.tl-day-head .tl-num{font-weight:700;font-size:13px;color:var(--text)}.tl-day-head.today{background:#fdeceb;color:var(--primary)}.tl-day-head.today .tl-num{color:var(--primary)}.tl-row{position:relative;border-bottom:1px solid var(--border)}.tl-cell{position:absolute;top:0;bottom:0;border-right:1px solid var(--border)}.tl-cell.today{background:#fdeceb}.tl-bar{position:absolute;display:block;height:22px;line-height:22px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:none;border:0;cursor:pointer;font-family:inherit;box-shadow:var(--shadow)}.tl-bar.tl-note{background:#e3ecfa;color:#2f5da8}@media (max-width: 780px){.tl-names-col{flex-basis:120px}}.note-modal{max-width:640px;text-align:left}.note-modal-edit{max-width:680px;max-height:88vh;overflow-y:auto}.note-modal .info-grid{grid-template-columns:112px 1fr;gap:9px 12px}.note-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.note-badge{background:#e3ecfa;color:#2f5da8;font-size:11.5px;font-weight:700}.note-modal-title{font-size:19px;font-weight:700;margin:10px 0 0;line-height:1.35}.note-modal-people{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.nm-label{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:8px}.nm-avatars{display:flex;flex-wrap:wrap;gap:8px}.nm-avatar{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;background:#f4f4f2;border:1px solid var(--border);border-radius:999px;padding:4px 12px 4px 4px}.nm-avatar .m{width:20px;height:20px;border-radius:50%;background:var(--primary);color:#fff;font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:0 0 20px}.mm-doc{font-size:13.5px;color:#1c1c1e;line-height:1.6}.mm-head{text-align:center;border-bottom:2px solid #1c1c1e;padding-bottom:14px;margin-bottom:18px}.mm-co{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.mm-title{font-size:22px;font-weight:700;margin-top:4px}.mm-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;margin-bottom:20px}.mm-meta>div:first-child{grid-column:1 / -1}.mm-lbl{color:var(--muted);font-weight:600;margin-right:6px}.mm-val{font-weight:600}.mm-section{margin-bottom:18px}.mm-h{font-size:13px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border);padding-bottom:6px;margin-bottom:8px}.mm-p{margin:0 0 6px;white-space:pre-wrap}.mm-empty{color:var(--muted);font-style:italic}.mm-people{color:#1c1c1e}.mm-sign{margin-top:60px;width:240px;text-align:center;font-size:12.5px}.mm-sign-line{border-bottom:1px solid #1c1c1e;height:44px}.dash-filters .field{margin-bottom:0}.po-add-form{display:grid;grid-template-columns:1fr 1fr 1.2fr .9fr auto;gap:8px;align-items:end}@media (max-width:640px){.po-add-form{grid-template-columns:1fr 1fr}.po-add-form>button{grid-column:1 / -1;width:100%}}.field-readonly{padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:10px;font-size:14px;font-weight:700;color:var(--text)}.admin-select{padding:8px 10px;border-radius:8px;border:1.5px solid var(--border);font-family:inherit;font-size:13px;background:#fff;color:var(--text);flex:1 1 140px;max-width:220px}.ac-mini{padding:9px 10px;font-family:inherit;font-size:14px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);min-width:0;width:100%}.ac-mini:focus{outline:none;border-color:#c9c9c6;box-shadow:0 0 0 3px #1414160d}.icon-btn{padding:8px}.icon-btn.trash{color:var(--danger)}.pd-sigs.multi{gap:14px 18px;flex-wrap:wrap;justify-content:flex-start;padding-left:0}.pd-sigs.multi .pd-sig{width:168px}.qd-sigs.multi{flex-wrap:wrap;gap:14px 18px;justify-content:flex-start}.qd-sigs.multi .pd-sig{width:168px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.tool-card{display:flex;flex-direction:column;gap:6px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;text-decoration:none;color:var(--text);box-shadow:var(--shadow);transition:box-shadow .15s,border-color .15s}.tool-card:hover{border-color:var(--line2);box-shadow:0 6px 18px #14141614}.tool-ic{width:38px;height:38px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.tool-nm{font-size:14.5px;font-weight:800;letter-spacing:-.1px}.tool-ds{font-size:12.5px;color:var(--muted);line-height:1.45}.dropzone{border:2px dashed var(--line2);border-radius:14px;background:var(--card);padding:28px 16px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text);transition:border-color .15s,background .15s}.dropzone>svg{color:var(--primary)}.dropzone.over{border-color:var(--primary);background:var(--primary-soft)}.dropzone.busy{pointer-events:none;opacity:.6}.file-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);font-size:13.5px}.file-row:last-child{border-bottom:0}.file-row>svg{color:var(--muted)}.file-row .fn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.icon-btn{width:28px;height:28px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;line-height:1;padding:0}.icon-btn:hover:not(:disabled){background:var(--bg)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.thumb{border:2px solid var(--border);border-radius:10px;padding:6px;background:#fff;cursor:pointer;text-align:center;transition:border-color .12s}.thumb.sel{border-color:var(--primary);background:var(--primary-soft)}.thumb-img{height:140px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg);border-radius:6px}.thumb-img img{max-width:100%;max-height:100%;box-shadow:0 1px 3px #00000026;transition:transform .2s}.thumb-lb{font-size:12px;font-weight:700;margin-top:6px;display:flex;align-items:center;justify-content:center;gap:6px}.seg{display:inline-flex;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff}.seg button{border:0;background:transparent;padding:8px 14px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;font-family:inherit}.seg button+button{border-left:1px solid var(--border)}.seg button.active{background:var(--text);color:#fff}.radio{display:flex;align-items:center;gap:8px;font-size:14px;padding:6px 0;cursor:pointer}.radio input{accent-color:var(--primary)}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0 12px}.kv-list>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border);font-size:13.5px}.kv-list>div:last-child{border-bottom:0}.kv-list .k{color:var(--muted)}.kv-list .v{font-weight:700}.tool-msg{padding:12px 15px;border-radius:12px;font-size:13.5px;font-weight:600;background:var(--card);border:1px solid var(--border)}.tool-msg.ok{background:#ecfdf3;border-color:#a7e3bd;color:#166534}.tool-msg.err{background:var(--danger-soft);border-color:#fca5a5;color:#991b1b}.result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.part-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.part-tabs button{border:1px solid var(--border);background:#fff;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer;font-family:inherit}.part-tabs button.active{background:var(--text);color:#fff;border-color:var(--text)}.pv{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#e9e9e7}.pv-bar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fff;border-bottom:1px solid var(--border);font-size:13px;flex-wrap:wrap}.pv-pg{display:inline-flex;align-items:center;gap:5px;font-weight:600}.pv-pg input{width:52px;padding:4px 6px;border:1px solid var(--border);border-radius:7px;font-size:13px;text-align:center;font-family:inherit}.pv-zoom{min-width:44px;text-align:center;font-weight:700}.pv-box{height:70vh;min-height:420px;overflow:auto;padding:14px;display:flex;flex-direction:column;align-items:center;gap:14px}.pv-page{position:relative;max-width:100%;background:#fff;box-shadow:0 2px 10px #0000002e;flex-shrink:0}.pv-page img{display:block;width:100%;height:auto}.pv-num{position:absolute;right:8px;bottom:8px;background:#1c1c1eb3;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}.container-wide{max-width:1280px}.dropzone-lg{padding:64px 20px;min-height:360px;justify-content:center}.ws{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.ws-stage{background:#eeeeec;border:1px solid var(--border);border-radius:14px;padding:14px;min-height:520px}.ws-panel{position:sticky;top:16px;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:16px;display:flex;flex-direction:column;gap:12px}.ws-panel-title{font-size:18px;font-weight:800;letter-spacing:-.2px;text-align:center;padding-bottom:10px;border-bottom:1px solid var(--border)}.ws-panel-body .field{margin-bottom:10px}.ws-panel-body .lbl{display:block;font-size:12.5px;font-weight:700;color:#3f3f43;margin-bottom:6px}.ws-hint{display:flex;gap:8px;align-items:flex-start;background:#eaf3fd;color:#1e3a5f;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.45}.ws-hint>svg{flex-shrink:0;margin-top:1px;color:#2b6cb0}.ws-action{width:100%;padding:15px 18px;font-size:16px;border-radius:12px;justify-content:center;box-shadow:0 6px 16px #c8102e40}.ws-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;font-size:13px}.ws-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:300px;color:var(--muted);font-size:13.5px}.ws-loading>svg{animation:pdfspin 1s linear infinite}@keyframes pdfspin{to{transform:rotate(360deg)}}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.pg{position:relative;background:#fff;border:2px solid transparent;border-radius:12px;padding:10px;text-align:center;box-shadow:var(--shadow);transition:border-color .12s,box-shadow .12s,transform .12s;-webkit-user-select:none;user-select:none}.pg.selectable{cursor:pointer}.pg.draggable{cursor:grab}.pg.selectable:hover,.pg.draggable:hover{box-shadow:0 6px 18px #1414161a}.pg.sel{border-color:var(--primary);background:var(--primary-soft)}.pg.dragging{opacity:.35;transform:scale(.96)}.pg.drag-over{border-color:var(--primary);border-style:dashed;transform:translate(4px)}.page-grid.is-dragging .pg-img img{pointer-events:none}.pg-img{height:190px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f6f6f5;border-radius:6px}.pg-img img{max-width:100%;max-height:100%;box-shadow:0 1px 4px #0000002e;transition:transform .2s}.pg-lb{font-size:12.5px;font-weight:700;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}.pg-lb .fn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.pg-order{background:var(--text);color:#fff;border-radius:999px;font-size:11px;padding:1px 8px;flex-shrink:0}.pg-sub{font-size:11.5px;color:var(--muted);margin-top:3px}.pg-check{position:absolute;top:8px;left:8px;width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid var(--line2);color:transparent;display:flex;align-items:center;justify-content:center;z-index:2}.pg.sel .pg-check{background:#1f9d55;border-color:#1f9d55;color:#fff}.pg-rot,.pg-x{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid var(--border);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;box-shadow:var(--shadow);opacity:0;transition:opacity .12s}.pg:hover .pg-rot,.pg:hover .pg-x,.pg-rot:focus-visible{opacity:1}.pg-rot:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.pg-x:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.pg-add{border:2px dashed var(--line2);background:transparent;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);cursor:pointer;min-height:240px;font-family:inherit;font-size:13px;font-weight:600}.pg-add:hover{border-color:var(--primary);color:var(--primary)}.seg-block{display:flex;width:100%}.seg-block button{flex:1;padding:9px 6px}.opt-list{display:flex;flex-direction:column;gap:6px}.opt{text-align:left;border:1px solid var(--border);background:#fff;border-radius:10px;padding:9px 12px;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;gap:2px;color:var(--text)}.opt span{font-size:12px;color:var(--muted)}.opt.active{border-color:var(--primary);background:var(--primary-soft)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.pos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pos-grid button{border:1px solid var(--border);background:#fff;border-radius:8px;padding:9px 0;font-size:16px;cursor:pointer;color:var(--muted)}.pos-grid button.active{background:var(--text);color:#fff;border-color:var(--text)}.wm-sample{margin-top:6px;height:70px;border:1px dashed var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;font-weight:700;background:#fff}.wm-preview-wrap{position:relative}.wm-note{text-align:center;margin-top:10px;font-size:12px}.result-embed .pv-box{height:calc(100vh - 220px);min-height:480px}.result-embed .part-tabs{margin-bottom:10px}.tool-msg.ok{display:flex;align-items:center;gap:6px}@media (max-width: 900px){.ws{grid-template-columns:1fr}.ws-panel{position:static}.ws-stage{min-height:0;padding:10px}.page-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.pg-img{height:150px}.pg-rot,.pg-x{opacity:1}.container-wide{max-width:860px}}.checker{background-color:#fff;background-image:linear-gradient(45deg,#e4e4e2 25%,transparent 25%),linear-gradient(-45deg,#e4e4e2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e4e4e2 75%),linear-gradient(-45deg,transparent 75%,#e4e4e2 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.pg-img.checker img{box-shadow:none}.pv-page.checker{padding:0}.crop-wrap{display:flex;justify-content:center;align-items:flex-start;min-height:300px}.crop-stage{position:relative;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:0 2px 10px #0000002e}.crop-stage img{display:block;pointer-events:none}.crop-shade{position:absolute;background:#1414168c;pointer-events:none}.crop-box{position:absolute;border:2px solid #fff;box-shadow:0 0 0 1px #0006;cursor:move;box-sizing:border-box}.crop-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);background-size:33.34% 33.34%;pointer-events:none}.crop-h{position:absolute;width:14px;height:14px;background:#fff;border:2px solid var(--primary);border-radius:50%;box-sizing:border-box;z-index:2}.crop-h.nw{left:-7px;top:-7px;cursor:nwse-resize}.crop-h.se{right:-7px;bottom:-7px;cursor:nwse-resize}.crop-h.ne{right:-7px;top:-7px;cursor:nesw-resize}.crop-h.sw{left:-7px;bottom:-7px;cursor:nesw-resize}.crop-h.n{left:calc(50% - 7px);top:-7px;cursor:ns-resize}.crop-h.s{left:calc(50% - 7px);bottom:-7px;cursor:ns-resize}.crop-h.e{right:-7px;top:calc(50% - 7px);cursor:ew-resize}.crop-h.w{left:-7px;top:calc(50% - 7px);cursor:ew-resize}.crop-dim{position:absolute;left:50%;bottom:-28px;transform:translate(-50%);background:#1c1c1ed9;color:#fff;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}input[type=range]{width:100%;accent-color:var(--primary)}.vendor-av{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;border:1.5px solid var(--border);overflow:visible;flex-shrink:0;box-shadow:var(--shadow)}.vendor-av img{width:100%;height:100%;border-radius:50%;object-fit:contain;background:#fff;padding:2px;box-sizing:border-box}.vendor-av .vendor-av-txt{width:100%;height:100%;border-radius:50%;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1}.vendor-av.intl{border-color:#2b6cb0}.vendor-av-flag{position:absolute;right:-4px;bottom:-4px;min-width:14px;height:14px;padding:0 3px;border-radius:999px;background:#fff;border:1px solid var(--border);font-size:8px;font-weight:800;color:var(--muted);display:flex;align-items:center;justify-content:center;line-height:1}.vendor-av.intl .vendor-av-flag{background:#2b6cb0;color:#fff;border-color:#2b6cb0}.vendor-stack{display:inline-flex;align-items:center}.vendor-stack .vendor-av{margin-left:-8px;border:2px solid #fff}.vendor-stack .vendor-av:first-child{margin-left:0}.vendor-more{width:26px;height:26px;font-size:10.5px;font-weight:800;color:var(--muted);background:var(--bg)}.doc-vendors{display:inline-flex;align-items:center;gap:7px;justify-content:flex-end;min-width:0}.doc-vendor-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.vendor-type-chip{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap;flex-shrink:0}.vendor-type-chip.domestic{background:#eef2f6;color:#3f4a5a}.vendor-type-chip.international{background:#e3eefc;color:#1d4f91}.vendor-filter{display:inline-flex;border:1px solid var(--border);border-radius:999px;background:#fff;padding:2px}.vendor-filter button{border:0;background:transparent;border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:4px}.vendor-filter button.active{background:var(--text);color:#fff}.vp{position:relative}.vp-input{display:flex;align-items:center;gap:8px;border:1.5px solid var(--border);border-radius:10px;background:#fff;padding:0 8px 0 10px;min-height:40px}.vp-input:focus-within{border-color:#c9c9c6;box-shadow:0 0 0 3px #1414160d}.vp-input>svg{color:var(--muted);flex-shrink:0}.vp-input input{flex:1;min-width:0;border:0!important;outline:none;background:transparent;padding:8px 0!important;font-family:inherit;font-size:14px;box-shadow:none!important}.vp-clear{width:24px;height:24px;border:0;background:var(--bg);border-radius:50%;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.vp-clear:hover{background:var(--danger-soft);color:var(--danger)}.vp-menu{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;max-height:320px;overflow:auto}.vp-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;background:transparent;border-radius:9px;cursor:pointer;text-align:left;font-family:inherit;font-size:13.5px;color:var(--text)}.vp-item.hi{background:var(--bg)}.vp-item.cur .vp-name{font-weight:700}.vp-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vp-create{border-top:1px solid var(--border);border-radius:0 0 9px 9px;margin-top:4px;padding-top:10px;color:var(--primary)}.vp-plus{width:26px;height:26px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.vp-empty{padding:10px 12px;font-size:13px}.vendor-form{width:min(520px,94vw)}.vendor-form-grid{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:start;margin-bottom:8px}.vendor-logo-pick{position:relative;width:96px;height:96px;border-radius:50%;border:2px dashed var(--line2);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.vendor-logo-pick:hover{border-color:var(--primary)}.vendor-logo-pick img{width:100%;height:100%;object-fit:contain;padding:6px;box-sizing:border-box}.vendor-logo-pick .vendor-av-txt{width:100%;height:100%;border-radius:50%;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}.vendor-logo-edit{position:absolute;right:4px;bottom:4px;width:26px;height:26px;border-radius:50%;background:var(--text);color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.vendor-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.vendor-row .seg button{padding:6px 10px;font-size:12px}@media (max-width:640px){.vendor-form-grid{grid-template-columns:1fr;justify-items:center}.doc-vendor-name{max-width:100px}}.team-select{max-width:220px;overflow:hidden;text-overflow:ellipsis}.fs{position:relative;flex:0 0 auto}.fs-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-family:inherit;font-weight:600;cursor:pointer;max-width:100%;box-shadow:var(--shadow);transition:border-color .12s,box-shadow .12s}.fs-btn.fs-sm{height:34px;padding:0 9px 0 10px;font-size:13px}.fs-btn.fs-md{height:40px;padding:0 10px 0 12px;font-size:14px;width:100%}.fs-btn:hover{border-color:var(--line2)}.fs.active .fs-btn{border-color:var(--text);background:var(--text);color:#fff}.fs.active .fs-btn .muted{color:#ffffffb3}.fs-btn>svg:last-child{color:currentColor;opacity:.6;flex-shrink:0}.fs-lb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.fs-ic{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.fs-menu{position:absolute;z-index:60;top:calc(100% + 6px);left:0;min-width:240px;max-width:min(360px,92vw);background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);overflow:hidden;animation:fsIn .12s ease-out}.fs-menu.right{left:auto;right:0}@keyframes fsIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.fs-search{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border);background:var(--bg)}.fs-search>svg{color:var(--muted);flex-shrink:0}.fs-search input{flex:1;min-width:0;border:0!important;background:transparent;outline:none;font-family:inherit;font-size:13.5px;padding:4px 0!important;box-shadow:none!important}.fs-list{max-height:300px;overflow:auto;padding:6px}.fs-group{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;padding:8px 10px 4px}.fs-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;background:transparent;border-radius:9px;cursor:pointer;text-align:left;font-family:inherit;font-size:13.5px;color:var(--text)}.fs-item.hi{background:var(--bg)}.fs-item.sel .fs-name{font-weight:700}.fs-item>svg:last-child{color:var(--primary);flex-shrink:0}.fs-item.all{border-bottom:1px solid var(--border);border-radius:9px 9px 0 0;margin-bottom:4px}.fs-all-ic{width:22px;height:22px;border-radius:50%;background:var(--bg);color:var(--muted)}.fs-txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.fs-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-sub{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-empty{padding:14px 12px;font-size:13px;text-align:center}.fs-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0}.fs-avatar-txt{display:inline-flex;align-items:center;justify-content:center;background:#ececeb;color:#3f3f43;font-weight:800}.fs.active .fs-avatar-txt{background:#fff3;color:#fff}.dash-filters .fs{width:100%}@media (max-width:640px){.fs-menu{position:fixed;left:12px!important;right:12px!important;top:auto;bottom:calc(env(safe-area-inset-bottom) + 76px);max-width:none}.fs-list{max-height:45vh}}.chip-cancelled{opacity:.75;background:var(--bg)}.chip-cancelled>svg{color:var(--danger)}.strike{text-decoration:line-through;color:var(--muted)}.cancel-badge{display:inline-block;margin-left:8px;font-size:11px;font-weight:700;color:var(--danger);background:var(--danger-soft);border-radius:999px;padding:2px 9px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.admin-override-banner{display:flex;gap:10px;align-items:flex-start;background:#fff7e6;border:1px solid #f0d9a8;color:#7a5a10;border-radius:12px;padding:12px 15px;font-size:13.5px;line-height:1.5;margin-bottom:14px}.admin-override-banner>svg{flex-shrink:0;margin-top:2px}:root{--ink:#241c19;--ink-soft:#5b514c;--text:#241c19;--muted:#93857e;--border:rgba(122,82,66,.13);--line2:rgba(122,82,66,.2);--hair:rgba(122,82,66,.1);--card:rgba(255,255,255,.74);--card-solid:#fff;--bg:#faf3ee;--primary:#c1122c;--primary-dark:#9d0e23;--primary-soft:#fbe9ea;--r-xl:26px;--r-lg:20px;--r-md:14px;--r-sm:10px;--radius:20px;--mirror:inset 0 1px 0 rgba(255,255,255,.92);--shadow:0 1px 2px rgba(94,58,44,.05), inset 0 1px 0 rgba(255,255,255,.85);--shadow-lg:0 2px 4px rgba(94,58,44,.05), 0 22px 44px -24px rgba(94,58,44,.42), inset 0 1px 0 rgba(255,255,255,.9);--shadow-pop:0 10px 22px -10px rgba(94,58,44,.3), 0 30px 60px -36px rgba(94,58,44,.45), inset 0 1px 0 rgba(255,255,255,.92)}html{background:#f9f1ec}body{color:var(--ink);background:radial-gradient(1100px 620px at 88% -12%,#f6dcd4,#f6dcd400 62%),radial-gradient(880px 560px at -8% 108%,#f9ecd9,#f9ecd900 58%),linear-gradient(158deg,#fdf7f4,#faf2ec 42%,#f7eee2);background-attachment:fixed;background-color:#faf3ee}@media (min-width:900px){.shell{gap:0}.sidebar{width:242px;margin:14px 0 14px 14px;height:calc(100dvh - 28px);top:14px;border:1px solid rgba(255,255,255,.7);border-right:1px solid rgba(255,255,255,.7);border-radius:var(--r-xl);background:linear-gradient(180deg,#ffffffdb,#ffffff9e);-webkit-backdrop-filter:blur(18px) saturate(1.25);backdrop-filter:blur(18px) saturate(1.25);box-shadow:var(--shadow-lg);overflow:hidden}.container{padding:26px 30px 46px;max-width:1180px}.container.wide{max-width:1520px}}.sb-brand{padding:18px 18px 14px;border-bottom:1px solid var(--hair)}.sb-logo{border-radius:12px;box-shadow:0 6px 14px -6px #c1122c8c}.sb-nav{padding:10px 12px}.sb-nav .nav-group{color:#b6a79f;padding:14px 12px 6px}.sb-nav a{border-radius:12px;padding:9px 12px;color:var(--ink-soft);transition:background .16s ease,color .16s ease,box-shadow .16s ease}.sb-nav a svg{color:#b0a29b;transition:color .16s ease}.sb-nav a:hover{background:#ffffffc7;color:var(--ink)}.sb-nav a.active{background:linear-gradient(180deg,#fff,#ffffffdb);border:1px solid rgba(255,255,255,.9);color:var(--ink);font-weight:700;box-shadow:0 1px 2px #5e3a2c0f,0 10px 20px -14px #5e3a2c80,var(--mirror)}.sb-nav a.active svg{color:var(--primary)}.sb-user{border-top:1px solid var(--hair);background:#fff6}.sb-user .avatar{background:#f0e5e0;color:#6b5a53}.sb-dept{border-top:1px solid var(--hair)}.page-head{align-items:flex-start;margin-bottom:20px}.page-head h2{font-size:26px;font-weight:800;letter-spacing:-.5px;line-height:1.25}@media (max-width:899.98px){.page-head h2{font-size:21px}}.page-sub{font-size:13px;color:var(--muted);margin-top:3px;font-weight:500}.hero-title{flex:1;min-width:0}.hero-metric{display:flex;flex-direction:column;gap:1px;padding-left:14px;border-left:3px solid var(--primary);margin-right:2px}.hero-metric b{font-size:15px;font-weight:800;letter-spacing:-.2px}.hero-metric span{font-size:12px;color:var(--muted)}.btn{border-radius:999px;padding:10px 18px;letter-spacing:-.1px;transition:transform .12s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg,#cf1832,#ab0f26);box-shadow:0 1px 1px #0000000f,0 12px 22px -14px #ab0f26f2,inset 0 1px #ffffff47}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#d92038,#980d21)}.btn-outline{background:linear-gradient(180deg,#fffffff2,#ffffffc7);border-color:#ffffffe6;color:var(--ink);box-shadow:0 1px 2px #5e3a2c0f,0 8px 18px -14px #5e3a2c99,var(--mirror)}.btn-outline:hover:not(:disabled){background:#fff;border-color:#fff;box-shadow:var(--shadow-lg)}.btn-danger{background:#ffffffe6;border-color:#ffffffe6;box-shadow:var(--shadow)}.btn-sm{padding:8px 15px;font-size:13px}.fab{border-radius:20px;background:linear-gradient(180deg,#cf1832,#ab0f26);box-shadow:0 10px 24px -8px #ab0f26b3,inset 0 1px #ffffff4d}.card,.doc,.stat-card,.tool-card,.ws-panel,.tool-msg,.vis-banner,.cal-card{background:linear-gradient(180deg,#ffffffe0,#ffffffa8);border:1px solid rgba(255,255,255,.78);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:var(--shadow-lg)}.card{padding:20px;margin-bottom:16px}.stat-card{border-top:0;padding:16px 18px}.doc{padding:17px 18px;transition:transform .16s ease,box-shadow .18s ease}.doc:hover{transform:translateY(-2px);box-shadow:var(--shadow-pop);border-color:#fff}.doc-no{font-size:15.5px;font-weight:800}.doc-open{width:34px;height:34px;border-radius:12px;border:1px solid rgba(255,255,255,.9);background:linear-gradient(180deg,#fff,#fffc);color:var(--ink-soft);box-shadow:var(--shadow)}.doc:hover .doc-open{color:var(--primary)}.doc-div{background:var(--hair)}.item-card{border-radius:var(--r-md);border-color:var(--border);background:#ffffff8c}.field label{font-size:12.5px;color:var(--ink-soft)}.field input,.field select,.field textarea,.modal-input,.ac-mini,.admin-select,.wht-select,.alloc-row select{border-radius:12px;border-color:#7a524229;background:#ffffffeb;box-shadow:inset 0 1px 2px #5e3a2c0a}.field input:focus,.field select:focus,.field textarea:focus,.modal-input:focus,.ac-mini:focus{border-color:#c1122c73;box-shadow:0 0 0 3px #c1122c1a}.field-readonly{border-radius:12px;background:#fff9;border-color:var(--border)}.list-toolbar{background:linear-gradient(180deg,#ffffffdb,#ffffffa3);border:1px solid rgba(255,255,255,.78);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:var(--shadow-lg);padding:10px 12px;gap:8px;margin-bottom:16px}.filter-bar{gap:2px;padding-bottom:0}.filter-bar button{padding:8px 14px;border-radius:999px;font-size:13px;color:var(--muted);display:inline-flex;align-items:center;gap:7px;transition:background .15s,color .15s,box-shadow .15s}.filter-bar button:hover{color:var(--ink);background:#fff9}.filter-bar button.active{background:linear-gradient(180deg,#fff,#ffffffe0);border-color:#ffffffe6;color:var(--ink);box-shadow:0 1px 2px #5e3a2c12,0 10px 20px -14px #5e3a2c99,var(--mirror)}.filter-bar .cnt{font-size:11px;font-weight:800;min-width:19px;height:19px;padding:0 6px;border-radius:999px;background:#7a52421a;color:var(--muted);display:inline-flex;align-items:center;justify-content:center}.filter-bar button.active .cnt{background:var(--primary);color:#fff}.view-toggle{background:#7a524212;border-color:transparent;border-radius:999px;padding:3px}.view-toggle button{border-radius:999px}.view-toggle button.on{background:#fff;box-shadow:var(--shadow)}.vendor-filter{background:#ffffffb3;border-color:#ffffffd9;box-shadow:var(--shadow)}.vendor-filter button.active{background:var(--ink)}.fs-btn{border-radius:999px;border-color:#ffffffe6;background:linear-gradient(180deg,#fff,#ffffffd1);box-shadow:var(--shadow)}.fs-btn:hover{border-color:#fff;box-shadow:var(--shadow-lg)}.fs.active .fs-btn{background:var(--ink);border-color:var(--ink)}.fs-menu{border-radius:18px;border-color:#ffffffe6;box-shadow:var(--shadow-pop)}.fs-search{background:#7a52420d;border-bottom-color:var(--hair)}.fs-item.hi{background:#7a52420f}.tb-search{display:flex;align-items:center;gap:8px;flex:1 1 190px;min-width:150px;max-width:280px;height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.9);background:linear-gradient(180deg,#fff,#ffffffd1);box-shadow:var(--shadow)}.tb-search:focus-within{border-color:#c1122c59;box-shadow:0 0 0 3px #c1122c17,var(--mirror)}.tb-search>svg{color:var(--muted);flex-shrink:0}.tb-search input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-family:inherit;font-size:13.5px;color:var(--ink)}.tb-search input::placeholder{color:var(--muted)}.tb-sep{flex-basis:100%;height:1px;background:var(--hair);margin:2px 0}.tb-more{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:4px 2px;width:100%}.tb-field{display:flex;flex-direction:column;gap:6px}.tb-field>label{font-size:12px;font-weight:600;color:var(--muted);padding-left:4px}.badge{padding:5px 12px;font-size:11.5px;font-weight:700}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:7px;flex-shrink:0;opacity:.85}.badge-date{background:#7a524212;color:var(--muted)}.mlist{background:linear-gradient(180deg,#ffffffe0,#ffffff9e);border:1px solid rgba(255,255,255,.78);border-radius:var(--r-xl);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:var(--shadow-lg);overflow:hidden}.mlist-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 14px;border-bottom:1px solid var(--hair)}.mlist-head b{font-size:15px;font-weight:800;letter-spacing:-.2px}.mlist-head .cnt-txt{font-size:12.5px;color:var(--muted)}.mrow{display:grid;gap:6px 16px;align-items:center;padding:16px 20px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--hair);transition:background .16s ease}.mrow:last-child{border-bottom:0}.mrow:hover{background:#ffffff9e}.mrow .m-no{font-size:14.5px;font-weight:800;letter-spacing:-.2px}.mrow .m-date{font-size:12.5px;color:var(--muted);margin-top:2px}.mrow .m-title{font-size:15px;font-weight:700;letter-spacing:-.1px;line-height:1.35}.mrow .m-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px;font-size:13px;color:var(--ink-soft)}.mrow .m-meta .dot{width:3px;height:3px;border-radius:50%;background:#c9bdb7;flex-shrink:0}.mrow .m-prog{font-size:12.5px;color:var(--muted);margin-top:7px}.mrow .m-amt{font-size:15.5px;font-weight:800;letter-spacing:-.3px;white-space:nowrap}.mrow .m-go{width:38px;height:38px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.9);color:var(--ink-soft);background:linear-gradient(180deg,#fff,#ffffffc7);box-shadow:var(--shadow);transition:color .16s,box-shadow .16s}.mrow:hover .m-go{color:var(--primary);box-shadow:var(--shadow-lg)}.m-who{display:inline-flex;align-items:center;gap:7px;font-weight:600}.m-who .m{width:24px;height:24px;border-radius:50%;flex-shrink:0;object-fit:cover;background:#f1e6e1;color:#6b5a53;font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center}@media (min-width:900px){.mrow{grid-template-columns:132px minmax(0,1fr) 210px 150px 38px}.mrow .m-amt{text-align:right}}@media (max-width:899.98px){.mrow{grid-template-columns:minmax(0,1fr) auto;padding:15px 16px}.mrow .m-id{grid-column:1}.mrow .m-go{grid-column:2;grid-row:1 / span 2;align-self:start}.mrow .m-body{grid-column:1 / -1}.mrow .m-status{grid-column:1}.mrow .m-amt{grid-column:2;text-align:right;align-self:center}.mlist-head{padding:14px 16px 12px}}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:16px}.stat-tile{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.78);background:linear-gradient(180deg,#ffffffe0,#ffffff9e);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:var(--shadow-lg)}.stat-tile .n{display:inline-flex;align-items:baseline;gap:3px;padding:9px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.9);background:linear-gradient(180deg,#fff,#ffffffd9);box-shadow:0 1px 2px #5e3a2c12,0 10px 20px -16px #5e3a2cb3,var(--mirror);font-size:19px;font-weight:800;letter-spacing:-.4px;white-space:nowrap}.stat-tile .n u{font-size:12.5px;font-weight:700;text-decoration:none;color:var(--muted)}.stat-tile .l{font-size:13px;color:var(--muted);font-weight:600}@media (max-width:520px){.stat-row{grid-template-columns:1fr}.stat-tile{padding:12px 14px;gap:11px}.stat-tile .n{font-size:17px;padding:7px 14px}}.table-card{padding:0;border-radius:var(--r-xl)}.pr-thead{background:#7a52420a;border-bottom-color:var(--hair)}.pr-row{border-bottom-color:var(--hair)}.table-card .pr-row:nth-child(2n){background:#ffffff57}.table-card .pr-row:hover,.pr-row:hover{background:#ffffffb3}.pr-row .c-no{font-weight:800}.file-chip{background:#ffffff9e;border-color:var(--border);border-radius:12px}.doc-refs .ref{background:#ffffffb8;border-color:var(--border);border-radius:999px;padding:3px 11px 3px 4px}.info-grid .k{color:var(--muted)}.timeline li{border-left-color:var(--hair)}.step .dot{border-color:var(--line2);background:#fff}.mf-dot{border-color:var(--line2)}.mf-step:not(:first-child):before{background:var(--line2)}.tool-ic{border-radius:14px}.tool-card{border-radius:var(--r-lg)}.tool-card:hover{border-color:#fff;box-shadow:var(--shadow-pop)}.dropzone{border-radius:var(--r-lg);border-color:var(--line2);background:#ffffff8c}.seg,.part-tabs button,.opt{border-color:var(--border)}.seg{border-radius:999px}.seg button.active,.part-tabs button.active,.pos-grid button.active{background:var(--ink);border-color:var(--ink)}.modal-box,.sig-modal,.note-modal{border-radius:24px;box-shadow:var(--shadow-pop);background:#fff}.modal-overlay,.sig-overlay{background:#34221c6b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.empty{padding:56px 20px;border-radius:var(--r-xl);border:1px dashed var(--line2);background:#ffffff6b}.vis-banner{border-radius:var(--r-md)}.cal-cell{border-color:var(--hair);background:#fff9;border-radius:10px}.cal-cell.wk{background:#7a52420b}.tl-outer{border-color:var(--border);border-radius:var(--r-md);background:#ffffff80}.tl-names-col{background:#ffffff8c;border-right-color:var(--hair)}.tl-name-row,.tl-header-row,.tl-row,.tl-cell,.tl-day-head,.tl-corner{border-color:var(--hair)}.admin-override-banner{border-radius:var(--r-md)}.app-header{background:#ffffffc7;-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border-bottom-color:var(--hair)}.bottom-nav{background:#ffffffe6;-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border-top-color:var(--hair)}.app-header .user-chip{background:#7a524212!important;border-color:transparent}.login-wrap{background:transparent}.login-box .card{padding:24px}@media print{html,body{background:#fff!important}.card,.doc,.stat-card,.stat-tile,.mlist,.mrow,.table-card,.list-toolbar,.tool-card,.empty{background:#fff!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-color:#e2e2e0!important}.sidebar{display:none!important}}.badge-dot{display:inline-block}.m-status{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0}.m-status .doc-refs{margin-top:8px}.m-meta .doc-vendors{justify-content:flex-start}.m-meta .doc-vendor-name{max-width:180px}.m-meta .vendor-stack .vendor-av{border-width:2px}@media (max-width:899.98px){.m-status{margin-top:10px}.m-meta .doc-vendor-name{max-width:120px}}.list-toolbar .filter-bar{flex:1 1 220px;min-width:0;overflow-x:auto;scrollbar-width:none}.list-toolbar .filter-bar::-webkit-scrollbar{display:none}.list-toolbar .filter-bar button{flex-shrink:0}@media (max-width:640px){.stat-row{grid-template-columns:1fr 1fr;gap:10px}.stat-tile{flex-direction:column;align-items:flex-start;gap:8px;padding:13px 14px}.stat-tile:last-child:nth-child(odd){grid-column:1 / -1;flex-direction:row;align-items:center}.stat-tile .n{font-size:17px;padding:7px 15px}.stat-tile .l{font-size:12.5px}}.card,.doc,.stat-card,.tool-card,.ws-panel,.tool-msg,.vis-banner,.cal-card,.list-toolbar,.mlist,.stat-tile{background:linear-gradient(180deg,#ffffffb3,#ffffff70);border-color:#ffffff9e;-webkit-backdrop-filter:blur(22px) saturate(1.35);backdrop-filter:blur(22px) saturate(1.35)}.mlist-head,.mrow{border-bottom-color:#7a524217}.empty{background:#ffffff4d}.item-card{background:#ffffff6b}.file-chip{background:#ffffff75}.field input,.field select,.field textarea,.modal-input,.ac-mini,.admin-select{background:#fffc}.btn-outline,.fs-btn,.tb-search,.doc-open,.m-go,.stat-tile .n{background:linear-gradient(180deg,#ffffffeb,#ffffffb3);border-color:#ffffffbf}.mrow{position:relative;transition:background .18s ease}.mrow:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 4px 4px 0;background:var(--primary);opacity:0;transform:scaleY(.35);transform-origin:center;transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1)}.mrow:hover{background:#fffc}.mrow:hover:before{opacity:1;transform:none}.mrow:hover .m-title{color:var(--primary)}.mrow .m-title,.mrow .m-no{transition:color .16s ease}.mrow:hover .m-no{color:var(--primary)}.mrow .m-go{transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.mrow:hover .m-go{background:linear-gradient(180deg,#cf1832,#ab0f26);color:#fff;border-color:transparent;transform:translate(2px);box-shadow:0 8px 18px -8px #ab0f26bf,inset 0 1px #ffffff47}.mrow:active{background:#ffffffe6}.pr-row{position:relative;transition:background .18s ease}.pr-row:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:0 4px 4px 0;background:var(--primary);opacity:0;transform:scaleY(.35);transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1)}.pr-row:hover:before{opacity:1;transform:none}.pr-row:hover .c-title{color:var(--primary)}.doc .doc-no,.doc .doc-open{transition:color .16s ease,background .18s ease,transform .18s ease}.doc:hover .doc-no{color:var(--primary)}.doc:hover .doc-open{background:linear-gradient(180deg,#cf1832,#ab0f26);color:#fff;border-color:transparent}.stat-tile{transition:transform .16s ease,box-shadow .18s ease}.stat-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-pop)}.tool-card{transition:transform .16s ease,box-shadow .18s ease,border-color .18s ease}.tool-card:hover{transform:translateY(-2px)}.filter-bar button,.view-toggle button,.vendor-filter button{transition:background .15s ease,color .15s ease,box-shadow .15s ease}.sb-brand{position:relative;gap:11px}.sb-brand-txt{min-width:0;flex:1}.sb-toggle{width:28px;height:28px;flex-shrink:0;margin-left:auto;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.8);border-radius:9px;background:linear-gradient(180deg,#fff,#ffffffbf);color:var(--muted);cursor:pointer;box-shadow:var(--shadow);transition:color .16s ease,box-shadow .16s ease,transform .18s ease}.sb-toggle:hover{color:var(--primary);box-shadow:var(--shadow-lg)}.sb-toggle svg{transition:transform .24s cubic-bezier(.2,.8,.2,1)}.sb-nav a{position:relative}.sb-nav a:hover{transform:translate(2px)}.sb-nav a.active:hover{transform:none}.sb-user{position:relative}.sb-user-txt{min-width:0}.sb-signout{margin-left:auto}@media (min-width:900px){.sidebar{background:linear-gradient(180deg,#ffffffa8,#ffffff6b);border-color:#ffffff9e;-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);transition:width .24s cubic-bezier(.2,.8,.2,1)}.sb-nav a,.sb-brand,.sb-user{transition:padding .2s ease,background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.nav-collapsed .sidebar{width:74px}.nav-collapsed .sb-brand{flex-direction:column;gap:10px;padding:16px 0 14px}.nav-collapsed .sb-brand-txt{display:none}.nav-collapsed .sb-toggle{margin:0}.nav-collapsed .sb-toggle svg{transform:rotate(180deg)}.nav-collapsed .sb-nav{padding:10px 11px}.nav-collapsed .sb-nav a{justify-content:center;padding:11px 0;gap:0}.nav-collapsed .sb-nav a:hover{transform:none}.nav-collapsed .nav-lb{display:none}.nav-collapsed .nav-group{padding:12px 6px 10px}.nav-collapsed .nav-group span{display:none}.nav-collapsed .nav-group:after{content:"";display:block;height:1px;background:var(--hair)}.nav-collapsed .sb-dept{display:none}.nav-collapsed .sb-user{flex-direction:column;gap:10px;padding:14px 0}.nav-collapsed .sb-user-txt{display:none}.nav-collapsed .sb-signout{margin:0}.nav-collapsed .sb-logo-img{width:32px;height:32px}}@media (min-width:900px){.nav-collapsed .sidebar{overflow:visible}.nav-collapsed .sb-user{border-radius:0 0 var(--r-xl) var(--r-xl)}.nav-collapsed .sb-nav a:after{content:attr(data-tip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(-5px);background:#241c19f0;color:#fff;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:9px;white-space:nowrap;line-height:1.3;pointer-events:none;opacity:0;z-index:60;box-shadow:0 12px 26px -14px #1e120ee6;transition:opacity .14s ease,transform .18s cubic-bezier(.2,.8,.2,1)}.nav-collapsed .sb-nav a:hover:after,.nav-collapsed .sb-nav a:focus-visible:after{opacity:1;transform:translateY(-50%)}}html{background:#fbf5f0}body{background:radial-gradient(1050px 640px at 76% -10%,#f4b7acc7,#f4b7ac00 62%),radial-gradient(820px 560px at 104% 30%,#e9c1d494,#e9c1d400 60%),radial-gradient(880px 600px at -8% 8%,#ffe0be9e,#ffe0be00 58%),radial-gradient(1020px 680px at 6% 106%,#fadcacb8,#fadcac00 60%),radial-gradient(820px 580px at 64% 120%,#d0c9ec7a,#d0c9ec00 62%),radial-gradient(700px 520px at 44% 46%,#fff7f0b3,#fff7f000 70%),linear-gradient(158deg,#fdf8f5,#fbf4ed 42%,#f8efe4);background-attachment:fixed;background-color:#fbf5f0}.mlist{background:none;border:0;box-shadow:none;border-radius:0;overflow:visible;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;flex-direction:column;gap:10px}.mlist-head{border-bottom:0;padding:0 8px 4px}.mrow{border:1px solid rgba(255,255,255,.66);border-radius:var(--r-lg);background:linear-gradient(180deg,#ffffffbd,#ffffff85);box-shadow:var(--shadow-lg);overflow:hidden;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,border-color .2s ease,background .2s ease}.mrow:hover{transform:translateY(-3px) scale(1.008);background:linear-gradient(180deg,#fffffff0,#fffc);border-color:#fff;box-shadow:var(--shadow-pop);z-index:2}.mrow:active{transform:translateY(-1px) scale(1.002)}.mrow:before{top:12px;bottom:12px;width:4px}.doc-grid{gap:14px}.doc{border-radius:var(--r-lg);padding:17px 18px;background:linear-gradient(180deg,#ffffffbd,#ffffff85);border-color:#ffffffa8;-webkit-backdrop-filter:none;backdrop-filter:none;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,border-color .2s ease,background .2s ease}.doc:hover{transform:translateY(-4px) scale(1.012);background:linear-gradient(180deg,#fffffff2,#ffffffd1);border-color:#fff;box-shadow:var(--shadow-pop)}.doc-kv .v .m-who{justify-content:flex-end}.doc-kv .v .m-who .m{width:22px;height:22px;font-size:10px}.doc .badge{padding:4px 11px}.card,.stat-card,.tool-card,.ws-panel,.tool-msg,.vis-banner,.cal-card,.list-toolbar,.stat-tile{background:linear-gradient(180deg,#ffffffbd,#ffffff7a);border-color:#ffffffa8}.sidebar{border-color:#ffffffa8}.empty{background:#ffffff57;border-color:#a0786438}@media print{.mrow,.doc{background:#fff!important;transform:none!important;box-shadow:none!important;border-color:#e2e2e0!important}.mlist{gap:0}}.list-toolbar .filter-bar{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%)}@media (max-width:899.98px){.app-header{background:linear-gradient(180deg,#ffffff94,#ffffff4d 70%,#fff0);border-bottom:0!important;-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);padding-bottom:16px}.app-header .user-chip{background:#ffffff9e!important;border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow)}.bottom-nav{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 12px);padding:6px;border-radius:26px;border:1px solid rgba(255,255,255,.72);border-top:1px solid rgba(255,255,255,.72)!important;background:linear-gradient(180deg,#ffffffd1,#ffffff9e);-webkit-backdrop-filter:blur(26px) saturate(1.5);backdrop-filter:blur(26px) saturate(1.5);box-shadow:0 10px 26px -12px #5e3a2c73,0 26px 50px -28px #5e3a2c8c,inset 0 1px #ffffffeb;display:flex;align-items:center;gap:2px;overflow:visible}.bn-scroll{flex:1;min-width:0;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)}.bn-scroll::-webkit-scrollbar{display:none}.bottom-nav a{flex:1 0 auto;min-width:62px;scroll-snap-align:center;padding:8px 10px 7px;border-radius:17px;gap:4px;font-size:10.5px;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.bottom-nav a.active{color:var(--primary);background:linear-gradient(180deg,#fff,#ffffffdb);box-shadow:0 1px 2px #5e3a2c14,0 8px 16px -12px #5e3a2cb3,inset 0 1px #ffffffe6}.bottom-nav a:active{background:#ffffffb3}.bn-arrow{width:26px;height:44px;flex-shrink:0;padding:0;border:0;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:14px;transition:opacity .18s ease,color .16s ease}.bn-arrow.r svg{transform:rotate(180deg)}.bn-arrow:active{color:var(--primary)}.bn-arrow.off{opacity:0;pointer-events:none}.container{padding-bottom:calc(env(safe-area-inset-bottom) + 104px)}.fab{bottom:calc(env(safe-area-inset-bottom) + 96px)}}@media (max-width:899.98px){.bn-scroll{-webkit-mask-image:none;mask-image:none}.bn-scroll.fl{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px);mask-image:linear-gradient(90deg,transparent 0,#000 16px)}.bn-scroll.fr{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 16px),transparent 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 16px),transparent 100%)}.bn-scroll.fl.fr{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%)}}@media (max-width:899.98px){.bottom-nav{background:linear-gradient(180deg,#fffffff0,#ffffffdb)}}.card,.stat-card,.stat-tile,.tool-card,.ws-panel,.tool-msg,.vis-banner,.cal-card,.list-toolbar,.mlist,.doc,.mrow,.table-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.list-toolbar{position:relative;z-index:30}.mlist,.doc-grid,.table-card,.stat-row{position:relative;z-index:0}.mrow:hover,.doc:hover{z-index:2}.card{position:relative}.card:has(.fs-menu),.card:has(.vp-menu),.item-card:has(.vp-menu),.ws-panel:has(.fs-menu),.os-appr-step:has(.fs-menu){z-index:40}@media (max-width:640px){.fs-menu{bottom:calc(env(safe-area-inset-bottom) + 96px);z-index:80}.vp-menu{z-index:80}}.badge-back{display:inline-flex;align-items:center;gap:4px;vertical-align:2px;margin-left:8px;padding:2px 9px 2px 7px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.2px;white-space:nowrap;color:#a2401a;background:#fdeadf;border:1px solid #f5cdb6}.badge-back svg{opacity:.85}.bd-card{padding:16px 18px;transition:border-color .18s ease,background .18s ease}.bd-card.on{border-color:#f2c4a8;background:linear-gradient(180deg,#fdeee5eb,#fdf4eeb8)}.bd-toggle{display:flex;align-items:flex-start;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.bd-toggle>input{position:absolute;opacity:0;width:0;height:0}.bd-box{width:22px;height:22px;flex-shrink:0;margin-top:1px;border-radius:7px;border:1.5px solid var(--line2);background:#fff;display:flex;align-items:center;justify-content:center;color:transparent;transition:background .16s ease,border-color .16s ease,color .16s ease}.bd-toggle:hover .bd-box{border-color:#d9a98d}.bd-toggle>input:checked+.bd-box{background:#c9541f;border-color:#c9541f;color:#fff}.bd-toggle>input:focus-visible+.bd-box{box-shadow:0 0 0 3px #c9541f38}.bd-txt{display:flex;flex-direction:column;gap:3px;min-width:0}.bd-txt b{font-size:14.5px;font-weight:700;letter-spacing:-.1px}.bd-txt>span{font-size:12.5px;color:var(--muted);line-height:1.5}.bd-card.on .bd-txt b{color:#8f3d14}.bd-date{margin:14px 0 0;padding-top:14px;border-top:1px solid rgba(160,110,80,.18);max-width:260px}.m-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#7a52421a;overflow:hidden;pointer-events:none;border-radius:0 0 var(--r-lg) var(--r-lg)}.m-bar i{display:block;height:100%;width:0;border-radius:0 3px 3px 0;transition:width .45s cubic-bezier(.2,.8,.2,1)}.m-bar.wait i{background:linear-gradient(90deg,#e0a83c,#b0770c)}.m-bar.go i{background:linear-gradient(90deg,#7f6ad6,#4b4bc8)}.m-bar.done i{background:linear-gradient(90deg,#3fa26a,#1f7a44)}.m-bar.bad i{background:linear-gradient(90deg,#e07a6a,#c0392b)}.m-bar.off i{background:#cfc6c1}.mrow:hover .m-bar{height:4px}.mrow .m-bar{transition:height .18s ease}@media (prefers-reduced-motion:reduce){.m-bar i{transition:none}}.m-bar{left:16px;right:16px;bottom:7px;height:3px;border-radius:999px;background:#7a524221}.m-bar i{border-radius:999px;min-width:12px}.mrow:hover .m-bar{height:4px;bottom:6px}@media (max-width:899.98px){.m-bar{left:14px;right:14px;bottom:6px}}.m-no,.doc-no{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.badge-back{margin-left:0;vertical-align:baseline}.mrow{padding:20px 20px 26px;min-height:98px}@media (max-width:899.98px){.mrow{padding:17px 16px 26px;min-height:0}}.m-bar{position:absolute;left:20px;right:20px;bottom:11px;height:4px;display:flex;align-items:center;gap:4px;background:none;border-radius:0;overflow:visible;pointer-events:none}@media (max-width:899.98px){.m-bar{left:16px;right:16px;bottom:10px}}.m-bar i{position:relative;flex:1;height:3px;border-radius:999px;color:#7a52422b;background:currentColor;transition:color .35s ease,height .18s ease}.m-bar i:after{content:"";position:absolute;right:-2px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:currentColor;box-shadow:0 0 0 2px #ffffffeb;transition:background .35s ease,transform .2s ease}.m-bar i:last-child:after{right:-1px}.m-bar i.s1.on{color:#e0a33c}.m-bar i.s2.on{color:#d9764a}.m-bar i.s3.on{color:#a35fbd}.m-bar i.s4.on{color:#4f6ad4}.m-bar i.s5.on{color:#2f9c92}.m-bar i.s6.on{color:#2f9e5f}.m-bar i.on:not(:has(~i.on)):after{transform:scale(1.28)}.m-bar.solo i{flex:1}.m-bar.solo i:after{display:none}.m-bar.solo.bad i{color:#c0392b}.m-bar.solo.off i{color:#c6bcb6}.mrow:hover .m-bar i{height:4px}@media (prefers-reduced-motion:reduce){.m-bar i,.m-bar i:after{transition:none}}.mrow{padding:24px 24px 20px;min-height:0;row-gap:0}@media (max-width:899.98px){.mrow{padding:20px 18px 18px}}.m-foot{grid-column:1 / -1;margin-top:18px;padding-top:16px;border-top:1px solid rgba(122,82,66,.09);display:flex;flex-direction:column;gap:9px}@media (max-width:899.98px){.m-foot{margin-top:14px;padding-top:13px}}.m-bar{position:static;left:auto;right:auto;bottom:auto;width:100%;height:4px;display:flex;align-items:center;gap:4px}.m-bar i{height:4px}.mrow:hover .m-bar i{height:5px}.m-prog{margin-top:0;display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--muted)}.m-prog>span{font-weight:700;color:var(--ink-soft)}.m-prog>b{font-weight:600;font-size:12px;color:var(--muted);white-space:nowrap}.mrow:hover .m-prog>span{color:var(--ink)}.m-status{gap:8px}.mrow.is-off,.doc.is-off{filter:grayscale(1);opacity:.58;background:linear-gradient(180deg,#faf9f8c7,#f7f6f58c);border-color:#ffffff8c;box-shadow:0 1px 2px #5e3a2c0a,0 12px 26px -22px #5e3a2c80,inset 0 1px #ffffffbf;transition:filter .2s ease,opacity .2s ease,transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease}.mrow.is-off:hover,.doc.is-off:hover{filter:grayscale(.15);opacity:1;background:linear-gradient(180deg,#fffffff0,#fffc)}.mrow.is-off:before{display:none}.mrow.is-off:hover .m-title,.mrow.is-off:hover .m-no,.doc.is-off:hover .doc-no{color:var(--ink-soft)}.a4-attach{padding:12mm;display:flex;flex-direction:column;margin-top:16px;background:#fff;color:#000}.a4-attach .att-head{display:flex;align-items:baseline;gap:10px;min-width:0;font-family:Century Gothic,Arial,Sarabun,sans-serif;font-size:11px;color:#555;border-bottom:1px solid #ddd;padding-bottom:6px;margin-bottom:8px}.a4-attach .att-head b{font-size:12.5px;color:#000;flex-shrink:0}.a4-attach .att-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.a4-attach .att-body{height:250mm;display:flex;align-items:flex-start;justify-content:center}.a4-attach .att-body img{max-width:100%;max-height:100%;object-fit:contain;border:1px solid #e4e4e2}.a4-attach .att-loading{width:100%;text-align:center;padding-top:60px;font-size:13px;color:#888}@media (max-width:820px){.a4-attach{transform-origin:top left;transform:scale(calc(100vw / 820));margin:0 0 8px}}@media print{.a4-attach{margin-top:0;padding:10mm}.a4-attach .att-body{height:255mm}}.ac-new-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.m-bar.rb{background:#7a524221;border-radius:999px;height:4px}.m-bar.rb i{flex:0 0 auto;background:currentColor;border-radius:999px;height:4px;color:#7a524233}.m-bar.rb i:after{display:none}.m-bar.rb i.none{color:#e0a33c}.m-bar.rb i.partial{color:#4f6ad4}.m-bar.rb i.full{color:#2f9e5f}.rb-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:4px 0 12px}.rb-sum>div{padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.7);background:#fff9;display:flex;flex-direction:column;gap:3px}.rb-sum span{font-size:12.5px;color:var(--muted);font-weight:600}.rb-sum b{font-size:19px;font-weight:800;letter-spacing:-.4px}.rb-sum .ok b{color:#1f7a44}.rb-sum .left b{color:#b0770c}.rb-bar{height:6px;border-radius:999px;background:#7a524221;overflow:hidden}.rb-bar i{display:block;height:100%;border-radius:999px;transition:width .4s cubic-bezier(.2,.8,.2,1)}.rb-bar i.none{background:#e0a33c}.rb-bar i.partial{background:linear-gradient(90deg,#4f6ad4,#2f9c92)}.rb-bar i.full{background:linear-gradient(90deg,#2f9c92,#2f9e5f)}.rb-all{display:flex;align-items:center;gap:11px;cursor:pointer;-webkit-user-select:none;user-select:none;margin-top:16px;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:#ffffff8c;font-size:14.5px;font-weight:700;transition:background .16s ease,border-color .16s ease}.rb-all.on{background:#2f9e5f1a;border-color:#2f9e5f59;color:#1c6b3d}.rb-all input,.rb-item input{position:absolute;opacity:0;width:0;height:0}.rb-all:has(input:disabled),.rb-item:has(input:disabled){cursor:default}.rb-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.rb-item{display:flex;align-items:center;gap:11px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:11px 14px;border-radius:12px;border:1px solid var(--border);background:#ffffff80;transition:background .16s ease,border-color .16s ease}.rb-item:hover:not(:has(input:disabled)){background:#ffffffd9}.rb-item.on{background:#2f9e5f14;border-color:#2f9e5f47}.rb-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.rb-txt b{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis}.rb-txt>span{font-size:12px;color:var(--muted)}.rb-item.on .rb-txt b{text-decoration:line-through;text-decoration-color:#1f7a4473;color:var(--ink-soft)}.rb-amt{font-size:14.5px;font-weight:800;letter-spacing:-.2px;white-space:nowrap;flex-shrink:0}.rb-all .bd-box,.rb-item .bd-box{width:21px;height:21px;margin-top:0}.rb-all input:checked+.bd-box,.rb-item input:checked+.bd-box{background:#2f9e5f;border-color:#2f9e5f;color:#fff}.rb-all input:disabled+.bd-box,.rb-item input:disabled+.bd-box{opacity:.55}@media (max-width:560px){.rb-item{flex-wrap:wrap}.rb-amt{margin-left:32px}}.mchart{display:flex;align-items:flex-end;gap:10px;height:190px;padding-top:8px;overflow-x:auto;scrollbar-width:none}.mchart::-webkit-scrollbar{display:none}.mchart-col{flex:1 0 52px;min-width:52px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}.mchart-v{font-size:11px;font-weight:700;color:var(--ink-soft);white-space:nowrap}.mchart-bar{width:100%;max-width:46px;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#d9764a,#c1122c);box-shadow:inset 0 1px #ffffff4d;transition:height .4s cubic-bezier(.2,.8,.2,1)}.mchart-lb{font-size:11px;color:var(--muted);white-space:nowrap}.ac-type-line{grid-template-columns:180px 1fr 110px}@media (max-width:640px){.ac-type-line,.status-line{grid-template-columns:120px 1fr auto}.mchart{height:160px}}.kv-list .m-who{min-width:0;overflow:hidden}.kv-list .m-who .muted{font-size:12.5px}.tag-bd{display:inline-flex;align-items:center;gap:4px;vertical-align:2px;margin-left:8px;padding:2px 9px 2px 7px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.2px;white-space:nowrap;color:#8f2033;background:#fbe6e9;border:1px solid #f2c3cb}.tag-bd svg{opacity:.85}@media (max-width:560px){.tag-bd{margin-left:0;margin-top:4px}}.stat-note{margin:-6px 0 16px;padding:0 4px;font-size:12.5px;line-height:1.6}.stat-note b{font-weight:700;color:var(--ink-soft)}.sp-card{border-color:#c1122c38}.sp-tabs{margin-bottom:10px}.sp-list{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow:auto}.sp-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 14px;border-radius:12px;cursor:pointer;font-family:inherit;border:1px solid var(--border);background:#fff9;transition:background .15s ease,border-color .15s ease}.sp-item:hover:not(:disabled){background:#fff;border-color:var(--line2)}.sp-item.used{opacity:.5;cursor:default}.sp-no{font-size:13px;font-weight:800;letter-spacing:-.2px;flex:0 0 auto;min-width:120px}.sp-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sp-txt b{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-txt>span{font-size:11.5px;color:var(--muted)}.sp-amt{font-size:14px;font-weight:800;white-space:nowrap}.sp-add{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;font-size:12px;font-weight:700;color:var(--primary)}.sp-item.used .sp-add{color:var(--muted)}.src-chip{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 9px 2px 7px;border-radius:999px;font-size:10.5px;font-weight:800;white-space:nowrap;color:#1d4f91;background:#e6eefb;border:1px solid #c6d9f5}.amt-drift{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px;font-size:11.5px;color:var(--warning)}.amt-drift button{border:1px solid currentColor;background:transparent;color:inherit;border-radius:999px;padding:1px 9px;font-size:11px;font-weight:700;font-family:inherit;cursor:pointer}.amt-drift button:hover{background:#b0770c1a}.att-list{display:flex;flex-direction:column;gap:6px}.att-row{display:flex;align-items:center;gap:10px;padding:10px 13px;border-radius:11px;border:1px solid var(--border);background:#ffffff8c;font-size:13.5px}.att-row>svg{color:var(--muted);flex-shrink:0}.att-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--ink);text-decoration:none}a.att-name:hover{color:var(--primary);text-decoration:underline}.att-src{flex-shrink:0;font-size:10.5px;font-weight:800;white-space:nowrap;padding:2px 9px;border-radius:999px;color:#1d4f91;background:#e6eefb}.att-src.new{color:#1f7a44;background:#e7f4ec}@media (max-width:560px){.sp-item{flex-wrap:wrap}.sp-no{min-width:0}}