@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--red:#df2e26;--red-dark:#c42920;--red-deep:#a82419;--red-deeper:#8b1f15;--red-base:#6e1911;--cream:#ffe9df;--bg:#f5f0ee;--bg-card:#fff;--bg-subtle:#fdf8f6;--text-dark:#1a0e0c;--text-mid:#4a2820;--text-light:#8a5a50;--text-faint:#c4a89e;--border:#e8d0c4;--border-light:#f0ddd8;--success:#1a6b42;--success-bg:#dff0e8;--danger:#a02020;--danger-bg:#fce8e8;--warning:#8a5200;--warning-bg:#fef3de;--info:#1a4fa0;--info-bg:#e4ecff;--sidebar-w:196px;--topbar-h:44px;--radius:8px;--radius-sm:5px;--radius-xs:4px;--shadow-sm:0 1px 3px #6e191114;--shadow-md:0 4px 12px #6e19111f}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;background:#f5f0ee;background:var(--bg);color:#4a2820;color:var(--text-mid);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;line-height:1.5}.app-layout{display:flex;height:100vh;overflow:hidden}.app-main{min-width:0;overflow:hidden}.app-main,.page-content{display:flex;flex:1 1;flex-direction:column}.page-content{gap:14px;overflow-y:auto;padding:16px}.topbar{align-items:center;background:#ffe9df;background:var(--cream);border-bottom:1px solid #e8d0c4;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;height:44px;height:var(--topbar-h);justify-content:space-between;padding:0 16px}.topbar-title{color:#1a0e0c;color:var(--text-dark);font-size:14px;font-weight:700}.topbar-right{align-items:center;display:flex;gap:8px}.breadcrumb{color:#8a5a50;color:var(--text-light);font-size:12px}.breadcrumb span{color:#1a0e0c;color:var(--text-dark);font-weight:500}.btn{align-items:center;border:none;border-radius:5px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:500;gap:5px;line-height:1;padding:5px 13px;transition:background .15s;white-space:nowrap}.btn-primary{background:#df2e26;background:var(--red);color:#fff}.btn-primary:hover{background:#c42920;background:var(--red-dark)}.btn-outline{background:#fff;border:1px solid #e8d0c4;border:1px solid var(--border);color:#4a2820;color:var(--text-mid)}.btn-outline:hover{background:#f5f0ee;background:var(--bg)}.btn-danger{background:#a02020;background:var(--danger);color:#fff}.btn-success{background:#1a6b42;background:var(--success);color:#fff}.btn-sm{font-size:11px;padding:4px 10px}.btn-xs{font-size:10px;padding:3px 8px}.btn:disabled{cursor:not-allowed;opacity:.5}.card{background:#fff;background:var(--bg-card);border:1px solid #e8d0c4;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);overflow:hidden}.card-header{align-items:center;background:#fdf8f6;background:var(--bg-subtle);border-bottom:1px solid #f0ddd8;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:9px 14px}.card-title{color:#1a0e0c;color:var(--text-dark);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.card-body{padding:14px}.kpi-grid{grid-gap:10px;display:grid;gap:10px}.kpi-grid-4{grid-template-columns:repeat(4,1fr)}.kpi-grid-3{grid-template-columns:repeat(3,1fr)}.kpi-card{background:#fff;background:var(--bg-card);border:1px solid #e8d0c4;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);padding:12px 14px}.kpi-card.accent{background:#fff5f4;border-color:#f5c4b8;border-left:3px solid #df2e26;border-left:3px solid var(--red)}.kpi-label{color:#8a5a50;color:var(--text-light);font-size:9px;font-weight:700;letter-spacing:.7px;margin-bottom:6px;text-transform:uppercase}.kpi-card.accent .kpi-label{color:#a82419;color:var(--red-deep)}.kpi-value{color:#1a0e0c;color:var(--text-dark);font-size:20px;font-weight:700;letter-spacing:-.5px;line-height:1}.kpi-value.red{color:#df2e26;color:var(--red)}.kpi-value.green{color:#1a6b42;color:var(--success)}.kpi-value.danger{color:#a02020;color:var(--danger)}.kpi-sub{color:#8a5a50;color:var(--text-light);font-size:10px;margin-top:4px}.kpi-sub strong{color:#4a2820;color:var(--text-mid);font-weight:600}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-size:12px;width:100%}thead th{border-bottom:1px solid #f0ddd8;border-bottom:1px solid var(--border-light);color:#8a5a50;color:var(--text-light);font-size:10px;font-weight:600;letter-spacing:.5px;padding:7px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}tbody td{border-bottom:1px solid #faf4f2;color:#4a2820;color:var(--text-mid);padding:8px 12px;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{cursor:pointer}tbody tr:hover td,tfoot td{background:#fdf8f6;background:var(--bg-subtle)}tfoot td{border-top:1px solid #f0ddd8;border-top:1px solid var(--border-light);color:#1a0e0c;color:var(--text-dark);font-weight:700;padding:8px 12px}td.num,th.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:10px;font-weight:600;padding:2px 8px;white-space:nowrap}.badge-green{background:#dff0e8;background:var(--success-bg);color:#1a6b42;color:var(--success)}.badge-red{background:#fce8e8;background:var(--danger-bg);color:#a02020;color:var(--danger)}.badge-amber{background:#fef3de;background:var(--warning-bg);color:#8a5200;color:var(--warning)}.badge-blue{background:#e4ecff;background:var(--info-bg);color:#1a4fa0;color:var(--info)}.badge-gray{background:#f0ebe8;color:#8a5a50;color:var(--text-light)}.badge-orange{background:#fde8d8;color:#b54a00}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{color:#8a5a50;color:var(--text-light);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.form-input,.form-select,.form-textarea{background:#faf8f7;border:1px solid #e8d0c4;border:1px solid var(--border);border-radius:5px;border-radius:var(--radius-sm);color:#1a0e0c;color:var(--text-dark);font-family:inherit;font-size:12px;padding:7px 10px;transition:border-color .15s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#fff;border-color:#df2e26;border-color:var(--red);outline:none}.form-input::placeholder{color:#c4a89e;color:var(--text-faint)}.form-textarea{min-height:80px;resize:vertical}.form-row{display:flex;gap:10px}.form-row .form-group{flex:1 1}.form-error{color:#a02020;color:var(--danger);font-size:11px;margin-top:2px}.modal-overlay{align-items:center;background:#1a0e0c80;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal{background:#fff;border:1px solid #e8d0c4;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:0 4px 12px #6e19111f;box-shadow:var(--shadow-md);max-width:460px;overflow:hidden;width:100%}.modal-header{background:#fdf8f6;background:var(--bg-subtle);border-bottom:1px solid #f0ddd8;border-bottom:1px solid var(--border-light);padding:14px 16px 12px}.modal-title{color:#1a0e0c;color:var(--text-dark);font-size:13px;font-weight:700}.modal-sub{color:#8a5a50;color:var(--text-light);font-size:11px;margin-top:2px}.modal-body{display:flex;flex-direction:column;gap:12px;padding:16px}.modal-footer{border-top:1px solid #f0ddd8;border-top:1px solid var(--border-light);display:flex;gap:8px;justify-content:flex-end;padding:10px 16px 14px}.modal-note{color:#8a5a50;color:var(--text-light);font-size:10px;padding:0 16px 10px;text-align:center}.toggle-btn{align-items:center;border:1.5px solid;border-radius:20px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:11px;font-weight:600;gap:5px;padding:4px 10px;transition:all .15s;white-space:nowrap}.toggle-btn .t-dot{border-radius:50%;height:6px;width:6px}.toggle-off{background:#f5f0ee;border-color:#e8d0c4;border-color:var(--border);color:#8a5a50;color:var(--text-light)}.toggle-off .t-dot{background:#c4a89e;background:var(--text-faint)}.toggle-paid{background:#dff0e8;background:var(--success-bg);border-color:#8fcfb0;color:#1a6b42;color:var(--success)}.toggle-paid .t-dot{background:#1a6b42;background:var(--success)}.toggle-collected{background:#e4ecff;background:var(--info-bg);border-color:#90aef0;color:#1a4fa0;color:var(--info)}.toggle-collected .t-dot{background:#1a4fa0;background:var(--info)}.filter-tabs{display:flex;gap:4px}.filter-tab{background:#fff;border:1px solid #e8d0c4;border:1px solid var(--border);border-radius:20px;color:#8a5a50;color:var(--text-light);cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;padding:4px 12px;transition:all .15s}.filter-tab.active{background:#df2e26;background:var(--red);border-color:#df2e26;border-color:var(--red);color:#fff}.status-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='m0 0 5 6 5-6z' fill='%231a6b42'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:none;border-radius:20px;cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;padding:4px 24px 4px 10px}.status-select,.status-select.ongoing{background-color:#dff0e8;background-color:var(--success-bg);color:#1a6b42;color:var(--success)}.status-select.incoming{background-color:#e4ecff;background-color:var(--info-bg);color:#1a4fa0;color:var(--info)}.status-select.completed{background-color:#f0ebe8;color:#4a2820;color:var(--text-mid)}.status-select.dropped{background-color:#fce8e8;background-color:var(--danger-bg);color:#a02020;color:var(--danger)}.progress-wrap{background:#f0e6e3;border-radius:2px;height:4px;min-width:60px;overflow:hidden}.progress-bar{background:#df2e26;background:var(--red);border-radius:2px;height:100%}.progress-bar.full{background:#1a6b42;background:var(--success)}.icon-btn{align-items:center;background:#f0ebe8;border:none;border-radius:4px;border-radius:var(--radius-xs);color:#4a2820;color:var(--text-mid);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;height:26px;justify-content:center;transition:all .15s;width:26px}.icon-btn:hover{background:#fce8e8;background:var(--danger-bg);color:#a02020;color:var(--danger)}.icon-btn.edit:hover{background:#f5f0ee;background:var(--bg);border:1px solid #e8d0c4;border:1px solid var(--border);color:#df2e26;color:var(--red)}.empty-state,.loading-state{align-items:center;color:#8a5a50;color:var(--text-light);display:flex;flex-direction:column;font-size:12px;gap:8px;justify-content:center;padding:40px 20px;text-align:center}.empty-state-icon{color:#c4a89e;color:var(--text-faint);font-size:28px;margin-bottom:4px}.text-red{color:#df2e26;color:var(--red)}.text-green{color:#1a6b42;color:var(--success)}.text-danger{color:#a02020;color:var(--danger)}.text-light{color:#8a5a50;color:var(--text-light)}.text-dark{color:#1a0e0c;color:var(--text-dark)}.fw-600{font-weight:600}.fw-700{font-weight:700}.text-right{text-align:right}.tabular{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar{background:var(--red-base);display:flex;flex-direction:column;flex-shrink:0;height:100vh;width:var(--sidebar-w)}.sidebar-logo{border-bottom:1px solid #ffffff1a;gap:10px;padding:14px 13px}.logo-mark,.sidebar-logo{align-items:center;display:flex}.logo-mark{background:var(--red);border-radius:5px;flex-direction:column;flex-shrink:0;height:30px;justify-content:center;width:30px}.logo-mark span{color:#fff;font-size:10px;font-weight:700;letter-spacing:-.3px;line-height:1.15}.logo-title{color:#fff;font-size:12px;font-weight:600;line-height:1.2}.logo-sub{color:#ffffff73;font-size:10px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:10px 0}.nav-group{margin-bottom:6px}.nav-group-label{color:#ffffff4d;font-size:9px;font-weight:700;letter-spacing:1px;padding:6px 13px 4px;text-transform:uppercase}.nav-item{align-items:center;background:none;border:none;border-radius:0;color:#ffffff8c;cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:500;gap:8px;padding:7px 13px;text-align:left;text-decoration:none;transition:background .1s,color .1s;width:100%}.nav-item:hover{background:#ffffff12;color:#ffffffd9}.nav-item.active{background:var(--red);color:#fff}.nav-icon{flex-shrink:0;font-size:14px;text-align:center;width:18px}.sidebar-bottom{border-top:1px solid #ffffff1a;padding:8px 0}.nav-logout{color:#fff6}.nav-logout:hover{background:#ffffff0d;color:#ffffffb3}.login-page{align-items:center;background:var(--bg);background-image:linear-gradient(135deg,var(--red-base) 0,var(--red-deeper) 50%,var(--red-base) 100%);display:flex;justify-content:center;min-height:100vh;padding:24px}.login-card{background:#fff;border-radius:12px;box-shadow:0 8px 32px #6e191140;max-width:380px;overflow:hidden;width:100%}.login-logo{align-items:center;background:var(--red-base);display:flex;gap:12px;padding:24px}.login-logo-mark{border-radius:8px;height:40px;width:40px}.login-logo-mark span{font-size:12px;letter-spacing:-.3px}.login-logo-title{color:#fff;font-size:15px;font-weight:700;line-height:1.2}.login-logo-sub{color:#ffffff80;font-size:11px}.login-body{padding:28px 28px 20px}.login-heading{color:var(--text-dark);font-size:18px;font-weight:700;margin-bottom:4px}.login-sub{color:var(--text-light);font-size:12px;margin-bottom:22px}.login-form{display:flex;flex-direction:column;gap:14px}.login-error{background:var(--danger-bg);border:1px solid #f5c4c4;border-radius:var(--radius-sm);color:var(--danger);font-size:12px;padding:8px 12px}.login-btn{font-size:13px;font-weight:600;justify-content:center;margin-top:4px;padding:9px;width:100%}.login-footer{border-top:1px solid var(--border-light);color:var(--text-faint);font-size:10px;padding:14px 28px;text-align:center}.setup-page{align-items:center;background-image:linear-gradient(135deg,var(--red-base) 0,var(--red-deeper) 50%,var(--red-base) 100%);display:flex;justify-content:center;min-height:100vh;padding:24px}.setup-card{background:#fff;border-radius:12px;box-shadow:0 8px 32px #6e191140;max-width:520px;overflow:hidden;width:100%}.setup-header{background:var(--red-base);gap:12px;padding:20px 24px}.login-logo-mark,.setup-header{align-items:center;display:flex}.login-logo-mark{background:var(--red);border-radius:7px;flex-direction:column;flex-shrink:0;justify-content:center}.login-logo-mark span{color:#fff;font-size:11px;font-weight:700;line-height:1.2}.setup-title{color:#fff;font-size:14px;font-weight:700}.setup-sub{color:#ffffff80;font-size:11px}.setup-steps{background:var(--bg-subtle);border-bottom:1px solid var(--border-light);gap:0;padding:16px 24px}.setup-step,.setup-steps{align-items:center;display:flex}.setup-step{flex:1 1;gap:7px;position:relative}.setup-step:not(:last-child):after{background:var(--border);content:"";height:1px;left:80px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:calc(100% - 90px)}.setup-step.done:after{background:var(--red)}.step-circle{align-items:center;background:#f0ebe8;border-radius:50%;color:var(--text-light);display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:24px;justify-content:center;width:24px;z-index:1}.setup-step.active .step-circle{background:var(--red);color:#fff}.setup-step.done .step-circle{background:var(--success);color:#fff}.step-label{color:var(--text-light);font-size:11px;font-weight:600;white-space:nowrap}.setup-step.active .step-label{color:var(--text-dark)}.setup-step.done .step-label{color:var(--success)}.setup-body{min-height:280px;padding:20px 24px}.setup-error{background:var(--danger-bg);border:1px solid #f5c4c4;border-radius:var(--radius-sm);color:var(--danger);font-size:12px;margin-bottom:14px;padding:8px 12px}.setup-section{display:flex;flex-direction:column;gap:12px}.setup-divider{border-top:1px solid var(--border-light);color:var(--text-light);font-size:10px;font-weight:700;letter-spacing:.6px;margin-top:2px;padding-top:10px;text-transform:uppercase}.setup-hint{color:var(--text-light);font-size:11px;margin-top:-6px}.terms-total{border-radius:var(--radius-sm);font-size:12px;font-weight:600;padding:7px 10px}.terms-total.valid{background:var(--success-bg);color:var(--success)}.terms-total.invalid{background:var(--danger-bg);color:var(--danger)}.confirm-grid{border:1px solid var(--border-light);border-radius:var(--radius);display:flex;flex-direction:column;gap:1px;overflow:hidden}.confirm-row{align-items:baseline;background:#fff;border-bottom:1px solid var(--border-light);display:flex;gap:16px;justify-content:space-between;padding:9px 14px}.confirm-row:last-child{border-bottom:none}.confirm-label{color:var(--text-light);font-size:11px;white-space:nowrap}.confirm-value{color:var(--text-dark);font-size:12px;font-weight:600;text-align:right}.setup-footer{align-items:center;background:var(--bg-subtle);border-top:1px solid var(--border-light);display:flex;gap:10px;padding:14px 24px}.dash-section-label{color:var(--text-light);font-size:9px;font-weight:700;letter-spacing:.8px;margin-bottom:-6px;padding:0 2px;text-transform:uppercase}.dash-three-col{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.dash-four-col{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.dash-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.dash-card-head{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:8px 12px}.head-amber{background:#fffbf2;border-bottom-color:#f5e6c0}.head-orange{background:#fff8f4;border-bottom-color:#f5d4bc}.head-red{background:#fff5f4;border-bottom-color:#f5c4b8}.head-blue{background:#f4f7ff;border-bottom-color:#c4d4f5}.dash-col-title{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.title-amber{color:var(--warning)}.title-orange{color:#b54a00}.title-red{color:var(--danger)}.title-blue{color:var(--info)}.dash-col-count,.dash-col-total{font-size:11px;font-weight:700}.total-amber{color:var(--warning)}.total-orange{color:#b54a00}.total-red{color:var(--danger)}.total-blue{color:var(--info)}.count-amber{color:var(--warning)}.count-orange{color:#b54a00}.count-red{color:var(--danger)}.count-blue{color:var(--info)}.dash-scroll-list{height:185px;overflow-y:auto}.dash-scroll-list::-webkit-scrollbar{width:3px}.dash-scroll-list::-webkit-scrollbar-track{background:#0000}.dash-scroll-list::-webkit-scrollbar-thumb{background:#e0ccc8;border-radius:2px}.dash-list-item{align-items:center;border-bottom:1px solid #faf4f2;cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:8px 12px;transition:background .1s}.dash-list-item:last-child{border-bottom:none}.dash-list-item:hover{background:var(--bg-subtle)}.dash-item-left{flex:1 1;min-width:0}.dash-item-name{color:var(--text-dark);font-size:12px;font-weight:600}.dash-item-name,.dash-item-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-item-sub{color:var(--text-light);font-size:10px;margin-top:1px}.dash-item-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:3px}.dash-item-amt{font-size:12px;font-weight:700}.dash-days-chip{border-radius:10px;font-size:9px;font-weight:600;padding:1px 6px;white-space:nowrap}.chip-blue{background:var(--info-bg);color:var(--info)}.dash-empty{align-items:center;color:var(--text-light);display:flex;flex-direction:column;font-size:11px;gap:6px;height:100%;justify-content:center;padding:20px;text-align:center}.dash-empty-icon{color:var(--text-faint);font-size:20px}.pd-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.pd-header-left{flex:1 1;min-width:0}.pd-header-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.pd-proj-name{color:var(--text-dark);font-size:16px;font-weight:700}.pd-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:5px}.pd-meta-item{color:var(--text-light)}.pd-drive-link,.pd-meta-item{align-items:center;display:flex;font-size:11px;gap:3px}.pd-drive-link{color:var(--red);text-decoration:none}.pd-drive-link:hover{text-decoration:underline}.pd-hint{color:var(--text-light);font-size:10px}.pd-kpi-strip{display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr}.pd-kpi-divider{background:var(--border-light)}.pd-kpi-block{padding:11px 16px}.pd-kpi-block.red-tint{background:#fff5f4}.pd-kpi-title{color:var(--text-light);font-size:9px;font-weight:700;letter-spacing:.7px;margin-bottom:5px;text-transform:uppercase}.pd-kpi-block.red-tint .pd-kpi-title{color:var(--red-deep)}.pd-kpi-main{font-size:20px;font-weight:700;letter-spacing:-.5px;line-height:1}.pd-kpi-main.red{color:var(--red)}.pd-kpi-main.green{color:var(--success)}.pd-kpi-main.danger{color:var(--danger)}.pd-kpi-breakdown{border-top:1px dashed var(--border-light);display:flex;flex-direction:column;gap:2px;margin-top:7px;padding-top:6px}.pd-kpi-row{color:var(--text-light);display:flex;font-size:10px;justify-content:space-between}.pd-kpi-row .green{color:var(--success);font-weight:600}.pd-li-row{cursor:pointer}.pd-li-row.expanded td{background:#fdf5f2}.pd-li-name{align-items:center;color:var(--text-dark);display:flex;font-weight:600;gap:5px}.pd-li-row.expanded .pd-li-name{color:var(--red)}.pd-chevron{color:var(--text-light);font-size:10px;width:12px}.pd-empty-row{color:var(--text-light);font-size:12px;padding:20px!important;text-align:center}.pd-vendor-expand-row td{background:#fdf5f2;cursor:default;padding:0 12px 10px!important}.pd-vendor-panel{background:#fff;border:1px solid var(--border);border-radius:6px;overflow:hidden}.pd-vendor-panel-title{background:var(--bg-subtle);border-bottom:1px solid var(--border-light);color:var(--text-light);font-size:10px;font-weight:700;letter-spacing:.5px;padding:7px 12px;text-transform:uppercase}.pd-vendor-table{border-collapse:collapse;font-size:11px;width:100%}.pd-vendor-table td{border-bottom:1px solid #faf4f2;color:var(--text-mid);padding:6px 12px}.pd-vendor-table tr:last-child td{border-bottom:none}.pd-vdot{background:var(--red);border-radius:50%;display:inline-block;height:5px;margin-right:6px;width:5px}.pd-assign-row{align-items:center;background:var(--bg-subtle);border-top:1px dashed var(--border);display:flex;gap:6px;padding:8px 12px}.pd-assign-sel{flex:2 1}.pd-assign-inp,.pd-assign-sel{font-size:11px;padding:4px 8px}.pd-assign-inp{flex:1 1}.pd-no-vendors{color:var(--text-light);font-size:11px;padding:12px;text-align:center}.pd-dual-panels{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.pd-payment-panel{display:flex;flex-direction:column}.pd-panel-sub{color:var(--text-light);font-size:10px}.pd-ledger{border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:3px;padding:10px 14px}.pd-ledger-row{color:var(--text-light);display:flex;font-size:11px;justify-content:space-between}.pd-ledger-row.fw-600{color:var(--text-dark);font-size:12px;font-weight:700}.pd-ledger-divider{border-top:1px dashed var(--border-light);margin:3px 0}.pd-record-section{border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:6px;padding:10px 14px}.pd-record-title{color:var(--text-light);font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.pd-form-row{display:flex;gap:6px}.pd-form-row .form-input,.pd-form-row .form-select{flex:1 1;font-size:11px;min-width:0;padding:5px 8px}.pd-history{display:flex;flex-direction:column;gap:5px;padding:8px 14px}.pd-history-row{align-items:center;background:var(--bg-subtle);border-radius:5px;display:flex;gap:8px;justify-content:space-between;padding:6px 8px}.pd-hist-amt{color:var(--text-dark);font-size:11px;font-weight:600}.pd-hist-ref{margin-top:1px}.pd-hist-date,.pd-hist-ref{color:var(--text-light);font-size:10px}.pd-hist-date{white-space:nowrap}.pd-import-body{align-items:center;display:flex;flex-wrap:wrap;gap:12px;padding:12px 16px}.pd-import-icon{font-size:24px}.pd-import-text{flex:1 1;min-width:120px}.pd-import-text strong{color:var(--text-dark);display:block;font-size:12px}.pd-import-text span{color:var(--text-light);font-size:11px}.pd-import-actions{display:flex;flex-wrap:wrap;gap:6px}.pd-file-label{cursor:pointer}.pd-import-msg{color:var(--success);font-size:12px;padding:8px 16px 10px}.pd-import-msg,.pd-import-preview{border-top:1px solid var(--border-light)}.pd-import-preview{padding:10px 16px 14px}.pd-preview-summary{color:var(--text-mid);display:flex;font-size:12px;gap:16px;margin-bottom:8px}.pd-preview-warnings{background:var(--warning-bg);border-radius:5px;color:var(--warning);display:flex;flex-direction:column;font-size:11px;gap:3px;padding:8px 10px}.pd-dual-panels,.pd-header,.pd-import,.pd-kpi-strip,.pd-li-card{margin-bottom:12px}.pd-li-scroll{max-height:50vh;overflow-y:auto;position:relative}.pd-li-scroll thead th{background:#fdf5f2;background:var(--bg-subtle,#fdf5f2);box-shadow:0 1px 0 var(--border-light);position:-webkit-sticky;position:sticky;top:0;z-index:2}.pd-li-scroll tfoot td{background:#fff;bottom:0;box-shadow:0 -1px 0 var(--border-light);font-weight:700;position:-webkit-sticky;position:sticky;z-index:1}.pd-row-actions{align-items:center;display:flex;gap:4px;justify-content:flex-end;white-space:nowrap}.pd-sum-totals{grid-gap:8px;background:#fdf5f2;background:var(--bg-subtle,#fdf5f2);border-radius:6px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:14px;padding:10px}.pd-sum-total-block{text-align:center}.pd-sum-total-label{color:var(--text-light);font-size:9px;letter-spacing:.6px;text-transform:uppercase}.pd-sum-total-val{font-size:15px;font-weight:700;margin-top:3px}.pd-sum-total-val.in{color:#27ae60;color:var(--success,#27ae60)}.pd-sum-total-val.out{color:#c0392b;color:var(--danger,#c0392b)}.pd-sum-list{display:flex;flex-direction:column;gap:6px}.pd-sum-event{grid-gap:10px;align-items:start;background:#fff;border:1px solid var(--border-light);border-left:3px solid;border-radius:4px;display:grid;font-size:12px;gap:10px;grid-template-columns:78px 1fr auto;padding:8px 12px}.pd-sum-event.in{background:#f5fcf7;border-left-color:#27ae60;border-left-color:var(--success,#27ae60)}.pd-sum-event.out{background:#fdf5f4;border-left-color:#c0392b;border-left-color:var(--danger,#c0392b)}.pd-sum-date{color:var(--text-mid);font-size:11px;white-space:nowrap}.pd-sum-title{color:var(--text-dark);font-size:12px;font-weight:600}.pd-sum-desc{color:var(--text-light);font-size:11px;margin-top:2px}.pd-sum-notes{color:var(--text-mid);font-size:11px;font-style:italic;margin-top:3px}.pd-sum-ref{color:var(--text-light);font-size:10px;margin-top:2px}.pd-sum-amount{font-size:13px;font-weight:700;text-align:right;white-space:nowrap}.pd-sum-amount.in{color:#27ae60;color:var(--success,#27ae60)}.pd-sum-amount.out{color:#c0392b;color:var(--danger,#c0392b)}.pd-sum-empty{color:var(--text-light);font-size:12px;padding:24px;text-align:center}.pd-li-scroll{max-height:50vh!important;max-height:none!important;overflow-y:auto!important;overflow-y:visible!important}.pd-li-scroll tfoot td,.pd-li-scroll thead th{position:static!important}.page-content>*{flex-shrink:0}.sub-search{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;padding:5px 10px;width:200px}.sub-name,.sub-search{color:var(--text-dark);font-size:12px}.sub-name{font-weight:600}.sub-platform{margin-top:1px}.sub-cycle,.sub-platform{color:var(--text-light);font-size:10px}.sub-cycle{background:#f0ebe8;border-radius:4px;font-weight:600;padding:2px 7px}.sub-type-domain{background:var(--info-bg);color:var(--info)}.sub-type-hosting{background:var(--success-bg);color:var(--success)}.sub-type-mail{background:var(--warning-bg);color:var(--warning)}.sub-type-other{background:#f0ebe8;color:var(--text-mid)}.sub-date{font-size:12px;font-weight:600;margin-bottom:2px}.date-red{color:var(--danger)}.date-orange{color:#b54a00}.date-amber{color:var(--warning)}.date-ok{color:var(--text-mid)}.date-overdue{color:var(--danger)}.sub-days-chip{display:inline-flex}.chip-red{background:var(--danger-bg);color:var(--danger)}.chip-orange{background:#fde8d8;color:#b54a00}.chip-amber{background:var(--warning-bg);color:var(--warning)}.chip-ok{background:#f0ebe8;color:var(--text-light)}.chip-overdue{background:var(--danger-bg);color:var(--danger)}.sub-cost-preview{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-light);font-size:11px;padding:7px 10px}.sub-cost-preview strong{color:var(--text-dark)}
/*# sourceMappingURL=main.8b62212d.css.map*/