*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f4faf6;--surface: #ffffff;--surface2: #f0fdf4;--surface3: #dcfce7;--sidebar: #ffffff;--sidebar-bg: #f0fdf4;--border: #bbf7d0;--border2: #d1fae5;--accent: #16a34a;--accent2: #065f46;--accent-dim: rgba(22,163,74,.12);--cyan: #059669;--text: #111827;--text-muted: #4b5563;--text-dim: #9ca3af;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--info: #2563eb;--sidebar-w: 260px;--card-shadow: 0 1px 4px rgba(0,0,0,.08);--input-bg: #ffffff;--table-hover: rgba(22,163,74,.05)}[data-theme=dark]{--bg: #080814;--surface: #10102a;--surface2: #181835;--surface3: #20204a;--sidebar: #07071a;--sidebar-bg: #07071a;--border: #25255a;--border2: #1e1e45;--accent: #4f8ef7;--accent2: #7c3aed;--accent-dim: rgba(79,142,247,.15);--cyan: #00d4ff;--text: #f1f5f9;--text-muted: #b4bccc;--text-dim: #8b94aa;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--card-shadow: 0 1px 4px rgba(0,0,0,.4);--input-bg: #181835;--table-hover: rgba(79,142,247,.06)}[data-theme=dark-green]{--bg: #050f07;--surface: #0b1a0e;--surface2: #112416;--surface3: #183020;--sidebar: #070e09;--sidebar-bg: #070e09;--border: #1a3a22;--border2: #14291a;--accent: #22c55e;--accent2: #16a34a;--accent-dim: rgba(34,197,94,.15);--cyan: #4ade80;--text: #ecfdf3;--text-muted: #aef0c8;--text-dim: #8cc0a2;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--card-shadow: 0 1px 4px rgba(0,0,0,.5);--input-bg: #112416;--table-hover: rgba(34,197,94,.06)}[data-theme=dark-purple]{--bg: #09080f;--surface: #13101e;--surface2: #1a1628;--surface3: #231e35;--sidebar: #080610;--sidebar-bg: #080610;--border: #2d2560;--border2: #221d4a;--accent: #a855f7;--accent2: #7c3aed;--accent-dim: rgba(168,85,247,.15);--cyan: #c084fc;--text: #f5f3ff;--text-muted: #cabdfb;--text-dim: #9b8ccb;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #6366f1;--card-shadow: 0 1px 4px rgba(0,0,0,.5);--input-bg: #1a1628;--table-hover: rgba(168,85,247,.06)}html,body{height:100%;font-family:Inter,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}#app{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--sidebar);border-right:1px solid var(--border2);display:flex;flex-direction:column;flex-shrink:0;transition:transform .3s ease;z-index:200}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.sidebar-brand{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 18px 18px;border-bottom:1px solid var(--border2)}.brand-icon{width:150px;height:150px;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--cyan));display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden}.brand-icon-letter{font-weight:900;font-size:68px;color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1}.brand-icon-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:16px;display:none}.brand-text{text-align:center}.brand-name{font-weight:700;font-size:15px;color:var(--text)}.brand-sub{font-size:11.5px;color:var(--text-dim);margin-top:2px}.sidebar-nav{flex:1;padding:12px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.nav-section{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);padding:14px 10px 4px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--text-muted);transition:all .15s;font-size:15px;font-weight:500}.nav-item svg{width:17px;height:17px;flex-shrink:0}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.active{background:var(--accent-dim);color:var(--accent)}.nav-item.active svg{stroke:var(--accent)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:14px 16px;border-top:1px solid var(--border2)}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-size:14px;font-weight:600}.user-role{font-size:11.5px;color:var(--text-dim)}.user-back{color:var(--text-dim);display:flex;align-items:center;transition:color .2s}.user-back:hover{color:var(--accent)}.topbar{height:56px;background:var(--sidebar);border-bottom:1px solid var(--border2);display:flex;align-items:center;padding:0 20px;gap:14px;flex-shrink:0}.menu-btn{display:none;flex-direction:column;gap:4px;background:none;border:none;padding:4px}.menu-btn span{display:block;width:20px;height:2px;background:var(--text-muted);border-radius:2px}.page-title{font-size:16px;font-weight:600;flex:1}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-date{font-size:13.5px;color:var(--text-dim)}.topbar-badge{font-size:11.5px;background:var(--surface3);color:var(--text-muted);padding:3px 8px;border-radius:20px;border:1px solid var(--border2)}.dash-root{display:flex;gap:20px;align-items:flex-start}.dash-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px}.dash-quick-panel{width:210px;flex-shrink:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 14px;position:sticky;top:16px}.dash-quick-title{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.dash-quick-list{display:flex;flex-direction:column;gap:8px}.dash-qa-btn{display:flex;align-items:center;gap:10px;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:9px 10px;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s,background .15s;color:var(--text)}.dash-qa-btn:hover{border-color:var(--qa-color, var(--primary));box-shadow:0 0 0 2px color-mix(in srgb,var(--qa-color, var(--primary)) 15%,transparent);background:var(--surface)}.dash-qa-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-qa-label{flex:1;font-size:13.5px;font-weight:600}.dash-qa-arrow{color:var(--text-dim);flex-shrink:0}.dash-qa-btn:hover .dash-qa-arrow{color:var(--qa-color, var(--primary))}@media (max-width: 1100px){.dash-quick-panel{width:180px}}@media (max-width: 900px){.dash-root{flex-direction:column}.dash-quick-panel{width:100%;position:static}.dash-quick-list{display:grid;grid-template-columns:repeat(3,1fr)}}.content{flex:1;overflow-y:auto;padding:24px;background:var(--bg)}.content::-webkit-scrollbar{width:6px}.content::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap;gap:12px}.page-header-left h2{font-size:19px;font-weight:700}.page-header-left p{font-size:13.5px;color:var(--text-muted);margin-top:2px}.page-actions{display:flex;gap:10px;flex-wrap:wrap}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:24px}.kpi-card{background:var(--surface);border:1px solid var(--border2);border-radius:14px;padding:18px 20px;position:relative;overflow:visible;transition:border-color .2s}.kpi-card:hover{border-color:var(--border)}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:14px 14px 0 0}.kpi-card.blue:before{background:var(--accent)}.kpi-card.green:before{background:var(--success)}.kpi-card.orange:before{background:var(--warning)}.kpi-card.purple:before{background:var(--accent2)}.kpi-card.cyan:before{background:var(--cyan)}.kpi-label{font-size:15px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;font-weight:600}.kpi-value{font-size:clamp(20px,2.2vw,28px);font-weight:800;margin:6px 0 4px;letter-spacing:-.02em;white-space:nowrap}.kpi-sub{font-size:13.5px;color:var(--text-dim)}.kpi-icon{position:absolute;top:16px;right:18px;font-size:22px;opacity:.4}.card{background:var(--surface);border:1px solid var(--border2);border-radius:14px;padding:20px;box-shadow:var(--card-shadow)}.card-title{font-size:15px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}@media (max-width: 900px){.dash-grid{grid-template-columns:1fr}}.tabs{display:flex;gap:4px;background:var(--surface);border:1px solid var(--border2);border-radius:10px;padding:4px;margin-bottom:20px;width:fit-content}.tab-btn{padding:7px 18px;border-radius:7px;background:none;border:none;color:var(--text-muted);font-size:14px;font-weight:500;transition:all .15s;cursor:pointer}.tab-btn:hover{color:var(--text)}.tab-btn.active{background:var(--surface2);color:var(--text)}.table-card{background:var(--surface);border:1px solid var(--border2);border-radius:14px;overflow:hidden}.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border2);gap:12px;flex-wrap:wrap}.table-toolbar-left{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:7px 12px;width:220px}.search-box input{background:none;border:none;outline:none;color:var(--text);font-size:14px;width:100%}.search-box svg{color:var(--text-dim);flex-shrink:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead tr{border-bottom:1px solid var(--border2)}th{text-align:left;padding:12px 16px;font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);white-space:nowrap}tbody tr{border-bottom:1px solid var(--border2);transition:background .15s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--table-hover, var(--surface2))}td{padding:12px 16px;font-size:14px;color:var(--text);vertical-align:middle}.table-footer{padding:12px 18px;border-top:1px solid var(--border2);display:flex;align-items:center;justify-content:space-between;font-size:13.5px;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:none;font-size:15px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.btn svg{width:15px;height:15px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#3d7ae0}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#0ea172}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-warning{background:var(--warning);color:#fff}.btn-warning:hover{background:#d97706}.btn-ghost{background:var(--surface2);color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);border-color:var(--border2)}.btn-sm{padding:5px 10px;font-size:13.5px;border-radius:6px}.btn-xs{padding:3px 8px;font-size:12.5px;border-radius:5px}.btn-icon{padding:7px;border-radius:7px}.btn-icon svg{width:16px;height:16px}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12.5px;font-weight:600;white-space:nowrap}.badge-success{background:#10b98126;color:#10b981}.badge-warning{background:#f59e0b26;color:#f59e0b}.badge-danger{background:#ef444426;color:#ef4444}.badge-info{background:#4f8ef726;color:#4f8ef7}.badge-purple{background:#7c3aed26;color:#7c3aed}.badge-muted{background:var(--surface3);color:var(--text-muted)}.badge-cyan{background:#00d4ff1f;color:var(--cyan)}.progress-wrap{display:flex;align-items:center;gap:8px}.progress-bar{flex:1;height:5px;background:var(--surface3);border-radius:10px;overflow:hidden;min-width:60px}.progress-fill{height:100%;border-radius:10px;background:var(--accent);transition:width .4s ease}.progress-fill.green{background:var(--success)}.progress-fill.orange{background:var(--warning)}.progress-fill.red{background:var(--danger)}.progress-label{font-size:12.5px;color:var(--text-muted);min-width:30px;text-align:right}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid-3{grid-template-columns:1fr 1fr 1fr}.form-full{grid-column:1 / -1}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13.5px;font-weight:500;color:var(--text-muted)}.form-control{background:var(--input-bg);border:1px solid var(--border);color:var(--text);padding:9px 12px;border-radius:8px;font-size:14px;outline:none;width:100%;transition:border-color .15s}.form-control:focus{border-color:var(--accent)}.form-control::placeholder{color:var(--text-dim)}textarea.form-control{resize:vertical;min-height:80px}select.form-control option{background:var(--surface)}.form-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--border2);margin-top:8px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:1000;display:none;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay.open{display:flex}.modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:600px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #0009;animation:modalIn .2s ease}.modal.modal-sm{width:420px}.modal.modal-lg{width:760px}.modal.modal-xl{width:min(1080px,94vw);max-height:94vh}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}}.modal::-webkit-scrollbar{width:5px}.modal::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border2);position:sticky;top:0;background:var(--surface);z-index:1}.modal-title{font-size:16px;font-weight:600}.modal-close{background:var(--surface2);border:none;color:var(--text-muted);width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s}.modal-close:hover{background:var(--surface3);color:var(--text)}.modal-body{padding:20px 22px 22px}#toasts{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0006;font-size:14px;min-width:260px;animation:toastIn .3s ease}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--danger)}.toast.warning{border-left:3px solid var(--warning)}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}}.empty-state{text-align:center;padding:50px 20px;color:var(--text-dim)}.empty-state-icon{font-size:40px;margin-bottom:12px}.empty-state p{font-size:14px}.text-right{text-align:right}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-accent{color:var(--accent)}.text-cyan{color:var(--cyan)}.fw-600{font-weight:600}.fw-700{font-weight:700}.fs-12{font-size:13.5px}.fs-11{font-size:12.5px}.divider{border:none;border-top:1px solid var(--border2);margin:16px 0}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.loading-state{text-align:center;padding:60px;color:var(--text-dim)}.inline-form-row{display:flex;gap:8px;align-items:flex-end;margin-bottom:12px}.inline-form-row .form-group{flex:1}.inline-form-row .btn{flex-shrink:0}.line-items{width:100%;margin-bottom:12px}.line-items th{background:var(--surface2);padding:8px 10px;font-size:12.5px;color:var(--text-dim);border-bottom:1px solid var(--border2)}.line-items td{padding:8px 10px}.line-items td input{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:5px 8px;border-radius:6px;font-size:13.5px;width:100%}.line-items td input:focus{border-color:var(--accent);outline:none}.li-remove{background:none;border:none;color:var(--danger);cursor:pointer;font-size:17px;line-height:1;padding:0 4px}.summary-box{background:var(--surface2);border:1px solid var(--border2);border-radius:10px;padding:14px 18px;margin-top:12px}.summary-row{display:flex;justify-content:space-between;font-size:14px;padding:4px 0}.summary-row.total{font-weight:700;font-size:16px;color:var(--accent);border-top:1px solid var(--border2);margin-top:8px;padding-top:10px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin-bottom:16px}.detail-item label{font-size:12.5px;color:var(--text-dim);display:block;margin-bottom:2px}.detail-item span{font-size:14px}.stats-row{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:6px}.stat-pill{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--text-muted)}.stat-pill strong{color:var(--text);font-weight:600}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:4px 0 30px #00000080}.menu-btn{display:flex}.content{padding:16px}.kpi-grid{grid-template-columns:1fr 1fr}.form-grid,.form-grid-3,.dash-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.kpi-grid{grid-template-columns:1fr}.tabs{width:100%;overflow-x:auto}}.activity-list{display:flex;flex-direction:column;gap:0}.activity-item{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--border2);font-size:15px}.activity-item:last-child{border-bottom:none}.activity-item .text-dim{font-size:14px}.activity-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.activity-dot.blue{background:var(--accent)}.activity-dot.green{background:var(--success)}.activity-dot.orange{background:var(--warning)}.activity-dot.red{background:var(--danger)}.activity-text{font-size:14px}.activity-time{font-size:12.5px;color:var(--text-dim);margin-top:2px}.project-mini{padding:12px 0;border-bottom:1px solid var(--border2)}.project-mini:last-child{border-bottom:none}.project-mini-top{display:flex;justify-content:space-between;margin-bottom:6px}.project-mini-name{font-size:14px;font-weight:500}.project-mini-pct{font-size:13.5px;color:var(--text-muted)}.payslip{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:20px;font-size:14px}.payslip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border2)}.payslip-title{font-size:16px;font-weight:700}.payslip-sub{font-size:12.5px;color:var(--text-muted)}.payslip-row{display:flex;justify-content:space-between;padding:5px 0}.payslip-section{margin-bottom:12px}.payslip-section-title{font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-weight:600;margin-bottom:8px}.payslip-total{display:flex;justify-content:space-between;font-size:17px;font-weight:700;color:var(--success);padding-top:12px;border-top:1px solid var(--border2);margin-top:8px}.tab{padding:7px 18px;border-radius:7px;background:none;border:none;color:var(--text-muted);font-size:14px;font-weight:500;transition:all .15s;cursor:pointer}.tab:hover{color:var(--text);background:var(--surface2)}.tab.active{background:var(--surface3);color:var(--text)}.search-input{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:8px;font-size:14px;font-family:inherit;outline:none;transition:border-color .15s}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text-dim)}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.toolbar .search-input{flex:1;min-width:160px;max-width:280px}.table{width:100%;border-collapse:collapse}.table thead tr{border-bottom:1px solid var(--border2)}.table th{text-align:left;padding:11px 14px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);white-space:nowrap}.table tbody tr{border-bottom:1px solid var(--border2);transition:background .15s}.table tbody tr:last-child{border-bottom:none}.table tbody tr:hover{background:var(--table-hover, var(--surface2))}.table td{padding:11px 14px;font-size:14.5px;color:var(--text);vertical-align:middle}.table tfoot td{padding:11px 14px;font-size:14.5px}.table .text-right{text-align:right}.empty-cell{text-align:center;color:var(--text-dim);padding:40px 0!important}.action-cell{text-align:right;white-space:nowrap}.row-warning td{background:#f59e0b0d}.row-warning:hover td{background:#f59e0b1a!important}.text-dim{color:var(--text-dim);font-size:13.5px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:14.5px;font-weight:500;color:var(--text-muted)}.field input,.field select,.field textarea{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:9px 12px;border-radius:8px;font-size:15px;font-family:inherit;outline:none;width:100%;transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.field input::placeholder,.field textarea::placeholder{color:var(--text-dim)}.field textarea{resize:vertical;min-height:72px}.field select option{background:var(--surface)}.field-full{grid-column:1 / -1}.form-input{background:var(--input-bg);border:1px solid var(--border);color:var(--text);padding:8px 11px;border-radius:7px;font-size:15px;font-family:inherit;outline:none;width:100%;transition:border-color .15s}.form-input:focus{border-color:var(--accent)}.detail-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--border2);font-size:14px}.detail-row:last-child{border-bottom:none}.detail-label{font-size:13.5px;color:var(--text-muted);flex-shrink:0}button.user-back{background:none;border:none;padding:4px}.nav-item-settings{opacity:.85}.nav-item-settings:hover{opacity:1}.nav-group{display:flex;flex-direction:column}.nav-group-toggle{width:100%;background:none;border:none;cursor:pointer;text-align:left;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--text-muted);font-size:14.5px;font-weight:500;transition:all .15s}.nav-group-toggle:hover{background:var(--surface2);color:var(--text)}.nav-group-toggle.active{color:var(--accent)}.nav-group-toggle svg:first-child{width:17px;height:17px;flex-shrink:0}.nav-group-chevron{margin-left:auto;flex-shrink:0;transition:transform .2s}.nav-group-chevron.open{transform:rotate(180deg)}.nav-group-children{display:flex;flex-direction:column;gap:1px;padding:2px 0 2px 16px}.nav-sub-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:7px;color:var(--text-muted);font-size:15px;font-weight:400;text-decoration:none;transition:all .15s}.nav-sub-item svg{width:15px;height:15px;flex-shrink:0}.nav-sub-item:hover{background:var(--surface2);color:var(--text)}.nav-sub-item.active{background:var(--accent-dim);color:var(--accent)}.nav-sub-item.active svg{stroke:var(--accent)}.crm-layout{display:flex;gap:0;height:100%;min-height:calc(100vh - 56px);background:var(--bg)}.crm-subnav{width:200px;min-width:200px;background:var(--sidebar-bg);border-right:1px solid var(--border);padding:16px 8px;display:flex;flex-direction:column;gap:2px}.csn-group-title{font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim);padding:0 8px 4px}.csn-link{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:7px;font-size:15px;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s;text-decoration:none}.csn-link:hover{background:var(--hover);color:var(--text)}.csn-link.active{background:var(--accent-dim);color:var(--accent);font-weight:600}.crm-content{flex:1;padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:0}.doc-page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.doc-page-title{font-size:20px;font-weight:700;color:var(--text);margin:0 0 2px}.doc-breadcrumb{font-size:13.5px;color:var(--text-dim)}.btn-success{background:#16a34a;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .15s}.btn-success:hover{background:#15803d}.doc-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.doc-search-wrap{position:relative;flex:1;min-width:200px}.doc-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none}.doc-search-input{width:100%;padding:7px 12px 7px 34px;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;box-sizing:border-box;transition:border-color .15s}.doc-search-input:focus{outline:none;border-color:var(--accent)}.doc-filter-btn{font-size:13.5px!important;padding:5px 10px!important;border-radius:6px!important;white-space:nowrap}.doc-table-wrap{background:var(--surface);border-radius:10px;border:1px solid var(--border);overflow:hidden;flex:1}.doc-table{width:100%;border-collapse:collapse;font-size:14px}.doc-table thead tr{background:var(--table-head, rgba(255,255,255,.03));border-bottom:1px solid var(--border)}.doc-table th{padding:10px 12px;font-size:13px;font-weight:600;color:var(--text-dim);text-align:left;white-space:nowrap;-webkit-user-select:none;user-select:none}.doc-table td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text)}.doc-table tbody tr:last-child td{border-bottom:none}.doc-table tbody tr:hover td{background:var(--hover)}.col-chk{width:36px;padding:10px 8px!important}.col-chk input[type=checkbox]{cursor:pointer;accent-color:var(--accent)}.doc-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-gray{background:var(--text-dim)}.dot-yellow{background:#f59e0b}.dot-green{background:#22c55e}.dot-red{background:#ef4444}.dot-blue{background:#3b82f6}.doc-number-cell{display:flex;align-items:center;gap:7px}.doc-number-link{color:var(--accent);font-weight:600;cursor:pointer;text-decoration:none;font-size:14px}.doc-number-link:hover{text-decoration:underline}.doc-name{font-weight:600;color:var(--text);line-height:1.3}.doc-sub{font-size:13.5px;color:var(--text-dim);margin-top:2px;line-height:1.3;max-width:400px}.doc-date{color:var(--text-secondary);font-size:14px;white-space:nowrap}.doc-muted{color:var(--text-secondary);font-size:14px}.doc-amount{text-align:right;font-weight:600;font-size:14px;color:var(--text);white-space:nowrap}.doc-status-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;border-radius:20px;padding:4px 24px 4px 10px;font-size:13.5px;font-weight:600;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath stroke='%23888' stroke-width='1.5' d='m1 1 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:opacity .15s}.doc-status-select:hover{opacity:.85}.doc-status-select:focus{outline:none}.sel-gray{background-color:#94a3b82e;color:var(--text-secondary)}.sel-yellow{background-color:#f59e0b2e;color:#f59e0b}.sel-green{background-color:#22c55e2e;color:#22c55e}.sel-red{background-color:#ef44442e;color:#ef4444}.sel-blue{background-color:#3b82f62e;color:#3b82f6}.doc-status-badge{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:3px 10px;font-size:13.5px;font-weight:600}.doc-status-badge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}.doc-status-badge.dot-green{background:#22c55e26;color:#22c55e}.doc-status-badge.dot-blue{background:#3b82f626;color:#3b82f6}.doc-status-badge.dot-gray{background:#94a3b826;color:var(--text-dim)}.col-action{width:48px;padding:8px!important}.action-menu-wrap{position:relative;display:flex;justify-content:center}.btn-dot-menu{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px 6px;border-radius:6px;display:flex;align-items:center;transition:background .15s,color .15s}.btn-dot-menu:hover{background:var(--hover);color:var(--text)}.action-menu{position:absolute;right:0;top:calc(100% + 4px);background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 28px #00000038;min-width:180px;z-index:100;overflow:hidden;display:none;flex-direction:column;padding:4px 0}.action-menu.open{display:flex}.action-menu-item{display:flex;align-items:center;gap:10px;padding:8px 14px;font-size:14px;color:var(--text);cursor:pointer;transition:background .12s}.action-menu-item:hover{background:var(--hover)}.action-menu-item.danger{color:var(--danger)}.action-menu-item.danger:hover{background:#ef44441a}.action-menu-icon{display:flex;align-items:center;color:var(--text-dim);flex-shrink:0}.action-menu-item.danger .action-menu-icon{color:var(--danger)}.action-menu-divider{height:1px;background:var(--border);margin:4px 0}.action-menu-header{font-size:12px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;padding:6px 14px 2px}.qt-status-btn{display:inline-flex;align-items:center;gap:5px;border:none;border-radius:6px;padding:4px 8px 4px 10px;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:filter .15s,opacity .15s}.qt-status-btn:hover{filter:brightness(.92)}.convert-menu-wrap{position:relative;display:inline-block}.convert-menu{position:absolute;left:0;top:calc(100% + 4px);background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 32px #00000038;min-width:280px;z-index:100;padding:6px 0;display:flex;flex-direction:column}.convert-menu-divider{height:1px;background:var(--border);margin:4px 0}.convert-menu-header{font-size:12px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;padding:6px 14px 2px}.convert-menu-item{display:flex;align-items:center;gap:10px;padding:8px 14px;font-size:14px;color:var(--text);cursor:pointer;transition:background .12s}.convert-menu-item:hover{background:var(--hover)}.convert-menu-item.danger{color:var(--danger)}.convert-menu-item.danger:hover{background:#ef44441a}.convert-menu-ico{display:flex;align-items:center;color:var(--text-dim);flex-shrink:0}.convert-menu-item.danger .convert-menu-ico{color:var(--danger)}.doc-footer{padding:10px 0 0;font-size:13.5px;color:var(--text-dim)}.qt-items-head{display:flex;gap:6px;padding:6px 0 4px;font-size:13px;font-weight:600;color:var(--text-dim);border-bottom:1px solid var(--border);margin-bottom:6px}.qt-item-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.qt-item-del{background:none;border:none;color:var(--danger);cursor:pointer;font-size:17px;line-height:1;padding:4px 6px;border-radius:4px;transition:background .12s;width:28px;text-align:center}.qt-item-del:hover{background:#ef44441a}.qt-summary{border-top:1px solid var(--border);padding-top:10px;display:flex;flex-direction:column;gap:4px;align-items:flex-end}.qt-sum-row{display:flex;justify-content:space-between;gap:40px;font-size:14px;color:var(--text-secondary);min-width:260px}.qt-sum-row.total-row{font-size:16px;font-weight:700;color:var(--text);border-top:1px solid var(--border);margin-top:4px;padding-top:6px}.qt-page-wrap{padding-bottom:48px}.qt-page-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.qt-page-breadcrumb{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-dim);margin-bottom:10px}.qt-page-bc-sep{color:var(--border)}.qt-page-bc-link{cursor:pointer}.qt-page-bc-link:hover{color:var(--primary);text-decoration:underline}.qt-page-bc-cur{color:var(--text);font-weight:500}.qt-page-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.qt-page-title{font-size:20px;font-weight:700;color:var(--text)}.qt-page-title-actions{display:flex;gap:8px}.qt-card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:20px 24px;margin-bottom:16px}.qt-card-title{font-size:14px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:16px}.qt-card-summary{display:flex;justify-content:flex-end}.qt-card-summary .qt-summary{border-top:none;padding-top:0;min-width:320px}.qt-add-row{margin-top:10px;gap:6px;display:inline-flex;align-items:center}.qt-card-actions-bar{display:flex;justify-content:flex-end;gap:10px;padding:0 4px}.qt-item-block{margin-bottom:10px}.qt-item-idx{width:32px;flex-shrink:0;text-align:center;font-size:12px;color:var(--text-dim);padding-top:8px}.qt-product-sel-row{display:flex;align-items:center;gap:4px;flex:1}.qt-product-code-badge{background:var(--surface2);color:var(--text-secondary);border-radius:4px;font-size:12.5px;padding:2px 6px;white-space:nowrap;flex-shrink:0;font-weight:600}.qt-product-name-input{flex:1;min-width:0}.qt-catalog-btn{background:none;border:1px solid var(--border);border-radius:6px;padding:5px 7px;cursor:pointer;color:var(--text-dim);display:flex;align-items:center;transition:background .12s;flex-shrink:0}.qt-catalog-btn:hover{background:var(--hover);color:var(--text)}.qt-catalog-drop{position:absolute;top:calc(100% + 3px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 28px #00000038;z-index:50;overflow:hidden}.qt-catalog-search{width:100%;border:none;border-bottom:1px solid var(--border);background:var(--surface);padding:8px 12px;font-size:14px;color:var(--text);outline:none}.qt-catalog-item{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:14px;cursor:pointer;transition:background .1s}.qt-catalog-item:hover{background:var(--hover)}.qt-catalog-code{font-size:12.5px;font-weight:700;color:var(--primary);min-width:70px}.qt-catalog-name{flex:1;color:var(--text)}.qt-catalog-price{font-size:13.5px;color:var(--text-dim);white-space:nowrap}.qt-catalog-empty{padding:12px;text-align:center;font-size:14px;color:var(--text-dim)}.qt-item-detail-row{display:flex;gap:6px;margin-top:4px;padding-right:530px}.qt-item-detail{flex:1;resize:vertical;min-height:30px;font-size:13.5px!important;color:var(--text-secondary)!important;padding:5px 8px!important}.pm-page{max-width:100%;margin:0 auto;padding-bottom:48px}.pm-header{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px 24px 0;margin-bottom:20px}.pm-breadcrumb{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-dim);margin-bottom:14px}.pm-header-main{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.pm-project-title{font-size:22px;font-weight:800;color:var(--text)}.pm-project-meta{font-size:14px;color:var(--text-dim);margin-top:4px}.pm-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.pm-header-progress{margin-bottom:16px}.pm-tabs{display:flex;gap:0;border-top:1px solid var(--border);margin:0 -24px}.pm-tab{background:none;border:none;border-bottom:2px solid transparent;padding:10px 18px;font-size:14px;font-weight:500;color:var(--text-dim);cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.pm-tab:hover{color:var(--text)}.pm-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:700}.pm-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.pm-kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 18px;position:relative;overflow:hidden}.pm-kpi-accent{position:absolute;top:0;left:0;width:4px;height:100%;border-radius:10px 0 0 10px}.pm-kpi-label{font-size:12.5px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.pm-kpi-value{font-size:22px;font-weight:800;color:var(--text)}.pm-kpi-sub{font-size:12.5px;color:var(--text-dim);margin-top:4px}.pm-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pm-task-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s;border-radius:4px;padding:7px 6px}.pm-task-row:hover{background:var(--hover)}.pm-task-row:last-child{border-bottom:none}.pm-task-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pm-priority-badge{font-size:11px;font-weight:700}.pm-milestone-row{display:flex;align-items:center;gap:10px;padding:7px 6px;border-bottom:1px solid var(--border)}.pm-milestone-row:last-child{border-bottom:none}.pm-ms-check{width:15px;height:15px;cursor:pointer;flex-shrink:0;accent-color:var(--primary)}.pm-kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start}.pm-kanban-col{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.pm-kanban-header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--surface)}.pm-kanban-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pm-kanban-col-name{flex:1;font-size:12px;font-weight:700}.pm-kanban-count{font-size:11px;color:var(--text-dim);background:var(--surface2);padding:1px 6px;border-radius:10px}.pm-kanban-cards{padding:8px;display:flex;flex-direction:column;gap:8px;min-height:80px}.pm-kanban-add{width:100%;background:none;border:1px dashed var(--border);border-radius:6px;padding:6px;font-size:13.5px;color:var(--text-dim);cursor:pointer;transition:background .12s,color .12s}.pm-kanban-add:hover{background:var(--hover);color:var(--text)}.pm-task-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px;cursor:pointer;transition:box-shadow .15s,border-color .15s}.pm-task-card:hover{box-shadow:0 3px 12px #0000001f;border-color:var(--primary)}.pm-task-priority{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;display:inline-block;margin-bottom:6px}.pm-task-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:4px}.pm-task-desc{font-size:11px;color:var(--text-dim);margin-bottom:6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pm-task-footer{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-dim)}.pm-task-assignee{flex:1}.pm-task-due{white-space:nowrap}.pm-task-menu-wrap{position:relative;cursor:pointer;padding:2px 4px;border-radius:4px}.pm-task-menu-wrap:hover{background:var(--hover)}.pm-task-menu{position:absolute;right:0;top:100%;min-width:140px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0003;padding:4px 0;display:flex;flex-direction:column}.pm-task-menu .pm-task-menu-section{font-size:10px;color:var(--text-dim);padding:4px 12px 2px;text-transform:uppercase;font-weight:700}.pm-task-menu a{padding:7px 12px;font-size:12px;color:var(--text);cursor:pointer}.pm-task-menu a:hover{background:var(--hover)}.pm-task-menu a.danger{color:var(--danger)}.pm-ms-row{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.pm-ms-row:last-child{border-bottom:none}.pm-ms-marker{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:800;color:#fff;flex-shrink:0}.pm-gantt-head{display:flex;gap:10px;align-items:center;padding:0 0 8px;border-bottom:1px solid var(--border);margin-bottom:4px}.pm-gantt-row{display:flex;gap:10px;align-items:center;padding:6px 0}.pm-gantt-label{width:180px;flex-shrink:0;font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-gantt-bar{height:18px;border-radius:4px;min-width:4px;position:absolute;left:0;top:2px}.pm-team-grid{display:flex;flex-wrap:wrap;gap:10px}.pm-team-card{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 12px}.pm-team-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--cyan));color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pm-team-name{font-size:13px;font-weight:600}.pm-team-remove{background:none;border:none;cursor:pointer;color:var(--text-dim);font-size:14px;padding:2px 4px}.pm-team-remove:hover{color:var(--danger)}.pm-doc-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border)}.pm-doc-row:last-child{border-bottom:none}.proj-prog-wrap{display:flex;align-items:center;gap:6px}.proj-prog-pct{font-size:12.5px;color:var(--text-dim);white-space:nowrap;min-width:28px;text-align:right}.doc-empty{text-align:center;padding:48px 20px!important;color:var(--text-dim);font-size:15px}@media (max-width: 768px){.crm-layout{flex-direction:column}.crm-subnav{width:100%;min-width:unset;flex-direction:row;flex-wrap:wrap;padding:8px;border-right:none;border-bottom:1px solid var(--border)}.csn-group-title{display:none}.crm-content{padding:12px}.doc-sub{display:none}}.finance-layout{display:flex;gap:0;height:100%;min-height:calc(100vh - 60px)}.finance-sidebar{width:210px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border2);padding:20px 12px;overflow-y:auto}.finance-group-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);padding:8px 10px 4px}.finance-nav-link{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:7px;color:var(--text-muted);font-size:15px;font-weight:500;cursor:pointer;transition:all .15s;text-decoration:none}.finance-nav-link:hover{background:var(--surface2);color:var(--text)}.finance-nav-link.active{background:var(--accent-dim);color:var(--accent);font-weight:600}.finance-content{flex:1;padding:24px 28px;overflow-y:auto;min-width:0}.settings-layout{display:flex;gap:0;height:100%;min-height:calc(100vh - 60px)}.settings-sidebar{width:248px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border2);overflow-y:auto;min-height:calc(100vh - 60px)}.settings-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border2);position:sticky;top:0;background:var(--surface);z-index:1}.settings-sidebar-title{font-size:18px;font-weight:700;color:var(--accent)}.settings-sidebar-back{background:none;border:1px solid var(--border);border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-dim);transition:all .15s}.settings-sidebar-back:hover{background:var(--surface2);color:var(--text)}.settings-nav{padding:6px 0 20px}.settings-group{border-bottom:1px solid var(--border2)}.settings-group:last-child{border-bottom:none}.settings-group-header{display:flex;align-items:center;gap:10px;width:100%;padding:11px 18px;background:none;border:none;cursor:pointer;text-align:left;color:var(--text);font-size:15px;font-weight:600;transition:background .15s;text-decoration:none}.settings-group-header:hover{background:var(--surface2)}.settings-group-header.active{color:var(--accent)}.settings-group-icon{color:var(--accent);flex-shrink:0;display:flex;align-items:center}.settings-group-label{flex:1}.settings-group-chevron{transition:transform .2s;color:var(--text-dim);flex-shrink:0}.settings-group-chevron.open{transform:rotate(180deg)}.settings-group-items{padding:0 0 6px}.settings-sub-link{display:block;padding:7px 18px 7px 48px;font-size:15px;color:var(--text-dim);text-decoration:none;transition:color .12s;line-height:1.4}.settings-sub-link:hover{color:var(--text-muted)}.settings-sub-link.active{color:var(--text);font-weight:600}.settings-content{flex:1;padding:28px 32px;overflow-y:auto}.settings-section-title{font-size:20px;font-weight:700;color:var(--text);margin-bottom:6px}.settings-section-desc{font-size:14px;color:var(--text-dim);margin-bottom:24px}.settings-form{max-width:700px}.sf-row2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.settings-form .field{margin-bottom:0}.co-logo-block{display:flex;align-items:center;gap:24px;padding:20px;border:1px solid var(--border);border-radius:12px;margin-bottom:24px;max-width:700px;background:var(--bg-main)}.co-logo-preview{width:100px;height:100px;border-radius:12px;background:var(--sidebar-bg);border:1px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.co-logo-img{width:100%;height:100%;object-fit:contain;display:block}.co-logo-placeholder{font-size:48px;font-weight:900;color:var(--accent);line-height:1}.co-logo-actions{flex:1}.form-input-sm{padding:5px 8px;font-size:13.5px;height:30px}.settings-actions{display:flex;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border2)}.settings-card{border:1px solid var(--border);border-radius:12px;padding:20px 24px;background:var(--surface);max-width:860px}.settings-card-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);padding-bottom:12px;border-bottom:1px solid var(--border2)}.req{color:var(--red, #f87171)}.badge-primary{background:var(--accent-dim);color:var(--accent)}.badge-default{background:var(--surface3);color:var(--text-muted)}.btn-sm{padding:5px 12px;font-size:13.5px}.btn-xs{padding:3px 8px;font-size:12.5px}.users-table-wrap{overflow-x:auto}.perm-col{text-align:center;width:38px;padding:6px 4px}.perm-col input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:var(--accent)}.settings-perm-legend{margin-top:14px;font-size:12.5px;color:var(--text-dim);display:flex;flex-wrap:wrap;gap:12px;align-items:center}.settings-perm-legend span{white-space:nowrap}.perm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:var(--surface2);border:1px solid var(--border2);border-radius:8px;padding:14px 16px;margin-bottom:16px}.perm-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:5px;transition:color .15s}.perm-item:hover{color:var(--text)}.perm-item input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px}.dn-format-box{background:var(--surface2);border:1px solid var(--border2);border-radius:10px;padding:16px 20px;margin-bottom:24px}.dn-format-row{display:flex;gap:12px;flex-wrap:wrap}.dn-fmt-opt{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;border-radius:8px;border:2px solid var(--border2);cursor:pointer;transition:all .15s;min-width:100px}.dn-fmt-opt input[type=radio]{display:none}.dn-fmt-opt:hover{border-color:var(--accent)}.dn-fmt-opt.active{border-color:var(--accent);background:var(--accent-dim)}.dn-fmt-label{font-size:12.5px;font-weight:600;color:var(--text-dim);text-transform:uppercase}.dn-fmt-ex{font-size:13.5px;color:var(--accent);font-family:monospace}.dn-fmt-opt.active .dn-fmt-label{color:var(--accent)}.dn-types{margin-bottom:8px}.theme-picker{display:flex;gap:14px;flex-wrap:wrap;margin-top:4px}.theme-card{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;padding:4px;border-radius:12px;border:2px solid transparent;transition:border-color .15s,transform .12s}.theme-card:hover{transform:translateY(-2px)}.theme-card.active{border-color:var(--accent)}.theme-preview{width:90px;height:62px;border-radius:10px;overflow:hidden;display:flex;box-shadow:0 2px 8px #0000002e;position:relative}.theme-preview-sidebar{width:26px;height:100%;flex-shrink:0}.theme-preview-main{flex:1;padding:4px;display:flex;flex-direction:column;gap:3px}.theme-preview-topbar{height:9px;border-radius:3px;opacity:.5}.theme-preview-card{flex:1;border-radius:4px;opacity:.8}.theme-preview-accent{width:22px;height:4px;border-radius:2px;margin-top:1px}.theme-name{font-size:13.5px;font-weight:600;color:var(--text-muted)}.theme-card.active .theme-name{color:var(--accent)}.tp-light-green .theme-preview-sidebar{background:#fff;border-right:1px solid #bbf7d0}.tp-light-green .theme-preview-main{background:#f4faf6}.tp-light-green .theme-preview-topbar{background:#fff}.tp-light-green .theme-preview-card{background:#fff;border:1px solid #d1fae5}.tp-light-green .theme-preview-accent{background:#16a34a}.tp-dark .theme-preview-sidebar{background:#07071a}.tp-dark .theme-preview-main{background:#080814}.tp-dark .theme-preview-topbar{background:#10102a}.tp-dark .theme-preview-card{background:#10102a;border:1px solid #25255a}.tp-dark .theme-preview-accent{background:#4f8ef7}.tp-dark-green .theme-preview-sidebar{background:#070e09}.tp-dark-green .theme-preview-main{background:#050f07}.tp-dark-green .theme-preview-topbar{background:#0b1a0e}.tp-dark-green .theme-preview-card{background:#0b1a0e;border:1px solid #1a3a22}.tp-dark-green .theme-preview-accent{background:#22c55e}.tp-dark-purple .theme-preview-sidebar{background:#080610}.tp-dark-purple .theme-preview-main{background:#09080f}.tp-dark-purple .theme-preview-topbar{background:#13101e}.tp-dark-purple .theme-preview-card{background:#13101e;border:1px solid #2d2560}.tp-dark-purple .theme-preview-accent{background:#a855f7}.dash-chart-full{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:4px}@media(max-width:820px){.dash-chart-full{grid-template-columns:1fr}}.dash-chart-card .card-title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.dash-info-icon{font-size:13.5px;color:var(--text-dim);cursor:default;margin-left:4px;vertical-align:middle}.dash-period-select{background:var(--input-bg);border:1px solid var(--border);color:var(--text);padding:4px 10px;border-radius:7px;font-size:14px;font-family:inherit;cursor:pointer;outline:none}.dash-period-select:focus{border-color:var(--accent)}.dash-chart-legend{display:flex;align-items:center;gap:4px;font-size:14.5px;color:var(--text-muted);margin:8px 0;flex-wrap:wrap}.dash-lgd-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.dash-lgd-val{font-weight:600}.dash-chart-wrap{height:200px;position:relative}.dash-arap-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:4px}@media (max-width: 900px){.dash-arap-grid{grid-template-columns:1fr}}.dash-arap-card{display:flex;flex-direction:column}.dash-arap-total{display:flex;align-items:center;gap:6px;font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.01em;padding:8px 0 10px;border-bottom:1px solid var(--border2);margin-bottom:6px}.dash-arap-cols{display:flex;justify-content:space-between;font-size:14px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;padding:4px 0 6px;border-bottom:1px solid var(--border2);margin-bottom:2px}.dash-arap-list{max-height:260px;overflow-y:auto}.dash-arap-list::-webkit-scrollbar{width:4px}.dash-arap-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.dash-arap-row{display:flex;justify-content:space-between;align-items:flex-start;padding:9px 2px;border-bottom:1px solid var(--border2);gap:8px;transition:background .12s}.dash-arap-row:last-child{border-bottom:none}.dash-arap-row:hover{background:var(--table-hover, var(--surface2));border-radius:6px}.dash-arap-info{flex:1;min-width:0}.dash-arap-name{font-size:15px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-arap-sub{font-size:14px;color:var(--text-dim);margin-top:2px}.dash-arap-right{flex-shrink:0;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.dash-arap-amt{font-size:15px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh}.page-content{padding:0}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(22,163,74,.12) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(5,150,105,.08) 0%,transparent 60%),var(--bg)}[data-theme=dark] .login-page,[data-theme=dark-green] .login-page,[data-theme=dark-purple] .login-page{background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(79,142,247,.18) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(0,212,255,.1) 0%,transparent 60%),var(--bg)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:48px 44px 36px;width:100%;max-width:400px;box-shadow:0 24px 80px #0000002e}[data-theme=dark] .login-card,[data-theme=dark-green] .login-card,[data-theme=dark-purple] .login-card{box-shadow:0 24px 80px #00000080}.login-logo{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:36px}.login-logo-icon{width:150px;height:150px;border-radius:24px;background:linear-gradient(135deg,var(--accent),var(--cyan));color:#fff;font-size:68px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 32px #16a34a4d;overflow:hidden;position:relative;flex-shrink:0}.login-logo-img{width:100%;height:100%;object-fit:contain;display:block}.login-brand{font-size:22px;font-weight:700;text-align:center}.login-brand-sub{font-size:14px;color:var(--text-muted);margin-top:2px;text-align:center}.login-form{display:flex;flex-direction:column;gap:18px}.login-field{display:flex;flex-direction:column;gap:7px}.login-field label{font-size:14px;font-weight:500;color:var(--text-muted)}.login-input{background:var(--input-bg);border:1px solid var(--border);border-radius:8px;padding:11px 14px;color:var(--text);font-size:15px;font-family:inherit;width:100%;transition:border-color .2s,box-shadow .2s;outline:none}.login-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.login-input::placeholder{color:var(--text-dim)}.login-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--danger);border-radius:8px;padding:10px 14px;font-size:14px}.login-btn{margin-top:6px;background:linear-gradient(135deg,var(--accent),var(--accent2, #065f46));border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;font-family:inherit;padding:13px;cursor:pointer;width:100%;transition:opacity .2s,transform .1s;box-shadow:0 4px 16px #16a34a4d}.login-btn:hover:not(:disabled){opacity:.9}.login-btn:disabled{opacity:.55;cursor:not-allowed}.login-footer{text-align:center;margin-top:24px;font-size:13.5px;color:var(--text-dim)}a.nav-item.active{background:var(--accent-dim);color:var(--accent)}a.nav-item.active svg{stroke:var(--accent)}a.csn-link.active,a.settings-link.active{background:var(--accent-dim);color:var(--accent)}a.nav-item,a.csn-link,a.settings-link,a.doc-number-link{cursor:pointer;text-decoration:none;color:inherit}.settings-group-title{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);padding:16px 18px 6px}.settings-link{display:flex;align-items:center;gap:10px;padding:10px 18px;font-size:15px;font-weight:500;color:var(--text-muted);text-decoration:none;transition:background .15s,color .15s}.settings-link svg{flex-shrink:0;color:var(--accent)}.settings-link:hover{background:var(--surface2);color:var(--text)}a.settings-link.active svg{stroke:var(--accent)}.page-title{font-weight:600;font-size:16px}.brand-text{min-width:0;overflow:hidden}.brand-name,.brand-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-version{display:inline-block;font-size:11.5px;font-weight:700;background:var(--accent);color:#fff;border-radius:4px;padding:1px 5px;margin-left:4px;vertical-align:middle;letter-spacing:.3px}.cust-combo-drop{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 28px #00000024;z-index:200;max-height:300px;overflow-y:auto}.cust-combo-opt{display:flex;flex-direction:column;gap:2px;padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .1s}.cust-combo-opt:last-child{border-bottom:none}.cust-combo-opt:hover{background:var(--surface-alt, #f3f4f6)}.cust-combo-opt-name{font-weight:600;font-size:14.5px;color:var(--text)}.cust-combo-opt-addr{font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cust-combo-create{flex-direction:row;align-items:center;gap:6px;color:var(--accent);font-size:14px;font-weight:600}.cust-new-badge{margin-top:6px;font-size:13px;color:var(--accent);font-weight:600}.qt-top-grid{display:grid;grid-template-columns:minmax(0,456px) 1fr;gap:32px;align-items:start}@media (max-width: 640px){.qt-top-grid{grid-template-columns:1fr}}.qt-cust-col{display:flex;flex-direction:column;gap:0}.qt-meta-col{max-width:340px;margin-left:auto;width:100%}.qt-running-total{background:var(--surface-alt, #f8fafc);border:1px solid var(--border);border-radius:10px;padding:14px 18px;margin-bottom:16px}.qt-running-total-label{font-size:13.5px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.qt-running-total-amt{font-size:28px;font-weight:800;color:var(--accent);line-height:1.1}.qt-meta-rows{display:flex;flex-direction:column;gap:10px}.qt-meta-row{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:center}.qt-meta-label{font-size:14px;font-weight:600;color:var(--text-dim);white-space:nowrap}.form-input-sm{padding:5px 10px!important;font-size:14px!important}.qt-ref-grid{display:grid;grid-template-columns:3fr 1fr;gap:16px;align-items:center}.qt-ref-grid .field{flex-direction:row;align-items:center;gap:10px}.qt-ref-grid .field-label{white-space:nowrap;margin:0;flex-shrink:0}.qt-ref-grid .field .form-input{flex:1;min-width:0}.qt-ref-subject{grid-column:1 / -1}@media (max-width: 900px){.qt-ref-grid{grid-template-columns:1fr 1fr}}.sdm-wrap{min-width:480px}.sdm-tabs{display:flex;gap:4px;margin-bottom:18px;background:var(--surface-alt, #f3f4f6);border-radius:20px;padding:4px;width:fit-content}.sdm-tab{padding:5px 20px;border-radius:16px;border:none;background:transparent;color:var(--text-muted);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.sdm-tab.active{background:#fff;color:var(--accent);font-weight:700;box-shadow:0 1px 4px #0000001a}.sdm-body{display:flex;flex-direction:column;gap:14px}.sdm-row{display:flex;align-items:flex-start;gap:10px}.sdm-label{font-size:14px;font-weight:600;color:var(--text-dim);white-space:nowrap;min-width:120px;padding-top:5px}.sdm-info-ico{color:var(--accent);cursor:help;font-size:14px;margin-left:4px}.sdm-check{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:14px;padding-top:4px}.sdm-check input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.sdm-link-row{align-items:center}.sdm-link-group{display:flex;gap:8px;flex:1;align-items:center}.sdm-link-input{flex:1;padding:6px 10px;border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--text-dim);background:var(--surface-alt, #f9fafb);font-family:monospace;cursor:text;outline:none}.sdm-link-input:focus{border-color:var(--accent)}.sdm-copy-btn{padding:6px 14px;border-radius:8px;border:1.5px solid var(--accent);background:#fff;color:var(--accent);font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .15s,color .15s;display:flex;align-items:center;gap:5px}.sdm-copy-btn:hover{background:var(--accent);color:#fff}.sdm-copy-btn.sdm-copied{background:#16a34a;border-color:#16a34a;color:#fff}.sdm-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--border);margin-top:4px}.sdm-preview-btn{background:none;border:none;color:var(--accent);font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:4px;padding:4px 0;text-decoration:none}.sdm-preview-btn:hover{text-decoration:underline}.qt-sig-check{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14.5px;font-weight:600;color:var(--text);margin-bottom:16px;-webkit-user-select:none;user-select:none}.qt-sig-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.qt-notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 800px){.qt-notes-grid{grid-template-columns:1fr}}.qt-note-area{resize:vertical;font-family:Sarabun,monospace;font-size:14px;line-height:1.65}.qt-sig-upload{border:2px dashed var(--border);border-radius:10px;background:var(--surface-alt, #f9fafb);min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;gap:4px;font-size:14px;color:var(--text-dim);transition:border-color .15s,background .15s}.qt-sig-upload:hover{border-color:var(--accent);background:#eff6ff}.qt-sig-preview{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.qt-sig-img{max-height:100px;max-width:220px;object-fit:contain;border:1px solid var(--border);border-radius:8px;padding:6px;background:#fff}.qt-sig-actions{display:flex;gap:8px}.dash-chart-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sidebar-user-link{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-decoration:none;color:inherit;border-radius:8px;padding:4px 6px;margin:-4px -6px;transition:background .15s}.sidebar-user-link:hover{background:var(--accent-dim)}.prof-avatar-row{display:flex;align-items:center;gap:16px;margin-bottom:28px;padding:18px 20px;background:var(--surface2);border:1px solid var(--border);border-radius:12px}.prof-avatar-circle{width:64px;height:64px;border-radius:50%;background:var(--accent);color:#fff;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:-1px}.prof-display-name{font-size:18px;font-weight:700;color:var(--text);margin-bottom:6px}.prof-role-badge{display:flex}.prof-email-row{display:flex;align-items:center;gap:10px}.prof-email-input{flex:1;background:var(--surface2)!important;color:var(--text-muted)!important;cursor:default}.prof-verified-badge{display:inline-flex;align-items:center;gap:4px;background:#dcfce7;color:#15803d;font-size:13.5px;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0}[data-theme=dark] .prof-verified-badge,[data-theme=dark-green] .prof-verified-badge,[data-theme=dark-purple] .prof-verified-badge{background:#16a34a2e;color:#4ade80}.prof-perm-row{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface2);cursor:pointer;font-size:14.5px;color:var(--text-muted);margin-top:16px;-webkit-user-select:none;user-select:none;transition:background .15s}.prof-perm-row:hover{background:var(--surface3)}.prof-perm-detail{padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;margin-top:-4px;font-size:14px}.prof-sig-section{margin-top:36px;padding-top:28px;border-top:1px solid var(--border)}.prof-sig-title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:4px}.prof-sig-hint{font-size:13.5px;color:var(--text-muted);margin-bottom:16px}.prof-sig-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:2px dashed var(--border);border-radius:12px;padding:32px 20px;cursor:pointer;background:var(--surface2);transition:border-color .2s,background .2s;max-width:480px}.prof-sig-upload:hover{border-color:var(--accent);background:var(--accent-dim)}.prof-sig-preview-box{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface2);max-width:480px}.prof-sig-img{max-height:120px;max-width:400px;object-fit:contain;border-radius:8px;border:1px solid var(--border);background:#fff;padding:6px}.prof-sig-file-row{display:flex;align-items:center;gap:7px;font-size:14px;color:var(--text-muted)}.prof-sig-filename{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}.prof-sig-remove{background:none;border:none;cursor:pointer;color:var(--danger);font-size:19px;line-height:1;padding:0 4px;border-radius:4px;transition:background .15s}.prof-sig-remove:hover{background:#dc26261a}.qt-sum-table{display:flex;flex-direction:column;gap:0;max-width:480px;margin-left:auto}.qt-sum-row2{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--border2);font-size:14.5px}.qt-sum-row2:last-child{border-bottom:none}.qt-sum-label{color:var(--text-muted);flex-shrink:0}.qt-sum-val{font-weight:600;color:var(--text);white-space:nowrap;min-width:110px;text-align:right}.qt-sum-check-label{display:inline-flex;align-items:center;gap:7px;cursor:pointer;-webkit-user-select:none;user-select:none}.qt-sum-check-label input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.qt-sum-wht-sel{width:70px!important;padding:3px 6px!important;font-size:13.5px!important}.qt-sum-discount-ctrl{display:flex;align-items:center;gap:8px;justify-content:flex-end}.qt-sum-discount-amt{min-width:110px}.qt-sum-pct-input{width:64px!important;text-align:right;padding:4px 8px!important;font-size:14px!important}.qt-sum-pct-sign{font-size:13.5px;color:var(--text-muted)}.qt-sum-total{border-top:2px solid var(--accent)!important;border-bottom:none!important;padding-top:10px!important}.qt-sum-total .qt-sum-label{color:var(--accent);font-weight:700;font-size:15px}.qt-sum-total .qt-sum-val{color:var(--accent);font-size:15px}.qt-sum-netpay{border-top:2px solid var(--text)!important;border-bottom:2.5px double var(--text)!important;padding:10px 0 8px!important;margin-top:2px}.qt-sum-netpay .qt-sum-label{font-weight:700;font-size:16px;color:var(--text)}.qt-sum-netpay .qt-sum-val{font-size:17px;font-weight:800}.qt-sig-check-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}.btn-use-my-sig{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border:1.5px solid var(--border);border-radius:24px;background:var(--surface2);cursor:pointer;font-family:inherit;font-size:14px;color:var(--text);transition:border-color .15s,background .15s;white-space:nowrap}.btn-use-my-sig:hover{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.btn-use-my-sig-thumb{width:36px;height:20px;object-fit:contain;border-radius:4px;border:1px solid var(--border);background:#fff;padding:2px}.qt-sig-no-img{display:flex;flex-direction:column;gap:8px}.qt-sig-profile-opt{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1.5px solid var(--accent);border-radius:10px;background:var(--accent-dim);cursor:pointer;transition:background .15s}.qt-sig-profile-opt:hover{background:#16a34a2e}.qt-sig-profile-img{height:44px;max-width:140px;object-fit:contain;border-radius:6px;border:1px solid var(--border);background:#fff;padding:4px;flex-shrink:0}.qt-sig-profile-label{display:flex;flex-direction:column;gap:2px;flex:1}.qt-sig-upload-alt{display:flex;align-items:center;gap:8px;padding:9px 14px;border:1.5px dashed var(--border);border-radius:10px;background:var(--surface2);cursor:pointer;transition:border-color .15s,background .15s}.qt-sig-upload-alt:hover{border-color:var(--accent);background:var(--accent-dim)}.attach-count-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:13.5px;font-weight:600;background:var(--surface2);border:1px solid var(--border);color:var(--text-muted)}.attach-count-badge.attach-count-full{background:#fef2f2;border-color:#fca5a5;color:#dc2626}[data-theme=dark] .attach-count-badge.attach-count-full,[data-theme=dark-green] .attach-count-badge.attach-count-full,[data-theme=dark-purple] .attach-count-badge.attach-count-full{background:#dc26261f;border-color:#dc26264d;color:#f87171}.attach-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:2px dashed var(--border);border-radius:12px;padding:28px 20px;cursor:pointer;background:var(--surface2);transition:border-color .2s,background .2s;text-align:center;margin-bottom:12px}.attach-dropzone:hover,.attach-dropzone-active{border-color:var(--accent);background:var(--accent-dim)}.attach-list{display:flex;flex-direction:column;gap:6px;margin-top:4px}.attach-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);transition:background .15s}.attach-item:hover{background:var(--surface2)}.attach-icon{font-size:20px;flex-shrink:0;line-height:1}.attach-info{flex:1;min-width:0}.attach-name{font-size:14px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-size{font-size:13px;color:var(--text-muted);margin-top:1px}.attach-thumb{width:44px;height:34px;object-fit:cover;border-radius:5px;border:1px solid var(--border);flex-shrink:0}.attach-remove{background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;flex-shrink:0;transition:background .15s,color .15s}.attach-remove:hover{background:#dc26261a;color:var(--danger)}.acc-group-hd{display:flex;align-items:center;gap:8px;width:100%;padding:8px 16px;background:none;border:none;cursor:pointer;font-size:15px;font-weight:600;color:var(--text);text-decoration:none;transition:background .15s,color .15s}.acc-group-hd:hover{background:var(--surface2);color:var(--accent)}.acc-group-hd.active{color:var(--accent);background:var(--surface2)}.acc-group-icon{display:flex;align-items:center;color:var(--accent);flex-shrink:0}.acc-sub-link{display:block;padding:6px 16px 6px 40px;font-size:15px;color:var(--text-dim);text-decoration:none;transition:background .15s,color .15s;border-left:2px solid transparent;margin-left:16px}.acc-sub-link:hover{color:var(--accent);background:var(--surface2)}.acc-sub-link.active{color:var(--accent);background:var(--surface2);border-left-color:var(--accent);font-weight:600}.sidebar{position:relative;transition:width .2s ease,transform .3s ease}.sidebar-collapse-btn{position:absolute;top:64px;right:-13px;z-index:210;width:26px;height:26px;border-radius:50%;border:1px solid var(--border2);background:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);box-shadow:0 1px 5px #00000024;transition:color .15s,border-color .15s}.sidebar-collapse-btn:hover{color:var(--accent);border-color:var(--accent)}.sidebar.collapsed{width:74px}.sidebar.collapsed .brand-text,.sidebar.collapsed .brand-version,.sidebar.collapsed .nav-section,.sidebar.collapsed .user-info{display:none}.sidebar.collapsed .sidebar-brand{padding:16px 8px}.sidebar.collapsed .brand-icon{width:46px;height:46px;border-radius:12px}.sidebar.collapsed .brand-icon-letter{font-size:26px}.sidebar.collapsed .nav-item{justify-content:center;padding:11px 0;gap:0}.sidebar.collapsed .nav-item span{display:none}.sidebar.collapsed .sidebar-user{justify-content:center;padding:14px 8px}.sidebar.collapsed .sidebar-user-link{justify-content:center}.sidebar.collapsed .user-back{display:none}@media (max-width: 900px){.sidebar-collapse-btn{display:none}.sidebar.collapsed{width:var(--sidebar-w)}.sidebar.collapsed .brand-text,.sidebar.collapsed .nav-section,.sidebar.collapsed .nav-item span,.sidebar.collapsed .user-info{display:revert}}.pl-page{display:flex;flex-direction:column;height:100%;min-height:0}.pl-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:4px 2px 14px}.pl-bc{display:flex;align-items:center;gap:6px;font-size:15px}.pl-bc-team{color:var(--accent);font-weight:600}.pl-bc-sep{color:var(--text-dim)}.pl-bc-cur{font-weight:700;color:var(--text)}.pl-search{flex:1;min-width:200px;max-width:360px;background:var(--input-bg);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:8px;font-size:14px;font-family:inherit;outline:none}.pl-search:focus{border-color:var(--accent)}.pl-total{margin-left:auto;font-size:14px;color:var(--text-muted)}.pl-total b{color:var(--text);font-size:15px}.pl-board{display:flex;gap:14px;align-items:flex-start;overflow-x:auto;padding:2px 2px 16px;flex:1;min-height:0}.pl-col{flex:1 1 260px;min-width:260px;background:var(--surface2, rgba(120,130,150,.06));border-radius:12px;padding:10px;display:flex;flex-direction:column;max-height:100%;transition:background .15s,box-shadow .15s}.pl-col-over{background:var(--accent-dim);box-shadow:inset 0 0 0 2px var(--accent)}.pl-col-head{padding:2px 4px 8px}.pl-col-titlerow{display:flex;align-items:center;justify-content:space-between}.pl-col-title{font-size:15px;font-weight:700;color:var(--text)}.pl-col-add{width:24px;height:24px;border-radius:6px;border:none;cursor:pointer;background:transparent;color:var(--text-muted);font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .12s}.pl-col-add:hover{background:var(--accent);color:#fff}.pl-col-bar{display:flex;gap:2px;height:4px;border-radius:3px;overflow:hidden;margin:8px 0 6px;background:var(--border)}.pl-col-bar i{display:block;height:100%}.pl-col-meta{display:flex;justify-content:space-between;align-items:baseline}.pl-col-count{font-size:12px;color:var(--text-dim)}.pl-col-sum{font-size:14.5px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.pl-col-body{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:4px 2px 2px;min-height:60px}.pl-col-body::-webkit-scrollbar{width:5px}.pl-col-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.pl-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;padding:11px 12px;cursor:grab;transition:box-shadow .12s,transform .12s;box-shadow:0 1px 2px #0000000a}.pl-card:hover{box-shadow:0 4px 14px #0000001f;transform:translateY(-1px)}.pl-card-drag{opacity:.5}.pl-card-title{font-size:14.5px;font-weight:600;color:var(--text);line-height:1.3}.pl-card-val{font-size:14px;font-weight:700;color:var(--success, #16a34a);margin-top:3px;font-variant-numeric:tabular-nums}.pl-card-cust{font-size:13px;color:var(--text-muted);margin-top:2px}.pl-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.pl-tag{font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:20px}.pl-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.pl-stars{display:inline-flex;gap:1px}.pl-star{color:var(--border);cursor:pointer;font-size:15px;line-height:1;transition:color .1s}.pl-star:hover,.pl-star.on{color:#f59e0b}.pl-card-right{display:flex;align-items:center;gap:8px}.pl-activity{font-size:15px}.pl-avatar{width:24px;height:24px;border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.pl-empty{border:1.5px dashed var(--border);border-radius:8px;padding:18px 8px;text-align:center;font-size:12.5px;color:var(--text-dim)}

.modal.modal-lead{width:100%;height:100%;max-height:calc(100vh - 40px);border-radius:12px}

.modal.modal-full{width:98vw;max-width:98vw;max-height:calc(100vh - 28px);border-radius:12px}


.acc-chips{display:none}

.acc-chip{display:inline-flex;align-items:center;padding:7px 10px;border-radius:7px;font-size:14px;color:var(--text-muted);text-decoration:none;white-space:nowrap;cursor:pointer}

.acc-chip.active{background:var(--accent-dim);color:var(--accent);font-weight:600}


.modal.modal-wide{width:fit-content;min-width:min(520px,92vw);max-width:min(840px,96vw)}


.doc-status-badge.dot-red{background:#ef444426;color:#ef4444}



















































































































































































































.modal.modal-tall{height:calc(100vh - 28px)}

.modal.dv-modal{width:98vw;max-width:98vw;height:calc(100vh - 24px);max-height:calc(100vh - 24px);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}

.modal.dv-modal .modal-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:10px 14px 14px;overflow:hidden}

.dv-wrap{display:flex;flex-direction:column;min-height:0;flex:1}

.dv-bar{display:flex;justify-content:flex-end;margin-bottom:8px;flex:0 0 auto}

.dv-body{flex:1;min-height:0;display:flex}

.dv-frame{width:100%;height:100%;border:1px solid var(--border);border-radius:8px;background:#fff}

.dv-imgwrap{flex:1;min-height:0;overflow:auto;text-align:center}

.modal.dv-modal:fullscreen{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border-radius:0;border:none}

/*erp-co-theme*/[data-theme=flowaccount]{--bg:#f5f7fa;--surface:#ffffff;--surface2:#eef6fb;--surface3:#d8f0fa;--sidebar:#ffffff;--sidebar-bg:#eef6fb;--border:#c9e4f2;--border2:#e3eef5;--accent:#2898cb;--accent2:#1a84b5;--accent-dim:rgba(40,152,203,.12);--cyan:#1a84b5;--text:#2e3642;--text-muted:#5b6672;--text-dim:#9aa4b1;--success:#4bb958;--warning:#fea000;--danger:#f27474;--info:#3077eb;--card-shadow:0 1px 4px rgba(46,54,66,.08);--input-bg:#ffffff;--table-hover:rgba(40,152,203,.05)}[data-theme=flowaccount] .login-page{background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(40,152,203,.14) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(26,132,181,.08) 0%,transparent 60%),var(--bg)}[data-theme=flowaccount] .btn-success{background:var(--success)}[data-theme=flowaccount] .btn-success:hover{background:#3f9f4b}[data-theme=flowaccount] .sdm-copy-btn.sdm-copied{background:var(--success);border-color:var(--success)}[data-theme=flowaccount] .qt-sig-profile-opt:hover{background:var(--accent-dim)}[data-theme=flowaccount] .prof-verified-badge{background:#e3f4e6;color:#2f7d3a}[data-theme=flowaccount] .login-logo-icon{box-shadow:0 12px 32px rgba(40,152,203,.3)}/*/erp-co-theme*/
/*erp-m-fin*/@media screen and (max-width:820px){table.fin-scroll-m{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.fin-exp-m{display:block;border:none;min-width:0!important}.fin-exp-m thead{display:none}.fin-exp-m tbody{display:block}.fin-exp-m tbody tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:'d menu' 'num menu' 'cust menu' 'proj menu' 'amt stat';align-items:center;column-gap:10px;row-gap:2px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;margin-bottom:9px;background:var(--surface)}.fin-exp-m tbody td{display:none;border:none!important;padding:0!important;white-space:normal!important;max-width:100%}.fin-exp-m tbody td:nth-child(1){display:block;grid-area:num;font-weight:700;font-size:15px}.fin-exp-m tbody td:nth-child(4){display:block;grid-area:d;font-size:12px;color:var(--text-muted)}.fin-exp-m tbody td:nth-child(5){display:block;grid-area:cust;font-size:13.5px;line-height:1.35}.fin-exp-m tbody td:nth-child(6){display:block;grid-area:proj;font-size:12.5px;color:var(--text-muted);line-height:1.3}.fin-exp-m tbody td:nth-child(10){display:block;grid-area:amt;font-weight:700;font-size:14px;text-align:left!important;margin-top:5px}.fin-exp-m tbody td:nth-child(11){display:block;grid-area:stat;justify-self:end;align-self:center;font-size:12px;margin-top:5px}.fin-exp-m tbody td:nth-child(12){display:flex;grid-area:menu;align-items:center;justify-content:flex-end}.fin-exp-m tbody td:first-child:last-child{display:block;grid-area:num;font-weight:400;color:var(--text-muted);text-align:center}.fin-wht-m{display:block;border:none;min-width:0!important}.fin-wht-m thead{display:none}.fin-wht-m tbody{display:block}.fin-wht-m tbody tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:'d menu' 'num menu' 'cust menu' 'proj menu' 'amt stat';align-items:center;column-gap:10px;row-gap:2px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;margin-bottom:9px;background:var(--surface)}.fin-wht-m tbody td{display:none;border:none!important;padding:0!important;white-space:normal!important;max-width:100%}.fin-wht-m tbody td:nth-child(2){display:block;grid-area:num;font-weight:700;font-size:15px}.fin-wht-m tbody td:nth-child(3){display:block;grid-area:d;font-size:12px;color:var(--text-muted)}.fin-wht-m tbody td:nth-child(4){display:block;grid-area:cust;font-size:13.5px;line-height:1.35}.fin-wht-m tbody td:nth-child(6){display:block;grid-area:proj;font-size:12.5px;color:var(--text-muted);line-height:1.3}.fin-wht-m tbody td:nth-child(8){display:block;grid-area:amt;font-weight:700;font-size:14px;text-align:left!important;margin-top:5px}.fin-wht-m tbody td:nth-child(9){display:block;grid-area:stat;justify-self:end;align-self:center;font-size:12px;margin-top:5px}.fin-wht-m tbody td:nth-child(10){display:flex;grid-area:menu;align-items:center;justify-content:flex-end}.fin-wht-m tbody td:first-child:last-child{display:block;grid-area:num;font-weight:400;color:var(--text-muted);text-align:center}.fin-pay-m{display:block;border:none;min-width:0!important}.fin-pay-m thead{display:none}.fin-pay-m tbody{display:block}.fin-pay-m tbody tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:'d menu' 'num menu' 'cust menu' 'proj menu' 'amt stat';align-items:center;column-gap:10px;row-gap:2px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;margin-bottom:9px;background:var(--surface)}.fin-pay-m tbody td{display:none;border:none!important;padding:0!important;white-space:normal!important;max-width:100%}.fin-pay-m tbody td:nth-child(1){display:block;grid-area:num;font-weight:700;font-size:15px}.fin-pay-m tbody td:nth-child(4){display:block;grid-area:d;font-size:12px;color:var(--text-muted)}.fin-pay-m tbody td:nth-child(5){display:block;grid-area:cust;font-size:13.5px;line-height:1.35}.fin-pay-m tbody td:nth-child(6){display:block;grid-area:proj;font-size:12.5px;color:var(--text-muted);line-height:1.3}.fin-pay-m tbody td:nth-child(9){display:block;grid-area:amt;font-weight:700;font-size:14px;text-align:left!important;margin-top:5px}.fin-pay-m tbody td:nth-child(10){display:block;grid-area:stat;justify-self:end;align-self:center;font-size:12px;margin-top:5px}.fin-pay-m tbody td:nth-child(11){display:flex;grid-area:menu;align-items:center;justify-content:flex-end}.fin-pay-m tbody td:first-child:last-child{display:block;grid-area:num;font-weight:400;color:var(--text-muted);text-align:center}.hr-petty-m{display:block;border:none;min-width:0!important}.hr-petty-m thead{display:none}.hr-petty-m tbody{display:block}.hr-petty-m tbody tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:'d menu' 'num menu' 'cust menu' 'proj menu' 'amt stat';align-items:center;column-gap:10px;row-gap:2px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;margin-bottom:9px;background:var(--surface)}.hr-petty-m tbody td{display:none;border:none!important;padding:0!important;white-space:normal!important;max-width:100%}.hr-petty-m tbody td:nth-child(2){display:block;grid-area:num;font-weight:700;font-size:15px}.hr-petty-m tbody td:nth-child(1){display:block;grid-area:d;font-size:12px;color:var(--text-muted)}.hr-petty-m tbody td:nth-child(5){display:block;grid-area:cust;font-size:13.5px;line-height:1.35}.hr-petty-m tbody td:nth-child(4){display:block;grid-area:proj;font-size:12.5px;color:var(--text-muted);line-height:1.3}.hr-petty-m tbody td:nth-child(6){display:block;grid-area:amt;font-weight:700;font-size:14px;text-align:left!important;margin-top:5px}.hr-petty-m tbody td:nth-child(7){display:block;grid-area:stat;justify-self:end;align-self:center;font-size:12px;margin-top:5px}.hr-petty-m tbody td:nth-child(8){display:flex;grid-area:menu;align-items:center;justify-content:flex-end}.hr-petty-m tbody td:first-child:last-child{display:block;grid-area:num;font-weight:400;color:var(--text-muted);text-align:center}.hr-leave-m{display:block;border:none;min-width:0!important}.hr-leave-m thead{display:none}.hr-leave-m tbody{display:block}.hr-leave-m tbody tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:'d menu' 'num menu' 'cust menu' 'proj menu' 'amt stat';align-items:center;column-gap:10px;row-gap:2px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;margin-bottom:9px;background:var(--surface)}.hr-leave-m tbody td{display:none;border:none!important;padding:0!important;white-space:normal!important;max-width:100%}.hr-leave-m tbody td:nth-child(2){display:block;grid-area:num;font-weight:700;font-size:15px}.hr-leave-m tbody td:nth-child(4){display:block;grid-area:d;font-size:12px;color:var(--text-muted)}.hr-leave-m tbody td:nth-child(7){display:block;grid-area:cust;font-size:13.5px;line-height:1.35}.hr-leave-m tbody td:nth-child(3){display:block;grid-area:proj;font-size:12.5px;color:var(--text-muted);line-height:1.3}.hr-leave-m tbody td:nth-child(6){display:block;grid-area:amt;font-weight:700;font-size:14px;text-align:left!important;margin-top:5px}.hr-leave-m tbody td:nth-child(8){display:block;grid-area:stat;justify-self:end;align-self:center;font-size:12px;margin-top:5px}.hr-leave-m tbody td:nth-child(9){display:flex;grid-area:menu;align-items:center;justify-content:flex-end}.hr-leave-m tbody td:first-child:last-child{display:block;grid-area:num;font-weight:400;color:var(--text-muted);text-align:center}.hr-ot-m{display:block;border:none;min-width:0!important}.hr-ot-m thead{display:none}.hr-ot-m tbody{display:block}.hr-ot-m tbody tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:'d menu' 'num menu' 'cust menu' 'proj menu' 'amt stat';align-items:center;column-gap:10px;row-gap:2px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;margin-bottom:9px;background:var(--surface)}.hr-ot-m tbody td{display:none;border:none!important;padding:0!important;white-space:normal!important;max-width:100%}.hr-ot-m tbody td:nth-child(2){display:block;grid-area:num;font-weight:700;font-size:15px}.hr-ot-m tbody td:nth-child(1){display:block;grid-area:d;font-size:12px;color:var(--text-muted)}.hr-ot-m tbody td:nth-child(4){display:block;grid-area:cust;font-size:13.5px;line-height:1.35}.hr-ot-m tbody td:nth-child(3){display:block;grid-area:proj;font-size:12.5px;color:var(--text-muted);line-height:1.3}.hr-ot-m tbody td:nth-child(5){display:block;grid-area:amt;font-weight:700;font-size:14px;text-align:left!important;margin-top:5px}.hr-ot-m tbody td:nth-child(6){display:block;grid-area:stat;justify-self:end;align-self:center;font-size:12px;margin-top:5px}.hr-ot-m tbody td:nth-child(7){display:flex;grid-area:menu;align-items:center;justify-content:flex-end}.hr-ot-m tbody td:first-child:last-child{display:block;grid-area:num;font-weight:400;color:var(--text-muted);text-align:center}.hr-rep-m{display:block;border:none;min-width:0!important}.hr-rep-m thead{display:none}.hr-rep-m tbody{display:block}.hr-rep-m tbody tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:'d menu' 'num menu' 'cust menu' 'proj menu' 'amt stat';align-items:center;column-gap:10px;row-gap:2px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;margin-bottom:9px;background:var(--surface)}.hr-rep-m tbody td{display:none;border:none!important;padding:0!important;white-space:normal!important;max-width:100%}.hr-rep-m tbody td:nth-child(2){display:block;grid-area:num;font-weight:700;font-size:15px}.hr-rep-m tbody td:nth-child(1){display:block;grid-area:d;font-size:12px;color:var(--text-muted)}.hr-rep-m tbody td:nth-child(3){display:block;grid-area:cust;font-size:13.5px;line-height:1.35}.hr-rep-m tbody td:nth-child(4){display:block;grid-area:proj;font-size:12.5px;color:var(--text-muted);line-height:1.3}.hr-rep-m tbody td:nth-child(6){display:block;grid-area:amt;font-weight:700;font-size:14px;text-align:left!important;margin-top:5px}.hr-rep-m tbody td:nth-child(8){display:block;grid-area:stat;justify-self:end;align-self:center;font-size:12px;margin-top:5px}.hr-rep-m tbody td:first-child:last-child{display:block;grid-area:num;font-weight:400;color:var(--text-muted);text-align:center}.hr-checkin-m{display:block;border:none;min-width:0!important}.hr-checkin-m thead{display:none}.hr-checkin-m tbody{display:block}.hr-checkin-m tbody tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:'d menu' 'num menu' 'cust menu' 'proj menu' 'amt stat';align-items:center;column-gap:10px;row-gap:2px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;margin-bottom:9px;background:var(--surface)}.hr-checkin-m tbody td{display:none;border:none!important;padding:0!important;white-space:normal!important;max-width:100%}.hr-checkin-m tbody td:nth-child(2){display:block;grid-area:num;font-weight:700;font-size:15px}.hr-checkin-m tbody td:nth-child(4){display:block;grid-area:d;font-size:12px;color:var(--text-muted)}.hr-checkin-m tbody td:nth-child(7){display:block;grid-area:cust;font-size:13.5px;line-height:1.35}.hr-checkin-m tbody td:nth-child(5){display:block;grid-area:amt;font-weight:700;font-size:14px;text-align:left!important;margin-top:5px}.hr-checkin-m tbody td:nth-child(3){display:block;grid-area:stat;justify-self:end;align-self:center;font-size:12px;margin-top:5px}.hr-checkin-m tbody td:nth-child(10){display:flex;grid-area:menu;align-items:center;justify-content:flex-end}.hr-checkin-m tbody td:first-child:last-child{display:block;grid-area:num;font-weight:400;color:var(--text-muted);text-align:center}.hr-work-m{display:block;border:none;min-width:0!important}.hr-work-m thead{display:none}.hr-work-m tbody{display:block}.hr-work-m tbody tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:'d menu' 'num menu' 'cust menu' 'proj menu' 'amt stat';align-items:center;column-gap:10px;row-gap:2px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;margin-bottom:9px;background:var(--surface)}.hr-work-m tbody td{display:none;border:none!important;padding:0!important;white-space:normal!important;max-width:100%}.hr-work-m tbody td:nth-child(2){display:block;grid-area:num;font-weight:700;font-size:15px}.hr-work-m tbody td:nth-child(1){display:block;grid-area:d;font-size:12px;color:var(--text-muted)}.hr-work-m tbody td:nth-child(3){display:block;grid-area:cust;font-size:13.5px;line-height:1.35}.hr-work-m tbody td:nth-child(7){display:block;grid-area:proj;font-size:12.5px;color:var(--text-muted);line-height:1.3}.hr-work-m tbody td:nth-child(5){display:block;grid-area:amt;font-weight:700;font-size:14px;text-align:left!important;margin-top:5px}.hr-work-m tbody td:nth-child(6){display:block;grid-area:stat;justify-self:end;align-self:center;font-size:12px;margin-top:5px}.hr-work-m tbody td:first-child:last-child{display:block;grid-area:num;font-weight:400;color:var(--text-muted);text-align:center}.hr-assign-m{display:block;border:none;min-width:0!important}.hr-assign-m thead{display:none}.hr-assign-m tbody{display:block}.hr-assign-m tbody tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:'d menu' 'num menu' 'cust menu' 'proj menu' 'amt stat';align-items:center;column-gap:10px;row-gap:2px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;margin-bottom:9px;background:var(--surface)}.hr-assign-m tbody td{display:none;border:none!important;padding:0!important;white-space:normal!important;max-width:100%}.hr-assign-m tbody td:nth-child(1){display:block;grid-area:num;font-weight:700;font-size:15px}.hr-assign-m tbody td:nth-child(4){display:block;grid-area:d;font-size:12px;color:var(--text-muted)}.hr-assign-m tbody td:nth-child(2){display:block;grid-area:cust;font-size:13.5px;line-height:1.35}.hr-assign-m tbody td:nth-child(3){display:block;grid-area:proj;font-size:12.5px;color:var(--text-muted);line-height:1.3}.hr-assign-m tbody td:nth-child(6){display:block;grid-area:amt;font-weight:700;font-size:14px;text-align:left!important;margin-top:5px}.hr-assign-m tbody td:nth-child(5){display:block;grid-area:stat;justify-self:end;align-self:center;font-size:12px;margin-top:5px}.hr-assign-m tbody td:nth-child(7){display:flex;grid-area:menu;align-items:center;justify-content:flex-end}.hr-assign-m tbody td:first-child:last-child{display:block;grid-area:num;font-weight:400;color:var(--text-muted);text-align:center}.hr-emp-m{display:block;border:none;min-width:0!important}.hr-emp-m thead{display:none}.hr-emp-m tbody{display:block}.hr-emp-m tbody tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:'d menu' 'num menu' 'cust menu' 'proj menu' 'amt stat';align-items:center;column-gap:10px;row-gap:2px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;margin-bottom:9px;background:var(--surface)}.hr-emp-m tbody td{display:none;border:none!important;padding:0!important;white-space:normal!important;max-width:100%}.hr-emp-m tbody td:nth-child(3){display:block;grid-area:num;font-weight:700;font-size:15px}.hr-emp-m tbody td:nth-child(1){display:block;grid-area:d;font-size:12px;color:var(--text-muted)}.hr-emp-m tbody td:nth-child(4){display:block;grid-area:cust;font-size:13.5px;line-height:1.35}.hr-emp-m tbody td:nth-child(5){display:block;grid-area:proj;font-size:12.5px;color:var(--text-muted);line-height:1.3}.hr-emp-m tbody td:nth-child(7){display:block;grid-area:amt;font-weight:700;font-size:14px;text-align:left!important;margin-top:5px}.hr-emp-m tbody td:nth-child(8){display:block;grid-area:stat;justify-self:end;align-self:center;font-size:12px;margin-top:5px}.hr-emp-m tbody td:nth-child(9){display:flex;grid-area:menu;align-items:center;justify-content:flex-end}.hr-emp-m tbody td:first-child:last-child{display:block;grid-area:num;font-weight:400;color:var(--text-muted);text-align:center}.crm-cfile-m{display:block;border:none;min-width:0!important}.crm-cfile-m thead{display:none}.crm-cfile-m tbody{display:block}.crm-cfile-m tbody tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:'d menu' 'num menu' 'cust menu' 'proj menu' 'amt stat';align-items:center;column-gap:10px;row-gap:2px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;margin-bottom:9px;background:var(--surface)}.crm-cfile-m tbody td{display:none;border:none!important;padding:0!important;white-space:normal!important;max-width:100%}.crm-cfile-m tbody td:nth-child(1){display:block;grid-area:num;font-weight:700;font-size:15px}.crm-cfile-m tbody td:nth-child(4){display:block;grid-area:d;font-size:12px;color:var(--text-muted)}.crm-cfile-m tbody td:nth-child(3){display:block;grid-area:cust;font-size:13.5px;line-height:1.35}.crm-cfile-m tbody td:nth-child(2){display:block;grid-area:amt;font-weight:700;font-size:14px;text-align:left!important;margin-top:5px}.crm-cfile-m tbody td:nth-child(5){display:block;grid-area:stat;justify-self:end;align-self:center;font-size:12px;margin-top:5px}.crm-cfile-m tbody td:nth-child(6){display:flex;grid-area:menu;align-items:center;justify-content:flex-end}.crm-cfile-m tbody td:first-child:last-child{display:block;grid-area:num;font-weight:400;color:var(--text-muted);text-align:center}.docctrl-m{display:block;border:none;min-width:0!important}.docctrl-m thead{display:none}.docctrl-m tbody{display:block}.docctrl-m tbody tr{display:flex;flex-wrap:wrap;gap:5px 10px;align-items:center;border:1px solid var(--border);border-radius:12px;margin-bottom:9px;padding:11px 13px;background:var(--surface)}.docctrl-m tbody td{display:block;border:none!important;padding:0!important;white-space:normal!important;max-width:100%}.docctrl-m tbody td:nth-child(1){display:none}.docctrl-m tbody td:nth-child(2){flex:1 1 100%;font-weight:700;font-size:14px}.docctrl-m tbody td:nth-child(3){flex:1 1 100%;font-size:13.5px;line-height:1.35}.docctrl-m tbody td:nth-child(4){font-size:12px;color:var(--text-muted)}.docctrl-m tbody td:nth-child(7){font-size:12px;color:var(--text-muted)}.docctrl-m tbody td:nth-child(9){font-size:12px;color:var(--text-muted)}.docctrl-m tbody td:last-child{flex:1 1 100%;display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.docctrl-m tbody td select,.docctrl-m tbody td input{max-width:100%}.po-m{display:block;border:none;min-width:0!important}.po-m thead{display:none}.po-m tbody{display:block}.po-m tbody tr{display:flex;flex-wrap:wrap;gap:5px 10px;align-items:center;border:1px solid var(--border);border-radius:12px;margin-bottom:9px;padding:11px 13px;background:var(--surface)}.po-m tbody td{display:block;border:none!important;padding:0!important;white-space:normal!important;max-width:100%}.po-m tbody td:nth-child(1){flex:1 1 100%;font-weight:700;font-size:14px}.po-m tbody td:nth-child(2){flex:1 1 100%;font-size:13.5px;line-height:1.35}.po-m tbody td:nth-child(3){flex:1 1 100%;font-size:13.5px;line-height:1.35}.po-m tbody td:nth-child(4){font-size:12px;color:var(--text-muted)}.po-m tbody td:nth-child(6){font-size:12px;color:var(--text-muted)}.po-m tbody td:nth-child(8){font-size:12px;color:var(--text-muted)}.po-m tbody td:last-child{flex:1 1 100%;display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.po-m tbody td select,.po-m tbody td input{max-width:100%}.pr-m{display:block;border:none;min-width:0!important}.pr-m thead{display:none}.pr-m tbody{display:block}.pr-m tbody tr{display:flex;flex-wrap:wrap;gap:5px 10px;align-items:center;border:1px solid var(--border);border-radius:12px;margin-bottom:9px;padding:11px 13px;background:var(--surface)}.pr-m tbody td{display:block;border:none!important;padding:0!important;white-space:normal!important;max-width:100%}.pr-m tbody td:nth-child(1){flex:1 1 100%;font-weight:700;font-size:14px}.pr-m tbody td:nth-child(5){flex:1 1 100%;font-size:13.5px;line-height:1.35}.pr-m tbody td:nth-child(2){font-size:12px;color:var(--text-muted)}.pr-m tbody td:nth-child(3){font-size:12px;color:var(--text-muted)}.pr-m tbody td:nth-child(4){font-size:12px;color:var(--text-muted)}.pr-m tbody td:nth-child(7){font-size:12px;color:var(--text-muted)}.pr-m tbody td:last-child{flex:1 1 100%;display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.pr-m tbody td select,.pr-m tbody td input{max-width:100%}.rb-m{display:block;border:none;min-width:0!important}.rb-m thead{display:none}.rb-m tbody{display:block}.rb-m tbody tr{display:flex;flex-wrap:wrap;gap:5px 10px;align-items:center;border:1px solid var(--border);border-radius:12px;margin-bottom:9px;padding:11px 13px;background:var(--surface)}.rb-m tbody td{display:block;border:none!important;padding:0!important;white-space:normal!important;max-width:100%}.rb-m tbody td:nth-child(1){flex:1 1 100%;font-weight:700;font-size:14px}.rb-m tbody td:nth-child(3){flex:1 1 100%;font-size:13.5px;line-height:1.35}.rb-m tbody td:nth-child(4){font-size:12px;color:var(--text-muted)}.rb-m tbody td:nth-child(5){font-size:12px;color:var(--text-muted)}.rb-m tbody td:nth-child(6){font-size:12px;color:var(--text-muted)}.rb-m tbody td:nth-child(9){font-size:12px;color:var(--text-muted)}.rb-m tbody td:last-child{flex:1 1 100%;display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.rb-m tbody td select,.rb-m tbody td input{max-width:100%}.visitor-m{display:block;border:none;min-width:0!important}.visitor-m thead{display:none}.visitor-m tbody{display:block}.visitor-m tbody tr{display:flex;flex-wrap:wrap;gap:5px 10px;align-items:center;border:1px solid var(--border);border-radius:12px;margin-bottom:9px;padding:11px 13px;background:var(--surface)}.visitor-m tbody td{display:block;border:none!important;padding:0!important;white-space:normal!important;max-width:100%}.visitor-m tbody td:nth-child(1){flex:1 1 100%;font-weight:700;font-size:14px}.visitor-m tbody td:nth-child(2){flex:1 1 100%;font-size:13.5px;line-height:1.35}.visitor-m tbody td:nth-child(3){font-size:12px;color:var(--text-muted)}.visitor-m tbody td:nth-child(4){font-size:12px;color:var(--text-muted)}.visitor-m tbody td:nth-child(5){font-size:12px;color:var(--text-muted)}.visitor-m tbody td:last-child{flex:1 1 100%;display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.visitor-m tbody td select,.visitor-m tbody td input{max-width:100%}.acc-move-m{display:block;border:none;min-width:0!important}.acc-move-m thead{display:none}.acc-move-m tbody{display:block}.acc-move-m tbody tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:'d menu' 'num menu' 'cust menu' 'proj menu' 'amt stat';align-items:center;column-gap:10px;row-gap:2px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;margin-bottom:9px;background:var(--surface)}.acc-move-m tbody td{display:none;border:none!important;padding:0!important;white-space:normal!important;max-width:100%}.acc-move-m tbody td:nth-child(3){display:block;grid-area:num;font-weight:700;font-size:15px}.acc-move-m tbody td:nth-child(1){display:block;grid-area:d;font-size:12px;color:var(--text-muted)}.acc-move-m tbody td:nth-child(4){display:block;grid-area:cust;font-size:13.5px;line-height:1.35}.acc-move-m tbody td:nth-child(5){display:block;grid-area:amt;font-weight:700;font-size:14px;text-align:left!important;margin-top:5px}.acc-move-m tbody td:nth-child(6){display:flex;grid-area:menu;align-items:center;justify-content:flex-end}.acc-move-m tbody td:first-child:last-child{display:block;grid-area:num;font-weight:400;color:var(--text-muted);text-align:center}.payroll-m{display:block;border:none;min-width:0!important}.payroll-m thead{display:none}.payroll-m tbody{display:block}.payroll-m tbody tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:'d menu' 'num menu' 'cust menu' 'proj menu' 'amt stat';align-items:center;column-gap:10px;row-gap:2px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;margin-bottom:9px;background:var(--surface)}.payroll-m tbody td{display:none;border:none!important;padding:0!important;white-space:normal!important;max-width:100%}.payroll-m tbody td:nth-child(1){display:block;grid-area:num;font-weight:700;font-size:15px}.payroll-m tbody td:nth-child(2){display:block;grid-area:d;font-size:12px;color:var(--text-muted)}.payroll-m tbody td:nth-child(3){display:block;grid-area:cust;font-size:13.5px;line-height:1.35}.payroll-m tbody td:nth-child(4){display:block;grid-area:proj;font-size:12.5px;color:var(--text-muted);line-height:1.3}.payroll-m tbody td:nth-child(12){display:block;grid-area:amt;font-weight:700;font-size:14px;text-align:left!important;margin-top:5px}.payroll-m tbody td:nth-child(13){display:block;grid-area:stat;justify-self:end;align-self:center;font-size:12px;margin-top:5px}.payroll-m tbody td:nth-child(14){display:flex;grid-area:menu;align-items:center;justify-content:flex-end}.payroll-m tbody td:first-child:last-child{display:block;grid-area:num;font-weight:400;color:var(--text-muted);text-align:center}.settings-content div{flex-wrap:wrap}.settings-content input,.settings-content select{max-width:100%}}@media (max-width:820px){.pl-board{scroll-snap-type:x mandatory;gap:10px!important;padding-bottom:8px;-webkit-overflow-scrolling:touch}.pl-col{flex:0 0 86vw!important;width:86vw!important;min-width:0!important;max-width:86vw!important;scroll-snap-align:start}.pl-col-head{position:sticky;top:0;z-index:2;background:var(--surface)}}@media (max-width:768px){.finance-sidebar{gap:7px!important;padding:12px 14px!important;background:var(--surface)}.finance-nav-link{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:99px;padding:7px 14px!important;font-size:13px;line-height:1.2;background:var(--surface2);color:var(--text);font-weight:500;transition:background .15s}.finance-nav-link svg{width:14px;height:14px;flex-shrink:0}.finance-nav-link.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700;box-shadow:0 2px 8px rgba(22,163,74,.3)}}@media (max-width:820px){.modal-body form{min-width:0!important}.modal-body>form>div,.modal-body>div{min-width:0!important}.modal-body .attach-dropzone{min-width:0!important;max-width:100%}}@media (max-width:820px){.pm-header-main{flex-wrap:wrap!important}.pm-header-actions{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:8px}.pm-header-actions .doc-status-select{flex:1 1 auto;max-width:190px}.pm-two-col{grid-template-columns:1fr!important}.pm-tabs{flex-wrap:wrap!important;overflow-x:visible!important;gap:5px!important;padding:8px 12px!important;margin:0!important;border-top:1px solid var(--border)}.pm-tabs>*{flex-shrink:1!important}.pm-tab{border:1px solid var(--border)!important;border-radius:99px!important;padding:5px 10px!important;font-size:12px!important;background:var(--surface2)!important;color:var(--text)!important;line-height:1.15}.pm-tab.active{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important;font-weight:700!important;box-shadow:0 2px 8px rgba(22,163,74,.3)}.pm-section-grid,.pm-grid-2{grid-template-columns:1fr!important}.pm-content div:not(.pm-kanban):not(.pm-tabs):not(.pm-kanban-cards){flex-wrap:wrap}.pm-content div:has(>table),.pm-content div:has(>.oc-tree){overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.pm-content table{max-width:none}}/*erp-m-fin-end*/
/*erp-m-polish*/@media (max-width:768px){.sidebar{position:fixed!important;left:0;top:0;bottom:0;transform:translateX(-100%);z-index:250}.sidebar.open{transform:none!important}.menu-btn{display:flex}.topbar{padding:0 12px;gap:8px}.page-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.finance-layout{flex-direction:column}.finance-sidebar{display:flex;width:100%!important;min-width:0;flex-shrink:0;flex-direction:row;flex-wrap:wrap;gap:4px;align-content:flex-start;border-right:none;border-bottom:1px solid var(--border2);max-height:none;min-height:0!important;overflow:visible;padding:8px}.finance-group-title{display:none}.finance-nav-link{width:auto;padding:7px 10px}.finance-content{padding:14px 12px}.settings-layout{flex-direction:column}.settings-sidebar{width:100%!important;min-width:0;flex-shrink:0;border-right:none;border-bottom:1px solid var(--border2);max-height:40vh;min-height:0!important}.settings-content{padding:14px 12px}.pm-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.pm-tabs::-webkit-scrollbar{height:0}.pm-tabs>*{flex-shrink:0;white-space:nowrap}.pm-kpi-grid{grid-template-columns:repeat(2,1fr)}.pm-header{padding:16px 14px 0}}@media (max-width:640px){.content{padding:12px 10px}.topbar-date{display:none}.topbar-badge{display:none}.erp-storewrap{flex-direction:column;min-height:auto!important;gap:10px!important}.erp-storeaside{width:100%!important;border-right:none!important;border-bottom:1px solid var(--border);max-height:42vh;overflow-y:auto}.erp-tblscroll{-webkit-overflow-scrolling:touch}.modal{width:96vw!important;max-width:96vw!important}h1{font-size:20px!important}.pm-kanban{grid-template-columns:repeat(4,minmax(180px,1fr));overflow-x:auto;-webkit-overflow-scrolling:touch}.card>table.table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.mod-shell{flex-direction:column;margin:-12px -10px!important;height:auto!important;overflow:visible!important}.mod-shell>:first-child{width:100%!important;max-height:40vh;min-height:0!important;flex-shrink:0;border-right:none!important;border-bottom:1px solid var(--border)}.mod-shell>div:nth-child(2){min-width:0}.detail-grid{grid-template-columns:1fr}.perm-grid{grid-template-columns:1fr 1fr}.bank-grid{grid-template-columns:1fr 1fr!important}.pp-head{flex-direction:column}.pp-statrow{flex-wrap:wrap}.pp-statrow>.card{flex:1 1 140px!important}.acc-accordion{display:none}.acc-chips{display:flex;flex-wrap:wrap;gap:4px;padding:8px}.hr-nav{display:flex!important;flex-direction:row;flex-wrap:wrap;gap:4px;padding:8px;max-height:none!important;align-content:flex-start}.hr-nav>div{display:contents}.hr-nav>div>div{display:none}.hr-nav .acc-sub-link{display:inline-flex!important;align-items:center;padding:7px 10px!important;border-radius:7px;font-size:14px;white-space:nowrap;border-left:none!important}.hr-nav .acc-sub-link.active{background:var(--accent-dim)!important;color:var(--accent)!important;font-weight:600}.erp-store-head{display:none}.erp-store-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:8px 0!important}.erp-store-tab{width:auto!important;margin-bottom:0!important}.erp-store-tree{flex:0 0 auto!important}.qt-item-detail-row{padding-right:0!important}.qt-item-row{flex-direction:column!important;align-items:stretch;gap:5px}.qt-item-row .qt-item-idx{align-self:flex-start;flex-direction:row!important;padding-top:0;gap:6px}.qt-item-row>input{width:100%!important;text-align:left!important}.qt-item-row .qt-item-total{align-self:flex-end;width:auto!important}.qt-item-row .qt-item-del{align-self:flex-end}.qt-items-head{display:none}}@media screen and (max-width:820px){.doc-table-wrap{overflow-x:visible!important}.doc-table{min-width:0!important;display:block;border:none}.doc-table thead{display:none}.doc-table tbody{display:block}.doc-table tbody tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:'d menu' 'num menu' 'cust menu' 'sub menu' 'amt stat';align-items:center;column-gap:10px;row-gap:2px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;margin-bottom:9px;background:var(--surface)}.doc-table tbody td{display:block;border:none!important;padding:0!important;white-space:normal!important;max-width:100%}.doc-table tbody td.doc-date{grid-area:d;font-size:12px;color:var(--text-muted)}.doc-table tbody td:nth-child(2){grid-area:num;font-weight:700;font-size:15px}.doc-table tbody td:nth-child(3){grid-area:cust;font-size:13.5px;line-height:1.35}.doc-table tbody td.doc-sub{grid-area:sub;font-size:12.5px;color:var(--text-muted);line-height:1.3}.doc-table tbody td.doc-amount{grid-area:amt;font-weight:700;font-size:14px;color:var(--text);margin-top:5px}.doc-table tbody td:nth-child(6){grid-area:stat;justify-self:end;align-self:center;font-size:12px;margin-top:5px}.doc-table tbody td.col-action{grid-area:menu;display:flex;align-items:center;justify-content:flex-end}.doc-list-m{display:block;border:none;min-width:0!important}.doc-list-m thead{display:none}.doc-list-m tbody{display:block}.doc-list-m tbody tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:'d menu' 'num menu' 'cust menu' 'proj menu' 'amt stat';align-items:center;column-gap:10px;row-gap:2px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;margin-bottom:9px;background:var(--surface)}.doc-list-m tbody td{display:block;border:none!important;padding:0!important;white-space:normal!important;max-width:100%}.doc-list-m tbody td:nth-child(1){grid-area:num;font-weight:700;font-size:15px}.doc-list-m tbody td:nth-child(2){grid-area:cust;font-size:13.5px;line-height:1.35}.doc-list-m tbody td:nth-child(3){grid-area:proj;font-size:12.5px;color:var(--text-muted);line-height:1.3}.doc-list-m tbody td:nth-child(4){grid-area:d;font-size:12px;color:var(--text-muted)}.doc-list-m tbody td.text-right{grid-area:amt;font-weight:700;font-size:14px;color:var(--text);text-align:left!important;margin-top:5px}.doc-list-m tbody td.text-right ~ td.text-right{display:none}.doc-list-m tbody td:nth-child(5):not(.text-right){display:none}.doc-list-m tbody td:nth-child(7){grid-area:stat;justify-self:end;align-self:center;font-size:12px;margin-top:5px}.doc-list-m tbody td.col-action{grid-area:menu;display:flex;align-items:center;justify-content:flex-end}.mat-wrap{overflow-x:visible!important}.mat-tbl{display:block;min-width:0!important}.mat-tbl thead{display:none}.mat-tbl tbody{display:block}.mat-tbl tr.mat-grp{display:block}.mat-tbl tr.mat-grp td{display:block;width:auto}.mat-tbl tr.mat-row{display:flex;flex-wrap:wrap;align-items:center;gap:5px 12px;padding:10px 12px;margin-bottom:9px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.mat-tbl tr.mat-row>td{display:block;border:none!important;padding:0!important;white-space:normal!important;text-align:left!important;width:auto!important;max-width:100%}.mat-tbl tr.mat-row>td[data-c=seq]{order:0;flex:0 0 26px;text-align:center!important;opacity:.55}.mat-tbl tr.mat-row>td[data-c=name]{order:1;flex:1 1 calc(100% - 46px);font-weight:600}.mat-tbl tr.mat-row>td[data-c=qty]{order:2}.mat-tbl tr.mat-row>td[data-c=price]{order:3}.mat-tbl tr.mat-row>td[data-c=tot]{order:4;font-weight:700}.mat-tbl tr.mat-row>td[data-c=qty],.mat-tbl tr.mat-row>td[data-c=price],.mat-tbl tr.mat-row>td[data-c=tot]{flex:0 0 auto;display:flex;align-items:center;gap:3px;font-size:13.5px}.mat-tbl tr.mat-row>td[data-c=qty]::before{content:"จำนวน"}.mat-tbl tr.mat-row>td[data-c=price]::before{content:"ราคา"}.mat-tbl tr.mat-row>td[data-c=tot]::before{content:"รวม"}.mat-tbl tr.mat-row>td[data-c=qty]::before,.mat-tbl tr.mat-row>td[data-c=price]::before,.mat-tbl tr.mat-row>td[data-c=tot]::before{font-size:11.5px;color:var(--text-muted);font-weight:400;flex-shrink:0}.mat-tbl tr.mat-row input{width:auto!important;max-width:100px;min-width:32px;text-align:left!important;display:inline-block!important;border:1px solid var(--border)!important;background:var(--surface2)!important;padding:2px 6px!important}.mat-tbl tr.mat-row>td[data-c=name] input{width:100%!important;max-width:100%;font-size:15px}.mat-tbl tr.mat-row>td[data-c=stat]{order:5;flex:0 1 auto;margin-top:2px}.mat-tbl tr.mat-row>td[data-c=act]{order:6;flex:0 0 auto;margin-left:auto;display:flex;gap:4px;margin-top:2px}.prod-m{display:block;min-width:0!important}.prod-m thead{display:none}.prod-m tbody{display:block}.prod-m tbody tr{display:block;padding:10px 12px;border:1px solid var(--border);border-radius:12px;margin-bottom:8px;background:var(--surface)}.prod-m tbody td{display:flex;align-items:center;justify-content:space-between;gap:10px;border:none!important;padding:3px 0!important;text-align:left!important;white-space:normal!important;width:auto!important}.prod-m tbody td::before{content:attr(data-l);color:var(--text-muted);font-size:12px;font-weight:400;flex-shrink:0}.prod-m tbody td:first-child{font-weight:700;font-size:15px;padding-bottom:5px!important;justify-content:flex-start}.prod-m tbody td:first-child::before{content:""}.prod-m tbody td:last-child{justify-content:flex-end;padding-top:7px!important}.prod-m tbody td:last-child::before{content:""}.prod-m tbody td[colspan]{display:block;text-align:center!important}.prod-m tbody td[colspan]::before{content:""}.prod-mps tbody td:nth-child(2)::before{content:"รหัสสินค้า"}.prod-mps tbody td:nth-child(3)::before{content:"ชื่อ"}.prod-mps tbody td:nth-child(4)::before{content:"จำนวน"}.prod-mps tbody td:nth-child(5)::before{content:"สถานะ"}.prod-mrp tbody td:nth-child(2)::before{content:"ชื่อ"}.prod-mrp tbody td:nth-child(3)::before{content:"ต้องใช้รวม"}.prod-mrp tbody td:nth-child(4)::before{content:"คงเหลือ"}.prod-mrp tbody td:nth-child(5)::before{content:"ต้องจัดหา"}.prod-mrp tbody td:nth-child(6)::before{content:"ดำเนินการ"}.prod-mrp tbody td:nth-child(6){justify-content:space-between;padding-top:3px!important}.prod-po tbody td:nth-child(2)::before{content:"รหัสสินค้า"}.prod-po tbody td:nth-child(3)::before{content:"จำนวน"}.prod-po tbody td:nth-child(4)::before{content:"คืบหน้า"}.prod-po tbody td:nth-child(5)::before{content:"กำหนดเสร็จ"}.prod-po tbody td:nth-child(6)::before{content:"สถานะ"}.prod-bom tbody td:nth-child(2)::before{content:"รหัสสินค้า"}.prod-bom tbody td:nth-child(3)::before{content:"ชื่อสินค้า"}.prod-bom tbody td:nth-child(4)::before{content:"วัตถุดิบ"}.prod-bom tbody td:nth-child(5)::before{content:"ต้นทุน"}.budget-m tbody td:nth-child(2)::before{content:"หมวด"}.budget-m tbody td:nth-child(3)::before{content:"วันที่"}.budget-m tbody td:nth-child(4)::before{content:"จำนวนเงิน"}.task-m tbody td:nth-child(2)::before{content:"ผู้รับผิดชอบ"}.task-m tbody td:nth-child(3)::before{content:"ความสำคัญ"}.task-m tbody td:nth-child(4)::before{content:"กำหนดเสร็จ"}.task-m tbody td:nth-child(5)::before{content:"สถานะ"}.cmp-m tbody td:nth-child(2)::before{content:"ประเภท"}.cmp-m tbody td:nth-child(3)::before{content:"วันที่สร้าง"}.cmp-m tbody td:nth-child(4)::before{content:"หน้า"}.cmp-m tbody td:nth-child(5)::before{content:"หัวข้อ"}.cmp-m tbody td:nth-child(6)::before{content:"ผู้สร้าง"}.prod-m{min-width:0!important}.prod-m:not(table){overflow-x:visible!important}div.card:has(>.prod-m){overflow-x:visible!important}}/*erp-m-polish-end*/
/*erp-dash-fa*/.df-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}.df-topbar-title{font-size:18px;font-weight:700}.dp-wrap{position:relative}.dp-btn{display:inline-flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--accent);color:var(--accent);padding:7px 14px;border-radius:8px;font-size:14.5px;font-weight:600;cursor:pointer;font-family:inherit}.dp-btn:hover{background:var(--accent-dim)}.dp-pop{position:absolute;top:calc(100% + 6px);right:0;width:300px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.18);z-index:400;padding:14px}.dp-sec{display:block;font-size:13px;color:var(--text-muted);margin:2px 0 8px}.dp-sc-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.dp-sc{padding:8px 6px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:14px;cursor:pointer;font-family:inherit;text-align:center}.dp-sc:hover{border-color:var(--accent);color:var(--accent)}.dp-sc.active{border-color:var(--accent);color:var(--accent);font-weight:600;background:var(--accent-dim)}.dp-row{display:flex;align-items:center;gap:9px;width:100%;padding:9px 6px;border:none;background:none;color:var(--text);font-size:14.5px;cursor:pointer;font-family:inherit;border-radius:8px;text-align:left}.dp-row:hover{background:var(--surface2)}.dp-row .dp-arrow{margin-left:auto;color:var(--text-muted)}.dp-back{font-weight:600;margin-bottom:4px}.dp-mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dp-ynav{display:flex;align-items:center;justify-content:space-between;margin:6px 0 10px}.dp-clear{display:block;width:100%;margin-top:8px;padding:10px 6px 2px;border:none;border-top:1px solid var(--border2);background:none;color:var(--accent);font-size:14.5px;cursor:pointer;font-family:inherit;text-align:left}.dp-date{display:block;width:100%;margin-top:4px;padding:7px 9px;border:1px solid var(--border);border-radius:7px;background:var(--input-bg);color:var(--text);font-family:inherit;font-size:14px}.df-rng{font-size:13px;color:var(--accent);font-weight:500;white-space:nowrap}.df-card-head{display:flex;align-items:center;gap:8px;margin-bottom:2px;min-width:0;flex-wrap:wrap}.df-card-title{font-size:15px;font-weight:700}.dash-main .kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.dash-main .kpi-grid .kpi-card{padding:14px 15px}.dash-main .kpi-grid .kpi-value{font-size:clamp(14px,1.35vw,22px)}.dash-main .kpi-grid .kpi-label,.dash-main .kpi-grid .df-card-title{font-size:14px}@media (max-width:1400px){.dash-main .kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.dash-main .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.dash-main .kpi-grid{grid-template-columns:1fr}}.df-pill{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;padding:4px 10px;border-radius:8px;margin-top:8px;width:fit-content}.df-sales-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:24px}.df-sub-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:2px 0 12px;font-size:13.5px}.df-rng2{color:var(--text-muted)}.df-total{color:var(--text-muted)}.df-total b{color:var(--accent);font-weight:700}.df-bars{display:flex;flex-direction:column;gap:6px;max-height:430px;overflow-y:auto;padding-right:2px}.df-bar-row{display:flex;align-items:center;gap:8px;font-size:13px}.df-bar-name{flex:0 0 112px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;color:var(--text-muted)}.df-bar-track{flex:1;height:14px;background:var(--surface2);border-radius:3px;overflow:hidden}.df-bar-fill{display:block;height:100%;border-radius:3px}.df-bar-val{flex:0 0 92px;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.df-bar-pct{flex:0 0 52px;text-align:right;color:var(--text-muted);font-variant-numeric:tabular-nums}.df-donut-wrap{display:flex;align-items:center;gap:14px}.df-donut-cv{position:relative;flex:1;min-width:0;height:230px}.df-donut-lgd{flex:0 0 46%;display:flex;flex-direction:column;gap:8px;font-size:13.5px;min-width:0}.df-lgd-row{display:flex;align-items:center;gap:7px;min-width:0}.df-lgd-dot{width:10px;height:10px;border-radius:3px;flex:0 0 auto}.df-lgd-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.df-lgd-pct{color:var(--text-muted)}.df-empty{text-align:center;color:var(--text-muted);padding:24px 0}.dash-root{flex-direction:column;align-items:stretch}.dash-main{width:100%}.dash-quick-panel{order:-1;width:100%;position:static;padding:12px 14px}.dash-quick-title{margin-bottom:10px}.dash-quick-list{flex-direction:row;flex-wrap:wrap}.dash-qa-btn{width:auto;flex:1 1 150px;min-width:150px}@media (max-width:768px){.df-sales-grid{grid-template-columns:1fr}.dp-pop{right:auto;left:0}.df-topbar{flex-wrap:wrap}}/*erp-dash-fa-end*/