body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width:768px){*{-webkit-tap-highlight-color:rgba(0,0,0,.1)}a,button,input,select,textarea{touch-action:manipulation}input,select,textarea{font-size:16px!important}}.sidebar{background-color:#1a2541;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100vh;max-width:220px;min-width:220px;padding:20px 0;position:relative;transition:width .3s ease,min-width .3s ease,max-width .3s ease;width:220px}.sidebar.collapsed{max-width:60px;min-width:60px;width:60px}.sidebar-logo{line-height:0;margin-bottom:30px;padding:0;text-align:center}.sidebar-logo img{display:block;height:auto;margin:0 auto;padding:13px 0;transition:opacity .3s ease;width:140px}.sidebar.collapsed .sidebar-logo img{height:0;opacity:0;overflow:hidden;width:0}.logo-icon{align-items:center;background-color:#253363;border-radius:50%;display:flex;font-size:16px;font-weight:700;height:30px;justify-content:center;margin:0 auto;opacity:0;transition:opacity .3s ease;width:30px}.sidebar.collapsed .logo-icon{opacity:1}.sidebar nav{min-height:0;overflow:hidden}.sidebar nav,.sidebar ul{display:flex;flex:1 1;flex-direction:column}.sidebar ul{justify-content:flex-start;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0 0 60px;scroll-behavior:smooth;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.sidebar ul::-webkit-scrollbar{width:6px}.sidebar ul::-webkit-scrollbar-track{background:#0000}.sidebar ul::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.sidebar ul::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.sidebar li{margin:20px 0 0}.sidebar a{align-items:center;border-radius:6px;box-sizing:border-box;color:#fff;display:flex;font-size:1rem;font-weight:500;padding:8px 20px;text-decoration:none;transition:background .18s,color .18s,padding .3s ease;width:100%}.sidebar.collapsed a{justify-content:center;padding:8px 12px}.sidebar a:hover{background-color:#ffffff21;color:#eee}.sidebar a.active{background-color:#253363;color:#fff;font-weight:600}.nav-icon{font-size:1.2rem;margin-right:12px;transition:margin .3s ease}.sidebar.collapsed .nav-icon{margin-right:0}.nav-icon.defect-icon{display:inline-block;filter:hue-rotate(-30deg) saturate(2) brightness(1.1)}.nav-icon.truck-icon{display:inline-block;filter:hue-rotate(180deg) saturate(1.3)}.nav-text{transition:opacity .3s ease}.nav-coming-soon{background:#dc2626;border-radius:4px;color:#fff;font-size:9px;font-weight:600;letter-spacing:.03em;padding:1px 5px;vertical-align:middle;white-space:nowrap}.sidebar.collapsed .nav-text{opacity:0;overflow:hidden;width:0}.sidebar-toggle{align-items:center;background-color:#0f1a2e;border:none;border-radius:0;border-top:1px solid #ffffff14;bottom:0;cursor:pointer;display:flex;height:40px;justify-content:center;left:0;position:absolute;right:0;transition:background-color .3s ease;width:100%}.sidebar-toggle:hover{background-color:#1a2541}.toggle-arrow{align-items:center;display:flex;flex-direction:column;gap:2px;justify-content:center}.arrow-line,.toggle-arrow{transition:transform .3s ease}.arrow-line{background-color:#fff;border-radius:1px;height:2px;width:8px}.toggle-arrow.collapsed .arrow-line:first-child{transform:rotate(45deg) translate(1px,-1px)}.toggle-arrow.collapsed .arrow-line:last-child,.toggle-arrow:not(.collapsed) .arrow-line:first-child{transform:rotate(-45deg) translate(1px,1px)}.toggle-arrow:not(.collapsed) .arrow-line:last-child{transform:rotate(45deg) translate(1px,-1px)}@media (max-width:768px){.sidebar{box-shadow:2px 0 8px #0003;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;z-index:10000}.sidebar.mobile-open{transform:translateX(0)}.sidebar.collapsed{max-width:220px;min-width:220px;width:220px}.sidebar.collapsed .sidebar-logo img{height:auto;opacity:1;width:140px}.sidebar.collapsed .logo-icon{opacity:0}.sidebar.collapsed .nav-text{opacity:1;overflow:visible;width:auto}.sidebar.collapsed a{justify-content:flex-start;padding:8px 20px}.sidebar.collapsed .nav-icon{margin-right:12px}}@media (max-width:480px){.sidebar{max-width:280px;width:100%}}body,html{background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;padding:0}.top-header{align-items:center;background-color:#f4f6fa;box-shadow:0 1px 4px #0000001a;display:flex;height:60px;justify-content:space-between;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.top-header>*{margin-bottom:0!important;margin-top:0!important}.header-center{font-size:1rem;font-weight:700;line-height:60px;margin:0;white-space:nowrap}.header-right{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;line-height:60px;margin:0;padding:6px 10px;transition:background .2s ease}.header-right:hover{background-color:#e6ebf5}.profile-icon{font-size:1.5rem}.profile-panel{background:#fff;border-left:1px solid #ccc;box-shadow:-2px 0 4px #0000001a;height:calc(100vh - 60px);overflow-y:auto;position:fixed;right:0;top:60px;width:250px;z-index:100001}.profile-panel-content{display:flex;flex-direction:column;gap:12px;padding:20px}.profile-panel-title{border-bottom:1px solid #e5e7eb;color:#111827;font-size:14px;font-weight:800;margin:0;padding-bottom:10px;text-align:center}.profile-panel-btn{border:1px solid #0000;border-radius:10px;cursor:pointer;font-weight:700;padding:10px 12px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.profile-panel-btn.primary{background:linear-gradient(135deg,#6366f1,#4338ca);box-shadow:0 10px 20px #6366f12e;color:#fff}.profile-panel-btn.primary:hover{box-shadow:0 14px 24px #6366f147;transform:translateY(-1px)}.profile-panel-btn.danger{background:#fff;border-color:#b91c1c40;color:#b91c1c}.profile-panel-btn.danger:hover{background:#b91c1c0f}.main-content{background-color:#f5f7fa;flex-grow:1;margin-top:0!important;min-height:calc(100vh - 60px);overflow-y:auto;padding-top:0!important}@media (max-width:768px){.top-header{height:56px;padding:0 12px}.header-center{font-size:.9rem;line-height:56px}.header-right{gap:6px;padding:4px 8px}.profile-icon{font-size:1.3rem}.profile-panel{max-width:320px;top:56px;width:100%}}@media (max-width:480px){.top-header{height:52px;padding:0 8px}.header-center{font-size:.85rem;line-height:52px}.profile-panel{top:52px;width:100%}}.mobile-menu-btn,.mobile-menu-overlay{display:none}@media (max-width:768px){.mobile-menu-btn{display:flex!important}.mobile-menu-overlay{display:block!important}.main-content-wrapper{margin-left:0!important}}.login-container{align-items:center;background:linear-gradient(to bottom right,#c0f0f0,#f7d5e8);color:#000;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;justify-content:center}.login-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff6;border-radius:15px;box-shadow:0 8px 20px #00000026;padding:2rem;text-align:center;width:360px}.login-method-toggle{background:#ffffffb3;border:1px solid #1118271f;border-radius:10px;box-shadow:inset 0 1px 0 #fff9;display:flex;gap:4px;padding:4px;width:100%}.login-method-toggle button{background:#0000;border:0;border-radius:8px;color:#374151;cursor:pointer;flex:1 1;font-weight:700;padding:10px 12px;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.login-method-toggle button.is-active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 18px #10b98147;color:#fff}.login-method-toggle button:not(.is-active){opacity:.75}.login-method-toggle button:not(.is-active):hover{background:#1118270f;opacity:1}.login-box h2{color:#000;font-size:1.4rem;margin-bottom:1.5rem}.login-box input{background-color:#fff;border:1px solid #aaa;border-radius:6px;box-sizing:border-box;color:#000;font-size:.9rem;margin-bottom:1rem;padding:.625rem;width:100%}.login-box input:focus{border-color:#666;box-shadow:0 0 0 2px #0000001a;outline:none}.login-box button{background-color:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1.125rem;transition:background .2s ease}.login-box button:hover{background-color:#555}.pin-input-row{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.pin-box{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;caret-color:#0000;color:#111827;font-size:1.3rem;font-weight:600;height:50px;margin-bottom:0;padding:0;text-align:center;transition:border-color .15s ease,box-shadow .15s ease;width:42px}.pin-box:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126;outline:none}.pin-box:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.otp-verify-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 4px 12px #10b9814d;box-sizing:border-box;color:#fff;cursor:pointer;display:block;font-size:.95rem;font-weight:600;margin-top:15px;padding:12px 16px;transition:opacity .2s ease,box-shadow .2s ease;width:100%}.otp-verify-btn:hover:not(:disabled){box-shadow:0 6px 16px #10b98166;opacity:.92}.otp-verify-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.55}button.use-different-link{all:unset;background:#0000;border:none;box-shadow:none;color:#9ca3af;cursor:pointer;display:block;font-size:13px;line-height:1.4;margin-top:16px;padding:0;text-align:center;text-decoration:underline;text-underline-offset:2px;width:100%}button.use-different-link:hover:not(:disabled){color:#6b7280}button.use-different-link:disabled{cursor:not-allowed;opacity:.45}.forgot-link{all:unset;color:#2563eb;cursor:pointer;display:inline;font-size:13px;font-weight:500;line-height:1.3;text-decoration:underline}.forgot-link[aria-disabled=true]{cursor:not-allowed;opacity:.6}.forgot-link:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.login-box button:focus{box-shadow:0 0 0 2px #0003;outline:none}.error-message{color:red;font-size:.8rem;margin-top:.625rem}.login-note{color:#374151;font-size:.75rem;line-height:1.4;margin-top:.75rem}.phone-input-container{width:100%}.phone-input-wrapper{align-items:stretch;display:flex;gap:8px;width:100%}.country-code-dropdown-wrapper{flex:0 0 auto;max-width:220px;min-width:180px;position:relative}.country-code-display-trigger{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:space-between;min-height:44px;padding:10px 14px;transition:border-color .2s;width:100%}.country-code-display-trigger:hover{border-color:#3b82f6}.country-code-display-trigger.disabled{background:#f9fafb;cursor:not-allowed}.country-code-display-trigger.disabled:hover{border-color:#d1d5db}.country-code-value{color:#374151;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:#6b7280}.country-code-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:300px;overflow-y:auto;padding:8px 0;position:absolute;right:0;top:100%;z-index:1000}.country-code-dropdown-item{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 14px;transition:background .15s}.country-code-dropdown-item:hover{background:#f3f4f6}.country-code-dropdown-item.selected{background:#eff6ff;color:#3b82f6}.country-dial-code{color:#374151;font-weight:500;min-width:45px}.country-name{color:#6b7280;flex:1 1}.phone-number-input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-family:monospace;font-size:14px;letter-spacing:1px;min-width:0;padding:10px 12px}.phone-number-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.phone-number-input:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.phone-number-input::placeholder{color:#9ca3af;letter-spacing:normal}@media (max-width:640px){.phone-input-wrapper{flex-direction:column}.country-code-dropdown-wrapper{max-width:100%;min-width:0;min-width:auto;width:100%}}.wip-overlay{align-items:center;background:#11182773;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.wip-modal{background:#fff;border-radius:16px;box-shadow:0 24px 64px #00000029;display:flex;flex-direction:column;max-height:90vh;max-width:1050px;overflow:hidden;position:relative;width:100%}.wip-modal-hdr{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 32px 18px}.wip-modal-title{color:#111827;font-size:18px;font-weight:700;margin:0 0 4px}.wip-modal-sub{color:#9ca3af;font-size:12px;margin:0}.wip-close-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:22px;line-height:1;padding:0 4px;transition:background .15s,color .15s}.wip-close-btn:hover{background:#f3f4f6;color:#111827}.wip-table-scroll{flex:1 1;overflow-x:auto;overflow-y:auto}.wip-table-section{display:flex;justify-content:center;padding:28px 40px 32px}.wip-content-column{display:flex;flex-direction:column;gap:14px;max-width:920px;width:100%}.wip-summary-block{align-items:center;background:#f3f6fb;border:1px solid #dde3ec;border-radius:10px;display:flex;padding:16px 24px}.wip-summary-col{display:flex;flex:1 1;flex-direction:column;gap:3px}.wip-summary-col:first-child{padding-right:24px}.wip-summary-col+.wip-summary-col{padding-left:24px}.wip-summary-label{color:#9ca3af;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.wip-summary-val{color:#111827;font-size:20px;font-weight:700}.wip-summary-divider{background:#d1d5db;flex-shrink:0;height:40px;width:1px}.wip-table-card{background:#f9fafb;border:1px solid #e8eaed;border-radius:12px;box-shadow:0 1px 6px #0000000d;overflow:hidden;width:100%}.wip-empty-cell,.wip-table-loading{color:#9ca3af;font-size:14px;padding:48px 24px;text-align:center}.wip-table{background:#fff;border-collapse:collapse;font-size:13.5px;width:100%}.wip-th{background:#f3f4f6;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.6px;padding:12px 20px;text-align:right;text-transform:uppercase;white-space:nowrap}.wip-th.wip-th-year{text-align:left}.wip-th.wip-th-lock{text-align:center}.wip-row td{border-bottom:1px solid #f0f1f3;vertical-align:middle}.wip-row:last-child td{border-bottom:none}.wip-row-current{background:#eff6ff}.wip-row-current td{border-bottom-color:#dbeafe}.wip-row-unlocked{background:#fefce8;outline:2px solid #f59e0b;outline-offset:-2px}.wip-td{color:#1f2937;padding:15px 20px;vertical-align:middle}.wip-td-year{text-align:left}.wip-td-num{text-align:right}.wip-td-lock{text-align:center}.wip-year-num{color:#1a2541;font-size:15px;font-weight:700;letter-spacing:.2px}.wip-current-badge{background:#dbeafe;border-radius:10px;color:#3b82f6;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.4px;margin-left:8px;padding:2px 7px;text-transform:uppercase;vertical-align:middle}.wip-cell-stack{align-items:flex-end;display:flex;flex-direction:column;gap:3px}.wip-helper{color:#9ca3af;font-size:10.5px;font-weight:400;letter-spacing:.1px}.wip-neg,.wip-neg-warn{color:#ef4444;font-weight:600}.wip-neg-warn{font-size:10px}.wip-input{background:#fff;border:1.5px solid #a78bfa;border-radius:6px;color:#111827;font-size:13px;outline:none;padding:7px 11px;text-align:right;transition:border-color .15s;width:130px}.wip-input:focus{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed26}.wip-lock-btn{background:none;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:15px;padding:5px 9px;transition:background .15s,border-color .15s}.wip-lock-btn:hover{background:#f3f4f6;border-color:#d1d5db}.wip-edit-actions{align-items:center;display:flex;flex-direction:column;gap:5px}.wip-save-btn{background:#1a2541;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:5px 16px;transition:background .15s;white-space:nowrap}.wip-save-btn:hover:not(:disabled){background:#2d3a5e}.wip-save-btn:disabled{cursor:not-allowed;opacity:.5}.wip-cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:12px;font-weight:500;padding:5px 16px;transition:background .15s;white-space:nowrap}.wip-cancel-btn:hover{background:#e5e7eb}.wip-btn-danger{background:#ef4444}.wip-btn-danger:hover:not(:disabled){background:#dc2626}.wip-audit-row{background:#fafafa}.wip-audit-td{padding:0}.wip-audit-toggle{background:none;border:none;color:#9ca3af;cursor:pointer;display:block;font-size:11.5px;padding:6px 20px;text-align:left;transition:color .15s;width:100%}.wip-audit-toggle:hover{color:#374151}.wip-audit-toggle strong{color:#374151;font-weight:600}.wip-audit-history{display:flex;flex-direction:column;gap:4px;padding:4px 20px 10px 32px}.wip-audit-entry{color:#6b7280;display:flex;flex-wrap:wrap;font-size:11px;gap:10px}.wip-audit-user{color:#374151;font-weight:600}.wip-audit-time{color:#9ca3af}.wip-audit-change{color:#6b7280}.wip-modal-ftr{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:flex-end;padding:16px 32px}.wip-close-modal-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:7px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:8px 20px;transition:background .15s}.wip-close-modal-btn:hover{background:#e5e7eb}.wip-inner-overlay{align-items:center;background:#11182766;border-radius:16px;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.wip-confirm-box{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000002e;max-width:380px;padding:28px 32px;width:100%}.wip-confirm-box h3{color:#111827;font-size:16px;font-weight:700;margin:0 0 10px}.wip-confirm-box p{color:#6b7280;font-size:13px;line-height:1.5;margin:0 0 20px}.wip-confirm-actions{display:flex;gap:10px;justify-content:flex-end}.si-container{background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:28px 32px}.si-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px}.si-spinner{animation:si-spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#1a2541;height:36px;width:36px}@keyframes si-spin{to{transform:rotate(1turn)}}.si-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.si-title{color:#111827;font-size:26px;font-weight:700;margin:0}.si-header-right{gap:10px}.si-header-right,.si-month-nav{align-items:center;display:flex}.si-month-nav{background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:6px;padding:6px 10px}.si-month-btn{background:none;border:none;border-radius:4px;color:#374151;cursor:pointer;font-size:18px;line-height:1;padding:0 4px;transition:background .15s}.si-month-btn:hover{background:#f3f4f6}.si-month-label{color:#111827;font-size:14px;font-weight:600;min-width:120px;text-align:center;white-space:nowrap}.si-export-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 14px;transition:background .15s,border-color .15s}.si-export-btn:hover{background:#f9fafb;border-color:#d1d5db}.si-icon-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;padding:8px;transition:background .15s}.si-icon-btn:hover{background:#f3f4f6}.si-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:0;margin-bottom:24px}.si-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:10px 20px;transition:color .15s,border-color .15s}.si-tab:hover{color:#374151}.si-tab-active{border-bottom-color:#1a2541;color:#1a2541;font-weight:600}.si-year-selector{gap:8px;margin-bottom:16px}.si-year-btn,.si-year-selector{align-items:center;display:flex}.si-year-btn{background:#fff;border:1px solid #e5e7eb;border-radius:7px;color:#374151;cursor:pointer;font-size:18px;height:30px;justify-content:center;transition:background .15s,border-color .15s;width:30px}.si-year-btn:hover{background:#f3f4f6;border-color:#d1d5db}.si-year-label{color:#111827;font-size:16px;font-weight:700;min-width:44px;text-align:center}.si-year-hint{color:#9ca3af;font-size:11px;margin-left:4px}.si-gst-toggle{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;gap:4px;margin-left:auto;padding:3px}.si-gst-toggle-label{font-size:11px;margin-right:2px;padding-left:4px}.si-gst-btn,.si-gst-toggle-label{color:#6b7280;font-weight:500;white-space:nowrap}.si-gst-btn{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:12px;padding:4px 12px;transition:background .15s,color .15s}.si-gst-btn:hover{background:#e5e7eb;color:#111827}.si-gst-btn-active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1d4ed8;font-weight:700}.si-gst-btn-active:hover{background:#fff}.si-basis-pill{background:#eff6ff;border-radius:10px;color:#2563eb;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.02em;margin-left:6px;padding:1px 7px;text-transform:none;vertical-align:middle}.si-stat-card-clickable{cursor:pointer;transition:box-shadow .18s,transform .12s}.si-stat-card-clickable:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-1px)}.si-stat-confirmed{color:#9ca3af;font-size:11px;margin:0 0 4px}.si-revenue-neg{color:#ef4444!important}.si-revenue-neg-warn{color:#ef4444;font-size:11px;font-weight:600;margin:2px 0 0}.si-stat-sub-clickable{color:#3b82f6;font-size:11px}.si-stat-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.si-stat-card{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;display:flex;gap:14px;padding:20px}.si-stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.si-stat-icon-blue{background:#eff6ff;color:#2563eb}.si-stat-icon-green{background:#f0fdf4;color:#16a34a}.si-stat-icon-orange{background:#fff7ed;color:#ea580c}.si-stat-content{flex:1 1;min-width:0}.si-stat-label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.04em;margin:0 0 4px;text-transform:uppercase}.si-stat-value{color:#111827;font-size:22px;font-weight:700;line-height:1.2;margin:0 0 6px}.si-stat-sub{align-items:center;color:#9ca3af;display:flex;flex-wrap:wrap;font-size:12px;gap:6px;margin:0}.si-stat-progress-bar{background:#f3f4f6;border-radius:3px;height:6px;margin:6px 0 4px;overflow:hidden}.si-stat-progress-fill{background:linear-gradient(90deg,#10b981,#3b82f6);border-radius:3px;height:100%;transition:width .4s ease}.si-badge-count{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;padding:2px 8px}.si-badge-count-blue{background:#eff6ff;color:#2563eb}.si-badge-count-red{background:#fef2f2;color:#dc2626}.si-filter-bar{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:14px 16px}.si-filter-bar,.si-search-wrap{align-items:center;display:flex}.si-search-wrap{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex:0 0 260px;gap:8px;padding:8px 12px}.si-search{background:none;border:none;color:#111827;font-size:14px;outline:none;width:100%}.si-search::placeholder{color:#9ca3af}.si-filters{display:flex;flex:1 1;flex-wrap:wrap;gap:10px}.si-filter-group{display:flex;flex-direction:column;gap:2px;min-width:130px}.si-filter-group label{color:#6b7280;font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.si-filter-group select{background:#f9fafb;border:1px solid #e5e7eb;border-radius:7px;color:#374151;cursor:pointer;font-size:13px;outline:none;padding:7px 10px;transition:border-color .15s}.si-filter-group select:focus{border-color:#1a2541}.si-new-btn{background:#1a2541;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-left:auto;padding:10px 18px;transition:background .15s;white-space:nowrap}.si-new-btn:hover{background:#243156}.si-cards-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}@media (max-width:1200px){.si-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.si-cards-grid,.si-stat-cards{grid-template-columns:1fr}}.si-project-card{background:#fff;border-radius:14px;box-shadow:0 1px 4px #00000012;display:flex;flex-direction:column;gap:14px;padding:20px;transition:box-shadow .2s,transform .2s}.si-project-card:hover{box-shadow:0 6px 24px #00000021;transform:translateY(-3px)}.si-card-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.si-card-title{color:#111827;font-size:15px;font-weight:700;line-height:1.3;margin:0}.si-badge{align-items:center;border-radius:12px;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;padding:3px 10px;white-space:nowrap}.si-badge-fully{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.si-badge-partial{background:#fffbeb;border:1px solid #fde68a;color:#b45309}.si-badge-overdue{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.si-badge-none{background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280}.si-card-meta{display:flex;flex-wrap:wrap;gap:12px}.si-card-meta-item{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:5px}.si-card-contracts{grid-gap:12px;align-items:start;border-top:1px solid #f3f4f6;display:grid;gap:12px;grid-template-columns:1fr auto 1fr;padding-top:14px}.si-contract-col{display:flex;flex-direction:column;gap:6px}.si-contract-header{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:2px;text-transform:uppercase}.si-contract-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.si-contract-label{color:#9ca3af;font-size:12px}.si-contract-val{color:#111827;font-size:13px;font-weight:600}.si-val-claimed{color:#10b981}.si-val-balance{color:#ef4444}.si-progress-ring{align-items:center;display:flex;flex-shrink:0;justify-content:center;position:relative}.si-ring-pct{color:#374151;font-size:11px;font-weight:700;position:absolute}.si-card-dates{border-top:1px solid #f3f4f6;display:flex;flex-direction:column;gap:6px;padding-top:12px}.si-date-item{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:6px}.si-date-label{flex:1 1}.si-date-val{color:#374151;font-weight:600}.si-card-actions{border-top:1px solid #f3f4f6;display:flex;gap:8px;padding-top:12px}.si-action-btn{border:none;border-radius:7px;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:8px 4px;transition:background .15s,color .15s}.si-btn-view{background:#f3f4f6;color:#374151}.si-btn-view:hover{background:#e5e7eb}.si-btn-invoice{background:#eff6ff;color:#2563eb}.si-btn-invoice:hover{background:#dbeafe}.si-btn-followup{background:#f0fdf4;color:#16a34a}.si-btn-followup:hover{background:#dcfce7}.si-empty{color:#9ca3af;padding:60px 20px;text-align:center}.si-empty-icon{font-size:48px;margin-bottom:16px}.si-empty h3{color:#374151;font-size:18px;margin:0 0 8px}.si-empty p{font-size:14px;margin:0}.si-coming-soon{color:#9ca3af;padding:80px 20px;text-align:center}.si-coming-soon-icon{font-size:48px;margin-bottom:16px}.si-coming-soon h3{color:#374151;font-size:18px;margin:0 0 8px}.si-coming-soon p{font-size:14px;margin:0}.si-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.si-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:640px;overflow:hidden;width:100%}.si-modal-header{border-bottom:1px solid #f3f4f6;padding:22px 24px 16px;position:relative}.si-modal-header h2{color:#111827;font-size:18px;font-weight:700;margin:0 0 2px}.si-modal-subtitle{color:#6b7280;font-size:13px;margin:0}.si-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#374151;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;position:absolute;right:20px;top:18px;transition:background .15s;width:30px}.si-modal-close:hover{background:#e5e7eb}.si-modal-body{flex:1 1;gap:14px;overflow-y:auto;padding:20px 24px}.si-form-group,.si-modal-body{display:flex;flex-direction:column}.si-form-group{gap:5px}.si-form-group label{color:#374151;font-size:13px;font-weight:600}.si-form-group input,.si-form-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#111827;font-size:14px;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.si-form-group input:focus,.si-form-group select:focus{border-color:#1a2541;box-shadow:0 0 0 3px #1a254114}.si-form-group-inline{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:12px 14px}.si-form-group-inline label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px}.si-form-group-inline input[type=checkbox]{border-width:2px;flex-shrink:0;height:16px;width:16px}.si-form-hint{color:#0284c7;font-size:12px;margin:4px 0 0}.si-form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.si-input-prefix{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;display:flex;overflow:hidden;transition:border-color .15s,box-shadow .15s}.si-input-prefix:focus-within{border-color:#1a2541;box-shadow:0 0 0 3px #1a254114}.si-input-prefix>span{background:#f9fafb;border-right:1px solid #d1d5db;color:#6b7280;flex-shrink:0;font-size:14px;font-weight:500;padding:9px 10px}.si-input-prefix input{flex:1 1;min-width:0;padding:9px 10px}.si-input-prefix input,.si-input-prefix input:focus{border:none;box-shadow:none}.si-input-readonly{background:#f9fafb}.si-input-readonly input{background:#f9fafb;color:#6b7280;cursor:not-allowed}.si-form-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:14px}.si-form-section-title{color:#374151;font-size:13px;font-weight:700;letter-spacing:.04em;margin:0 0 10px;text-transform:uppercase}.si-claims-grid{display:flex;flex-direction:column;gap:8px}.si-claims-header{border-bottom:1px solid #e5e7eb;color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.04em;margin-bottom:4px;padding:0 4px 4px;text-transform:uppercase}.si-claim-row,.si-claims-header{grid-gap:8px;display:grid;gap:8px;grid-template-columns:48px 1fr 1fr}.si-claim-row{align-items:center}.si-claim-num{color:#6b7280;font-size:12px;font-weight:600;text-align:center}.si-claim-row input{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#111827;font-size:13px;outline:none;padding:7px 10px;transition:border-color .15s;width:100%}.si-claim-row input:focus{border-color:#1a2541}.si-claimed-summary{align-items:center;border-top:1px solid #e5e7eb;color:#374151;display:flex;font-size:13px;gap:6px;margin-top:10px;padding-top:10px}.si-claimed-summary strong{color:#1a2541}.si-claimed-pct{color:#6b7280;font-size:12px}.si-tag-group{display:flex;flex-wrap:wrap;gap:8px}.si-tag{background:#f9fafb;border:1.5px solid #d1d5db;border-radius:20px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:7px 16px;transition:background .15s,border-color .15s,color .15s}.si-tag:hover:not(.si-tag-active){border-color:#1a2541;color:#1a2541}.si-tag-active{background:#1a2541;border-color:#1a2541;color:#fff}.si-tag-active:hover{background:#243156;border-color:#243156;color:#fff}.si-tag-type-mc{background:#d1fae5;border-color:#6ee7b7;color:#065f46}.si-tag-type-vo{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.si-tag-type-sc{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.si-tag-type-mc.si-tag-active{background:#059669;border-color:#059669;color:#fff}.si-tag-type-vo.si-tag-active{background:#2563eb;border-color:#2563eb;color:#fff}.si-tag-type-sc.si-tag-active{background:#dc2626;border-color:#dc2626;color:#fff}.si-file-upload{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.si-file-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:background .15s}.si-file-btn:hover{background:#e5e7eb}.si-file-name{background:#eff6ff;border-radius:6px;color:#1a2541;font-size:13px;max-width:220px;overflow:hidden;padding:4px 10px;text-overflow:ellipsis;white-space:nowrap}.si-modal-footer{border-top:1px solid #f3f4f6;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.si-modal-cancel{background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .15s}.si-modal-cancel:hover{background:#e5e7eb}.si-modal-save{background:#1a2541;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:background .15s}.si-modal-save:hover:not(:disabled){background:#243156}.si-modal-save:disabled{cursor:not-allowed;opacity:.6}.sip-container{background:#f5f7fa;box-sizing:border-box;min-height:100%;padding:28px 32px}.sip-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px}.sip-spinner{animation:sip-spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#1a2541;height:36px;width:36px}@keyframes sip-spin{to{transform:rotate(1turn)}}.sip-page-header{flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:28px}.sip-header-left,.sip-page-header{align-items:flex-start;display:flex}.sip-header-left{flex-direction:column;gap:6px}.sip-back-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:4px;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sip-back-btn:hover{background:linear-gradient(135deg,#7c8ef5,#8a5fb8);box-shadow:0 6px 24px #667eea80,0 0 0 3px #667eea1a;color:#fff;transform:translateY(-2px)}.sip-back-btn:active{transform:translateY(0)}.sip-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.sip-title{color:#1a2541;font-size:22px;font-weight:700;margin:0}.sip-subtitle-row{color:#6b7280;display:flex;flex-wrap:wrap;font-size:13px;gap:6px 16px}.sip-subtitle-row .sip-meta-label{color:#9ca3af;font-weight:500}.sip-subtitle-row .sip-meta-value{color:#374151;font-weight:600}.sip-meta-row{display:none}.sip-info-strip{align-items:center;display:flex;flex-wrap:nowrap;margin-top:4px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.sip-info-strip::-webkit-scrollbar{display:none}.sip-info-item{align-items:center;display:inline-flex;flex-shrink:0;gap:4px;white-space:nowrap}.sip-info-icon{font-size:13px;line-height:1;opacity:.75}.sip-info-label{color:#9ca3af;font-size:12px;font-weight:500;margin-right:2px}.sip-info-value{color:#1f2937;font-size:13px;font-weight:500}.sip-info-sep{align-self:center;background:#e5e7eb;display:inline-block;flex-shrink:0;height:14px;margin:0 14px;width:1px}.sip-info-status{border-radius:10px;display:inline-block;font-size:11px;font-weight:700;line-height:18px;padding:2px 8px;white-space:nowrap}.sip-status-active{background:#dbeafe;color:#1e40af}.sip-status-completed{background:#d1fae5;color:#065f46}.sip-status-tender{background:#fef9c3;color:#854d0e}.sip-status-under-review{background:#ede9fe;color:#5b21b6}.sip-status-cancelled{background:#fee2e2;color:#991b1b}.sip-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;white-space:nowrap}.sip-badge-fully{background:#d1fae5;color:#065f46}.sip-badge-partial{background:#fef3c7;color:#92400e}.sip-badge-overdue{background:#fee2e2;color:#991b1b}.sip-header-actions{align-items:center;display:flex;flex-shrink:0;gap:10px}.sip-btn-primary{align-items:center;background:#1a2541;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:9px 18px;transition:background .2s}.sip-btn-primary:hover{background:#263354}.sip-btn-secondary{align-items:center;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;color:#1a2541;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:9px 18px;transition:background .2s,border-color .2s}.sip-btn-secondary:hover{background:#f3f4f6;border-color:#9ca3af}.sip-stat-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.sip-stat-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;padding:20px 22px}.sip-stat-card-ring{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.sip-stat-card-claimed{align-items:center;display:flex;gap:12px;justify-content:space-between}.sip-stat-claimed-left{flex:1 1;min-width:0}.sip-subcon-paid-row{align-items:baseline;display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.sip-subcon-paid{color:#ef4444;font-size:18px;font-weight:700}.sip-subcon-sep{color:#9ca3af;font-size:16px;font-weight:400}.sip-subcon-total{color:#6b7280;font-size:15px;font-weight:600}.sip-stat-label{color:#9ca3af;font-size:12px;font-weight:600;letter-spacing:.05em;margin:0 0 6px;text-transform:uppercase}.sip-stat-value{color:#1a2541;font-size:22px;font-weight:700;margin:0 0 4px}.sip-stat-sub{color:#9ca3af;font-size:12px;margin:0}.sip-val-green{color:#10b981!important}.sip-val-orange{color:#ef4444!important}.sip-ring-wrap{align-items:center;display:inline-flex;justify-content:center;margin-top:6px;position:relative}.sip-ring-label{color:#1a2541;font-size:15px;font-weight:700;position:absolute}.sip-followup-log{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;margin-bottom:24px;padding:18px 22px}.sip-section-title{color:#1a2541;font-size:14px;font-weight:700;margin:0 0 12px}.sip-followup-list{display:flex;flex-direction:column;gap:8px}.sip-followup-item{background:#f9fafb;border-radius:8px;display:flex;font-size:13px;gap:16px;padding:8px 12px}.sip-followup-date{color:#1a2541;font-weight:600;min-width:100px;white-space:nowrap}.sip-followup-notes{color:#4b5563}.sip-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:4px;margin-bottom:20px}.sip-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:7px;margin-bottom:-2px;padding:9px 18px;transition:color .2s,border-color .2s;white-space:nowrap}.sip-tab:hover{color:#1a2541}.sip-tab-active{border-bottom-color:#1a2541;color:#1a2541;font-weight:700}.sip-tab-count{background:#f3f4f6;border-radius:10px;color:#6b7280;font-size:11px;font-weight:600;padding:1px 8px}.sip-tab-active .sip-tab-count{background:#1a2541;color:#fff}.sip-table-wrap{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;overflow-x:auto;overflow-y:visible}.sip-table{border-collapse:initial;border-spacing:0;font-size:13px;min-width:1800px;width:100%}.sip-table th{background:#f0f2f5;border-bottom:2px solid #d1d5db;color:#374151;font-size:12px;font-weight:700;letter-spacing:.04em;padding:12px 18px;text-align:left;text-transform:uppercase;white-space:nowrap}.sip-th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sip-th-sortable:hover{background:#f0f2f5;color:#1a2541}.sip-sort-icon{display:inline-block;font-size:13px;font-weight:900;line-height:1;margin-left:4px;opacity:.35;vertical-align:middle}.sip-th-sortable.sip-th-active .sip-sort-icon,.sip-th-sortable:hover .sip-sort-icon{color:#1a2541;opacity:1}.sip-table td{background:#fff;border-bottom:1px solid #f3f4f6;color:#374151;padding:14px 18px;vertical-align:middle;white-space:nowrap}.sip-table tr:last-child td{border-bottom:none}.sip-table tr:hover td{background:#fafafa}.sip-num{text-align:right!important}.sip-col-sticky-left{background:#fff;left:0;min-width:180px;overflow-wrap:break-word;position:-webkit-sticky;position:sticky;white-space:normal!important;word-break:break-word;z-index:2}.sip-table thead .sip-col-sticky-left{background:#f0f2f5;z-index:3}.sip-table tfoot .sip-col-sticky-left{background:#f9fafb;z-index:3}.sip-col-sticky-refno{background:#fff;box-shadow:2px 0 5px #00000014;min-width:90px;position:-webkit-sticky;position:sticky;z-index:2}.sip-table thead .sip-col-sticky-refno{background:#f0f2f5;z-index:3}.sip-table tfoot .sip-col-sticky-refno{background:#f9fafb;z-index:3}.sip-col-signed{background:#fff;left:0;min-width:60px;position:-webkit-sticky;position:sticky;text-align:center;vertical-align:middle;width:60px;z-index:2}.sip-table thead .sip-col-signed{background:#f0f2f5;z-index:3}.sip-table tfoot .sip-col-signed{background:#f9fafb;z-index:3}.sip-th-signed{color:#374151;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.sip-signed-label{align-items:center;cursor:pointer;display:inline-flex;justify-content:center}.sip-signed-cb{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.sip-signed-box{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:6px;color:#fff;display:flex;font-size:13px;font-weight:700;height:22px;justify-content:center;transition:all .15s;-webkit-user-select:none;user-select:none;width:22px}.sip-signed-box.sip-signed-yes{background:#10b981;border-color:#10b981;box-shadow:0 0 0 3px #10b98126;color:#fff}.sip-signed-box.sip-signed-no{background:#fff;border-color:#d1d5db;color:#0000}.sip-signed-label:hover .sip-signed-box.sip-signed-no{background:#f0fdf4;border-color:#10b981}.sip-row-unsigned td{opacity:.55}.sip-row-unsigned .sip-col-signed{opacity:1}.sip-col-sticky-right{background:#fff;box-shadow:-2px 0 5px #00000014;min-width:150px;position:-webkit-sticky;position:sticky;right:0;z-index:2}.sip-table thead .sip-col-sticky-right{background:#f0f2f5;z-index:3}.sip-table tfoot .sip-col-sticky-right{background:#f9fafb;z-index:3}.sip-table tr:hover .sip-col-signed,.sip-table tr:hover .sip-col-sticky-left,.sip-table tr:hover .sip-col-sticky-refno,.sip-table tr:hover .sip-col-sticky-right{background:#fafafa}.sip-claim-cell{min-width:110px;white-space:nowrap}.sip-claim-amt{display:block;font-weight:600}.sip-claim-date{color:#9ca3af;display:block;font-size:11px;margin-top:2px}.sip-stat-before-gst{color:#c0c8d8;font-size:11px;font-weight:500;margin:0 0 4px}.sip-claim-cell-display{border-radius:5px;cursor:pointer;display:inline-block;margin:-3px -5px;min-width:80px;padding:3px 5px;transition:background .12s}.sip-claim-cell-display:hover{background:#f0f4ff}.sip-claim-cell-empty{color:#d1d5db;cursor:pointer}.sip-claim-cell-empty:hover .sip-claim-cell-dash{color:#9ca3af}.sip-claim-cell-dash{transition:color .12s}.sip-claim-cell-edit{display:flex;flex-direction:column;gap:3px;min-width:100px}.sip-claim-inline-amt,.sip-claim-inline-date{background:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;color:#1f2937;font-family:inherit;font-size:12px;height:25px;outline:none;padding:0 6px;transition:border-color .12s,box-shadow .12s;width:100%}.sip-claim-inline-amt:focus,.sip-claim-inline-date:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #dbeafe}.sip-claim-inline-amt{color:#10b981;font-weight:600}.sip-claim-inline-date{color:#6b7280;font-size:11px}.sip-contract-name{color:#1a2541;display:block;font-weight:600;overflow-wrap:break-word;white-space:normal;word-break:break-word}.sip-last-claim{color:#9ca3af;display:block;font-size:11px;margin-top:2px}.sip-ref{color:#1a2541;font-family:monospace;font-size:13px;font-weight:600}.sip-payer{color:#374151;font-size:13px;font-weight:500;max-width:120px}.sip-type-badge{border:1px solid #0000;border-radius:10px;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.sip-type-mc{background:#bbf7d0;border-color:#4ade80;color:#14532d}.sip-type-vo{background:#bfdbfe;border-color:#60a5fa;color:#1e3a8a}.sip-type-sc{background:#fecaca;border-color:#f87171;color:#7f1d1d}.sip-pct-wrap{align-items:flex-end;display:flex;flex-direction:column;gap:3px;min-width:60px}.sip-pct-bar{background:#e5e7eb;border-radius:3px;height:5px;overflow:hidden;width:60px}.sip-pct-fill{background:#3b82f6;border-radius:3px;height:100%;transition:width .3s}.sip-pct-text{color:#6b7280;font-size:11px}.sip-file-link{color:#3b82f6;font-size:12px;text-decoration:none;white-space:nowrap}.sip-file-link:hover{text-decoration:underline}.sip-no-file{color:#d1d5db}.sip-actions{align-items:center;display:flex;gap:6px}.sip-act-btn{align-items:center;border:1.5px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:5px 10px;transition:background .15s,border-color .15s;white-space:nowrap}.sip-act-claim{background:#ecfdf5;border-color:#a7f3d0;color:#10b981}.sip-act-claim:hover{background:#d1fae5}.sip-act-edit{background:#eff6ff;border-color:#bfdbfe;color:#3b82f6}.sip-act-edit:hover{background:#dbeafe}.sip-act-dup{background:#f5f3ff;border-color:#ddd6fe;color:#7c3aed}.sip-act-dup:hover{background:#ede9fe}.sip-act-del{background:#fff1f2;border-color:#fecaca;color:#ef4444}.sip-act-del:hover{background:#fee2e2}.sip-tfoot-row td{background:#f9fafb;border-top:2px solid #e5e7eb;font-size:13px;padding:10px 14px}.sip-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:14px;padding:60px 24px;text-align:center}.sip-empty p{font-size:14px;margin:0}.sip-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.sip-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.sip-modal-sm{max-width:420px}.sip-modal-header{align-items:flex-start;display:flex;justify-content:space-between;padding:20px 24px 0}.sip-modal-header h2{color:#1a2541;font-size:17px;font-weight:700;margin:0}.sip-modal-close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:22px;line-height:1;margin-left:12px;padding:0}.sip-modal-close:hover{color:#374151}.sip-modal-body{display:flex;flex:1 1;flex-direction:column;gap:16px;padding:20px 24px}.sip-modal-footer{border-top:1px solid #f3f4f6;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.sip-modal-cancel{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:9px 20px}.sip-modal-cancel:hover{background:#f9fafb}.sip-modal-save{background:#1a2541;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:9px 20px;transition:background .2s}.sip-modal-save:hover:not(:disabled){background:#263354}.sip-modal-save:disabled{cursor:not-allowed;opacity:.6}.sip-form-group{display:flex;flex-direction:column;gap:6px}.sip-form-group label{color:#374151;font-size:13px;font-weight:600}.sip-form-group input,.sip-form-group select,.sip-form-group textarea{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#1a2541;font-family:inherit;font-size:14px;outline:none;padding:9px 12px;transition:border-color .2s}.sip-form-group input:focus,.sip-form-group select:focus,.sip-form-group textarea:focus{border-color:#1a2541}.sip-form-group textarea{resize:vertical}.sip-form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.sip-tag-group{display:flex;flex-wrap:wrap;gap:8px}.sip-tag{background:#fff;border:1.5px solid #d1d5db;border-radius:20px;color:#374151;cursor:pointer;font-size:13px;padding:6px 14px;transition:all .15s}.sip-tag:hover{border-color:#1a2541;color:#1a2541}.sip-tag-active,.sip-tag-active:hover{background:#1a2541;border-color:#1a2541;color:#fff!important}.sip-tag-type-mc.sip-tag-active,.sip-tag-type-mc.sip-tag-active:hover{background:#bbf7d0;border-color:#4ade80;color:#14532d!important}.sip-tag-type-vo.sip-tag-active,.sip-tag-type-vo.sip-tag-active:hover{background:#bfdbfe;border-color:#60a5fa;color:#1e3a8a!important}.sip-tag-type-sc.sip-tag-active,.sip-tag-type-sc.sip-tag-active:hover{background:#fecaca;border-color:#f87171;color:#7f1d1d!important}.sip-input-prefix{align-items:center;border:1.5px solid #e5e7eb;border-radius:8px;display:flex;overflow:hidden;transition:border-color .2s}.sip-input-prefix:focus-within{border-color:#1a2541}.sip-input-prefix span{background:#f9fafb;border-right:1px solid #e5e7eb;color:#6b7280;font-size:14px;padding:9px 10px 9px 12px;-webkit-user-select:none;user-select:none}.sip-input-prefix input{border:none;border-radius:0;flex:1 1;min-width:0;padding:9px 12px}.sip-input-prefix input:focus{border-color:#0000;outline:none}.sip-input-readonly{background:#f9fafb}.sip-input-readonly input{background:#f9fafb;color:#6b7280}.sip-file-upload{align-items:center;display:flex;gap:12px}.sip-file-btn{align-items:center;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:background .2s}.sip-file-btn:hover{background:#f3f4f6}.sip-file-name{color:#6b7280;font-size:12px}.sip-existing-claims{background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:12px 14px}.sip-existing-title{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.04em;margin:0 0 6px;text-transform:uppercase}.sip-existing-row{color:#374151;display:flex;font-size:13px;justify-content:space-between}.sip-inv-table{min-width:900px}.sip-inv-table td,.sip-inv-table th{white-space:nowrap}.sip-inv-no{color:#1f2937;font-weight:600}.sip-inv-status{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px}.sip-inv-status-draft{background:#f3f4f6;color:#6b7280}.sip-inv-status-issued{background:#dbeafe;color:#1d4ed8}.sip-inv-status-paid{background:#d1fae5;color:#065f46}.sip-inv-status-cancelled{background:#fee2e2;color:#991b1b}.sip-inv-row-clickable{cursor:pointer;transition:background .15s}.sip-inv-row-clickable:hover{background:#f0f7ff!important}.sip-modal-hint{color:#6b7280;font-size:13px;line-height:1.5;margin:0 24px 4px}.sip-inv-tag-draft{background:#f9fafb;border:1.5px solid #d1d5db;color:#6b7280}.sip-inv-tag-issued{background:#eff6ff;border:1.5px solid #93c5fd;color:#1d4ed8}.sip-inv-tag-paid{background:#ecfdf5;border:1.5px solid #6ee7b7;color:#065f46}.sip-inv-tag-cancelled{background:#fef2f2;border:1.5px solid #fca5a5;color:#991b1b}.sip-inv-tag-draft.sip-tag-active{background:#6b7280;border-color:#6b7280;color:#fff}.sip-inv-tag-issued.sip-tag-active{background:#2563eb;border-color:#2563eb;color:#fff}.sip-inv-tag-paid.sip-tag-active{background:#10b981;border-color:#10b981;color:#fff}.sip-inv-tag-cancelled.sip-tag-active{background:#ef4444;border-color:#ef4444;color:#fff}.sip-inv-days{color:#6b7280;font-size:13px;font-weight:500}.sip-inv-days-overdue{color:#ef4444;font-weight:700}.sip-inv-followup-note{color:#6b7280;font-size:12px;margin-top:2px;max-width:220px;white-space:normal}.sip-btn-ghost{align-items:center;background:#0000;border:1.5px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px;transition:background .15s,border-color .15s}.sip-btn-ghost:hover{background:#f3f4f6;border-color:#9ca3af}.sip-editor-hint{color:#1a3870;font-size:11px;font-style:normal;margin-left:4px;opacity:.5;transition:opacity .15s}td:hover .sip-editor-hint{opacity:1}.sip-signed-date-cell{min-width:110px;padding:8px 10px;vertical-align:middle;white-space:nowrap}.sip-signed-date-display{align-items:center;border:1px solid #0000;border-radius:5px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;padding:3px 6px;transition:border-color .15s,background .15s;white-space:nowrap}.sip-signed-date-display:hover{background:#f9fafb;border-color:#d1d5db}.sip-signed-date-empty{color:#d1d5db;font-style:italic}.sip-signed-date-input{background:#fff;border:1.5px solid #a78bfa;border-radius:5px;color:#111827;font-size:12px;outline:none;padding:4px 7px;transition:border-color .15s;width:130px}.sip-signed-date-input:focus{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed1f}@media (max-width:1100px){.sip-stat-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.sip-container{padding:16px}.sip-stat-row{grid-template-columns:1fr 1fr}.sip-page-header{flex-direction:column}.sip-form-row{grid-template-columns:1fr}.sip-table{font-size:12px}}.inv-page{background:#fff;border:1px solid #d1d5db;border-radius:4px;box-shadow:0 4px 20px #0000001f;box-sizing:border-box;color:#111;font-family:Times New Roman,Times,serif;font-size:13px;min-height:1000px;padding:36px 44px 28px;width:760px}.inv-letterhead{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:4px}.inv-logo-block{align-items:center;display:flex;gap:12px}.inv-logo-graphic{align-items:center;border:2.5px solid #1a3870;border-radius:50%;color:#1a3870;display:flex;flex-shrink:0;font-size:14px;font-style:italic;font-weight:900;height:56px;justify-content:center;width:56px}.inv-logo-sg{font-family:Georgia,serif}.inv-logo-text{line-height:1.2}.inv-company-name{color:#1a3870;font-family:Georgia,serif;font-size:32px;font-weight:900;letter-spacing:.06em}.inv-company-sub{color:#1a3870;font-family:Arial,sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.05em}.inv-bizsafe{color:#222;font-family:Arial,sans-serif;font-size:14px;font-style:italic;font-weight:900;letter-spacing:-.02em}.inv-bizsafe-biz{color:#555;font-weight:400}.inv-bizsafe-safe{color:#111}.inv-bizsafe-3{font-size:10px;vertical-align:super}.inv-letterhead-rule-blue{background:#1a3870;height:2.5px;margin:6px 0 2px}.inv-letterhead-rule-red{background:#c0392b;height:1.5px;margin-bottom:6px}.inv-address-bar{color:#333;font-family:Arial,sans-serif;font-size:10.5px;line-height:1.5;margin-bottom:14px}.inv-address-bar p{margin:0}.inv-header-info{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:16px}.inv-bill-to{flex:1 1;min-width:0}.inv-bill-to-name{font-size:13.5px;font-weight:700;margin:0 0 2px}.inv-bill-to-addr{font-size:12.5px;line-height:1.5;margin:0 0 2px}.inv-attn{font-size:12.5px;margin:2px 0 0}.inv-meta{min-width:260px;text-align:right}.inv-meta-row{align-items:baseline;display:flex;font-size:12.5px;gap:10px;justify-content:flex-end;margin-bottom:3px}.inv-meta-gst{color:#444;font-size:11.5px;margin-bottom:6px}.inv-meta-label{color:#333;white-space:nowrap}.inv-meta-val{color:#111;min-width:120px;text-align:right}.inv-meta-invno{color:#111;font-size:15px;font-weight:900}.inv-meta-ref{font-style:italic;font-weight:700}.inv-table{border-collapse:collapse;font-size:12.5px;margin-bottom:0;width:100%}.inv-col-item{width:44px}.inv-col-qty{width:70px}.inv-col-amt{width:88px}.inv-th-row{border-bottom:1.5px solid #111;border-top:1.5px solid #111}.inv-th{border-right:1px solid #555;font-size:12.5px;font-weight:700;padding:6px 8px;text-align:left}.inv-th:last-child{border-right:none}.inv-th-center{text-align:center}.inv-th-right{text-align:right}.inv-td{border-bottom:1px solid #ddd;border-right:1px solid #aaa;padding:5px 8px;vertical-align:top}.inv-td:last-child{border-right:none}.inv-td-item{vertical-align:middle}.inv-td-center,.inv-td-item{text-align:center}.inv-td-right{text-align:right;white-space:nowrap}.inv-td-neg{color:#c0392b}.inv-td-indent{padding-left:24px}.inv-td-italic,.inv-td-prevclaim{color:#444;font-style:italic}.inv-re-header{border-right:none!important;font-size:13px;font-weight:700;padding-bottom:6px;padding-top:10px;text-decoration:underline}.inv-spacer td{border-bottom:none;height:60px}.inv-spacer-sm td{border-bottom:none;height:12px}.inv-bank-section{border-right:none!important;font-style:italic;padding-top:10px}.inv-bank-header{font-size:12px;font-style:normal;font-weight:700;margin:0 0 2px;text-decoration:underline}.inv-bank-line,.inv-bank-paynow{font-size:11.5px;line-height:1.6;margin:0}.inv-bank-paynow{color:#2563eb}.inv-total-label{border-right:1px solid #aaa;font-size:12.5px;padding-right:10px;text-align:right}.inv-grand-row td{border-bottom:1.5px solid #111;border-top:1.5px solid #111}.inv-grand-label{border-right:1px solid #555;font-size:13px;font-weight:700;padding-right:10px;text-align:right}.inv-grand-amt{background:#f9f9f9;font-size:13.5px;font-weight:900;text-align:right}.inv-words{border-right:none!important;color:#333;font-size:11.5px;padding-top:8px}.inv-signature-block{align-items:flex-end;display:flex;flex-direction:column;gap:6px;margin-top:20px}.inv-sig-for{color:#111;font-size:12px;font-weight:600;text-align:right}.inv-sig-line-wrap{align-items:center;display:flex;flex-direction:column;min-width:180px}.inv-sig-line{background:#111;height:1px;margin-bottom:4px;margin-top:36px;width:180px}.inv-sig-name{font-size:12px;font-weight:700;letter-spacing:.04em}.inv-footer{border-top:1px solid #e5e7eb;color:#666;font-size:11px;margin-top:14px;padding-top:8px;text-align:center}.ie-page{background:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100vh;overflow:hidden}.ie-loading,.ie-page{display:flex;flex-direction:column}.ie-loading{align-items:center;color:#6b7280;gap:16px;height:100%;justify-content:center}.ie-spinner{animation:ie-spin .7s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#2563eb;height:36px;width:36px}@keyframes ie-spin{to{transform:rotate(1turn)}}.ie-topbar{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 4px #0000000f;flex-shrink:0;gap:12px;justify-content:space-between;padding:10px 20px;z-index:10}.ie-topbar,.ie-topbar-left{align-items:center;display:flex}.ie-topbar-left{gap:14px;min-width:0}.ie-topbar-center,.ie-topbar-right{align-items:center;display:flex}.ie-topbar-right{flex-shrink:0;gap:8px}.ie-back-btn{align-items:center;background:linear-gradient(135deg,#1e3a5f,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 8px #2563eb4d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:7px 14px;transition:opacity .15s,transform .15s;white-space:nowrap}.ie-back-btn:hover{opacity:.88;transform:translateX(-2px)}.ie-title-block{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.ie-title{color:#9ca3af;font-size:14px;font-weight:500}.ie-invoice-no{color:#111827;font-size:16px;font-weight:700}.ie-status-dot{align-items:center;border-radius:20px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.03em;padding:3px 10px}.ie-unsaved-dot{animation:ie-dot-pulse 1.8s ease-in-out infinite;background:#f59e0b;border-radius:50%;display:inline-block;height:8px;margin-left:4px;vertical-align:middle;width:8px}@keyframes ie-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.ie-view-toggle{background:#f3f4f6;border-radius:8px;display:flex;gap:2px;padding:3px}.ie-view-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;padding:5px 14px;transition:all .15s}.ie-view-btn.active{background:#fff;box-shadow:0 1px 4px #0000001a;color:#111827;font-weight:600}.ie-btn{align-items:center;border:1.5px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:7px 14px;transition:all .15s}.ie-btn-ghost{background:#f9fafb;border-color:#e5e7eb;color:#374151}.ie-btn-ghost:hover{background:#f0f2f5;border-color:#d1d5db}.ie-btn-blue{background:#2563eb;color:#fff}.ie-btn-blue:hover{background:#1d4ed8}.ie-btn-green{background:#10b981;color:#fff}.ie-btn-green:hover{background:#059669}.ie-btn-save-clean{background:#fff;border:1.5px solid #111827!important;color:#111827;font-weight:600}.ie-btn-save-clean:hover{background:#f3f4f6}.ie-btn-save-dirty{animation:ie-save-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#16a34a,#22c55e);border:none!important;box-shadow:0 0 0 0 #22c55e80;color:#fff;font-weight:700}.ie-btn-save-dirty:hover{animation:none;background:linear-gradient(135deg,#15803d,#16a34a);box-shadow:0 4px 14px #16a34a66}.ie-btn-save-clean:disabled,.ie-btn-save-dirty:disabled{animation:none;cursor:not-allowed;opacity:.6}@keyframes ie-save-pulse{0%,to{box-shadow:0 0 0 0 #22c55e80}50%{box-shadow:0 0 0 7px #22c55e00}}.ie-body{flex:1 1;position:relative}.ie-body,.ie-left-panel{display:flex;overflow:hidden}.ie-left-panel{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0}.ie-left-scroll{flex:1 1;overflow-y:auto;padding:20px 24px 40px}.ie-section{border-bottom:1px solid #f0f2f5;margin-bottom:28px;padding-bottom:24px}.ie-section:last-child{border-bottom:none}.ie-section-title{color:#6b7280;font-size:13px;font-weight:700;letter-spacing:.06em;margin:0 0 16px;text-transform:uppercase}.ie-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.ie-section-header .ie-section-title{margin-bottom:0}.ie-divider{background:#f0f2f5;height:1px;margin:16px 0}.ie-field{margin-bottom:12px}.ie-field label{color:#6b7280;display:block;font-size:12px;font-weight:600;letter-spacing:.02em;margin-bottom:5px}.ie-field input,.ie-field select,.ie-field textarea{background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;box-sizing:border-box;color:#111827;font-family:inherit;font-size:13px;padding:8px 11px;transition:border-color .15s;width:100%}.ie-field input:focus,.ie-field select:focus,.ie-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14;outline:none}.ie-field textarea{resize:vertical}.ie-field-hint{color:#9ca3af;font-size:10px;font-style:italic;font-weight:400}.ie-readonly-input{background:#f9fafb!important;color:#6b7280!important;cursor:default}.ie-grid-2{grid-gap:0 16px;display:grid;gap:0 16px;grid-template-columns:1fr 1fr}.ie-status-tags{display:flex;flex-wrap:wrap;gap:6px}.ie-status-tag{border:1.5px solid #0000;border-radius:20px;cursor:pointer;font-size:12px;font-weight:600;padding:5px 13px;transition:all .15s}.ie-status-draft{background:#f3f4f6;border-color:#d1d5db;color:#6b7280}.ie-status-issued{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.ie-status-paid{background:#ecfdf5;border-color:#6ee7b7;color:#065f46}.ie-status-cancelled{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.ie-status-draft.active{background:#6b7280;border-color:#6b7280;color:#fff}.ie-status-issued.active{background:#2563eb;border-color:#2563eb;color:#fff}.ie-status-paid.active{background:#10b981;border-color:#10b981;color:#fff}.ie-status-cancelled.active{background:#ef4444;border-color:#ef4444;color:#fff}.ie-add-btn{background:linear-gradient(135deg,#1e3a5f,#2563eb);border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:opacity .15s}.ie-add-btn:hover{opacity:.88}.ie-add-menu-wrap{position:relative}.ie-add-menu{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:100}.ie-add-menu-item{align-items:center;background:#0000;border:none;color:#374151;cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:10px;padding:11px 16px;text-align:left;transition:background .12s;width:100%}.ie-add-menu-item:hover{background:#f0f7ff}.ie-add-menu-icon{font-size:15px}.ie-quote-submenu{background:#f9fafb;border-top:1px solid #e5e7eb;max-height:200px;overflow-y:auto}.ie-quote-submenu-empty{color:#9ca3af;font-size:12px;padding:12px 16px}.ie-quote-submenu-item{align-items:flex-start;background:#0000;border:none;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;flex-direction:column;padding:9px 20px;text-align:left;transition:background .12s;width:100%}.ie-quote-submenu-item:last-child{border-bottom:none}.ie-quote-submenu-item:hover{background:#eff6ff}.ie-quote-ref{color:#6b7280;font-size:11px;font-weight:600}.ie-quote-name{color:#111827;font-size:13px}.ie-empty-content{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:10px;color:#9ca3af;padding:32px 16px;text-align:center}.ie-empty-hint{font-size:12px;margin-top:6px}.ie-line-items{display:flex;flex-direction:column;gap:10px}.ie-item{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;overflow:hidden}.ie-item-quotation{border-color:#93c5fd}.ie-item-adjustment{border-color:#fca5a5}.ie-item-prevclaim{border-color:#d8b4fe}.ie-item-custom{border-color:#d1d5db}.ie-item-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:8px 12px}.ie-item-quotation .ie-item-header{background:#eff6ff;border-color:#bfdbfe}.ie-item-adjustment .ie-item-header{background:#fff7f7;border-color:#fecaca}.ie-item-prevclaim .ie-item-header{background:#faf5ff;border-color:#e9d5ff}.ie-item-type-tag{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.04em;padding:2px 9px}.ie-tag-quotation{background:#dbeafe;color:#1d4ed8}.ie-tag-adjustment{background:#fee2e2;color:#991b1b}.ie-tag-prevclaim{background:#f3e8ff;color:#7e22ce}.ie-tag-custom{background:#f3f4f6;color:#6b7280}.ie-item-controls{align-items:center;display:flex;gap:4px}.ie-item-ctrl{background:#fff;border:1px solid #e5e7eb;border-radius:5px;color:#6b7280;cursor:pointer;font-size:11px;padding:3px 7px;transition:all .12s}.ie-item-ctrl:hover:not(:disabled){background:#f0f2f5;color:#111827}.ie-item-ctrl:disabled{cursor:default;opacity:.3}.ie-item-delete{border-color:#fca5a5;color:#ef4444}.ie-item-delete:hover{background:#fee2e2!important}.ie-item-expand{font-size:10px}.ie-item-body{padding:12px}.ie-item-row{align-items:flex-end;display:flex;gap:10px}.ie-field-grow{flex:1 1;min-width:0}.ie-field-sm{flex-shrink:0;width:90px}.ie-field-xs{flex-shrink:0;width:110px}.ie-field-amt{flex-shrink:0;width:130px}.ie-subitem{background:#fafafa;border:1px solid #e5e7eb;border-radius:7px;display:flex;flex-direction:column;gap:6px;margin-top:8px;padding:8px 10px}.ie-subitem-row1,.ie-subitem-row2{align-items:flex-end;display:flex;gap:6px}.ie-subitem-labeled{display:flex;flex:0 0 130px;flex-direction:column;gap:3px}.ie-subitem-labeled-grow{flex:1 1;min-width:0}.ie-subitem-lbl{color:#6b7280;font-size:11px;font-weight:600}.ie-subitem-type{background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;color:#374151;flex-shrink:0;font-size:12px;padding:6px 8px;width:90px}.ie-subitem-amt{flex-shrink:0;width:110px}.ie-subitem-amt,.ie-subitem-field{border:1.5px solid #e5e7eb;border-radius:6px;font-family:inherit;font-size:12px;padding:6px 9px}.ie-subitem-field{box-sizing:border-box;width:100%}.ie-subitem-field-grow{width:100%}.ie-subitem-del{background:#fff;border:1px solid #fca5a5;border-radius:5px;color:#ef4444;cursor:pointer;flex-shrink:0;font-size:11px;margin-left:auto;padding:5px 7px;transition:background .12s}.ie-subitem-del:hover{background:#fee2e2}.ie-subitem-amt:focus,.ie-subitem-field:focus,.ie-subitem-type:focus{border-color:#2563eb;outline:none}.ie-adj-detail-row{margin-top:8px}.ie-add-subitem-btn{background:#f0f7ff;border:1.5px dashed #93c5fd;border-radius:6px;color:#2563eb;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;margin-top:8px;padding:5px 12px;transition:background .12s}.ie-add-subitem-btn:hover{background:#dbeafe}.ie-totals-table{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.ie-total-row{align-items:center;border-bottom:1px solid #e5e7eb;color:#374151;display:flex;font-size:13px;justify-content:space-between;padding:10px 16px}.ie-total-row:last-of-type{border-bottom:none}.ie-total-deduct{color:#ef4444}.ie-total-this{color:#2563eb;font-weight:600}.ie-total-grand{background:#f0f7ff;color:#111827;font-size:15px;font-weight:700}.ie-total-words{border-top:1px solid #e5e7eb;color:#6b7280;font-size:11.5px;font-style:italic;line-height:1.4;padding:10px 16px}.ie-bank-details{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#374151;font-size:12.5px;line-height:1.8;padding:14px 16px}.ie-bank-header{color:#111827;font-weight:700;margin-bottom:4px;text-decoration:underline}.ie-bank-readonly-note{color:#9ca3af;font-size:11px;font-style:italic;margin-top:8px}.ie-drag-handle{align-items:center;background:#f0f2f5;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;cursor:col-resize;display:flex;flex-shrink:0;justify-content:center;transition:background .15s;width:8px}.ie-drag-handle:hover{background:#e0e7ff}.ie-drag-dots{border-left:1px dotted #9ca3af;border-right:1px dotted #9ca3af;height:30px;width:3px}.ie-right-panel{background:#e8eaed;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.ie-preview-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;color:#6b7280;display:flex;flex-shrink:0;font-size:12px;font-weight:600;justify-content:space-between;letter-spacing:.05em;padding:8px 16px;text-transform:uppercase}.ie-preview-scroll{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:20px}@media (max-width:900px){.ie-grid-2{grid-template-columns:1fr}.ie-topbar{gap:8px;padding:8px 14px}.ie-topbar-center{display:none}}.sd-container{position:relative}.sd-trigger{align-items:center;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:8px;justify-content:space-between;padding:10px 14px;text-align:left;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.sd-trigger:hover:not(:disabled){border-color:#9ca3af}.sd-trigger--open,.sd-trigger:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.sd-trigger--disabled{cursor:not-allowed;opacity:.6}.sd-placeholder{color:#9ca3af}.sd-value{color:#374151}.sd-chevron{color:#6b7280;flex-shrink:0;height:10px;width:10px}.sd-panel{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;left:0;max-height:300px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:300}.sd-search-wrap{border-bottom:1px solid #f3f4f6;flex-shrink:0;padding:8px 10px}.sd-search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:5px;box-sizing:border-box;color:#374151;font-family:inherit;font-size:13px;outline:none;padding:6px 10px;width:100%}.sd-search:focus{background:#fff;border-color:#3b82f6}.sd-list{max-height:228px;overflow-y:auto}.sd-option{color:#374151;cursor:pointer;font-size:14px;padding:10px 14px;transition:background .12s}.sd-option:hover{background:#f3f4f6}.sd-option--active{background:#eff6ff;color:#2563eb;font-weight:600}.sd-empty{color:#9ca3af;font-size:14px;padding:12px 14px;text-align:center}.qe-page .ie-body{padding-bottom:0}.qe-page .ie-left-scroll{background:#f0f2f5;display:flex;flex-direction:column;gap:12px;padding:14px 16px 80px}.qe-page .ie-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 4px #0000000a;margin-bottom:0;padding:14px 16px 16px}.qe-page .ie-field{margin-bottom:8px}.qe-page .ie-field label{align-items:center;color:#9ca3af;display:flex;font-size:10.5px;font-weight:600;gap:5px;letter-spacing:.04em;margin-bottom:3px;text-transform:uppercase}.qe-page .ie-field input,.qe-page .ie-field select,.qe-page .ie-field textarea{border:1px solid #d1d5db;border-radius:8px;font-size:13px;padding:7px 10px}.qe-card-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.qe-card-title{color:#374151;font-size:11px;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.qe-label-hint{color:#9ca3af;font-size:10px;font-weight:400;letter-spacing:0;margin-left:4px;text-transform:none}.qe-disclaimer-hint{background:#eff6ff;border-radius:4px;color:#2563eb;font-size:10px;font-weight:500;padding:2px 8px}.qe-details-grid{grid-gap:4px 14px;display:grid;gap:4px 14px;grid-template-columns:repeat(2,1fr)}.qe-disclaimer-area{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:12px;line-height:1.45;padding:8px 10px;resize:vertical;width:100%}.qe-internal-notes-section{margin-top:12px}.qe-internal-notes-label{color:#9ca3af;font-size:10.5px;font-weight:600;letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.qe-builder-actions{display:flex;gap:6px}.qe-quick-add-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:11.5px;font-weight:600;padding:5px 10px;transition:all .12s}.qe-quick-add-btn:hover{background:#f3f4f6;border-color:#9ca3af}.qe-qa-header{border-color:#c7d2fe;color:#1a3870}.qe-qa-item{border-color:#bbf7d0;color:#166534}.qe-qa-subitem{color:#6b7280}.qe-builder-empty{color:#6b7280;padding:36px 20px;text-align:center}.qe-builder-empty-title{color:#374151;font-size:13px;font-weight:600;margin:8px 0 4px}.qe-assign-bar{align-items:center;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:8px;color:#5b21b6;display:flex;font-size:12px;font-weight:500;gap:8px;margin-bottom:10px;padding:7px 12px}.qe-assign-bar-dot{animation:qe-pulse 1.6s ease-in-out infinite;background:#7c3aed;border-radius:50%;box-shadow:0 0 0 3px #7c3aed2e;height:8px;width:8px}@keyframes qe-pulse{0%,to{box-shadow:0 0 0 2px #7c3aed40}50%{box-shadow:0 0 0 6px #7c3aed0f}}.qe-assign-bar kbd{background:#fff;border:1px solid #ddd6fe;border-radius:3px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10.5px;padding:1px 5px}.qe-doc-table{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.qe-doc-th{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;display:grid;font-size:10.5px;font-weight:700;grid-template-columns:22px 50px 1fr 160px 110px;letter-spacing:.05em;padding:6px 10px;text-transform:uppercase}.qe-doc-th-no{padding-left:4px}.qe-doc-th-amt{padding-right:8px;text-align:right}.qe-doc-group{border-bottom:1px solid #e5e7eb}.qe-doc-group:last-child{border-bottom:none}.qe-doc-row{grid-gap:6px;align-items:center;background:#fff;border-bottom:1px solid #f3f4f6;display:grid;gap:6px;grid-template-columns:22px 50px 1fr 160px 110px;min-height:36px;padding:6px 10px;transition:background .12s}.qe-doc-row:hover{background:#fafbfc}.qe-doc-row--target{background:#faf5ff}.qe-doc-row--target:hover{background:#f5edff}.qe-doc-row--item{background:#fff;font-weight:500}.qe-doc-row--sub{background:#fafbfc}.qe-doc-row--sub:hover{background:#f5f6f8}.qe-doc-section{grid-gap:6px;align-items:center;background:#1a3870;color:#fff;display:grid;font-size:12px;font-weight:600;gap:6px;grid-template-columns:22px 1fr 110px;letter-spacing:.03em;padding:7px 10px}.qe-row-drag,.qe-row-drag-spacer{align-items:center;color:#9ca3af;cursor:grab;display:inline-flex;font-size:14px;justify-content:center;-webkit-user-select:none;user-select:none;width:18px}.qe-row-drag:active{cursor:grabbing}.qe-doc-section .qe-row-drag{color:#ffffffa6}.qe-row-num{color:#1a3870;font-size:11.5px;font-weight:700;letter-spacing:.02em;text-align:left}.qe-row-num--sub{color:#6b7280;font-size:11px;font-weight:600;padding-left:14px}.qe-row-desc-stack{display:flex;flex-direction:column;gap:2px;min-width:0}.qe-row-desc,.qe-row-dims,.qe-row-title{background:#0000;border:none;border-radius:4px;color:#111827;font-family:inherit;font-size:13px;min-width:0;outline:none;padding:4px 6px;transition:background .12s;width:100%}.qe-row-title{font-weight:600}.qe-row-desc{color:#4b5563;font-size:12px}.qe-row-dims{color:#6b7280;font-size:11.5px;font-style:italic}.qe-row-desc:focus,.qe-row-dims:focus,.qe-row-title:focus{background:#f9fafb;box-shadow:inset 0 0 0 1px #c7d2fe}.qe-row-desc::placeholder,.qe-row-dims::placeholder,.qe-row-title::placeholder{color:#cbd5e1}.qe-row-add-extras{background:#0000;border:1px dashed #d1d5db;border-radius:4px;color:#9ca3af;cursor:pointer;font-family:inherit;font-size:11px;margin-top:2px;padding:2px 8px;text-align:left;width:-webkit-fit-content;width:fit-content}.qe-row-add-extras:hover{border-color:#9ca3af;color:#4b5563}.qe-section-input{background:#0000;border:none;color:#fff;font-family:inherit;font-size:12.5px;font-weight:600;letter-spacing:.04em;outline:none;padding:2px 6px;width:100%}.qe-section-input::placeholder{color:#ffffff80}.qe-section-input:focus{background:#ffffff14;border-radius:4px}.qe-row-actions{align-items:center;display:flex;gap:2px;justify-content:flex-end;opacity:0;transition:opacity .12s}.qe-doc-row:hover .qe-row-actions,.qe-doc-section:hover .qe-row-actions{opacity:1}.qe-row-actions button{align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;color:#9ca3af;cursor:pointer;display:inline-flex;font-family:inherit;font-size:11px;height:22px;justify-content:center;padding:0;transition:all .12s;width:22px}.qe-row-actions button:hover{background:#f3f4f6;border-color:#d1d5db;color:#4b5563}.qe-row-del:hover{background:#fef2f2!important;border-color:#fca5a5!important;color:#dc2626!important}.qe-doc-section .qe-row-actions button{color:#ffffffb3}.qe-doc-section .qe-row-actions button:hover{background:#ffffff26;color:#fff}.qe-price-cell{font-feature-settings:"tnum";align-items:center;background:#fafbfc;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-variant-numeric:tabular-nums;gap:4px;justify-content:flex-end;min-height:26px;padding:5px 8px;transition:all .12s}.qe-price-cell:hover{background:#f3f4f6;border-color:#d1d5db}.qe-price-cell--empty{background:#0000}.qe-price-cell--empty:hover{background:#fafbfc;border-color:#e5e7eb}.qe-price-cell--active{background:#5b21b6!important;border-color:#5b21b6!important;box-shadow:0 0 0 3px #7c3aed38;color:#fff!important}.qe-price-cell--active .qe-pc-empty,.qe-price-cell--active .qe-pc-sym,.qe-price-cell--active .qe-pc-val{color:#fff!important}.qe-price-cell--active .qe-pc-input{background:#0000;border-bottom:1px solid #fff6;color:#fff}.qe-price-cell--active .qe-pc-input::placeholder{color:#fff9}.qe-pc-sym{color:#6b7280;font-size:11.5px;font-weight:500}.qe-pc-val{color:#111827;font-size:13px;font-weight:600;min-width:50px;text-align:right}.qe-pc-empty{color:#cbd5e1;font-size:14px;font-weight:500;text-align:right;width:50px}.qe-pc-input{background:#0000;border:none;color:#111827;font-family:inherit;font-size:13px;font-weight:600;outline:none;padding:0;text-align:right;width:70px}.qe-pc-badge{border-radius:3px;cursor:help;font-size:9.5px;font-weight:600;letter-spacing:.02em;margin-left:4px;padding:1px 5px;white-space:nowrap}.qe-pc-badge-linked{background:#ede9fe;color:#5b21b6}.qe-pc-badge-manual{background:#fef3c7;color:#92400e}.qe-price-cell--active .qe-pc-badge{background:#ffffff2e;color:#fff}.qe-calc-pool{background:#fafbfc;border-top:1px dashed #e5e7eb;margin:0;padding:0;position:relative}.qe-calc-pool--active{background:#faf5ff;border-top-color:#ddd6fe}.qe-calc-pool--active:before{background:#7c3aed;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.qe-pool-summary{align-items:center;background:#0000;border:none;color:#9ca3af;cursor:pointer;display:flex;font-family:inherit;font-size:10.5px;font-weight:600;gap:6px;letter-spacing:.04em;padding:5px 12px 5px 32px;text-align:left;text-transform:uppercase;width:100%}.qe-pool-summary:hover{color:#6b7280}.qe-calc-pool--active .qe-pool-summary{color:#7c3aed}.qe-pool-caret{display:inline-block;font-size:9px;transition:transform .15s;width:10px}.qe-pool-caret--open{transform:rotate(90deg)}.qe-pool-label{font-weight:700}.qe-pool-meta{color:#9ca3af;font-size:10.5px;font-weight:500;letter-spacing:0;text-transform:none}.qe-calc-pool--active .qe-pool-meta{color:#7c3aed}.qe-pool-assign-tag{background:#ede9fe;border-radius:3px;color:#5b21b6;font-size:10px;font-weight:600;letter-spacing:0;margin-left:auto;padding:1px 6px;text-transform:none}.qe-pool-body{padding:4px 12px 8px 32px}.qe-pool-empty{color:#9ca3af;font-size:11.5px;font-style:italic;padding:4px 0}.qe-pool-list{display:flex;flex-direction:column;gap:2px}.qe-pool-add{background:#0000;border:1px dashed #d1d5db;border-radius:5px;color:#6b7280;cursor:pointer;font-family:inherit;font-size:11px;font-weight:500;margin-top:6px;padding:4px 10px}.qe-pool-add:hover{background:#fff;border-color:#9ca3af;color:#374151}.qe-calc-row{grid-gap:6px;align-items:center;background:#0000;border-radius:4px;display:grid;gap:6px;grid-template-columns:130px 1fr 130px 22px;padding:3px 4px}.qe-calc-row:hover{background:#7c3aed0a}.qe-cr-amt-input,.qe-cr-expr,.qe-cr-label{background:#fff;border:1px solid #0000;border-radius:4px;color:#111827;font-family:inherit;font-size:12px;min-width:0;outline:none;padding:4px 8px;width:100%}.qe-cr-label{font-weight:500}.qe-cr-expr{color:#4b5563;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11.5px}.qe-cr-amt-input:focus,.qe-cr-expr:focus,.qe-cr-label:focus{border-color:#c7d2fe;box-shadow:0 0 0 3px #6366f114}.qe-cr-amt-cell{font-feature-settings:"tnum";align-items:center;background:#fff;border:1px solid #0000;border-radius:4px;display:inline-flex;font-variant-numeric:tabular-nums;gap:3px;padding:3px 6px 3px 8px;transition:all .12s}.qe-cr-sym{color:#6b7280;font-size:11px}.qe-cr-amt-input{background:#0000}.qe-cr-amt-display,.qe-cr-amt-input{font-weight:600;padding:2px 4px;text-align:right}.qe-cr-amt-display{color:#111827;flex:1 1;font-size:12px}.qe-cr-amt-cell--selectable{background:#f5f3ff;border-color:#ddd6fe;box-shadow:0 0 0 2px #c4b5fd2e;cursor:pointer}.qe-cr-amt-cell--selectable:hover{background:#ede9fe;border-color:#c4b5fd}.qe-cr-amt-cell--selected{background:#5b21b6!important;border-color:#4c1d95!important;box-shadow:0 0 0 2px #7c3aed40}.qe-cr-amt-cell--selected .qe-cr-amt-display,.qe-cr-amt-cell--selected .qe-cr-sym{color:#fff!important}.qe-cr-del{align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;color:#cbd5e1;cursor:pointer;display:inline-flex;font-family:inherit;font-size:11px;height:22px;justify-content:center;padding:0;width:22px}.qe-cr-del:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.qe-back-btn{align-items:center;background:#0000;border:1px solid #d1d5db;border-radius:6px;color:#4b5563;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:500;gap:5px;padding:5px 10px}.qe-back-btn:hover{background:#f3f4f6}.qe-doc-settings{gap:6px}.qe-doc-settings,.qe-setting-group{align-items:center;display:inline-flex}.qe-setting-group{gap:4px}.qe-setting-toggle{background:#fff;border:1px solid #d1d5db;border-radius:5px;color:#6b7280;cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.02em;padding:4px 8px}.qe-setting-toggle:hover{background:#f9fafb}.qe-setting-toggle.on{background:#1a3870;border-color:#1a3870;color:#fff}.qe-buf-pct-inline{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:5px;display:inline-flex;gap:2px;padding:2px 6px}.qe-buf-pct-inline input{border:none;font-family:inherit;font-size:11px;outline:none;text-align:right;width:38px}.qe-buf-pct-inline span{color:#6b7280;font-size:11px}.qe-topbar-sep{background:#e5e7eb;height:22px;margin:0 6px;width:1px}.qe-topbar-add-btn,.qe-topbar-ghost-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:500;gap:5px;padding:5px 10px}.qe-topbar-add-btn:hover,.qe-topbar-ghost-btn:hover{background:#f3f4f6}.qe-save-btn{border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:6px 12px}.qe-save-btn--dirty{background:#1a3870;color:#fff}.qe-save-btn--dirty:hover{background:#234a8e}.qe-save-btn--clean{background:#f3f4f6;color:#6b7280;cursor:default}.qe-save-btn:disabled{cursor:wait;opacity:.6}.qe-saved-flash{align-items:center;color:#10b981;display:inline-flex;font-size:11.5px;font-weight:500;gap:4px}.qe-save-err-msg{background:#fef2f2;border-radius:4px;color:#dc2626;font-size:11.5px;padding:3px 8px}.qe-bottom-bar{background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -2px 8px #0000000d;position:-webkit-sticky;position:sticky;z-index:20}.qe-bottom-bar-inner{align-items:center;display:flex;gap:16px;justify-content:space-between;max-width:100%;padding:8px 18px}.qe-bottom-flags{display:flex;gap:6px}.qe-totals-flag{border-radius:4px;font-size:10.5px;font-weight:600;letter-spacing:.02em;padding:2px 8px}.qe-flag-buffer{background:#fef3c7;color:#92400e}.qe-flag-round{background:#e0e7ff;color:#3730a3}.qe-bottom-totals{font-feature-settings:"tnum";align-items:center;display:flex;font-variant-numeric:tabular-nums;gap:20px;margin-left:auto}.qe-bottom-total-item{align-items:flex-end;display:flex;flex-direction:column}.qe-bottom-total-label{color:#9ca3af;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.qe-bottom-total-val{color:#374151;font-size:14px;font-weight:600}.qe-bottom-grand-val{color:#1a3870;font-size:18px;font-weight:700}.ie-preview-scroll{background:#e5e7eb;height:100%;overflow-y:auto;padding:16px}.qe-preview-doc{background:#fff;box-shadow:0 4px 12px #0000001a;color:#111;font-family:Times New Roman,Times,serif;font-size:10pt;margin:0 auto;max-width:720px;min-height:1000px;padding:36px 40px}.qe-prev-letterhead{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:6px}.qe-prev-logo-block{align-items:center;display:flex;gap:8px}.qe-prev-logo-circle{align-items:center;border:2px solid #1a3870;border-radius:50%;display:flex;height:44px;justify-content:center;width:44px}.qe-prev-logo-s{font-style:italic}.qe-prev-company-name,.qe-prev-logo-s{color:#1a3870;font-size:22px;font-weight:700}.qe-prev-company-name{letter-spacing:1px}.qe-prev-company-sub{color:#1a3870;font-size:7px;font-weight:700;letter-spacing:.5px;margin-top:2px}.qe-prev-company-info{color:#444;font-size:8.5px;line-height:1.55;text-align:right}.qe-prev-rule{border-bottom:1.5px solid #1a3870;margin:8px 0}.qe-prev-doc-title{color:#1a3870;font-size:15px;font-weight:700;letter-spacing:4px;margin:12px 0;text-align:center}.qe-prev-meta-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:10px}.qe-prev-meta-row{display:flex;font-size:9px;gap:6px;margin-bottom:3px}.qe-prev-meta-row span:first-child{color:#444;font-weight:700;min-width:60px}.qe-prev-table{border-collapse:collapse;width:100%}.qe-prev-table th{background:#1a3870;color:#fff;font-size:8px;font-weight:700;letter-spacing:.4px;padding:5px 6px;text-align:left;text-transform:uppercase}.qe-prev-th-no{width:44px}.qe-prev-th-amt{text-align:right;width:100px}.qe-prev-table td{border-bottom:.5px solid #f0f0f0;font-size:9.5px;padding:4px 6px;vertical-align:top}.qe-prev-td-no{font-weight:700}.qe-prev-td-amt{font-weight:700;text-align:right}.qe-prev-subitem-row td:nth-child(2){color:#444;font-style:italic;padding-left:18px}.qe-prev-header-row td{background:#f8f9ff;color:#1a3870;font-weight:700;padding:5px 6px}.qe-prev-client-note{color:#555;font-size:8.5px;font-style:italic;margin-top:2px}.qe-prev-totals{align-items:flex-end;display:flex;flex-direction:column;margin-top:10px}.qe-prev-total-line{color:#444;display:flex;font-size:9.5px;justify-content:space-between;padding:3px 0;width:220px}.qe-prev-grand,.qe-prev-total-line span:last-child{color:#111;font-weight:700}.qe-prev-grand{border-top:1.5px solid #111;font-size:11px;margin-top:3px;padding:5px 0}.qe-prev-disclaimer{border-top:.5px solid #ccc;margin-top:16px;padding-top:10px}.qe-prev-disclaimer-line{color:#444;font-size:8.5px;line-height:1.6;margin:0}.qe-prev-footer{display:flex;justify-content:flex-end;margin-top:36px}.qe-prev-sig-block{min-width:160px;text-align:center}.qe-prev-sig-line{border-top:1px solid #111;margin-bottom:4px;width:160px}.qe-prev-sig-label{color:#444;font-size:8px}.qe-prev-sig-name{color:#111;font-size:8.5px;font-weight:700;margin-top:2px}.qe-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.qe-modal{background:#fff;border-radius:12px;box-shadow:0 12px 32px #00000026;max-width:420px;padding:22px 24px;width:90%}.qe-unsaved-modal{text-align:center}.qe-unsaved-icon{display:flex;justify-content:center;margin-bottom:8px}.qe-unsaved-title{color:#111827;font-size:16px;font-weight:700;margin:0 0 6px}.qe-unsaved-body{color:#6b7280;font-size:13px;margin:0 0 14px}.qe-modal-actions{display:flex;gap:8px}.profile-page{background:#f5f7fa;flex:1 1;overflow-y:auto;padding:28px}.profile-topbar{align-items:center;display:flex;gap:12px;margin-bottom:16px}.profile-back-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:10px 16px}.profile-back-btn:hover{box-shadow:0 6px 24px #667eea73;transform:translateY(-1px)}.profile-title{color:#111827;font-size:28px;font-weight:800;margin:0}.profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 8px #00000014;max-width:720px;padding:20px}.profile-grid{grid-gap:12px 16px;align-items:center;display:grid;gap:12px 16px;grid-template-columns:180px 1fr}.profile-label{color:#6b7280;font-size:13px;font-weight:700}.profile-value{color:#111827;font-size:14px;font-weight:600}.profile-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.profile-action-btn{background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#374151;cursor:pointer;font-weight:700;padding:10px 14px}.profile-action-btn.primary{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.profile-action-btn:hover{background:#1118270f}.profile-action-btn.primary:hover{background:linear-gradient(135deg,#12c58b,#06b276)}.profile-muted{color:#6b7280;font-weight:600}.profile-password-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-top:14px;padding:14px}@media (max-width:640px){.profile-grid{grid-template-columns:1fr}}.pc-pay-panel{background:linear-gradient(180deg,#fffbeb,#fff7e6);border:1px solid #fde68a;border-radius:10px;box-shadow:0 2px 8px #f59e0b14;margin:6px 0 12px;padding:14px 16px}.pc-pay-panel-head{align-items:center;border-bottom:1px dashed #fcd34d;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px;padding-bottom:10px}.pc-pay-panel-title{align-items:center;color:#92400e;display:flex;font-size:14px;font-weight:700;gap:8px}.pc-pay-panel-icon{font-size:18px;line-height:1}.pc-pay-panel-meta{color:#b45309;font-size:12px;font-weight:500}.pc-pay-panel-totals{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-left:auto}.pc-pay-panel-total{align-items:flex-end;color:#6b7280;display:flex;flex-direction:column;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.pc-pay-panel-total strong{color:#111827;font-size:14px;font-weight:700;letter-spacing:0;margin-top:2px;text-transform:none}.pc-pay-paid{color:#059669!important}.pc-pay-balance-pos{color:#d97706!important}.pc-pay-balance-zero{color:#10b981!important}.pc-pay-credit{background:#eff6ff;border-radius:6px;color:#2563eb;font-size:12px;font-weight:600;padding:4px 8px}.pc-pay-panel-close{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;font-size:18px;height:28px;line-height:1;transition:all .15s ease;width:28px}.pc-pay-panel-close:hover{background:#f3f4f6;color:#111827}.pc-pay-records{display:flex;flex-direction:column;gap:8px}.pc-pay-empty{color:#92400e;font-size:13px;font-style:italic;padding:16px 0;text-align:center}.pc-pay-row{grid-gap:10px;align-items:center;background:#fff;border:1px solid #fde68a;border-radius:8px;display:grid;gap:10px;grid-template-columns:140px minmax(150px,180px) minmax(140px,1fr) minmax(160px,1fr) auto;padding:8px 10px}.pc-pay-row-draft{background:#fffbeb;border-color:#fbbf24;border-style:dashed}.pc-pay-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#111827;font-size:13px;padding:7px 10px;transition:border-color .15s ease;width:100%}.pc-pay-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26;outline:none}.pc-pay-input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.pc-pay-type .sd-trigger{font-size:13px!important;padding:7px 10px!important}.pc-pay-amt{align-items:center;display:flex;position:relative}.pc-pay-currency{color:#6b7280;font-size:13px;left:10px;pointer-events:none;position:absolute}.pc-pay-input-amt{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;padding-left:22px!important}.pc-pay-remove{background:#fff;border:1px solid #fecaca;border-radius:6px;color:#ef4444;cursor:pointer;font-size:14px;height:30px;transition:all .15s ease;width:30px}.pc-pay-remove:hover{background:#fef2f2}.pc-pay-draft-actions{display:flex;gap:6px}.pc-pay-cancel,.pc-pay-save{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:7px 12px;transition:all .15s ease}.pc-pay-cancel{background:#fff;border-color:#d1d5db;color:#6b7280}.pc-pay-cancel:hover{background:#f3f4f6}.pc-pay-save{background:#f59e0b;color:#fff}.pc-pay-save:hover{background:#d97706}.pc-pay-save:disabled{cursor:not-allowed;opacity:.6}.pc-pay-actions{border-top:1px dashed #fcd34d;display:flex;gap:8px;margin-top:12px;padding-top:10px}.pc-pay-add-btn,.pc-pay-full-btn{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .15s ease}.pc-pay-add-btn{background:#fff;border-color:#fbbf24;color:#92400e}.pc-pay-add-btn:hover{background:#fef3c7}.pc-pay-full-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 6px #10b98140;color:#fff;margin-left:auto}.pc-pay-full-btn:hover{box-shadow:0 4px 10px #10b98159;transform:translateY(-1px)}@media (max-width:900px){.pc-pay-row{grid-template-columns:1fr 1fr}.pc-pay-panel-totals{margin-left:0;width:100%}}.cp-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 28px #00000024;display:flex;flex-direction:column;max-height:500px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);-webkit-user-select:none;user-select:none;width:264px;z-index:350}.cp-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 14px 10px}.cp-title{color:#111827;font-size:13px;font-weight:700}.cp-header-actions{align-items:center;display:flex;gap:6px}.cp-btn-reset{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:11px;padding:3px 8px;transition:all .12s ease}.cp-btn-reset:hover{background:#f3f4f6;color:#374151}.cp-btn-close{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;font-size:13px;height:22px;justify-content:center;line-height:1;transition:all .12s ease;width:22px}.cp-btn-close:hover{background:#fee2e2;border-color:#fecaca;color:#b91c1c}.cp-body{flex:1 1;overflow-y:auto}.cp-section+.cp-section{border-top:1px solid #f3f4f6}.cp-section-label{background:#fafafa;color:#9ca3af;font-size:10px;font-weight:700;letter-spacing:.06em;padding:8px 14px 5px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:1}.cp-col-row{align-items:center;border-bottom:1px solid #f9fafb;display:flex;gap:8px;justify-content:space-between;padding:7px 14px;transition:background .1s ease}.cp-col-row:hover{background:#f9fafb}.cp-col-row--frozen{background:#3b82f60d}.cp-col-row--frozen:hover{background:#3b82f617}.cp-col-row--hidden{opacity:.5}.cp-col-label{align-items:center;color:#374151;cursor:pointer;display:flex;flex:1 1;font-size:12.5px;font-weight:500;gap:8px;min-width:0}.cp-col-label input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;flex-shrink:0;height:14px;width:14px}.cp-col-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-pin-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .12s ease;width:28px}.cp-pin-btn:hover:not(:disabled){background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.cp-pin-btn--active{background:#3b82f614;border-color:#3b82f640;color:#3b82f6;opacity:.8}.cp-pin-btn--active:hover{background:#3b82f624;border-color:#3b82f666;opacity:1}.cp-pin-btn:disabled{cursor:not-allowed;opacity:.3}.cp-footer{border-top:1px solid #f3f4f6;flex-shrink:0;padding:10px 14px}.cp-btn-reset-full{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:12px;font-weight:600;padding:8px;transition:all .12s ease;width:100%}.cp-btn-reset-full:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.cp-reset-flash{animation:cp-flash-in .15s ease;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#15803d;font-size:11.5px;font-weight:500;margin-top:8px;padding:6px 10px;text-align:center}@keyframes cp-flash-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pc-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;overflow:visible;position:relative}.pc-table-wrap--full{border:none;border-radius:0;box-shadow:none;flex:1 1;min-height:0;overflow:hidden}.pc-sticky-block{background:#fff;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;box-shadow:0 2px 6px #0000000d;flex-shrink:0;overflow:clip;position:-webkit-sticky;position:sticky;top:49px;top:var(--pcp-tabs-h,49px);z-index:35}.pc-table-wrap--full .pc-sticky-block{border-radius:0;position:-webkit-sticky;position:sticky;top:0}.pc-header-scroll{border-bottom:1px solid #e5e7eb;overflow:hidden}.pc-table-body-scroll{flex:1 1;overflow-x:auto;overflow-y:visible}.pc-table-body-scroll--full{flex:1 1;min-height:0;overflow-y:auto}.pc-table-toolbar{align-items:center;background:#f9fafb;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.pc-toolbar-left,.pc-toolbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.pc-toolbar-left{flex:1 1;min-width:220px}.pc-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .15s ease;white-space:nowrap}.pc-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pc-btn:disabled{cursor:not-allowed;opacity:.5}.pc-btn-primary{background:linear-gradient(135deg,#10b981,#059669);border-color:#0000;box-shadow:0 2px 6px #10b98140}.pc-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);border-color:#0000;box-shadow:0 4px 12px #10b98159;transform:translateY(-1px)}.pc-btn-danger{background:#fff;border-color:#fecaca;color:#b91c1c}.pc-btn-danger:hover:not(:disabled){background:#fef2f2;border-color:#f87171}.pc-btn-danger-active{background:#fff1f2;border-color:#ef4444;border-width:1.5px;box-shadow:0 1px 4px #ef44442e;color:#dc2626}.pc-btn-danger-active:hover:not(:disabled){background:#fee2e2;border-color:#dc2626;box-shadow:0 2px 8px #dc262638}.pc-btn-toggle{background:#fff;color:#6b7280}.pc-btn-toggle-on{background:#eff6ff;border-color:#93c5fd;color:#2563eb}.pc-btn-sort-clear{background:#f5f3ff;border-color:#ddd6fe;color:#7c3aed;font-size:12px;padding:6px 12px}.pc-btn-sort-clear:hover{background:#ede9fe;border-color:#c4b5fd}.pc-table{border-collapse:initial;border-spacing:0;color:#111827;font-size:13px;min-width:100%;table-layout:fixed;width:-webkit-max-content;width:max-content}.pc-th{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-right:1px solid #eef1f5;color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.04em;overflow:hidden;padding:12px 10px;position:relative;text-align:center;text-overflow:ellipsis;text-transform:uppercase;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.pc-table thead th:last-child{border-right:none}.pc-th-sortable{cursor:pointer}.pc-th-sortable:hover{background:#f0f4ff;color:#374151}.pc-th-sorted{background:#eff6ff;color:#2563eb}.pc-th-label{display:inline-block;margin-right:4px;vertical-align:middle}.pc-sort-icon{align-items:center;display:inline-flex;flex-shrink:0;opacity:.4;transition:opacity .15s;vertical-align:middle}.pc-th-sortable:hover .pc-sort-icon,.pc-th-sorted .pc-sort-icon{opacity:1}.pc-th-sorted .pc-sort-icon{color:#2563eb}.pc-col-resize-handle{background:#0000;bottom:0;cursor:col-resize;position:absolute;right:0;top:0;transition:background .1s ease;width:5px;z-index:3}.pc-col-resize-handle:hover{background:#3b82f659}.pc-th:last-child .pc-col-resize-handle{display:none}.pc-th-pin{align-items:center;color:#3b82f6;display:inline-flex;line-height:1;margin-left:5px;opacity:.65;vertical-align:middle}.pc-table tbody tr{border-bottom:1px solid #f3f4f6;cursor:default;transition:background-color .1s ease}.pc-table tbody tr:hover{background:#f9fafb}.pc-row-selected{background:#eff6ff!important}.pc-row-expanded{background:#fffbeb!important}@keyframes pc-row-flash{0%{background-color:#dcfce7}60%{background-color:#d1fae5}to{background-color:initial}}.pc-row-highlight{animation:pc-row-flash 1.6s ease-out forwards}.pc-table tbody td{background:inherit;border-bottom:1px solid #f3f4f6;border-right:1px solid #eef1f5;line-height:1.5;padding:10px 8px;vertical-align:top}.pc-table tbody td:last-child{border-right:none}td.pc-col-actions,td.pc-col-date,td.pc-col-expand,td.pc-col-money,td.pc-col-num,td.pc-col-status{vertical-align:middle}.pc-col-actions,.pc-col-status{text-align:center}.pc-cell-frozen{background:#f8fbff!important;z-index:2}.pc-cell-frozen-last{box-shadow:2px 0 6px -1px #00000014}.pc-th.pc-cell-frozen{background:#f1f6fe!important;z-index:6}.pc-th.pc-cell-frozen-last{box-shadow:2px 0 6px -1px #00000014}.pc-col-expand{min-width:36px;padding-right:0!important;width:36px}.pc-col-num{min-width:56px;text-align:right;width:56px}.pc-col-project{min-width:200px}.pc-col-type{min-width:150px}.pc-col-date{min-width:130px;width:130px}.pc-col-money{min-width:120px;text-align:right}.pc-col-status{min-width:130px;width:130px}.pc-col-actions{min-width:80px;text-align:right;width:80px}.pc-cell-input{background:#0000;border:1px solid #0000;border-radius:6px;box-sizing:border-box;color:#111827;font-family:inherit;font-size:13px;line-height:1.5;min-height:34px;padding:8px 10px;transition:all .12s ease;width:100%}.pc-cell-input:hover:not(:read-only){background:#fff;border-color:#e5e7eb}.pc-cell-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f;outline:none}.pc-cell-input:read-only{background:#0000;color:#6b7280;cursor:default}.pc-cell-align-right{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.pc-cell-align-left{text-align:left}.pc-cell-textarea{background:#0000;border:1px solid #0000;border-radius:6px;box-sizing:border-box;color:#111827;display:block;font-family:inherit;font-size:13px;line-height:1.5;min-height:34px;overflow:hidden;overflow-wrap:anywhere;padding:8px 10px;resize:none;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease;white-space:pre-wrap;width:100%;word-break:break-word}.pc-cell-textarea:hover{background:#fff;border-color:#e5e7eb}.pc-cell-textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f;outline:none}.pc-cell-calc{align-items:flex-end;background:#f9fafb;border-radius:6px;cursor:default;display:flex;flex-direction:column;justify-content:center;min-height:34px;padding:8px 10px 8px 22px;position:relative;-webkit-user-select:text;user-select:text}.pc-cell-calc-prefix{color:#9ca3af;font-size:12px;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.pc-cell-calc-val{font-feature-settings:"tnum";color:#374151;font-size:13px;font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.pc-cell-strong .pc-cell-calc-val{color:#111827;font-weight:700}.pc-cell-calc .pc-gst-rate-tag{align-self:flex-end;margin-top:2px}.pc-cell-currency{align-items:center;display:flex;position:relative}.pc-cell-prefix{color:#9ca3af;font-size:12px;left:10px;pointer-events:none;position:absolute}.pc-cell-currency .pc-cell-input{font-weight:600;padding-left:22px}.pc-cell-strong .pc-cell-input{color:#111827;font-weight:700}.pc-cell-readonly{font-feature-settings:"tnum";color:#111827;font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.pc-cell-balance-pos{color:#d97706}.pc-cell-balance-zero{color:#10b981}.pc-cell-credit{color:#2563eb;font-size:10px;font-weight:500;margin-top:2px}.pc-cell-dash{color:#d1d5db;font-weight:400}.pc-cell-dropdown .sd-trigger{background:#0000!important;border-color:#0000!important;font-size:13px!important;line-height:1.5!important;min-height:34px!important;padding:8px 10px!important}.pc-cell-dropdown:hover .sd-trigger{background:#fff!important;border-color:#e5e7eb!important}.pc-cell-dropdown .sd-trigger--open,.pc-cell-dropdown .sd-trigger:focus{background:#fff!important;border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f61f!important}.pc-pill{border-radius:999px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.02em;padding:3px 10px;white-space:nowrap}.pc-pill-warn{background:#fffbeb;border:1px solid #fcd34d;color:#d97706;margin-left:6px}.pc-row-num{font-feature-settings:"tnum";align-items:flex-end;color:#9ca3af;display:flex;flex-direction:column;font-variant-numeric:tabular-nums;font-weight:600;gap:2px}.pc-row-pill{border-radius:999px;font-size:9px;font-weight:700;letter-spacing:.04em;padding:1px 6px;text-transform:uppercase}.pc-row-pill-saving{background:#fffbeb;color:#92400e}.pc-row-pill-saved{background:#ecfdf5;color:#065f46}.pc-expand-btn{background:#0000;border:1px solid #0000;border-radius:6px;color:#6b7280;cursor:pointer;font-size:12px;font-weight:700;height:28px;transition:all .12s ease;width:28px}.pc-expand-btn:hover{background:#fff;border-color:#e5e7eb;color:#111827}.pc-act-group{align-items:center;display:flex;gap:5px}.pc-act-btn{align-items:center;border:1.5px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;line-height:1;padding:5px 8px;transition:background .15s,border-color .15s;white-space:nowrap}.pc-act-dup{background:#f5f3ff;border-color:#ddd6fe;color:#7c3aed}.pc-act-dup:hover{background:#ede9fe;border-color:#c4b5fd}.pc-act-del{background:#fff1f2;border-color:#fecaca;color:#ef4444}.pc-act-del:hover{background:#fee2e2;border-color:#fca5a5}.pc-row-detail td{background:#fffbeb;padding:0 16px 12px!important}.pc-empty-row{color:#9ca3af;font-size:14px;font-style:italic;padding:56px 16px!important;text-align:center}.pc-gst-cell{display:flex;flex-direction:column;gap:2px}.pc-gst-rate-tag{color:#6b7280;font-size:10px;font-weight:500;padding-left:2px;white-space:nowrap}.pc-gst-pill{align-items:center;background:#f0fdf4;border:1.5px solid #86efac;border-radius:20px;color:#166534;display:inline-flex;font-size:12px;gap:4px;padding:5px 11px;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.pc-gst-pill strong{color:#15803d;font-weight:700}.pc-gst-pill-lock{font-size:10px;margin-left:2px;opacity:.65}.pc-gst-pill-editable{cursor:pointer;transition:background .15s,border-color .15s}.pc-gst-pill-editable:hover{background:#dcfce7;border-color:#4ade80}.pc-gst-pill-editing{background:#f0fdf4;border-color:#22c55e;cursor:default}.pc-gst-pill-label{margin-right:2px}.pc-gst-pill-input{-moz-appearance:textfield;background:#0000;border:none;color:#15803d;font-size:12px;font-weight:700;outline:none;padding:0 2px;text-align:right;width:42px}.pc-gst-pill-input::-webkit-inner-spin-button,.pc-gst-pill-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pc-gst-pill-unit{font-weight:700}.pc-table--compact tbody td{line-height:1.4;padding:4px 6px}.pc-table--compact .pc-cell-input,.pc-table--compact .pc-cell-textarea{line-height:1.4;min-height:26px;padding:4px 8px}.pc-table--compact .pc-cell-calc{min-height:26px;padding:4px 8px 4px 18px}.pc-table--compact .pc-cell-calc-val{font-size:12px}.pc-table--compact .pc-cell-dropdown .sd-trigger{line-height:1.4!important;min-height:26px!important;padding:4px 8px!important}.pc-wages-summary{align-items:baseline;color:#6b7280;display:inline-flex;font-size:13px;gap:8px}.pc-wages-summary strong{font-feature-settings:"tnum";color:#111827;font-size:16px;font-variant-numeric:tabular-nums;font-weight:700}.pc-wages-summary-meta{color:#9ca3af;font-size:12px;margin-left:4px}.pc-margin-badge{align-items:center;display:inline-flex;letter-spacing:.03em}.pcft-header{background:linear-gradient(180deg,#fff,#fbfcfe);border-bottom:1px solid #e5e7eb;box-shadow:0 1px 0 #0f172a05;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.pcft-top{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;padding:14px 24px 12px}.pcft-top-left{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.pcft-top-right{align-items:center;display:flex;flex-shrink:0;padding-top:4px}.pcft-breadcrumb{align-items:center;color:#6b7280;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.06em;margin-bottom:2px;text-transform:uppercase}.pcft-crumb{white-space:nowrap}.pcft-crumb-current{color:#1a2541}.pcft-crumb-sep{color:#cbd5e1;font-weight:400}.pcft-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.pcft-title{color:#0f172a;font-size:20px;font-weight:700;letter-spacing:-.01em;line-height:1.25;margin:0}.pcft-mode-badge{align-items:center;background:#3b82f614;border:1px solid #3b82f638;border-radius:999px;color:#1d4ed8;display:inline-flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.02em;padding:3px 10px;white-space:nowrap}.pcft-mode-dot{animation:pcft-pulse 2.4s ease-in-out infinite;background:#2563eb;border-radius:50%;box-shadow:0 0 0 3px #3b82f62e;height:6px;width:6px}@keyframes pcft-pulse{0%,to{opacity:1}50%{opacity:.55}}.pcft-subtitle{color:#6b7280;font-size:12.5px;line-height:1.4;margin:2px 0 0}.pcft-meta{align-items:center;color:#475569;display:flex;flex-wrap:wrap;font-size:12px;gap:4px 14px;margin-top:6px}.pcft-meta-item{align-items:baseline;display:inline-flex;gap:5px;padding-right:14px;position:relative}.pcft-meta-item:not(:last-child):after{background:#e5e7eb;bottom:4px;content:"";position:absolute;right:0;top:4px;width:1px}.pcft-meta-label{color:#94a3b8;font-weight:500}.pcft-meta-value{color:#1f2937;font-weight:600}.pcft-exit-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:8px 14px;transition:all .12s ease;white-space:nowrap}.pcft-exit-btn:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.pcft-exit-btn:active{background:#f1f5f9}.pcft-exit-btn svg{color:#64748b;flex-shrink:0}.pcft-exit-btn:hover svg{color:#0f172a}.pcft-tabs{background:#0000;border-top:1px solid #f1f5f9;display:flex;gap:0;padding:0 24px}.pcft-tab{align-items:center;background:#0000;border:none;color:#64748b;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;outline:none;padding:10px 16px 11px;position:relative;transition:color .12s ease}.pcft-tab:after{background:#0000;border-radius:2px 2px 0 0;bottom:-1px;content:"";height:2.5px;left:12px;position:absolute;right:12px;transition:background .15s ease}.pcft-tab:hover{color:#1f2937}.pcft-tab--active{color:#1a2541;font-weight:600}.pcft-tab--active:after{background:#1a2541}.pcft-tab-count{align-items:center;background:#f1f5f9;border-radius:999px;color:#64748b;display:inline-flex;font-size:11px;font-weight:600;justify-content:center;line-height:1.4;min-width:20px;padding:1px 7px}.pcft-tab-count--active{background:#1a2541;color:#fff}@media (max-width:720px){.pcft-top{align-items:stretch;flex-direction:column;gap:10px}.pcft-top-right{padding-top:0}.pcft-tabs{overflow-x:auto;scrollbar-width:thin}}.pc-container{background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:28px 32px}.pc-loading{color:#6b7280;min-height:300px}.pc-spinner{border-top-color:#1a2541;height:36px;width:36px}.pc-title{color:#111827;font-size:26px;margin:0}.pc-gst-setting{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;display:flex;gap:10px;padding:7px 14px}.pc-gst-setting-label{align-items:center;color:#374151;display:flex;font-size:13px;gap:5px}.pc-gst-setting-label strong{color:#111827}.pc-gst-lock{font-size:11px}.pc-gst-edit-btn{background:#fff;border:1px solid #bfdbfe;border-radius:6px;color:#1d4ed8;cursor:pointer;font-size:12px;font-weight:600;padding:4px 10px;transition:background .15s}.pc-gst-edit-btn:hover{background:#eff6ff}.pc-modal-overlay{background:#00000073;z-index:2000}.pc-modal-box{background:#fff;border-radius:14px;box-shadow:0 8px 32px #0000002e;max-width:420px;padding:32px 36px;width:100%}.pc-modal-title{color:#111827;font-size:18px;font-weight:700;margin:0 0 10px}.pc-modal-desc{color:#374151;font-size:14px;margin:0 0 10px}.pc-modal-warning{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#92400e;font-size:13px;line-height:1.5;margin:0 0 18px;padding:10px 14px}.pc-modal-field{margin-bottom:20px}.pc-modal-field-label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.pc-modal-field-input-row{align-items:center;display:flex;gap:8px}.pc-modal-input{border:1.5px solid #d1d5db;border-radius:8px;flex:1 1;font-size:15px;padding:9px 12px;transition:border-color .15s}.pc-modal-input:focus{box-shadow:0 0 0 3px #3b82f61a}.pc-modal-pct{color:#6b7280;font-size:15px;font-weight:600}.pc-modal-actions{display:flex;gap:10px;justify-content:flex-end}.pc-modal-cancel{background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:9px 18px}.pc-modal-cancel:hover{background:#e5e7eb}.pc-modal-confirm{background:#1d4ed8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:9px 18px}.pc-modal-confirm:hover:not(:disabled){background:#1e40af}.pc-modal-confirm:disabled{cursor:not-allowed;opacity:.6}.pc-year-selector{gap:8px;margin-bottom:16px}.pc-year-btn,.pc-year-selector{align-items:center;display:flex}.pc-year-btn{background:#fff;border:1px solid #e5e7eb;border-radius:7px;color:#374151;cursor:pointer;font-size:18px;height:30px;justify-content:center;transition:background .15s,border-color .15s;width:30px}.pc-year-btn:hover{background:#f3f4f6;border-color:#d1d5db}.pc-year-label{color:#111827;font-size:16px;font-weight:700;min-width:44px;text-align:center}.pc-year-hint{color:#9ca3af;font-size:11px;margin-left:4px}.pc-stat-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:22px}.pc-stat-card{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;gap:14px;padding:18px 20px}.pc-stat-card-clickable{cursor:pointer;transition:box-shadow .18s,transform .12s}.pc-stat-card-clickable:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-1px)}.pc-stat-icon{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.pc-stat-icon-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.pc-stat-icon-orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.pc-stat-icon-green{background:linear-gradient(135deg,#10b981,#059669)}.pc-stat-icon-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.pc-stat-content{flex:1 1;min-width:0}.pc-stat-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.04em;margin:0 0 4px;text-transform:uppercase}.pc-stat-value{font-feature-settings:"tnum";color:#111827;font-size:22px;font-variant-numeric:tabular-nums;font-weight:700;margin:0}.pc-stat-confirmed{color:#6b7280;font-size:11px;margin:4px 0 0}.pc-stat-sub{color:#9ca3af;font-size:11px;margin:4px 0 0}.pc-stat-sub-clickable{color:#2563eb;cursor:pointer;font-weight:600}.pc-revenue-neg{color:#ef4444!important}.pc-badge-count{border-radius:999px;display:inline-block;font-size:11px;font-weight:700;margin-right:6px;padding:1px 8px}.pc-badge-count-blue{background:#eff6ff;color:#2563eb}.pc-badge-count-red{background:#fef2f2;color:#dc2626}.pc-charts-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1.1fr 1.4fr;margin-bottom:22px}@media (max-width:1100px){.pc-charts-row{grid-template-columns:1fr}}.pc-filter-bar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 6px #0000000a;display:flex;flex-direction:column;gap:14px;margin-bottom:18px;padding:14px 18px}.pc-search-wrap{gap:8px}.pc-search-wrap svg{left:12px;position:absolute}.pc-search{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:14px;padding:9px 14px 9px 36px;transition:border-color .15s;width:100%}.pc-search:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.pc-filters{display:flex;flex-wrap:wrap;gap:10px}.pc-filter-group{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:160px}.pc-filter-group label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pc-filter-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;cursor:pointer;font-size:13px;padding:8px 10px}.pc-filter-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.pc-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.pc-project-card{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 6px #0000000a;display:flex;flex-direction:column;gap:12px;padding:18px 18px 16px;transition:all .18s ease}.pc-project-card:hover{border-color:#d1d5db;box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.pc-card-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.pc-card-title{color:#111827;font-size:16px;font-weight:700;line-height:1.3;margin:0}.pc-margin-badge{border-radius:999px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.02em;padding:4px 10px;white-space:nowrap}.pc-card-meta{color:#6b7280;display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.pc-card-meta-item{align-items:center;display:inline-flex;gap:4px}.pc-card-grid{grid-gap:8px 16px;border-top:1px solid #f3f4f6;display:grid;gap:8px 16px;grid-template-columns:1fr 1fr;margin-top:4px;padding-top:12px}.pc-card-row{align-items:baseline;display:flex;font-size:12px;justify-content:space-between}.pc-card-row-label{color:#6b7280}.pc-card-row-val{font-feature-settings:"tnum";color:#111827;font-variant-numeric:tabular-nums;font-weight:700}.pc-val-revenue{color:#2563eb}.pc-val-cost{color:#ef4444}.pc-val-profit{color:#10b981}.pc-val-profit-neg{color:#dc2626}.pc-card-totals{align-items:center;border-top:1px dashed #e5e7eb;display:flex;font-size:13px;justify-content:space-between;padding-top:12px}.pc-card-totals-left{display:flex;flex-direction:column;gap:2px}.pc-card-margin{font-feature-settings:"tnum";font-size:22px;font-variant-numeric:tabular-nums;font-weight:800}.pc-card-margin-label{color:#9ca3af;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.pc-card-totals-right{text-align:right}.pc-card-outstanding-val{font-feature-settings:"tnum";color:#d97706;font-size:16px;font-variant-numeric:tabular-nums;font-weight:700}.pc-card-outstanding-label{color:#9ca3af;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.pc-card-actions{display:flex;gap:8px;margin-top:6px}.pc-action-btn{border:1px solid #0000;border-radius:8px;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:8px 12px;transition:all .15s ease}.pc-btn-view{background:linear-gradient(135deg,#1a2541,#2d3a5f);color:#fff}.pc-btn-view:hover{box-shadow:0 4px 10px #1a254140;transform:translateY(-1px)}.pc-btn-add{background:#fff;border-color:#d1d5db;color:#374151}.pc-btn-add:hover{background:#f3f4f6;border-color:#9ca3af}.pc-empty{background:#fff;border:1px dashed #d1d5db;border-radius:12px;color:#6b7280;padding:56px 24px;text-align:center}.pc-empty-icon{font-size:40px;margin-bottom:12px}.pc-empty h3{color:#374151;font-size:17px;margin:0 0 6px}.pc-empty p{font-size:13px;margin:0}.pc-master-shell{display:flex;flex-direction:column;gap:16px}:root{--pcp-tabs-h:44px}.pc-back-to-top{align-items:center;background:#1a2541;border:none;border-radius:999px;bottom:28px;box-shadow:0 4px 14px #1a254159;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;opacity:0;padding:9px 16px;pointer-events:none;position:fixed;right:28px;transition:transform .15s ease,box-shadow .15s ease,opacity .25s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:200}.pc-back-to-top.pc-back-to-top--visible{opacity:1;pointer-events:auto}.pc-back-to-top:hover{box-shadow:0 6px 20px #1a254173;transform:translateY(-2px)}.pcp-container{background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:24px 32px 40px}.pcp-summary-cards{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:22px}.pcp-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 6px #0000000a;display:flex;flex-direction:column;gap:8px;padding:16px 18px}.pcp-summary-label{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.pcp-summary-val{font-feature-settings:"tnum";color:#111827;font-size:22px;font-variant-numeric:tabular-nums;font-weight:800}.pcp-summary-sub{color:#9ca3af;font-size:11px;margin:0}.pcp-val-revenue{color:#2563eb}.pcp-val-cost{color:#ef4444}.pcp-val-profit{color:#10b981}.pcp-val-profit-neg{color:#dc2626}.pcp-val-outstanding{color:#d97706}.pcp-perf-row{align-items:stretch;display:flex;gap:0;margin-bottom:22px}.pcp-perf-chart-panel{display:flex;flex-direction:column;flex-shrink:0;min-width:380px}.pcp-perf-chart-panel>*{flex:1 1}.pcp-perf-divider{border-radius:4px;cursor:col-resize;flex-shrink:0;position:relative;transition:background .15s;width:14px}.pcp-perf-divider:after{background:#e5e7eb;border-radius:2px;bottom:12px;content:"";left:50%;position:absolute;top:12px;transform:translateX(-50%);transition:background .15s;width:4px}.pcp-perf-divider:hover:after{background:#9ca3af}@media (max-width:1100px){.pcp-perf-row{flex-direction:column}.pcp-perf-chart-panel{min-width:0;width:100%!important}.pcp-perf-divider{display:none}}.pcp-quick-summary{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 6px #0000000a;display:flex;flex-direction:column;gap:12px;padding:18px 20px}.pcp-quick-summary-title{align-items:center;color:#111827;display:flex;font-size:14px;font-weight:700;justify-content:space-between;margin:0}.pcp-quick-summary-title small{color:#9ca3af;font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.pcp-quick-summary-rows{display:flex;flex-direction:column;gap:8px}.pcp-quick-row{align-items:baseline;border-bottom:1px dashed #f3f4f6;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.pcp-quick-row:last-child{border-bottom:none}.pcp-quick-row-label{color:#6b7280}.pcp-quick-row-val{font-feature-settings:"tnum";color:#111827;font-variant-numeric:tabular-nums;font-weight:700}.pcp-quick-row-info{color:#9ca3af;font-size:11px;font-weight:500;margin-left:6px}.pcp-quick-row-total{background:#f9fafb;border-bottom:none;border-radius:8px;margin:4px -10px -10px;padding:10px 12px}.pcp-quick-row-total .pcp-quick-row-val{font-size:16px}.pcp-ft-overlay{background:#f5f7fa;display:flex;flex-direction:column;inset:0;position:fixed;z-index:1000}.pcp-ft-header{align-items:center;background:#1a2541;display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:10px 20px}.pcp-ft-header-left{display:flex;flex-direction:column;gap:2px}.pcp-ft-title{color:#fff;font-size:15px;font-weight:700}.pcp-ft-sub{color:#ffffff8c;font-size:11px}.pcp-ft-exit{background:#ffffff1f;border:1px solid #ffffff40;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:7px 14px;transition:background .15s;white-space:nowrap}.pcp-ft-exit:hover{background:#ffffff38}.pcp-ft-tabs{background:#fff;border-bottom:2px solid #e5e7eb;display:flex;flex-shrink:0;gap:0;padding:0 16px}.pcp-ft-overlay .pc-table-wrap{border:none;border-radius:0;box-shadow:none;flex:1 1;min-height:0}.pcp-tabs{background:#f5f7fa;border-bottom:2px solid #e5e7eb;box-shadow:0 2px 6px #0000000f;display:flex;gap:0;margin-bottom:0;margin-top:0;position:-webkit-sticky;position:sticky;top:0;z-index:40}.pcp-tab{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;outline:none;padding:10px 18px;position:relative;transition:color .15s}.pcp-tab:after{background:#0000;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0;transition:background .15s}.pcp-tab:hover{color:#374151}.pcp-tab-active{color:#1a2541;font-weight:600}.pcp-tab-active:after{background:#1a2541}.pcp-tab-count{background:#f3f4f6;border-radius:999px;color:#6b7280;display:inline-block;font-size:11px;font-weight:600;margin-left:6px;padding:1px 8px}.pcp-tab-active .pcp-tab-count{background:#1a2541;color:#fff}.pc-chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 6px #0000000a;display:flex;flex-direction:column;gap:14px;padding:18px 20px}.pc-chart-header{align-items:flex-start;display:flex;justify-content:space-between}.pc-chart-title{color:#111827;font-size:14px;font-weight:700;margin:0}.pc-chart-sub{color:#6b7280;font-size:12px;margin:4px 0 0}.pc-chart-svg{display:block;height:auto;width:100%}.pc-chart-donut-wrap{align-items:center;display:flex;gap:18px}.pc-chart-donut-wrap .pc-chart-svg{flex-shrink:0;width:200px}.pc-chart-legend{display:flex;flex:1 1;flex-direction:column;gap:8px}.pc-legend-row{grid-gap:10px;align-items:center;color:#374151;display:grid;font-size:12px;gap:10px;grid-template-columns:12px 1fr auto auto}.pc-legend-swatch{border-radius:3px;height:12px;width:12px}.pc-legend-label{color:#6b7280}.pc-legend-value{font-feature-settings:"tnum";color:#111827;font-variant-numeric:tabular-nums;font-weight:700}.pc-legend-pct{color:#9ca3af;font-size:11px;font-weight:600;min-width:32px;text-align:right}.pc-bar-list{display:flex;flex-direction:column;gap:10px}.pc-bar-row{grid-gap:10px;align-items:center;display:grid;font-size:12px;gap:10px;grid-template-columns:minmax(120px,1.4fr) 2fr minmax(140px,auto)}.pc-bar-label{color:#111827;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-bar-track{background:#f3f4f6;border-radius:999px;height:10px;overflow:hidden;position:relative}.pc-bar-fill{border-radius:999px;bottom:0;left:0;position:absolute;top:0;transition:width .3s ease}.pc-bar-meta{font-feature-settings:"tnum";align-items:baseline;display:flex;font-variant-numeric:tabular-nums;gap:10px;justify-content:flex-end}.pc-bar-money{color:#6b7280;font-size:11px}.pc-bar-empty{color:#9ca3af;font-size:13px;font-style:italic;padding:24px 0;text-align:center}.claims-container{background-color:#f5f7fa;box-sizing:border-box;min-height:100vh;padding:32px;width:100%}.claims-page-title{color:#1a1a1a;font-size:36px;font-weight:700;letter-spacing:-.025em;margin:0 0 32px}.claims-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:32px}.month-navigation{gap:12px;margin-bottom:24px}.month-navigation,.nav-btn{align-items:center;display:flex}.nav-btn{background-color:#fff;border:2px solid #3b82f6;border-radius:8px;color:#3b82f6;cursor:pointer;font-size:24px;font-weight:600;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.nav-btn:hover{background-color:#3b82f6;color:#fff;transform:scale(1.05)}.nav-btn:active{transform:scale(.95)}.month-selector{flex:1 1;max-width:400px;position:relative}.month-display-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 6px #3b82f633;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;justify-content:space-between;padding:10px 20px;transition:all .2s ease;width:100%}.month-display-btn:hover{box-shadow:0 6px 12px #3b82f64d;transform:translateY(-2px)}.month-text{flex:1 1;text-align:left}.dropdown-icon{font-size:14px;margin-left:8px;transition:transform .2s ease}.month-picker-dropdown{animation:slideDown .2s ease;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;gap:16px;left:0;margin-top:8px;padding:20px;position:absolute;right:0;top:100%;z-index:100}.month-picker-header{display:flex;flex-direction:column;gap:8px}.month-picker-header label{color:#374151;font-size:14px;font-weight:600}.month-select,.year-select{background-color:#fff;border:2px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.month-select:focus,.year-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.today-btn{background-color:#10b981;border:none;color:#fff;padding:10px 20px}.today-btn:hover{background-color:#059669;box-shadow:0 4px 6px #10b98133;transform:translateY(-2px)}.today-btn:active{transform:translateY(0)}.filter-controls{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.search-container{margin-bottom:0}.search-input{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:16px;height:48px;line-height:1.5;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;vertical-align:middle;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.filter-select{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;cursor:pointer;font-size:16px;height:48px;line-height:1.5;min-width:140px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;vertical-align:middle}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.ccs-wrap{flex-shrink:0;position:relative}.ccs-btn{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#1a1a1a;cursor:pointer;display:flex;font-size:16px;gap:8px;height:48px;padding:12px 16px;text-align:left;transition:border-color .15s;width:100%}.ccs-btn:hover{border-color:#94a3b8}.ccs-label{flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ccs-chevron{color:#6b7280;flex-shrink:0}.ccs-menu{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #0000001f;left:0;max-height:260px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:500}.ccs-option{color:#1f2937;cursor:pointer;font-size:14px;padding:10px 16px;transition:background .1s;white-space:nowrap}.ccs-option:hover{background:#f5f7fa}.ccs-option.active{background:#eff6ff;color:#2563eb;font-weight:600}.claims-stats{align-items:center;display:flex;gap:24px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:24px}.stat-divider{background-color:#e5e7eb;height:40px;width:1px}.add-claim-container{flex-wrap:wrap;justify-content:space-between;margin-bottom:24px}.action-buttons,.add-claim-container{align-items:center;display:flex;gap:16px}.export-buttons{display:flex;gap:8px}.export-btn{align-items:center;background-color:#f8fafc;border:1px solid #d1d5db;border-radius:6px;color:#374151;display:flex;font-weight:500;gap:6px;padding:8px 12px}.export-btn:hover{background-color:#e5e7eb;border-color:#9ca3af}.csv-btn:hover{background-color:#dbeafe;border-color:#3b82f6;color:#1e40af}.json-btn:hover{background-color:#d1fae5;border-color:#10b981;color:#065f46}.add-claim-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:background-color .2s ease}.add-claim-btn:hover{background-color:#2563eb}.claims-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:auto}.claims-table{border-collapse:collapse;min-width:800px;table-layout:fixed;width:100%}.claims-table.resizing{-webkit-user-select:none;user-select:none}.claims-table.resizing *{cursor:col-resize!important}.claims-table th{background-color:#f8fafc;border-bottom:2px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;letter-spacing:.025em;padding:16px 20px;position:relative;text-align:left}.sortable-header{cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.sortable-header:hover{background-color:#f0f4f8}.sortable-header:active{background-color:#e5e9f0}.header-content{align-items:center;display:flex;gap:8px;justify-content:space-between}.sort-indicator{color:#3b82f6;font-size:16px;font-weight:700;line-height:1}.resizable-col{min-width:100px;position:relative;-webkit-user-select:none;user-select:none}.resize-handle{background-color:initial;bottom:0;position:absolute;right:0;top:0;transition:background-color .2s ease;width:4px;z-index:10}.resize-handle:hover{background-color:#3b82f6}.resize-handle:active{background-color:#1d4ed8}.claims-table td{border-bottom:1px solid #f3f4f6;color:#1f2937;padding:16px 20px}.claims-table td,.text-wrap{word-wrap:break-word;overflow-wrap:break-word}.text-wrap{max-width:200px;white-space:normal}.claims-table tr:hover{background-color:#f9fafb}.clickable-row{cursor:pointer;transition:background-color .2s ease}.clickable-row:hover{background-color:#e5f3ff!important}.image-cell{width:80px}.claim-image{object-fit:cover}.claim-image,.no-image{border:1px solid #e5e7eb;border-radius:8px;height:60px;width:60px}.no-image{align-items:center;background-color:#f3f4f6;color:#6b7280;display:flex;font-size:12px;justify-content:center}.amount-cell{color:#059669;font-weight:600}.no-claims{color:#6b7280;font-style:italic;padding:48px 20px;text-align:center}.delete-btn{background-color:#ef4444;transition:background-color .2s ease}.delete-btn:hover{background-color:#dc2626}.modal-overlay{align-items:center!important;box-sizing:border-box;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;margin:0;padding:0;position:fixed!important;top:0!important;width:100vw!important}.modal-content{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;height:85vh!important;max-height:90vh!important;max-width:95vw!important;min-width:0!important;overflow:hidden;width:1200px!important}.modal-header{flex-shrink:0}.close-btn{font-size:24px}.modal-body{min-height:0;padding:20px 24px 40px}.claim-approved-banner{background-color:#d1fae5;border-bottom:1px solid #6ee7b7;color:#065f46;flex-shrink:0;font-size:13px;font-weight:600;letter-spacing:.01em;padding:10px 24px}.claim-details-panel input[readonly]{background-color:#f9fafb;border-color:#e5e7eb;box-shadow:none;color:#6b7280;cursor:default}.claim-details-panel input[readonly]:focus{border-color:#e5e7eb;box-shadow:none;outline:none}.claim-details-panel .claim-currency-btn:disabled,.claim-details-panel .claim-dropdown-btn:disabled{background-color:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:1}.claim-details-panel--locked{position:relative;-webkit-user-select:none;user-select:none}.claim-details-panel--locked:after{background:#f9fafb73;border-radius:8px;content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.form-group{margin-bottom:14px}.form-group label{color:#1a1a1a;font-size:15px;font-weight:700;letter-spacing:-.01em}.form-group label[for]:after{content:""}.form-group input:required+label:after,.form-group label:has(+* input:required):after,.form-group label:has(+input:required):after{color:#ef4444;content:" *";font-weight:700;margin-left:2px}.form-group input{border:1px solid #d1d5db}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.project-site-select{background-color:#fff;border:2px solid #d1d5db;border-radius:8px;box-sizing:border-box;cursor:pointer;font-family:inherit;font-size:16px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.project-site-select option{padding:8px}.no-projects-message{background-color:#fef3c7;border:2px solid #fbbf24;border-radius:8px;padding:20px;text-align:center}.no-projects-message p{color:#92400e;font-size:14px;font-weight:600;margin:0 0 8px}.no-projects-message small{color:#78350f;font-size:12px}.image-upload-container{background-color:initial;margin-bottom:0}.image-upload-btn{background-color:initial!important;border:2px dashed #d1d5db;border-radius:8px;box-sizing:border-box;cursor:pointer;display:block;max-width:100%;overflow:hidden;padding:24px;text-align:center;transition:border-color .2s ease,background-color .2s ease;width:100%}.image-upload-btn:hover{background-color:initial!important;border-color:#3b82f6}.image-upload-btn.drag-active{background-color:#eff6ff!important;border-color:#3b82f6;border-style:solid}.upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:8px}.upload-placeholder span{font-size:32px}.upload-placeholder p{color:#6b7280;font-size:14px;margin:0}.upload-placeholder-hint{color:#9ca3af!important;font-size:12px!important}.claim-custom-dropdown{position:relative}.claim-dropdown-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:12px 16px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.claim-dropdown-btn.placeholder{color:#9ca3af}.claim-dropdown-btn:hover:not(:disabled){border-color:#3b82f6}.claim-dropdown-btn:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.claim-dropdown-btn:disabled{background:#f9fafb;cursor:not-allowed;opacity:.7}.claim-dropdown-arrow{color:#6b7280;flex-shrink:0;font-size:11px;margin-left:8px}.claim-dropdown-menu{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001f;left:0;max-height:220px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:300}.claim-dropdown-option{color:#374151;cursor:pointer;font-size:14px;padding:10px 16px;transition:background .12s}.claim-dropdown-option:hover{background:#f8fafc}.claim-dropdown-option.active{background:#eff6ff;color:#2563eb;font-weight:600}.claim-currency-btn{align-items:center;background:#f8fafc;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:4px;padding:12px 10px;transition:border-color .2s ease,box-shadow .2s ease;white-space:nowrap}.claim-currency-btn:hover:not(:disabled){border-color:#3b82f6}.claim-currency-btn:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.claim-currency-btn:disabled{cursor:not-allowed;opacity:.7}.claim-currency-menu{left:auto;min-width:80px;right:0;width:auto}.claim-preview{align-items:center;background:#111827;border:2px solid #0000;border-radius:14px;display:flex;height:360px;justify-content:center;overflow:hidden;position:relative;transition:border-color .2s;width:100%}.claim-preview.dragging{border-color:#3b82f6}.claim-preview-media-wrap{height:100%;position:relative;width:100%}.claim-preview-media{display:block;height:100%;max-height:100%;max-width:100%;object-fit:contain;width:100%}.claim-expand-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .15s;width:30px;z-index:10}.claim-preview-media-wrap:hover .claim-expand-btn{opacity:1}.claim-nav{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:22px;height:38px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s,background .15s;width:38px;z-index:10}.claim-preview:hover .claim-nav{opacity:1}.claim-nav:hover{background:#ffffff47}.claim-nav-prev{left:10px}.claim-nav-next{right:10px}.claim-counter{background:#00000080;border-radius:20px;bottom:10px;color:#fff;font-size:11px;left:50%;padding:3px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:10}.image-preview{max-height:200px;object-fit:cover;width:100%}.cancel-btn{background:none;border:1px solid #d1d5db}.cancel-btn,.save-btn{transition:background-color .2s ease}.save-btn{background-color:#3b82f6}.save-btn:hover{background-color:#2563eb}.modal-footer .delete-variant{background-color:#ef4444!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;font-size:16px!important;font-weight:600!important;padding:12px 24px!important;transition:background-color .2s ease!important}.modal-footer .delete-variant:hover{background-color:#dc2626!important}.amount-input-container{align-items:center;display:flex;gap:8px}.currency-selector{position:relative}.currency-select{background-color:#fff;border-radius:8px;font-weight:600;padding:12px 8px;text-align:center;text-align-last:center;transition:border-color .2s ease,box-shadow .2s ease;width:70px}.currency-select:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.amount-input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-size:16px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease}.amount-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.claims-image-lane{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:8px;margin-top:12px;padding:10px 12px}.claims-lane-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.claims-lane-label{color:#374151;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.claims-lane-upload-btn{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#3b82f6;cursor:pointer;font-size:12px;font-weight:600;padding:3px 10px;transition:background .15s;-webkit-user-select:none;user-select:none;white-space:nowrap}.claims-lane-upload-btn:hover{background:#dbeafe}.carousel-container{min-width:0;overflow-x:auto;overflow-y:hidden;width:100%}.carousel-container::-webkit-scrollbar{height:4px}.carousel-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.carousel-track{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;min-height:76px;width:-webkit-max-content;width:max-content}.carousel-item{background:#e5e7eb;border:2.5px solid #0000;border-radius:10px;cursor:pointer;flex-shrink:0;height:76px;overflow:visible;position:relative;transition:border-color .15s,box-shadow .15s;width:76px}.carousel-item-media{border-radius:8px;inset:0;overflow:hidden;position:absolute}.carousel-item-media img{display:block;height:100%;object-fit:cover;pointer-events:none;width:100%}.carousel-item-media .pdf-preview{height:100%;width:100%}.carousel-item:hover{border-color:#93c5fd}.carousel-item.active{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f62e}.carousel-item.drag-over{background-color:#3b82f61a;border-color:#3b82f6}.pdf-preview{align-items:center;background:#f3f4f6;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;padding:12px;width:100%}.pdf-icon{font-size:48px;margin-bottom:8px}.pdf-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:11px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;word-break:break-word}.carousel-thumb-drag{color:#ffffffd9;cursor:grab;font-size:13px;left:3px;line-height:1;opacity:0;pointer-events:none;position:absolute;text-shadow:0 1px 3px #0009;top:3px;transition:opacity .15s;z-index:5}.carousel-item:hover .carousel-thumb-drag{opacity:1}.carousel-thumb-menu-btn{align-items:center;background:#0000008c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:15px;height:22px;justify-content:center;line-height:1;opacity:0;padding:0;position:absolute;right:3px;top:3px;transition:opacity .15s,background .15s;width:22px;z-index:6}.carousel-item:hover .carousel-thumb-menu-btn{opacity:1}.carousel-thumb-menu-btn:hover{background:#000000bf}.carousel-thumb-menu-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 6px 20px #00000024;min-width:110px;overflow:hidden;position:absolute;right:0;top:26px;z-index:50}.carousel-thumb-menu-item{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:9px 14px;transition:background .12s}.carousel-thumb-menu-item:hover{background:#f9fafb}.carousel-thumb-menu-item.delete{color:#ef4444}.carousel-thumb-menu-item.delete:hover{background:#fef2f2}.claim-thumb-pdf-badge{background:#0009;border-radius:3px;bottom:4px;color:#fff;font-size:9px;font-weight:700;left:4px;letter-spacing:.5px;padding:1px 5px;pointer-events:none;position:absolute;z-index:4}.claim-thumb-pdf-img{align-items:center;background:#fff;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.claim-thumb-pdf-canvas{display:block;height:100%;object-fit:cover;width:100%}.claim-main-pdf-preview{align-items:center;background:#fff;display:flex;height:100%;justify-content:center;position:relative;width:100%}.claim-main-pdf-icon{font-size:52px;position:absolute}.claim-main-pdf-canvas{display:block;height:100%;object-fit:contain;width:100%}.claim-main-pdf-open-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;border-radius:20px;bottom:44px;color:#fff;display:inline-flex;font-size:13px;gap:6px;left:50%;padding:7px 18px;position:absolute;text-decoration:none;transform:translateX(-50%);transition:background .15s;white-space:nowrap;z-index:5}.claim-main-pdf-open-btn:hover{background:#000000d9}.claim-pdf-viewer{align-items:center;background:#f3f4f6;display:flex;height:100%;justify-content:center;overflow:auto;position:relative;width:100%}.claim-pdf-viewer-icon{font-size:52px;opacity:.4;position:absolute}.claim-pdf-viewer-canvas{box-shadow:0 4px 20px #0000001f;display:block;max-height:100%;max-width:100%;object-fit:contain}.claim-pdf-open-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:20px;bottom:20px;color:#fff;font-size:13px;left:50%;padding:7px 18px;position:absolute;text-decoration:none;transform:translateX(-50%);transition:background .15s;white-space:nowrap;z-index:5}.claim-pdf-open-btn:hover{background:#000000d9}.claim-lb-overlay{align-items:center;animation:claim-lb-in .18s ease;background:#000000eb;display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}@keyframes claim-lb-in{0%{opacity:0}to{opacity:1}}.claim-lb-shell{display:flex;flex-direction:column;gap:0;height:92vh;max-width:1400px;position:relative;width:92vw}.claim-lb-close{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:absolute;right:10px;top:10px;transition:background .15s;width:40px;z-index:9999}.claim-lb-close:hover{background:#ffffff47}.claim-lb-nav{align-items:center;background:#ffffff1f;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:52px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .15s;width:52px;z-index:10}.claim-lb-nav:hover{background:#ffffff3d}.claim-lb-nav:active{background:#ffffff59}.claim-lb-prev{left:-70px}.claim-lb-next{right:-70px}.claim-lb-viewport{align-items:center;background:#0a0a0a;border-radius:12px;display:flex;flex:1 1;justify-content:center;min-height:0;overflow:hidden;position:relative}.claim-lb-viewport.grab{cursor:grab}.claim-lb-viewport.grabbing{cursor:grabbing}.claim-lb-img{display:block;max-height:100%;max-width:100%;object-fit:contain;pointer-events:none;transform-origin:center center;-webkit-user-select:none;user-select:none;will-change:transform}.claim-lb-pdf-wrap{align-items:center;background:#fff;border-radius:6px;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.claim-lb-pdf-canvas{display:block;max-height:100%;max-width:100%;object-fit:contain}.claim-lb-pdf-open-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:20px;bottom:20px;color:#fff;font-size:13px;left:50%;padding:7px 18px;position:absolute;text-decoration:none;transform:translateX(-50%);transition:background .15s;white-space:nowrap;z-index:5}.claim-lb-pdf-open-btn:hover{background:#000000d9}.claim-lb-bar{flex-shrink:0;flex-wrap:wrap;gap:12px;padding:8px 4px 0}.claim-lb-bar,.claim-lb-info{align-items:center;display:flex}.claim-lb-info{flex:1 1;gap:8px;min-width:0}.claim-lb-filename{color:#9ca3af;font-size:12px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.claim-lb-counter{color:#6b7280;font-size:12px;white-space:nowrap}.claim-lb-zoom{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;display:flex;gap:4px;padding:4px 8px}.claim-lb-zoom-btn{align-items:center;background:#ffffff14;border:none;border-radius:6px;color:#e5e7eb;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:30px;justify-content:center;line-height:1;transition:background .15s;width:30px}.claim-lb-zoom-btn:hover{background:#ffffff2e}.claim-lb-zoom-btn:disabled{cursor:default;opacity:.3}.claim-lb-zoom-reset{font-size:15px}.claim-lb-zoom-pct{font-feature-settings:"tnum";color:#9ca3af;font-size:12px;font-variant-numeric:tabular-nums;min-width:42px;text-align:center}.claim-lb-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.claim-lb-action-btn{align-items:center;background:#ffffff12;border:1px solid #ffffff24;border-radius:8px;color:#e5e7eb;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:background .15s,border-color .15s;white-space:nowrap}.claim-lb-action-btn:hover{background:#ffffff26;border-color:#ffffff4d}.claim-lb-action-download{letter-spacing:.01em}.claim-lb-action-delete{color:#fca5a5}.claim-lb-action-delete:hover{background:#b91c1c8c;border-color:#ef444480;color:#fff}.pdf-iframe{background:#fff;border:none;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;height:80vh;width:100%}.image-preview-container{display:inline-block;position:relative}.image-count-badge{align-items:center;background-color:#3b82f6;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}@media (max-width:768px){.claims-container{padding:16px}.claims-header{padding:20px}.claims-header h1{font-size:24px}.month-navigation{flex-wrap:wrap;gap:8px}.month-selector{flex:1 1 100%;max-width:100%;order:-1}.month-display-btn{font-size:18px;padding:12px 16px}.nav-btn{height:50px;width:50px}.today-btn{flex:1 1}.claims-stats{align-items:flex-start;flex-direction:column;gap:16px}.stat-divider{height:1px;width:100%}.filter-controls{margin-top:16px;padding-top:16px}.filter-group{align-items:stretch;flex-direction:column}.filter-select{min-width:auto;width:100%}.search-input{max-width:100%}.action-buttons,.add-claim-container{align-items:stretch;flex-direction:column}.export-buttons{justify-content:center}.claims-table{font-size:14px}.claims-table td,.claims-table th{padding:12px 16px}.modal-content{border-radius:10px;height:92vh!important;max-height:92vh!important;max-width:96vw!important;width:96vw!important}}.category-multi-select{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.category-tag{background-color:#f3f4f6;border:1px solid #0000;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .1s ease}.category-tag[data-category="Food Expense"]{background-color:#fef3c7;border-color:#fde68a;color:#92400e}.category-tag[data-category=Materials]{background-color:#dbeafe;border-color:#93c5fd;color:#1e40af}.category-tag[data-category="Office Supplies"]{background-color:#e9d5ff;border-color:#c4b5fd;color:#6b21a8}.category-tag[data-category=Other]{background-color:#f3f4f6;border-color:#d1d5db;color:#374151}.category-tag[data-category="Project Use"]{background-color:#d1fae5;border-color:#6ee7b7;color:#065f46}.category-tag[data-category=Tools]{background-color:#fed7aa;border-color:#fdba74;color:#9a3412}.category-tag[data-category=Transport]{background-color:#fce7f3;border-color:#f9a8d4;color:#9f1239}.category-tag[data-category=Utilities]{background-color:#cffafe;border-color:#67e8f9;color:#164e63}.category-tag:hover{box-shadow:0 2px 4px #0000001a;opacity:.9}.category-tag.selected{box-shadow:0 2px 6px #00000026;font-weight:600;opacity:1}.category-tags-display{display:flex;flex-wrap:wrap;gap:6px}.category-tag-display{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;color:#1e40af;font-size:12px;font-weight:500;padding:4px 10px}.claim-action-approve-btn{align-items:center;background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:30px;justify-content:center;transition:background-color .15s,transform .1s;width:30px}.claim-action-approve-btn:hover{background-color:#059669;transform:scale(1.1)}.claim-action-reject-btn{align-items:center;background-color:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:30px;justify-content:center;transition:background-color .15s,transform .1s;width:30px}.claim-action-reject-btn:hover{background-color:#dc2626;transform:scale(1.1)}.claim-media-section{margin-bottom:20px}.claim-media-section .claim-preview{height:240px}.claim-form-split{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:7fr 3fr;min-height:0}.claim-details-panel{min-width:0}.claim-review-panel{background:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:10px;box-shadow:0 2px 8px #00000012,0 1px 2px #0000000a;display:flex;flex-direction:column;padding:18px 20px 24px}.claim-review-panel--rejected{background:#fff5f5;border-color:#fca5a5;border-top:3px solid #dc2626}.claim-review-panel--approved{background:#f0fdf4;border-color:#86efac;border-top:3px solid #059669}.claim-review-panel--pending{background:#fffef0;border-color:#fde68a;border-top:3px solid #d97706}.claim-review-panel--rejected .claim-panel-heading{border-bottom-color:#fca5a5;color:#991b1b}.claim-review-panel--approved .claim-panel-heading{border-bottom-color:#86efac;color:#065f46}.claim-review-panel--pending .claim-panel-heading{border-bottom-color:#fde68a;color:#92400e}.claim-panel-heading{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:13px;font-weight:700;letter-spacing:.06em;margin:0 0 16px;padding-bottom:10px;text-transform:uppercase}.claim-review-panel .claim-panel-heading{border-bottom-color:#94a3b8;color:#475569}.claim-review-field{margin-bottom:16px}.claim-review-label{color:#6b7280;display:block;font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.claim-review-value{color:#1f2937;font-size:14px;line-height:1.5;word-break:break-word}.claim-review-input{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:14px;padding:8px 10px;width:100%}.claim-status-display{padding:10px 0 4px}.claim-status-badge{border-radius:20px;display:inline-block;font-size:13px;font-weight:600;letter-spacing:.01em;padding:5px 14px}.claim-status-badge--pending{background-color:#fef3c7;color:#92400e}.claim-status-badge--approved{background-color:#d1fae5;color:#065f46}.claim-status-badge--rejected{background-color:#fecaca;border:1px solid #f87171;color:#7f1d1d}.claim-review-notice{background-color:#dbeafe;border:1px solid #93c5fd;border-radius:8px;color:#1e40af;font-size:12px;font-weight:500;line-height:1.4;margin-bottom:16px;padding:8px 12px}.claim-review-actions{border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;display:flex;gap:8px;margin-bottom:16px;margin-top:4px;padding:14px 0}.claim-review-actions__approve{background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:9px 0;transition:background-color .15s}.claim-review-actions__approve:hover{background-color:#059669}.claim-review-actions__reject{background-color:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:9px 0;transition:background-color .15s}.claim-review-actions__reject:hover{background-color:#dc2626}.claim-history-details{border:1px solid #e2e8f0;border-radius:8px;margin-top:12px}.claim-history-summary{background:#eef2f7;border-radius:8px;color:#475569;cursor:pointer;font-size:12px;font-weight:600;padding:10px 14px;-webkit-user-select:none;user-select:none}.claim-history-details[open] .claim-history-summary{border-radius:8px 8px 0 0}.claim-history-summary:hover{background:#e2e8f0}.claim-history-list{max-height:260px;overflow-y:auto}.claim-history-entry{border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;gap:6px;padding:10px 14px}.claim-history-entry:last-child{border-bottom:none}.claim-history-entry__meta{display:flex;flex-direction:column;gap:2px}.claim-history-entry__reason{color:#374151;font-size:12px;line-height:1.4;word-break:break-word}.claim-history-entry__by,.claim-history-entry__date{color:#94a3b8;font-size:11px}@media (max-width:900px){.claim-form-split{grid-template-columns:1fr}.claim-details-panel{min-width:0}.claim-review-panel{border-radius:10px}}.projects-list-container{background-color:#f5f7fa;box-sizing:border-box;max-width:100%;min-height:100vh;overflow-x:hidden;padding:32px}.projects-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px}.add-project-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 6px #3b82f633;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:14px 28px;transition:all .2s ease}.add-project-btn:hover{box-shadow:0 6px 12px #3b82f64d;transform:translateY(-2px)}.add-project-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.projects-stats-bar{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{transition:transform .2s ease,box-shadow .2s ease}.active-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.completed-icon{background:linear-gradient(135deg,#10b981,#059669)}.total-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.stat-label-with-selector{align-items:center;color:#6b7280;display:flex;font-size:14px;font-weight:500;gap:8px}.year-selector{background-color:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;font-weight:600;padding:4px 8px;transition:all .2s ease}.year-selector:hover{background-color:#fffbeb;border-color:#fbbf24}.date-range-selector{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.month-selector{background-color:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:12px;font-weight:600;padding:4px 6px;transition:all .2s ease}.month-selector:hover{background-color:#fffbeb;border-color:#fbbf24}.date-range-separator{color:#6b7280;font-size:12px;font-weight:500;margin:0 2px}.year-selector:focus{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241a;outline:none}.sales-card{cursor:default}.kanban-board{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 1fr}.kanban-column{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;min-height:400px;padding:24px;transition:box-shadow .2s ease}.kanban-column.active-column,.kanban-column.completed-column{border:2px solid #0000}.column-header{border-bottom:2px solid #f3f4f6;margin-bottom:24px;padding-bottom:20px}.column-title{align-items:center;display:flex;gap:12px;margin-bottom:8px}.column-icon{font-size:24px}.column-title h2{color:#1a1a1a;flex:1 1;font-size:24px;font-weight:700;margin:0}.column-count{background:#f3f4f6;border-radius:12px;color:#374151;font-size:14px;font-weight:600;padding:4px 12px}.column-header-footer{align-items:center;display:flex;gap:12px;justify-content:space-between}.column-subtitle{color:#6b7280;flex:1 1;font-size:14px;margin:0}.view-all-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.view-all-btn:hover{background:#eff6ff;color:#2563eb;transform:translateX(2px)}.view-all-arrow{font-size:14px;transition:transform .2s ease}.view-all-btn:hover .view-all-arrow{transform:translateX(2px)}.projects-grid{display:flex;flex-direction:column;gap:16px}.project-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:move;padding:12px;position:relative;transition:all .2s ease}.project-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.project-card.completed{background:#f0fdf4;border-color:#d1fae5}.project-card.completed:hover{border-color:#10b981;box-shadow:0 4px 12px #10b98126}.project-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.project-status-badge{border-radius:8px;font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.project-status-badge.active{background:#dbeafe;color:#1e40af}.project-status-badge.completed{background:#d1fae5;color:#065f46}.project-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.project-card:hover .project-actions{opacity:1}.project-edit-btn{align-items:center;background:#dbeafe;border:none;border-radius:50%;color:#1e40af;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.project-edit-btn:hover{background:#1e40af;color:#fff;transform:scale(1.1)}.project-delete-btn{align-items:center;background:#fee2e2;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:24px;justify-content:center;transition:all .2s ease;width:24px}.project-delete-btn:hover{background:#dc2626;color:#fff;transform:scale(1.1)}.project-summary-overlay{background-color:initial;display:block;left:220px;position:fixed;width:calc(100vw - 220px);z-index:1000}.project-summary-modal,.project-summary-overlay{bottom:0;height:100vh;margin:0;padding:0;right:0;top:0}.project-summary-modal{background:#fff;border-radius:0;box-shadow:none;display:flex;flex-direction:column;left:0;overflow:hidden;position:absolute;width:100%}.project-summary-content{background:#f1f5f9;display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:20px 24px 28px}.project-info-section{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;padding:20px 22px}.project-info-section h3{color:#1a1a1a;font-size:32px;font-weight:700;margin:0 0 24px}.project-details-grid{grid-gap:16px 24px;display:grid;gap:16px 24px;grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:900px){.project-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.project-details-grid{grid-template-columns:1fr}}.detail-item{display:flex;flex-direction:column;gap:4px}.pl-detail-value-row{align-items:flex-start;display:flex;gap:6px}.pl-detail-value-row .detail-value{word-break:break-word}.pl-copy-btn{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-top:0;padding:0;transition:background .12s ease,border-color .12s ease,transform .1s ease,color .12s ease;width:28px}.pl-copy-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.pl-copy-btn:active{background:#e5e7eb;transform:scale(.93)}.pl-copy-btn--copied{background:#f0fdf4;border-color:#86efac;color:#16a34a}.detail-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#1a1a1a;font-size:14px;font-weight:500}.detail-value.status-active{color:#1e40af;font-weight:600}.detail-value.status-completed{color:#065f46;font-weight:600}.project-description-section{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.project-description-section h4{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 8px}.project-description-section p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.project-stats-section h4{color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 16px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stats-grid .stat-card{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;min-height:120px;padding:24px;transition:all .2s ease}.stats-grid .stat-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.stats-grid .stat-icon{align-items:center;background:#f0f4f8;border-radius:8px;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.stats-grid .stat-content{flex:1 1}.stats-grid .stat-value{color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 8px}.stats-grid .stat-label{color:#6b7280;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.project-actions-section{border-top:1px solid #e5e7eb;display:flex;gap:16px;margin-top:auto;padding-top:24px}.edit-project-btn,.view-details-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;min-width:160px;padding:16px 32px;transition:all .2s ease}.edit-project-btn{background:#3b82f6;color:#fff}.edit-project-btn:hover{background:#2563eb;transform:translateY(-1px)}.view-details-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.view-details-btn:hover{background:#e5e7eb;border-color:#9ca3af}.project-name{color:#1a1a1a;font-size:16px;font-weight:700;line-height:1.2;margin:0 0 8px}.project-details{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.project-detail-item{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:6px}.detail-icon{font-size:14px}.detail-text{flex:1 1}.project-description{border-top:1px solid #e5e7eb;color:#6b7280;font-size:12px;line-height:1.4;margin:8px 0 0;padding-top:8px}.project-drag-hint{align-items:center;background:#ffffffe6;border-radius:4px;color:#9ca3af;display:flex;font-size:10px;gap:4px;left:8px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;top:8px;transition:opacity .2s ease}.project-card:hover .project-drag-hint{opacity:1}.project-drag-hint span{font-size:14px}.proj-modal-box .proj-modal-header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 6px #0000000f;flex-shrink:0;padding:20px 24px 16px;z-index:1}.proj-modal-box .proj-modal-header h2{color:#1a1a1a;font-size:18px;font-weight:700;margin:0;overflow:hidden;padding-bottom:0;text-overflow:ellipsis;white-space:nowrap}.proj-modal-overlay{align-items:center;background-color:#00000080;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1100}.proj-modal-box{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-sizing:border-box;display:flex;flex-direction:column;max-height:90vh;max-width:960px;overflow:hidden;width:100%}.proj-modal-overlay .proj-modal-box{max-width:960px}.proj-modal-box .modal-body{flex:1 1;overflow-y:auto;padding:24px 32px 32px}.proj-modal-box .proj-form-grid{column-gap:16px;row-gap:0}.modal-header{margin-bottom:24px;padding:24px 24px 0}.project-summary-modal .modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:0;padding:24px 24px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header-left{align-items:center;display:flex;gap:16px}.back-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 2px 8px #667eea4d;color:#fff;display:inline-flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-btn:hover{background:linear-gradient(135deg,#7c8ef5,#8a5fb8);box-shadow:0 6px 24px #667eea80,0 0 0 3px #667eea1a;color:#fff;transform:translateY(-2px)}.back-btn:active{transform:translateY(0)}.back-btn:active,.pl-back-btn{box-shadow:0 2px 8px #667eea4d}.pl-back-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.pl-back-btn:hover{background:linear-gradient(135deg,#7c8ef5,#8a5fb8);box-shadow:0 6px 24px #667eea80,0 0 0 3px #667eea1a;color:#fff;transform:translateY(-2px)}.pl-back-btn:active{box-shadow:0 2px 8px #667eea4d;transform:translateY(0)}.project-summary-modal .modal-header h2{margin:0;padding:0}.modal-body{padding:0 24px}.form-group input,.form-group select,.form-group textarea{border:2px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:16px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{min-height:100px}.status-select{cursor:pointer}.proj-form-row{align-items:flex-start;display:flex;gap:16px}.proj-name-field{flex:7 1;min-width:0}.proj-status-field{flex:3 1;min-width:0}.proj-form-grid{grid-column-gap:16px;column-gap:16px;display:grid;grid-template-columns:1fr 1fr}.proj-section-label{color:#9ca3af;font-size:11px;font-weight:700;letter-spacing:.08em;margin:0 0 14px;text-transform:uppercase}.proj-divider{border:none;border-top:1px solid #d9dee8;margin:24px 0}.proj-description-group{margin-top:0}.proj-optional{color:#9ca3af;font-size:12px;font-weight:400;letter-spacing:0;text-transform:none}.proj-postal-row{max-width:38%}@media (max-width:540px){.proj-form-row{flex-direction:column}.proj-form-grid{grid-template-columns:1fr}.proj-postal-row{max-width:100%}}.proj-status-dropdown{position:relative}.proj-status-trigger{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-family:inherit;font-size:15px;gap:8px;justify-content:space-between;line-height:1.4;padding:11px 14px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.proj-status-trigger:hover{border-color:#9ca3af}.proj-status-trigger:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.proj-status-trigger:disabled{cursor:not-allowed;opacity:.6}.proj-status-chevron{color:#6b7280;flex-shrink:0;height:10px;width:10px}.proj-status-menu{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001f,0 2px 8px #0000000f;left:0;overflow:hidden;padding:4px;position:absolute;right:0;top:calc(100% + 5px);z-index:200}.proj-status-option{background:none;border:none;border-radius:6px;color:#374151;cursor:pointer;display:block;font-family:inherit;font-size:14px;padding:9px 12px;text-align:left;transition:background-color .12s ease;width:100%}.proj-status-option:hover{background-color:#f3f4f6}.proj-status-option--active{background-color:#eff6ff;color:#2563eb;font-weight:600}.proj-modal-box .modal-footer{background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -2px 8px #0000000f;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 24px}@media (max-width:1024px){.kanban-board{grid-template-columns:1fr}}@media (max-width:768px){.projects-list-container{padding:16px}.projects-header{align-items:stretch;flex-direction:column}.add-project-btn{justify-content:center;width:100%}.header-content h1{font-size:28px}.projects-stats-bar{grid-template-columns:1fr}.kanban-column{padding:16px}.column-title h2{font-size:20px}.modal-content{margin:10px;max-width:calc(100vw - 20px)}}.kanban-column.drag-over{background:#f0f9ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.project-card.dragging{opacity:.5;transform:rotate(2deg)}.project-card-cover{border-radius:10px 10px 0 0;flex-shrink:0;height:130px;margin:-16px -16px 12px;overflow:hidden;width:100%;width:calc(100% + 32px)}.project-card-cover img{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-card:hover .project-card-cover img{transform:scale(1.04)}.project-card-cover-placeholder{background:linear-gradient(135deg,#dbeafe,#bfdbfe 50%,#93c5fd)}.project-card-cover-placeholder-completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0 50%,#6ee7b7)}.cover-upload-area{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:28px 20px;text-align:center;transition:border-color .2s ease,background .2s ease}.cover-upload-area:hover{background:#eff6ff;border-color:#3b82f6}.cover-upload-icon{font-size:28px;line-height:1}.cover-upload-text{color:#374151;font-size:14px;font-weight:600}.cover-upload-hint{color:#9ca3af;font-size:12px}.cover-preview-container{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.cover-preview-img{display:block;height:180px;object-fit:cover;width:100%}.cover-preview-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:8px;padding:10px 12px}.cover-change-btn{align-items:center;background:#3b82f6;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:4px;padding:6px 12px;transition:background .2s ease}.cover-change-btn:hover{background:#2563eb}.cover-remove-btn{align-items:center;background:#fff;border:1px solid #fca5a5;border-radius:6px;color:#dc2626;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.cover-remove-btn:hover{background:#fee2e2}.project-summary-cover{border-radius:16px 16px 0 0;height:200px;margin:-24px -24px 24px;overflow:hidden;width:calc(100% + 48px)}.project-summary-cover img{display:block;height:100%;object-fit:cover;width:100%}.project-summary-banner-section{flex-shrink:0;position:relative;width:100%}.project-summary-banner-img{background-position:50%;background-size:cover;height:260px;position:relative;width:100%}.project-summary-banner-overlay{background:linear-gradient(0deg,#000000bf,#0000);bottom:0;left:0;padding:40px 30px 24px;position:absolute;right:0}.project-summary-banner-title{color:#fff;font-size:28px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.project-summary-banner-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center;padding:30px;width:100%}.project-banner-add-cover-btn{background:#fff3;border:2px dashed #ffffff80;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.project-banner-add-cover-btn:hover{background:#ffffff4d;border-color:#fffc}.project-banner-menu-wrap{position:absolute;right:16px;top:16px;z-index:10}.project-banner-menu-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#111827;cursor:pointer;display:flex;font-size:22px;font-weight:700;height:40px;justify-content:center;line-height:1;transition:all .2s;width:40px}.project-banner-menu-btn:hover{background:#fff;transform:scale(1.08)}.project-banner-dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:220px;overflow:hidden;position:absolute;right:0;top:48px;z-index:100}.project-banner-dropdown button{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;transition:background .2s;width:100%}.project-banner-dropdown button:hover{background:#f3f4f6}.project-banner-dropdown button:not(:last-child){border-bottom:1px solid #e5e7eb}.project-banner-dropdown button:disabled{cursor:not-allowed;opacity:.5}.pl-summary-strip{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.pl-summary-chip{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000012;display:flex;gap:12px;min-width:180px;padding:16px 24px}.pl-chip-value{color:#1a1a1a;font-size:28px;font-weight:700;line-height:1}.pl-chip-label{color:#6b7280;font-size:13px;font-weight:500}.pl-chip--active{border-left:4px solid #3b82f6}.pl-chip--completed{border-left:4px solid #10b981}.pl-control-bar{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:12px;margin-bottom:16px;max-width:100%;overflow:visible;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:50}.pl-control-bar .pc-filter-wrap .pc-filter-panel{left:auto;max-width:calc(100vw - 32px);right:0;width:300px}.pl-control-bar .pc-sort-wrap .pc-sort-panel{max-width:calc(100vw - 32px);right:0}.pl-search-wrap{align-items:center;background:#f5f7fa;border:1.5px solid #e5e7eb;border-radius:8px;display:flex;flex:1 1;gap:8px;min-width:240px;padding:0 12px;transition:border-color .2s}.pl-search-wrap:focus-within{background:#fff;border-color:#3b82f6}.pl-search-icon{color:#9ca3af;flex-shrink:0;font-size:14px}.pl-search-input{background:#0000;border:none;color:#1a1a1a;flex:1 1;font-family:inherit;font-size:14px;outline:none;padding:9px 0}.pl-search-input::placeholder{color:#9ca3af}.pl-search-clear{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:18px;line-height:1;padding:0 2px;transition:color .2s}.pl-search-clear:hover{color:#374151}.pl-filter-row{align-items:center;display:flex;flex-shrink:0;gap:8px}.pl-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:4px;margin-bottom:20px}.pl-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;color:#6b7280;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;margin-bottom:-2px;padding:10px 18px;transition:all .2s}.pl-tab:hover{background:#f5f7fa;color:#1a1a1a}.pl-tab--active{background:#eff6ff;border-bottom-color:#2563eb;color:#2563eb;font-weight:600}.pl-tab-count{background:#e5e7eb;border-radius:10px;color:#374151;font-size:12px;font-weight:600;padding:2px 8px}.pl-tab--active .pl-tab-count{background:#dbeafe;color:#1e40af}.pl-project-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}@media (max-width:1280px){.pl-project-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.pl-project-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.pl-project-grid{grid-template-columns:1fr}}.pl-project-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.pl-project-card:hover{border-color:#e0e7ff;box-shadow:0 8px 24px #0000001f;transform:translateY(-3px)}.pl-card-cover{flex-shrink:0;height:160px;overflow:hidden;position:relative}.pl-card-cover-img{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.pl-project-card:hover .pl-card-cover-img{transform:scale(1.04)}.pl-card-cover-placeholder{height:100%;width:100%}.pl-card-placeholder--active{background:linear-gradient(135deg,#dbeafe,#bfdbfe 50%,#93c5fd)}.pl-card-placeholder--tender{background:linear-gradient(135deg,#fef3c7,#fde68a 50%,#fcd34d)}.pl-card-placeholder--review{background:linear-gradient(135deg,#ede9fe,#ddd6fe 50%,#c4b5fd)}.pl-card-placeholder--completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0 50%,#6ee7b7)}.pl-card-placeholder--cancelled{background:linear-gradient(135deg,#f3f4f6,#e5e7eb 50%,#d1d5db)}.pl-status-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.2px;padding:3px 10px;position:absolute;right:10px;top:10px}.pl-badge--active{background:#dbeafeeb;color:#1e40af}.pl-badge--tender{background:#fef3c7eb;color:#92400e}.pl-badge--under-review{background:#ede9feeb;color:#5b21b6}.pl-badge--completed{background:#d1fae5eb;color:#065f46}.pl-badge--cancelled{background:#f3f4f6eb;color:#6b7280}.pl-card-body{display:flex;flex:1 1;flex-direction:column;gap:0;padding:14px 14px 12px}.pl-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a1a1a;display:-webkit-box;font-size:14px;font-weight:700;line-height:1.35;margin:0 0 4px;overflow:hidden}.pl-card-address{align-items:flex-start;color:#6b7280;display:flex;font-size:12px;gap:4px;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-card-addr-icon{flex-shrink:0;font-size:11px;margin-top:1px}.pl-card-divider{background:#f3f4f6;height:1px;margin:8px 0}.pl-card-people{display:flex;flex-direction:column;gap:3px;min-height:32px}.pl-card-person{color:#374151;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-card-designer{color:#6b7280;font-weight:400}.pl-card-footer{display:flex;flex-direction:column;gap:6px;margin-top:auto}.pl-footer-pm{color:#6b7280;font-size:11px}.pl-footer-label{color:#4b5563;font-weight:600}.pl-footer-financials{display:flex;flex-direction:column;gap:2px}.pl-footer-contract{align-items:baseline;display:flex;flex-wrap:wrap;gap:6px}.pl-footer-contract-label{color:#9ca3af;font-size:11px;font-weight:500;white-space:nowrap}.pl-footer-contract-amount{color:#111827;font-size:13px;font-weight:700}.pl-footer-claim-pct{color:#3b82f6;font-size:11px;font-weight:600}.pl-claim--done{color:#059669}.pl-footer-claim-empty{color:#d1d5db;font-weight:400}.pl-empty-state{color:#9ca3af;padding:80px 24px;text-align:center}.pl-empty-icon{font-size:56px;margin-bottom:16px;opacity:.4}.pl-empty-title{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.pl-empty-subtitle{color:#9ca3af;font-size:14px;margin:0 0 24px}.pl-summary-blocks{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.pl-summary-block{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;display:flex;flex-direction:column;gap:8px;min-width:0;padding:20px 22px}.pl-sb-header{gap:10px;margin-bottom:4px}.pl-sb-header,.pl-sb-icon{align-items:center;display:flex}.pl-sb-icon{border-radius:9px;flex-shrink:0;height:38px;justify-content:center;width:38px}.pl-sb-icon-blue{background:#eff6ff;color:#2563eb}.pl-sb-icon-amber{background:#fff7ed;color:#d97706}.pl-sb-icon-red{background:#fef2f2;color:#dc2626}.pl-sb-icon-green{background:#f0fdf4;color:#16a34a}.pl-sb-card-label{color:#9ca3af;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.pl-sb-main-value{color:#1a2541;font-size:22px;font-weight:700;line-height:1.2;margin:0}.pl-sb-sub{color:#9ca3af;font-size:12px;margin:0}.pl-sb-divider{border:none;border-top:1px solid #f1f5f9;margin:4px 0}.pl-sb-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.pl-sb-label{color:#6b7280;flex-shrink:0;font-size:13px}.pl-sb-value{color:#1f2937;font-size:13px;font-weight:600;text-align:right}.pl-sb-bold{font-weight:700}.pl-sb-green{color:#16a34a}.pl-sb-red{color:#dc2626}.pl-sb-muted{color:#9ca3af;font-weight:500}.pl-sb-progress-row{align-items:center;display:flex;gap:8px;margin-top:2px}.pl-sb-progress-track{background:#e5e7eb;border-radius:99px;flex:1 1;height:5px;overflow:hidden}.pl-sb-progress-fill{background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:99px;height:100%;transition:width .4s ease}.pl-sb-pct{color:#3b82f6;font-size:11px;font-weight:700;white-space:nowrap}.pl-sb-empty{color:#9ca3af;font-size:13px;font-style:italic;margin:0}.pl-sb-badge{border-radius:99px;font-size:11px;font-weight:600;padding:2px 10px}.pl-sb-badge-red{background:#fee2e2;color:#dc2626}.pl-sb-badge-green{background:#dcfce7;color:#16a34a}@media (max-width:720px){.pl-summary-blocks{grid-template-columns:1fr}}.pl-delete-btn{background:#dc2626!important;border:none!important;box-shadow:0 2px 8px #dc26264d;color:#fff!important;margin-left:auto}.pl-delete-btn:hover{background:#b91c1c!important;border:none!important;box-shadow:0 4px 16px #dc262673!important;transform:translateY(-1px)}@media (max-width:768px){.pl-control-bar{align-items:stretch;flex-direction:column}.pl-filter-row{justify-content:flex-start}.pl-summary-strip{flex-direction:column}.pl-summary-chip{min-width:0;min-width:auto}}.pc-page{background:#f5f7fa;min-height:100vh;padding:28px 32px}.pc-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.pc-spinner{animation:pc-spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}@keyframes pc-spin{to{transform:rotate(1turn)}}.pc-loading p{color:#6b7280;font-size:15px}.pc-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.pc-header-left{flex-shrink:0}.pc-title{color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 4px}.pc-subtitle{color:#6b7280;font-size:14px;margin:0}.pc-control-bar,.pc-header-right{align-items:center;display:flex;gap:10px}.pc-control-bar{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 4px #0000000a;margin-bottom:12px;padding:8px 10px}.pc-search-wrap{align-items:center;display:flex;flex:1 1;min-width:0;position:relative}.pc-search-icon{align-items:center;color:#9ca3af;display:flex;left:12px;pointer-events:none;position:absolute}.pc-search-input{background:#f9fafb;border:1px solid #0000;border-radius:10px;box-sizing:border-box;color:#1a1a1a;font-size:14px;height:40px;outline:none;padding:0 36px 0 38px;transition:border-color .2s,background .2s;width:100%}.pc-search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.pc-search-input::placeholder{color:#9ca3af}.pc-search-clear{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:13px;line-height:1;padding:2px 4px;position:absolute;right:10px;transition:color .15s}.pc-search-clear:hover{color:#374151}.pc-control-bar:after{content:none}.pc-filter-backdrop{background:#0000;cursor:default;inset:0;position:fixed;z-index:98}.pc-filter-wrap{flex-shrink:0;position:relative;z-index:99}.pc-filters-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;height:40px;padding:0 14px;transition:all .15s;white-space:nowrap}.pc-filters-btn:hover{background:#f9fafb;border-color:#d1d5db}.pc-filters-btn.active,.pc-filters-btn.has-filters{background:#eff6ff;border-color:#3b82f6;color:#2563eb}.pc-filter-badge{align-items:center;background:#3b82f6;border-radius:20px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 5px}.pc-sort-wrap{flex-shrink:0;position:relative;z-index:99}.pc-sort-chevron{color:#9ca3af;flex-shrink:0;transition:transform .2s ease}.pc-sort-chevron.open{transform:rotate(180deg)}.pc-sort-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 32px #00000021;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:220px;z-index:100}.pc-sort-option{align-items:center;background:none;border:none;border-bottom:1px solid #f3f4f6;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:400;justify-content:space-between;padding:10px 16px;text-align:left;transition:background .1s;width:100%}.pc-sort-option:last-child{border-bottom:none}.pc-sort-group{padding:4px 0}.pc-sort-group--spaced{border-top:1px solid #f3f4f6;margin-top:4px;padding-top:4px}.pc-sort-group-label{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.06em;padding:6px 16px 3px;pointer-events:none;text-transform:uppercase}.pc-sort-group-label--section{padding-top:10px}.pc-sort-divider{border:none;border-top:1px solid #e5e7eb;margin:6px 0}.pc-sort-option:hover{background:#f9fafb}.pc-sort-option.active{background:#eff6ff;color:#2563eb;font-weight:600}.pc-sort-option.active:hover{background:#dbeafe}.pc-filter-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 32px #00000021;left:0;max-height:540px;overflow-x:hidden;overflow-y:auto;position:absolute;top:calc(100% + 8px);width:300px;z-index:100}.pc-filter-panel-header{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;color:#1a1a1a;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:13px 16px 11px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.pc-filter-clear-all{background:none;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:12px;font-weight:500;padding:3px 7px;transition:background .15s}.pc-filter-clear-all:hover{background:#eff6ff}.pc-fg{border-bottom:1px solid #f3f4f6}.pc-fg:last-child{border-bottom:none}.pc-fg-header{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:11px 14px;text-align:left;transition:background .1s;width:100%}.pc-fg-header:hover{background:#fafafa}.pc-fg-header-right{align-items:center;display:flex;flex-shrink:0;gap:7px}.pc-fg-label{color:#374151;flex:1 1;font-size:13px;font-weight:600}.pc-fg-selected-count{align-items:center;background:#3b82f6;border-radius:20px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 5px}.pc-fg-chevron{color:#9ca3af;flex-shrink:0;transition:transform .2s ease}.pc-fg-chevron--open{transform:rotate(180deg)}.pc-fg-body{padding:0 14px 10px}.pc-fg-search-wrap{align-items:center;display:flex;margin-bottom:6px;position:relative}.pc-fg-search-icon{color:#9ca3af;flex-shrink:0;left:9px;pointer-events:none;position:absolute}.pc-fg-search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#1a1a1a;font-size:12.5px;height:32px;outline:none;padding:0 28px;transition:border-color .15s,background .15s;width:100%}.pc-fg-search:focus{background:#fff;border-color:#3b82f6}.pc-fg-search::placeholder{color:#b0b7c3}.pc-fg-search-clear{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:11px;line-height:1;padding:2px;position:absolute;right:8px;transition:color .15s}.pc-fg-search-clear:hover{color:#374151}.pc-fg-list{display:flex;flex-direction:column;gap:1px}.pc-fg-section-sep{color:#c4c9d4;font-size:10px;font-weight:700;letter-spacing:.05em;padding:5px 4px 2px;text-transform:uppercase}.pc-fg-option{align-items:center;border-radius:7px;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:5px 6px;transition:background .1s;-webkit-user-select:none;user-select:none}.pc-fg-option:hover{background:#f5f6f8}.pc-fg-option--checked{background:#f0f7ff;color:#1d4ed8}.pc-fg-option--checked:hover{background:#e8f1fd}.pc-fg-option input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;flex-shrink:0;height:15px;margin:0;width:15px}.pc-fg-opt-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-fg-count{background:#f3f4f6;border-radius:10px;color:#9ca3af;flex-shrink:0;font-size:11px;font-weight:500;min-width:20px;padding:1px 6px;text-align:center}.pc-fg-option--checked .pc-fg-count{background:#dbeafe;color:#3b82f6}.pc-fg-show-more{background:none;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:12px;font-weight:500;margin-top:3px;padding:4px 6px;text-align:left;transition:background .15s}.pc-fg-show-more:hover{background:#eff6ff}.pc-fg-empty{color:#9ca3af;font-size:12px;padding:8px 4px;text-align:center}.pc-fg-panel-empty{color:#9ca3af;font-size:13px;padding:24px 16px;text-align:center}.pc-active-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.pc-active-chip{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;color:#2563eb;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:4px 8px 4px 11px}.pc-active-chip--supplier{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.pc-active-chip--category{background:#fdf4ff;border-color:#e9d5ff;color:#7c3aed}.pc-active-chip--tag{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.pc-active-chip button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:11px;line-height:1;opacity:.55;padding:0 2px;transition:opacity .15s}.pc-active-chip button:hover{opacity:1}.pc-results-count{color:#6b7280;font-size:13px;margin:0 0 16px}.pc-btn-primary{background:#3b82f6;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:44px;padding:0 20px;transition:background .2s,transform .1s;white-space:nowrap}.pc-btn-primary:hover{background:#2563eb}.pc-btn-primary:active{transform:scale(.97)}.pc-btn-primary:disabled{background:#93c5fd;cursor:not-allowed}.pc-btn-secondary{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;height:40px;padding:0 16px;transition:background .2s,border-color .2s}.pc-btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.pc-btn-ghost{background:none;border:none;border-radius:10px;color:#6b7280;cursor:pointer;font-size:14px;height:40px;padding:0 16px;transition:background .2s}.pc-btn-ghost:hover{background:#f3f4f6}.pc-browse-label{color:#111827;font-size:22px;font-weight:700;margin:28px 0 0}.pc-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:0;margin-bottom:24px;margin-top:16px}.pc-tab{background:none;border:none;color:#6b7280;cursor:pointer;font-size:15px;font-weight:500;padding:10px 24px;position:relative;transition:color .2s}.pc-tab:hover{color:#374151}.pc-tab.active{color:#3b82f6;font-weight:600}.pc-tab.active:after{background:#3b82f6;border-radius:2px 2px 0 0;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.pc-section{margin-bottom:32px}.pc-section-title{color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 16px}.pc-featured-row{-webkit-overflow-scrolling:touch;display:flex;gap:16px;overflow-x:auto;padding-bottom:8px}.pc-featured-row::-webkit-scrollbar{height:6px}.pc-featured-row::-webkit-scrollbar-track{background:#0000}.pc-featured-row::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.pc-view-toggle-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.pc-view-toggle{background:#f3f4f6;border-radius:10px;display:inline-flex;padding:3px}.pc-view-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:background .2s,color .2s}.pc-view-btn.active{background:#fff;box-shadow:0 1px 4px #00000014;color:#1a1a1a}.pc-view-toggle-group{align-items:center;display:flex;gap:0}.pc-view-tab-divider{align-self:center;background:#c9cdd4;flex-shrink:0;height:28px;margin:0 14px;width:1px}.pc-view-toggle--maint{background:#fdf4e7}.pc-view-btn-badge{align-items:center;color:inherit;display:inline-flex;font-size:11px;font-weight:600;justify-content:center;line-height:1;margin-left:5px;min-width:14px;opacity:.7}.pc-view-toggle--maint .pc-view-btn.active{background:#fff;box-shadow:0 1px 4px #00000014;color:#92400e}.pc-view-toggle--maint .pc-view-btn.active .pc-view-btn-badge{opacity:1}.pc-btn-new-category{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;height:36px;padding:0 14px;transition:background .15s;white-space:nowrap}.pc-btn-new-category:hover{background:#059669}.pc-category-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.pc-filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.pc-chip{background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;padding:7px 16px;transition:all .15s}.pc-chip:hover{background:#f9fafb;border-color:#d1d5db}.pc-chip.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.pc-product-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.pc-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:64px 32px;text-align:center}.pc-empty-icon{font-size:48px;margin-bottom:16px}.pc-empty-state h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.pc-empty-state p{color:#9ca3af;font-size:14px;margin:0 0 20px}.pc-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.pc-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:500px;overflow:hidden;width:100%}.pc-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.pc-modal-header h2{color:#111827;font-size:20px;font-weight:600;margin:0}.pc-modal-close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:24px;line-height:1;padding:0;transition:color .2s}.pc-modal-close:hover{color:#6b7280}.pc-modal-body{padding:24px}.pc-modal-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.pc-modal-input{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#374151;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.pc-modal-input:focus{border-color:#3b82f6}.pc-modal-cover-upload{align-items:center;border:2px dashed #e5e7eb;border-radius:10px;display:flex;justify-content:center;min-height:120px;overflow:hidden}.pc-modal-cover-label{align-items:center;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;font-size:13px;gap:8px;padding:28px 32px;text-align:center;transition:color .15s,background .15s;width:100%}.pc-modal-cover-label:hover{background:#f9fafb;color:#374151}.pc-modal-cover-icon{font-size:22px}.pc-modal-cover-preview{position:relative;width:100%}.pc-modal-cover-preview img{display:block;height:180px;object-fit:cover;width:100%}.pc-modal-cover-overlay{align-items:flex-end;background:#0000;display:flex;gap:8px;inset:0;justify-content:flex-end;opacity:0;padding:10px;position:absolute;transition:opacity .18s,background .18s}.pc-modal-cover-preview:hover .pc-modal-cover-overlay{background:#00000052;opacity:1}.pc-modal-cover-change,.pc-modal-cover-remove{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:background .15s}.pc-modal-cover-change{background:#ffffffeb;color:#1d4ed8}.pc-modal-cover-change:hover{background:#fff}.pc-modal-cover-remove{background:#dc2626e0;color:#fff}.pc-modal-cover-remove:hover{background:#b91c1c}.pc-modal-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px;margin:0 24px 4px;padding:10px 14px}.pc-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.pc-modal-form-group{margin-bottom:20px}.pc-modal-btn-cancel,.pc-modal-btn-save{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.pc-modal-btn-cancel{background:#fff;border:1px solid #d1d5db;color:#374151}.pc-modal-btn-cancel:hover:not(:disabled){background:#f3f4f6}.pc-modal-btn-cancel:disabled{cursor:not-allowed;opacity:.5}.pc-modal-btn-save{background:#3b82f6;color:#fff}.pc-modal-btn-save:hover:not(:disabled){background:#2563eb}.pc-modal-btn-save:disabled{cursor:not-allowed;opacity:.5}.pc-modal-field-error{color:#dc2626;font-size:13px;margin:8px 0 0}.pc-presentation-indicator{align-items:center;background:#1e293b;border-radius:10px;color:#e2e8f0;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:16px;padding:8px 16px}.pc-presentation-indicator span{opacity:.7}.pc-project-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.pc-project-card{background:#fff;border-radius:14px;box-shadow:0 2px 10px #0000000f;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s}.pc-project-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-3px)}.pc-project-cover{aspect-ratio:16/9;background:#f3f4f6;overflow:hidden;position:relative;width:100%}.pc-project-cover img{display:block;height:100%;object-fit:cover;width:100%}.pc-project-cover-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-size:48px;height:100%;justify-content:center;width:100%}.pc-project-status-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;font-size:12px;font-weight:600;padding:4px 10px;position:absolute;right:10px;top:10px}.pc-pstatus-active{background:#3b82f633}.pc-pstatus-active,.pc-pstatus-completed{color:#fff;text-shadow:0 1px 2px #0000004d}.pc-pstatus-completed{background:#10b98133}.pc-project-info{padding:14px 16px 16px}.pc-project-name{color:#1a1a1a;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 4px}.pc-project-product-count{color:#9ca3af;font-size:13px}@media (max-width:768px){.pc-page{padding:20px 16px}.pc-header{align-items:flex-start;flex-direction:column}.pc-header-right{width:100%}.pc-title{font-size:22px}.pc-control-bar{flex-wrap:wrap}.pc-search-wrap{width:100%}.pc-category-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.pc-product-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.pc-filter-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.pc-filter-panel{left:auto;right:0;width:260px}}.location-autocomplete-container{position:relative;width:100%}.location-input{border:2px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:16px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.location-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.location-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.autocomplete-dropdown{animation:slideDown .2s ease;background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.autocomplete-loading{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px;justify-content:center;padding:16px;text-align:center}.loading-spinner-small{animation:spin .8s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:16px;width:16px}.api-error-note{background-color:#fef3c7;border:1px solid #fbbf24;border-radius:6px;color:#92400e;font-size:13px;line-height:1.5;margin-top:8px;padding:12px}.api-error-note small{color:#78350f;font-size:11px}.api-error-message{color:#dc2626;font-size:13px;line-height:1.5;padding:16px;text-align:center}.api-error-message small{color:#6b7280;font-size:11px}.no-results{color:#6b7280;padding:16px}.input-hint{animation:fadeIn .3s ease;background-color:#f0f9ff;border:1px solid #bfdbfe;border-radius:6px;color:#1e40af;font-size:12px;margin-top:4px;padding:8px 12px}.suggestion-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .15s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item.active,.suggestion-item:hover{background-color:#f0f9ff}.suggestion-icon{flex-shrink:0;font-size:18px}.suggestion-text{flex:1 1;min-width:0}.suggestion-main{color:#1a1a1a;font-size:14px;font-weight:600;margin-bottom:2px}.suggestion-main,.suggestion-secondary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-secondary{color:#6b7280;font-size:12px}.suggestion-postal{background-color:#eff6ff;border-radius:4px;color:#3b82f6;display:inline-block;font-size:11px;font-weight:600;margin-top:4px;padding:2px 6px}.autocomplete-dropdown::-webkit-scrollbar{width:8px}.autocomplete-dropdown::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.autocomplete-dropdown::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.autocomplete-dropdown::-webkit-scrollbar-thumb:hover{background:#9ca3af}.team-management-container{background-color:#f5f7fa;min-height:100vh;padding:32px}.team-management-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px}.access-permissions-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4338ca);border:none;border-radius:12px;box-shadow:0 10px 20px #6366f140;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:transform .2s ease,box-shadow .2s ease}.access-permissions-btn:hover{box-shadow:0 14px 28px #4f46e559;transform:translateY(-2px)}.access-permissions-btn:active{box-shadow:0 6px 14px #4f46e540;transform:translateY(0)}.access-permissions-btn:focus{box-shadow:0 0 0 3px #6366f159;outline:none}.access-permissions-btn .access-icon{align-items:center;display:inline-flex;font-size:16px}.create-team-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 6px #3b82f633;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:14px 28px;transition:all .2s ease}.create-team-btn:hover{box-shadow:0 6px 12px #3b82f64d;transform:translateY(-2px)}.create-team-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.plus-icon{font-size:20px;font-weight:300}.team-stats-bar{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:20px;padding:24px;position:relative;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-4px)}.stat-card.active{border:3px solid #3b82f6;box-shadow:0 4px 12px #3b82f64d}.worker-stat-card{align-items:center;display:flex;justify-content:space-between}.view-all-workers-btn{background:#0000;border:2px solid #3b82f6;border-radius:8px;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.view-all-workers-btn:hover{background:#3b82f6;color:#fff;transform:translateY(-1px)}.view-all-workers-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.stat-icon{align-items:center;border-radius:12px;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.team-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.worker-icon{background:linear-gradient(135deg,#10b981,#059669)}.vehicle-icon{background:#f05d5e}.unassigned-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-content{flex:1 1}.stat-value{color:#1a1a1a;font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.stat-label{color:#6b7280;font-size:14px;font-weight:500}.team-management-content{grid-gap:24px;align-items:start;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 8px 360px;padding:24px}.resize-handle{align-items:center;border-radius:12px;cursor:col-resize;display:flex;height:100%;justify-content:center;margin:0 -2px;min-width:12px;position:relative;touch-action:none}.resize-handle .handle-grip{background:linear-gradient(180deg,#d1d5db,#9ca3af);border-radius:999px;height:44px;transition:background .2s ease,height .2s ease;width:3px}.resize-handle:hover .handle-grip,body.resizing .resize-handle .handle-grip{background:linear-gradient(180deg,#6366f1,#4338ca);height:52px}body.resizing,body.resizing *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.workers-table-view{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:24px}.workers-table-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.workers-table-header h2{color:#1a1a1a;font-size:24px;font-weight:700;margin:0}.section-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:0;margin-top:0;padding-top:0}.section-title{border:none!important;color:#1a1a1a!important;font-size:24px!important;font-weight:700!important;line-height:1.2!important;margin:0 0 20px!important;padding:0!important;text-decoration:none!important;vertical-align:top!important}.create-team-btn-small{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 4px #3b82f633;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;margin-top:0;padding:10px 20px;transition:all .2s ease}.create-team-btn-small:hover{box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.create-team-btn-small:disabled{cursor:not-allowed;opacity:.6;transform:none}.teams-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;min-height:400px;padding:24px}.teams-section .section-header,.teams-section .section-title{margin-top:0;padding-top:0}.teams-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:900px){.teams-grid{grid-template-columns:1fr}}.team-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;min-height:200px;padding:20px;position:relative;transition:all .2s ease}.team-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.team-card.drag-over{background:#eff6ff;border-color:#3b82f6;border-width:3px;box-shadow:0 0 0 4px #3b82f633,0 8px 16px #3b82f64d;transform:scale(1.02)}.team-card.drag-over:before{animation:pulse 1.5s ease-in-out infinite;background:#3b82f6e6;border-radius:8px;color:#fff;content:"Drop here";font-size:14px;font-weight:600;left:50%;padding:8px 16px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.team-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.team-name{color:#1a1a1a;margin:0}.delete-team-btn,.team-name{font-size:18px;font-weight:700}.delete-team-btn{align-items:center;background:#ef4444;border:2px solid #ef4444;border-radius:50%;box-shadow:0 2px 4px #ef444433;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:1;transition:all .2s ease;width:28px}.team-card:hover .delete-team-btn,.vehicle-card:hover .delete-team-btn{opacity:1}.delete-team-btn:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 4px 8px #ef44444d;color:#fff;transform:scale(1.15)}.delete-team-btn:active{background:#b91c1c;border-color:#b91c1c;transform:scale(1.05)}.team-members-count{color:#6b7280;font-size:12px;font-weight:500;margin-bottom:12px}.team-members-list{display:flex;flex-direction:column;gap:8px;min-height:60px}.empty-team-members{align-items:center;color:#9ca3af;display:flex;flex-direction:column;font-size:14px;gap:4px;justify-content:center;padding:20px;text-align:center}.hint-text{color:#d1d5db;font-size:12px}.team-member-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:move;display:flex;gap:12px;justify-content:space-between;padding:10px 12px;transition:all .2s ease}.team-member-item:hover{border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.team-member-item:active{cursor:grabbing}.team-member-main{grid-gap:12px;align-items:center;display:grid;flex:1 1;gap:12px;grid-template-columns:minmax(0,1fr) auto;min-width:0}.member-name{color:#1a1a1a;flex:1 1;font-size:14px;font-weight:500;line-height:1.4;overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;white-space:normal;word-break:break-word}.member-role-badges{align-items:center;display:inline-flex;flex-shrink:0;gap:6px}.remove-member-btn{align-items:center;background:#fee2e2;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:20px;justify-content:center;opacity:0;transition:all .2s ease;width:20px}.team-member-item:hover .remove-member-btn{opacity:1}.remove-member-btn:hover{background:#dc2626;color:#fff;transform:scale(1.1)}.workers-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;max-height:calc(100vh - 200px);overflow-y:auto;padding:24px;position:-webkit-sticky;position:sticky;top:20px}.workers-section .section-title{margin-top:0;padding-top:0}.workers-section.drag-over{background:#eff6ff;border:2px dashed #3b82f6;box-shadow:0 0 0 3px #3b82f640}.workers-list{display:flex;flex-direction:column;gap:12px}.worker-item{grid-column-gap:12px;grid-row-gap:8px;align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;column-gap:12px;cursor:move;display:grid;grid-template-columns:auto minmax(0,1fr) auto;padding:12px;row-gap:8px;transition:all .2s ease}.worker-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.worker-item .worker-avatar,.worker-item .worker-drag-hint{grid-row:span 2}.worker-item.dragging{opacity:.5}.worker-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.worker-info{display:flex;flex-direction:column;gap:6px;min-width:0}.worker-name{color:#1a1a1a;font-size:14px;font-weight:600}.worker-role-badges{align-items:center;display:inline-flex;flex-shrink:0;flex-wrap:wrap;gap:6px}.worker-drag-hint{color:#9ca3af;flex-shrink:0;font-size:16px;opacity:.5}.worker-item:hover .worker-drag-hint{opacity:1}.empty-state{color:#9ca3af;padding:60px 20px}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state p{font-weight:600;margin:0 0 8px}.empty-state span{color:#d1d5db;font-size:14px}.loading-overlay{align-items:center;background-color:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-spinner{border:5px solid #f3f4f6;height:50px;width:50px}.modal-overlay{background-color:#00000080}.modal-content{border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:900px}.modal-header{margin-bottom:16px;padding:20px 24px 16px}.modal-header h2{color:#1a1a1a;font-size:24px;font-weight:700;padding-bottom:16px}.close-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:28px;line-height:1;padding:4px;transition:background-color .2s ease}.close-btn:hover{background-color:#f3f4f6}.modal-body{overflow-y:auto;padding:0 24px 16px}.form-row{grid-template-columns:1fr 1fr;margin-bottom:16px}.form-group label{font-weight:600}.form-group input{border:2px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:16px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.role-selection{display:flex;gap:12px;margin-bottom:8px}.role-button{background:#fff;border:2px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#374151;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;min-width:0;padding:12px 20px;transition:all .2s ease}.role-button:hover{background-color:#f9fafb;border-color:#9ca3af}.role-button.active{border-width:2px;box-shadow:0 4px 6px #0000001a;font-weight:600;padding:12px 20px}.role-button.active.carpenter{background:#10b981;border-color:#10b981;color:#fff}.role-button.active.driver{background:#f05d5e;border-color:#f05d5e;color:#fff}.role-button.active.tiler{background:#fff3e8;border-color:#f4a261;color:#c96b1a}.form-hint{color:#6b7280;font-size:13px;margin-bottom:0;margin-top:4px}.modal-footer{align-items:center;flex-shrink:0;justify-content:space-between;margin-top:16px}.cancel-btn{background:#fff;border:2px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s ease}.cancel-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.save-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 6px #3b82f633;transition:all .2s ease}.save-btn:hover{box-shadow:0 6px 12px #3b82f64d;transform:translateY(-2px)}.save-btn:disabled{opacity:.6;transform:none}.delete-btn{background:#ef4444!important;border:2px solid #ef4444!important;box-shadow:0 4px 6px #ef444433;color:#fff!important;min-width:100px;transition:all .2s ease}.delete-btn:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 6px 12px #ef44444d;transform:translateY(-2px)}.delete-btn:active{background:#b91c1c;border-color:#b91c1c;transform:translateY(0)}.delete-btn:disabled{background:#ef4444;border-color:#ef4444;opacity:.6;transform:none}.vehicle-info-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:16px}.info-row{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:8px 0}.info-row:last-child{border-bottom:none}.info-label{color:#6b7280;font-size:14px;font-weight:600}.info-value{color:#1a1a1a;font-size:14px;font-weight:500}.fullscreen-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:0;position:fixed;right:0;top:0;z-index:1000}.fullscreen-modal-content{background:#fff;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100vw}.fullscreen-modal-header{align-items:center;background:#fff;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.fullscreen-header-left{align-items:center;display:flex;gap:20px}.fullscreen-modal-header h2{color:#1a1a1a;font-size:28px;font-weight:700;margin:0}.add-worker-in-table-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 6px #3b82f633;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.add-worker-in-table-btn:hover{box-shadow:0 6px 12px #3b82f64d;transform:translateY(-2px)}.add-worker-in-table-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.fullscreen-modal-body{background:#f5f7fa;flex:1 1;overflow-y:auto;padding:32px}.workers-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.workers-table{background:#fff;border-collapse:collapse;table-layout:fixed;width:100%}.workers-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.workers-table th{color:#374151;font-size:14px;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.workers-table th.sortable{cursor:pointer;padding-right:24px;position:relative;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.workers-table th.sortable:hover{background-color:#f3f4f6}.workers-table th .sort-indicator{color:#3b82f6;display:inline-block;font-weight:700;margin-left:4px;min-width:16px;position:absolute;right:8px;text-align:center}.workers-table td{border-bottom:1px solid #f3f4f6;color:#1a1a1a;font-size:14px;padding:12px 16px}.workers-table tbody tr:hover{background:#f9fafb}.workers-table tbody tr:last-child td{border-bottom:none}.table-roles{flex-wrap:nowrap;gap:8px}.role-badge,.table-roles{align-items:center;display:inline-flex}.role-badge{border-radius:12px;color:#fff;flex-direction:row;font-size:11px;font-weight:600;gap:6px;justify-content:center;line-height:1;padding:4px 10px;text-transform:capitalize;white-space:nowrap}.role-badge.icon-only{border-radius:13px;box-shadow:0 4px 10px #0f172a1f;gap:0;height:26px;padding:4px;position:relative;transition:transform .15s ease,box-shadow .15s ease;width:26px}.role-badge.icon-only:after{border-radius:8px;box-shadow:0 12px 24px #0f172a33;color:#f8fafc;content:attr(data-role-label);font-size:12px;font-weight:500;line-height:1.2;padding:6px 10px;transform:translate(-50%,calc(100% + 6px));white-space:nowrap}.role-badge.icon-only:after,.role-badge.icon-only:before{background:#0f172af5;left:50%;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s ease,transform .2s ease}.role-badge.icon-only:before{border-radius:2px;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);content:"";height:8px;transform:translate(-50%,calc(100% + 2px));width:8px}.role-badge.icon-only:hover{box-shadow:0 8px 18px #0f172a2e;transform:translateY(-2px)}.role-badge.icon-only:hover:after,.role-badge.icon-only:hover:before{opacity:1;transform:translate(-50%,calc(100% + 2px))}.role-badge-icon{align-items:center;display:inline-flex;font-size:18px;justify-content:center;line-height:1}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.role-badge-label{display:inline-block;line-height:1}.no-role-badge{color:#9ca3af;font-size:14px}.table-actions{gap:8px}.table-delete-btn,.table-edit-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.table-edit-btn{background:#dbeafe;color:#1e40af}.table-edit-btn:hover{background:#1e40af;color:#fff;transform:scale(1.1)}.table-delete-btn{background:#fee2e2;color:#dc2626;font-size:20px;font-weight:700}.table-delete-btn:hover{background:#dc2626;color:#fff;transform:scale(1.1)}.error-message{align-items:center;animation:slideDown .3s ease;background:#fee2e2;border:2px solid #ef4444;border-radius:8px;color:#991b1b;display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}.error-icon{flex-shrink:0;font-size:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.vehicles-view{padding:32px}.vehicles-header{flex-wrap:wrap;gap:16px;margin-bottom:24px}.vehicles-header h2{font-size:24px}.vehicles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.vehicle-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:20px;position:relative;transition:all .2s ease}.vehicle-card:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf626;transform:translateY(-2px)}.vehicle-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.vehicle-plate{color:#1a1a1a;font-size:20px;font-weight:700;letter-spacing:1px;margin:0}.vehicle-model{color:#6b7280;font-size:14px;font-style:italic;margin-bottom:16px}.vehicle-driver-section{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.vehicle-driver-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.vehicle-driver-dropdown{position:relative}.vehicle-driver-trigger{align-items:center;background:linear-gradient(135deg,#818cf82e,#6366f10d);border:2px solid #e0e7ff;border-radius:16px;box-shadow:inset 0 1px 0 #fff9;color:#1f2937;cursor:pointer;display:flex;font-weight:600;gap:12px;justify-content:flex-start;padding:12px 44px 12px 16px;position:relative;transition:all .2s ease;width:100%}.vehicle-driver-trigger:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='none' stroke='%235256CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='m2.5 4.5 3.5 3 3.5-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";height:12px;pointer-events:none;position:absolute;right:18px;width:12px}.vehicle-driver-trigger:hover{background:linear-gradient(135deg,#818cf84d,#6366f11f);border-color:#818cf8}.vehicle-driver-trigger:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f126;outline:none}.vehicle-driver-dropdown.open .vehicle-driver-trigger{background:linear-gradient(135deg,#6366f133,#818cf81f);border-color:#6366f1;box-shadow:0 0 0 4px #6366f11f}.vehicle-driver-trigger.has-selection{color:#312e81}.vehicle-driver-trigger-content{align-items:center;display:flex;gap:10px;text-align:left;width:100%}.driver-trigger-label{color:inherit;flex:1 1;font-weight:600;text-align:left}.driver-trigger-label.no-driver{color:#4b5563;font-weight:500}.driver-trigger-icon{align-items:center;background:#f05d5e;border-radius:10px;box-shadow:0 4px 8px #f05d5e59;color:#fff;display:inline-flex;font-size:16px;height:28px;justify-content:center;width:28px}.vehicle-driver-menu{background:#fff;border:1px solid #6366f11f;border-radius:18px;box-shadow:0 18px 45px #4f46e52e;left:0;padding:8px;position:absolute;top:calc(100% + 10px);width:100%;z-index:10}.vehicle-driver-option{align-items:center;background:#0000;border:none;border-radius:12px;color:#1f2937;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;justify-content:space-between;padding:12px 14px;transition:all .2s ease;width:100%}.vehicle-driver-option:hover{background:#6366f114;transform:translateX(4px)}.vehicle-driver-option.selected{background:linear-gradient(135deg,#818cf859,#6366f133);color:#312e81}.vehicle-driver-option.no-driver{color:#4b5563}.vehicle-driver-option.no-driver.selected{color:#312e81}.option-check{color:#4338ca;font-size:16px}.vehicle-driver-info{background:#ede9fe;border-radius:6px;display:inline-block;margin-top:12px;padding:8px 12px}.driver-badge-small{color:#6d28d9;font-size:13px;font-weight:600}@media (max-width:1024px){.team-management-content{grid-template-columns:1fr!important}.workers-section{max-height:none;position:static}.resize-handle{display:none}}@media (max-width:768px){.team-management-container{padding:16px}.team-management-header{align-items:stretch;flex-direction:column}.create-team-btn{justify-content:center;width:100%}.header-content h1{font-size:28px}.team-stats-bar,.teams-grid{grid-template-columns:1fr}.fullscreen-header-left{align-items:flex-start;flex-direction:column;gap:12px}.fullscreen-modal-header{padding:16px}.fullscreen-modal-header h2{font-size:20px}.fullscreen-modal-body{padding:16px}.workers-table{font-size:12px}.workers-table td,.workers-table th{padding:8px}.team-management-container{padding:16px}.team-management-header{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:20px}.header-content h1{font-size:24px}.header-subtitle{font-size:14px}.header-actions{margin-left:0;width:100%}.access-permissions-btn{font-size:13px;justify-content:center;padding:10px 16px;width:100%}.teams-section,.workers-section{margin-bottom:20px;padding:16px}.section-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:16px}.section-header .section-title{font-size:20px}.add-team-btn,.add-worker-btn{font-size:13px;padding:10px 16px;width:100%}.teams-grid{gap:12px;grid-template-columns:1fr}.team-card{padding:16px}.team-header{align-items:flex-start;flex-direction:column;gap:12px}.team-name{font-size:16px}.team-actions{justify-content:flex-start;width:100%}.workers-table{-webkit-overflow-scrolling:touch;display:block;font-size:12px;overflow-x:auto}.workers-table td,.workers-table th{padding:8px 6px;white-space:nowrap}.modal-overlay{padding:16px}.modal-content{max-height:90vh;max-width:100%;overflow-y:auto;padding:20px;width:95%}.modal-content h3{font-size:18px}.form-group{margin-bottom:16px}.form-group label{font-size:14px}.form-group input,.form-group select,.form-group textarea{font-size:14px;padding:10px}.modal-actions{flex-direction:column;gap:10px}.cancel-btn,.save-btn{padding:10px;width:100%}}@media (max-width:480px){.team-management-container{padding:12px}.header-content h1{font-size:20px}.section-header .section-title{font-size:18px}.team-card{padding:12px}.workers-table{font-size:11px}}.team-stats-bar{grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.team-stats-bar{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.team-stats-bar{grid-template-columns:1fr 1fr}}.team-stats-bar .stat-card{gap:14px;padding:18px 20px}.team-stats-bar .stat-icon{flex-shrink:0;font-size:24px;height:52px;position:relative;width:52px}.team-stats-bar .stat-value{font-size:26px}.office-icon{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.lock-badge{bottom:-4px;font-size:11px;line-height:1;position:absolute;right:-4px}.stat-card.tab-disabled{border:2px dashed #d1d5db!important;box-shadow:none;filter:grayscale(40%);opacity:.55;pointer-events:auto;transform:none!important}.stat-card.tab-disabled:hover{box-shadow:none;transform:none}.stat-card.tab-locked{cursor:default!important}.stat-card.tab-locked:hover{box-shadow:0 2px 8px #00000014;transform:none}.stat-card.active{border:3px solid #6366f1!important;box-shadow:0 4px 14px #6366f147!important;transform:translateY(-2px)}.tm-permission-msg{align-items:center;animation:tm-perm-fadein .2s ease;background:#fefce8;border:1px solid #fde047;border-radius:8px;color:#713f12;display:inline-flex;font-size:13px;gap:6px;margin-bottom:16px;padding:8px 14px}@keyframes tm-perm-fadein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tm-loading-screen{align-items:center;color:#6b7280;display:flex;flex-direction:column;font-size:15px;gap:14px;justify-content:center;padding:80px 0}.tm-worker-name-cell{align-items:center;color:#111827;display:flex;font-weight:600;gap:8px}.tm-worker-avatar-sm{align-items:center;background:linear-gradient(135deg,#6366f1,#4338ca);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:30px;justify-content:center;width:30px}.tm-team-badge{background:#ede9fe;border-radius:999px;color:#4f46e5;display:inline-block;font-size:12px;font-weight:600;padding:2px 10px;white-space:nowrap}.tm-muted{color:#9ca3af;font-weight:400}.tm-role-chip{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;color:#374151;display:inline-block;font-size:12px;font-weight:500;padding:3px 10px}.tm-link{color:#3b82f6;font-weight:500;text-decoration:none}.tm-link:hover{text-decoration:underline}.tm-edit-btn{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#2563eb;cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px;transition:background .15s}.tm-edit-btn:hover{background:#dbeafe}.tm-delete-btn{background:#fff5f5;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;font-size:12px;font-weight:600;padding:4px 10px;transition:background .15s}.tm-delete-btn:hover{background:#fee2e2}.vehicles-view{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:24px}.vehicles-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.vehicles-header h2{color:#1a1a1a;font-size:22px;font-weight:700;margin:0}.tm-vehicle-summary{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-wrap:wrap;font-size:14px;gap:20px;margin-bottom:18px;padding:10px 16px}.tm-vsummary-item{align-items:center;color:#374151;display:flex;gap:6px}.tm-vsummary-watch{color:#b45309}.tm-vsummary-urgent{color:#b91c1c}.vehicles-table-container{overflow-x:auto}.tm-vehicles-table{border-collapse:collapse;font-size:13px;width:100%}.tm-vehicles-table th{background:#f8fafc;border-bottom:2px solid #e5e7eb;color:#374151;font-size:12px;font-weight:600;padding:10px 14px;text-align:left;white-space:nowrap}.tm-vehicles-table td{border-bottom:1px solid #f3f4f6;color:#374151;padding:11px 14px;vertical-align:middle}.tm-vehicles-table tbody tr:hover{background:#fafbff}.tm-plate-cell strong{color:#111827;font-size:14px;font-weight:700;letter-spacing:.02em}.tm-muted-cell{color:#6b7280;font-size:13px}.tm-vtype-badge{background:#e0e7ff;border-radius:999px;color:#3730a3;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.tm-assigned-badge{align-items:center;color:#374151;display:flex;gap:4px;margin-bottom:2px}.tm-assigned-badge,.tm-vdate{font-size:12px;white-space:nowrap}.tm-vdate{font-weight:500}.tm-vdate.vstatus-good{color:#15803d}.tm-vdate.vstatus-watch{color:#b45309}.tm-vdate.vstatus-urgent{color:#b91c1c}.tm-vdate.vstatus-expired{color:#7f1d1d}.tm-vremaining{font-size:12px;font-weight:600;white-space:nowrap}.tm-vremaining.vstatus-good{color:#15803d}.tm-vremaining.vstatus-watch{color:#b45309}.tm-vremaining.vstatus-urgent{color:#b91c1c}.tm-vremaining.vstatus-expired{color:#7f1d1d}.tm-vstatus-chip{border-radius:999px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.02em;padding:3px 10px;white-space:nowrap}.tm-vstatus-chip.vstatus-good{background:#dcfce7;border:1px solid #bbf7d0;color:#15803d}.tm-vstatus-chip.vstatus-watch{background:#fef3c7;border:1px solid #fde68a;color:#b45309}.tm-vstatus-chip.vstatus-urgent{background:#fee2e2;border:1px solid #fca5a5;color:#b91c1c}.tm-vstatus-chip.vstatus-expired{background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280;text-decoration:line-through}.tm-vstatus-chip.vstatus-neutral{background:#f3f4f6;border:1px solid #e5e7eb;color:#9ca3af}.tm-vehicle-modal{max-width:620px!important}.tm-field-display{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;color:#374151;font-size:15px;line-height:1.4;min-height:44px;padding:11px 16px;word-break:break-word}.tm-modal-section{border-bottom:1px solid #f3f4f6;margin-bottom:18px;padding-bottom:18px}.tm-modal-section--last{border-bottom:none;margin-bottom:0;padding-bottom:0}.tm-modal-section-title{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.06em;margin-bottom:12px;text-transform:uppercase}.tm-optional{color:#9ca3af;font-size:11px;font-style:italic;font-weight:400}.tm-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1.5px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.tm-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.workers-table th.sorted{color:#3b82f6}.workers-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.workers-table{min-width:700px}.tm-accommodation-cell{color:#374151;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-icon-btn{align-items:center;border:1.5px solid;border-radius:8px;cursor:pointer;display:inline-flex;flex-shrink:0;height:34px;justify-content:center;padding:0;transition:background .15s,box-shadow .15s,transform .1s;width:34px}.tm-icon-btn:active{transform:scale(.94)}.tm-icon-btn--edit{background:#eff6ff;border-color:#93c5fd;color:#2563eb}.tm-icon-btn--edit:hover{background:#dbeafe;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.tm-icon-btn--delete{background:#fff5f5;border-color:#fca5a5;color:#dc2626}.tm-icon-btn--delete:hover{background:#fee2e2;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.tm-table-actions{align-items:center;display:flex;gap:6px}.tm-vsummary-lastupdated{color:#9ca3af;font-size:12px;margin-left:auto;white-space:nowrap}.daily-transport-container{background-color:#f5f7fa;min-height:100vh;padding:32px 32px 200px}.available-members-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-top:16px;padding:16px}.available-members-title{color:#1a1a1a;font-size:15px;font-weight:600;margin:0 0 10px}.available-members-list{display:flex;flex-wrap:wrap;gap:5px}.available-member-item{align-items:center;background:#f9fafb;border:1px solid #d1d5db;border-radius:5px;color:#1a1a1a;cursor:move;display:inline-flex;font-size:12px;font-weight:600;gap:3px;padding:3px 8px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.available-member-item:hover{background:#f3f4f6;border-color:#9ca3af;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.available-member-item:active{background:#3b82f6!important;border-color:#3b82f6!important;box-shadow:0 4px 12px #3b82f666;color:#fff!important;cursor:grabbing;opacity:.9;transform:scale(1.05) translateY(-2px);z-index:1000}.available-members-section.drag-over{background:#eff6ff;border:2px dashed #3b82f6}.no-available-members{color:#6b7280;font-size:14px;font-style:italic}.daily-transport-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px}.header-content h1{color:#1a1a1a;font-size:36px;font-weight:700;letter-spacing:-.025em;margin:0 0 8px}.header-subtitle{color:#6b7280;font-size:16px;margin:0}.header-actions{align-items:center;display:flex;gap:12px;margin-left:auto}.date-input-group{align-items:center;display:flex;gap:8px}.date-nav-btn{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:20px;font-weight:600;justify-content:center;line-height:1;min-width:44px;padding:10px 14px;transition:all .2s ease}.date-nav-btn:hover{background:#f3f4f6;border-color:#9ca3af;box-shadow:0 2px 4px #0000001a;color:#3b82f6;transform:translateY(-1px)}.date-nav-btn:active{transform:translateY(0)}.date-selector{align-items:center;display:flex;position:relative}.date-display-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 6px #3b82f633;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:12px;justify-content:space-between;min-width:200px;padding:10px 16px;transition:all .2s ease}.date-display-btn:hover{box-shadow:0 6px 12px #3b82f64d;transform:translateY(-2px)}.date-text{flex:1 1;text-align:left}.dropdown-icon{color:#fff;font-size:12px;opacity:.9}.date-picker-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #0000001f;left:0;min-width:300px;padding:16px;position:absolute;right:0;top:calc(100% + 8px);z-index:10001}.date-picker-row{display:flex;gap:12px}.date-picker-column{display:flex;flex:1 1;flex-direction:column;gap:8px}.date-picker-column label{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.day-select,.month-select,.year-select{background:#fff;border:2px solid #d1d5db;border-radius:8px;color:#1a1a1a;cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;transition:all .2s ease}.day-select:hover,.month-select:hover,.year-select:hover{background:#f9fafb;border-color:#9ca3af}.day-select:focus,.month-select:focus,.year-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.today-btn-slot{align-items:center;display:flex;justify-content:flex-end;width:80px}.today-btn{background:#fff;border:2px solid #3b82f6;border-radius:8px;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.today-btn:hover{background:#3b82f6;box-shadow:0 2px 4px #3b82f633;color:#fff;transform:translateY(-1px)}.export-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.export-btn:disabled{cursor:not-allowed;opacity:.5}.export-image-btn{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 6px #4f46e533;color:#fff}.export-image-btn:hover:not(:disabled){box-shadow:0 6px 12px #4f46e54d;transform:translateY(-2px)}.share-whatsapp-btn{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 4px 6px #25d36640;color:#fff}.share-whatsapp-btn:hover:not(:disabled){box-shadow:0 6px 12px #25d36659;transform:translateY(-2px)}.wa-fallback-bar{align-items:center;background:#e7f9ee;border:1.5px solid #25d366;border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px;padding:10px 16px}.wa-fallback-msg{color:#065f46;flex:1 1 auto;font-size:13px;font-weight:500}.wa-fallback-link{background:#25d366;border-radius:7px;color:#fff;display:inline-block;font-size:13px;font-weight:600;padding:7px 14px;text-decoration:none;transition:background .15s ease;white-space:nowrap}.wa-fallback-link:hover{background:#128c7e}.wa-fallback-dismiss{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;flex-shrink:0;font-size:14px;line-height:1;padding:2px 6px}.wa-fallback-dismiss:hover{background:#0000000f;color:#1a1a1a}.export-pdf-btn{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 6px #f59e0b33;color:#fff}.export-pdf-btn:hover:not(:disabled){box-shadow:0 6px 12px #f59e0b4d;transform:translateY(-2px)}.schedule-builder{background:#fff;border-radius:0 0 16px 16px;box-shadow:0 4px 12px #00000014;margin-bottom:32px;padding:24px}.dt-table-outer{margin-top:16px;overflow:visible;position:relative}.dt-sticky-headers{background:#fff;overflow:visible;position:-webkit-sticky;position:sticky;z-index:30}.dt-header-scroll{overflow:hidden}.dt-body-scroll{overflow-x:auto;overflow-y:visible;transition:opacity .15s ease}.dt-body-scroll.dt-loading{opacity:.45;pointer-events:none}.schedule-table.dt-header-table{background:#f5f7fa;border-collapse:collapse;margin-top:0;width:auto}.schedule-table.dt-header-table th{background:#d4dfcf;border:1px solid #9ca3af;box-sizing:border-box;color:#374151;font-size:12px;font-weight:700;padding:5px 8px;position:relative;text-align:center;white-space:nowrap}.schedule-table.dt-header-table th.driver-header{background:#fef3c7!important}.schedule-table.dt-header-table th.notes-header{background:#e0f0db}.schedule-table.dt-header-table th.actions-header{background:#f2f4f7!important;padding:7px 4px}.schedule-builder{overflow:visible;position:relative}.daily-transport-container{overflow:visible}.schedule-table.editable{background:#f5f7fa;border-collapse:collapse;margin-top:0;width:auto}.schedule-table.editable th.actions-header{background:#f2f4f7!important;max-width:52px;min-width:52px;padding:7px 4px;text-align:center;width:52px}.schedule-table.editable th.driver-header{background:#fef3c7!important;text-align:center}.schedule-table.editable td{word-wrap:break-word;background:#fff;border:1px solid #9ca3af;box-sizing:border-box;color:#1a1a1a;font-size:12px;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;padding:5px 8px;vertical-align:middle;word-break:break-word}.schedule-table.editable tbody tr{background:#fff;transition:all .2s ease}.schedule-table.editable tbody tr:nth-child(2n){background:#fff}.schedule-table.editable tbody tr.drag-over-row{background:#dbeafe;border:2px dashed #3b82f6;border-radius:8px;box-shadow:0 4px 12px #3b82f633;transform:scale(1.02)}.schedule-table.editable tbody tr[draggable=true]:hover{cursor:move}.schedule-table.editable tbody tr[draggable=true]:active{cursor:grabbing}.schedule-table.editable .location-cell{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.column-resize-handle{background:#0000;bottom:0;cursor:col-resize;position:absolute;right:-4px;top:0;transition:background .2s ease;-webkit-user-select:none;user-select:none;width:8px;z-index:10}.column-resize-handle:hover{background:#3b82f64d}.column-resize-handle:active{background:#3b82f680}.location-projects-list{align-items:stretch;display:flex;flex-direction:column;gap:3px}.project-item-wrapper{align-items:center;display:flex;gap:4px;position:relative;width:100%}.project-item-wrapper .custom-dropdown{flex:1 1}.location-projects-list>.custom-dropdown{align-self:center;display:inline-flex;justify-content:center;width:auto!important}.location-projects-list>.custom-dropdown .custom-dropdown-trigger{width:auto!important}.location-projects-list>.custom-dropdown .custom-dropdown-menu{max-height:400px;min-width:220px}.remove-project-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:20px;justify-content:center;line-height:1;margin:0;opacity:0;padding:0;transition:all .2s ease;visibility:hidden;width:20px}.project-item-wrapper:hover .remove-project-btn{opacity:1;visibility:visible}.remove-project-btn:hover{background:#dc2626;transform:scale(1.1)}.add-more-btn{align-items:center!important;background:#0000!important;border:1px solid #d1d5db!important;border-radius:50%!important;box-shadow:none!important;color:#9ca3af!important;display:flex!important;font-size:20px!important;height:32px!important;justify-content:center!important;line-height:1!important;max-width:32px!important;min-width:32px!important;padding:0!important;position:relative!important;width:32px!important}.add-more-btn:after{display:none!important}.add-more-btn span{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.add-more-btn:hover{background:#f9fafb!important;border-color:#9ca3af!important;box-shadow:none!important;color:#6b7280!important;transform:scale(1.05)}.add-more-btn:active{transform:scale(.95)}.schedule-table.editable .personnel-cell{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.team-option{font-weight:600!important}.team-divider{background:#e5e7eb;height:1px;margin:8px 0}.team-divider-inline{background:#e5e7eb;height:1px;margin:12px 0 8px;width:100%}.team-member-option{padding:8px 14px 8px 28px}.team-member-name-dropdown{align-items:center;color:#1f2937;display:inline-flex;font-size:12px;font-weight:500;gap:4px}.no-members{color:#9ca3af;font-size:13px;font-style:italic}.schedule-table.editable .lorry-cell{text-align:center}.schedule-table.editable .driver-factory-cell,.schedule-table.editable .driver-lunch-cell,.schedule-table.editable .driver-site-cell{background:#0000!important;color:#1a1a1a;font-weight:600;position:relative;text-align:center}.schedule-table.editable .actions-header{max-width:52px;min-width:52px;padding:11px 4px;text-align:center;width:52px}.schedule-table.editable .row-actions-cell{max-width:52px;min-width:52px;padding:4px;text-align:center;vertical-align:middle;width:52px}.schedule-table.editable .row-actions-cell .remove-row-btn{margin:0 auto}.notes-header{background:#e0f2fe!important;font-weight:600;padding:7px 10px;text-align:left}.notes-toggle-header{background:#fef3c7!important;max-width:50px;min-width:50px;padding:8px 4px;text-align:center;vertical-align:middle;width:50px}.notes-toggle-btn{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:36px;justify-content:center;padding:6px 8px;transition:all .2s ease;width:40px}.notes-toggle-btn:hover{transform:scale(1.05)}.notes-toggle-btn.expanded,.notes-toggle-btn:hover{background:#fee2e2;border-color:#ef4444;color:#991b1b}.add-notes-btn{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;justify-content:center;padding:8px 14px;transition:all .2s ease}.add-notes-btn:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.add-notes-btn:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.add-notes-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.add-notes-btn.active:hover{background:#2563eb;border-color:#2563eb}.add-notes-btn.has-notes:after{background:#f59e0b;border-radius:50%;content:"";display:inline-block;flex-shrink:0;height:7px;margin-left:5px;vertical-align:middle;width:7px}.notes-cell{padding:5px 6px;vertical-align:top}.notes-input{border:2px solid #d1d5db;border-radius:8px;box-sizing:border-box;display:block;font-family:inherit;font-size:12px;margin:0;max-height:160px;min-height:60px;padding:6px 8px;resize:none;transition:border-color .2s ease;width:100%}.notes-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.notes-input::placeholder{color:#9ca3af;font-style:italic}.notes-toggle-cell{background:#0000;max-width:50px;min-width:50px;padding:8px 4px;width:50px}.remove-row-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;line-height:1;opacity:.7;padding:0;transition:all .2s ease;width:28px}.remove-row-btn:hover{background:#dc2626;opacity:1;transform:scale(1.1)}.remove-row-btn:active{transform:scale(.95)}.driver-cell-trigger{align-items:center!important;border:1.5px solid #e0e7ff!important;border-radius:8px!important;box-shadow:inset 0 1px 0 #fff9!important;color:#1a1a1a!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;font-size:12px!important;font-weight:600!important;gap:6px!important;justify-content:flex-start!important;min-height:28px!important;padding:4px 28px 4px 10px!important;position:relative!important;text-align:left!important;transition:all .2s ease!important;width:100%!important}.driver-cell-trigger.no-driver{background:linear-gradient(135deg,#818cf82e,#6366f10d)!important}.driver-cell-trigger>span{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:6px;justify-content:flex-start;min-width:0;padding-right:8px;word-break:break-word}.driver-cell-trigger>span>span{word-break:break-word}.driver-cell-trigger:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%235256CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='m2.5 4.5 3.5 3 3.5-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";flex-shrink:0;height:10px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:10px}.driver-cell-trigger .dropdown-icon{display:none}.schedule-table.editable .actions-cell{min-width:120px;text-align:center}.teams-list-vertical{align-items:stretch;display:flex;flex-direction:column;gap:5px}.teams-list-vertical>.custom-dropdown{align-self:center;display:inline-flex;justify-content:center;width:auto!important}.teams-list-vertical>.custom-dropdown .custom-dropdown-trigger{width:auto!important}.team-group-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;gap:4px;padding:4px 6px;transition:all .2s ease}.team-group-container.drag-over-team{background:#eff6ff;border:2px dashed #3b82f6;border-radius:8px}.team-group-container+.team-group-container{border-radius:0 0 6px 6px;border-top:1.5px solid #d1d5db;margin-top:3px;padding-top:5px}.team-header-row{align-items:center;display:flex;gap:6px}.team-header-row .custom-dropdown{flex:1 1;min-width:0}.team-pill{background:#fff!important;border:2px solid #d1d5db!important;font-weight:600!important;gap:4px!important;justify-content:space-between!important;padding-left:12px!important;padding-right:22px!important}.team-pill>span{flex:1 1!important;min-width:0!important;overflow:hidden!important;text-align:left!important;text-overflow:ellipsis!important;white-space:nowrap!important}.team-pill:after{flex-shrink:0!important;position:absolute!important;right:8px!important}.custom-team-pill{background:linear-gradient(135deg,#fef3c7,#fde68a)!important;border-color:#f59e0b!important}.custom-team-pill:hover{background:linear-gradient(135deg,#fde68a,#fcd34d)!important;border-color:#d97706!important}.personnel-cell.drag-over-empty-cell{animation:pulse-border 1.5s ease-in-out infinite;background:linear-gradient(135deg,#3b82f61a,#6366f10d)!important;border:2px dashed #3b82f6!important;border-radius:8px}.personnel-cell.drag-over-empty-cell:before{color:#3b82f6;content:"Drop to create Custom Team";font-size:12px;font-weight:600;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}@keyframes pulse-border{0%,to{border-color:#3b82f6}50%{border-color:#60a5fa}}.custom-dropdown.drag-over-add-btn .custom-dropdown-trigger{background:linear-gradient(135deg,#fef3c7,#fde68a)!important;border-color:#f59e0b!important;box-shadow:0 0 0 3px #f59e0b33!important;transform:scale(1.05)}.custom-dropdown.drag-over-add-btn .add-more-btn{background:linear-gradient(135deg,#fef3c7,#fde68a)!important;border-color:#f59e0b!important;color:#92400e!important;font-weight:700!important}.collapse-team-btn{background:#fff;border:1.5px solid #d1d5db;border-radius:5px;color:#6b7280;cursor:pointer;font-size:11px;font-weight:600;min-width:50px;padding:3px 8px;text-align:center;transition:all .2s ease}.collapse-team-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#3b82f6;transform:scale(1.05)}.team-members-display-table{border-left:2px solid #e5e7eb;display:flex;flex-direction:column;gap:2px;margin-left:6px;padding-left:8px}.team-member-name-table{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:5px;box-sizing:border-box;color:#1a1a1a;display:inline-flex;font-size:12px;font-weight:600;gap:3px;line-height:1.4;outline:none;padding:2px 6px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none;z-index:1}.team-member-name-table:focus{outline:none}.team-member-name-table:active{background:#3b82f6!important;border-color:#3b82f6!important;box-shadow:0 4px 12px #3b82f666;color:#fff!important;cursor:grabbing;opacity:.9;transform:scale(1.05) translateY(-2px);z-index:1000}.team-member-with-remove{align-items:center!important;display:inline-flex!important;padding-right:22px!important;position:relative!important;width:auto}.team-member-with-remove .member-name-content{align-items:center;display:inline-flex;gap:4px}.team-member-with-remove .remove-member-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:18px;justify-content:center;line-height:1;margin:0;opacity:0;padding:0;position:absolute;right:4px;top:50%;transform:translateY(-50%);transition:all .2s ease;visibility:hidden;width:18px;z-index:10}.team-member-with-remove:hover .remove-member-btn{opacity:1!important;visibility:visible!important}.team-member-with-remove .remove-member-btn:hover{background:#dc2626;transform:translateY(-50%) scale(1.15)}.team-member-with-remove .remove-member-btn:active{transform:translateY(-50%) scale(.9)}.team-member-name-table.drag-over-member{background:#dbeafe!important;border-color:#3b82f6!important;box-shadow:0 2px 8px #3b82f64d;transform:scale(1.05);transition:all .2s ease}.draggable-worker{cursor:move;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none;z-index:1}.draggable-worker:hover{background:#f3f4f6;border-color:#9ca3af;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px);z-index:2}.draggable-worker:active{background:#3b82f6!important;border-color:#3b82f6!important;box-shadow:0 4px 12px #3b82f666;color:#fff!important;cursor:grabbing;opacity:.9;transform:scale(1.05);z-index:1000}.personnel-cell.drag-over{background:#eff6ff;border:2px dashed #3b82f6;border-radius:8px;position:relative}.personnel-cell.drag-over:before{animation:pulse 1.5s ease-in-out infinite;background:#3b82f6e6;border-radius:8px;color:#fff;content:"Drop here";font-size:14px;font-weight:600;left:50%;padding:8px 16px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}@keyframes pulse{0%,to{opacity:.9;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}.no-members-text{color:#9ca3af;font-size:13px;font-style:italic;padding:4px 0}.table-row-actions{gap:8px;justify-content:center}.entry-color-selector-table,.table-row-actions{align-items:center;display:flex}.entry-color-selector-table .color-options{display:flex;flex-wrap:wrap;gap:4px}.entry-color-selector-table .color-option{border:2px solid #0000;border-radius:4px;box-shadow:0 1px 2px #0000001a;cursor:pointer;height:20px;padding:0;transition:all .2s ease;width:20px}.entry-color-selector-table .color-option:hover{transform:scale(1.1)}.entry-color-selector-table .color-option.selected{border-color:#1a1a1a;box-shadow:0 0 0 2px #fff,0 0 0 3px #1a1a1a}.remove-entry-btn-table{align-items:center;background:#fee2e2;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:24px;justify-content:center;transition:all .2s ease;width:24px}.remove-entry-btn-table:hover{background:#dc2626;color:#fff;transform:scale(1.1)}.builder-header{align-items:center;background:#fff;border-bottom:2px solid #e5e7eb;border-radius:16px 16px 0 0;box-shadow:0 2px 8px #00000012;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:0;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:40}.builder-header h2{color:#1a1a1a;font-size:24px;font-weight:700;margin:0}.builder-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.copy-previous-btn{background:linear-gradient(135deg,#a855f7,#9333ea);border:none;border-radius:8px;box-shadow:0 2px 4px #a855f733;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.copy-previous-btn:hover{box-shadow:0 4px 8px #a855f74d;transform:translateY(-2px)}.add-entry-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 4px #3b82f633;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.add-entry-btn:hover{box-shadow:0 4px 8px #3b82f64d;transform:translateY(-2px)}.dt-save-controls{align-items:center;display:flex;margin-left:4px}.dt-btn-save{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:7px;height:40px;padding:0 20px;transition:background .2s,color .2s,border-color .2s,transform .1s,box-shadow .2s;white-space:nowrap}.dt-btn-save:disabled{cursor:not-allowed;transform:none}.dt-btn-save--idle{background:#f3f4f6;border-color:#e5e7eb;color:#9ca3af;opacity:1}.dt-btn-save--unsaved{background:#16a34a;border-color:#0000;box-shadow:0 2px 10px #16a34a59;color:#fff}.dt-btn-save--unsaved:hover:not(:disabled){background:#15803d;box-shadow:0 4px 14px #15803d66}.dt-btn-save--unsaved:active:not(:disabled){transform:scale(.97)}.dt-btn-save--saving{background:#f3f4f6;border-color:#e5e7eb;color:#6b7280}.dt-btn-save--saved{background:#f0fdf4;border-color:#86efac;color:#16a34a}.dt-btn-save-spinner{animation:dt-spin .65s linear infinite;border:2px solid #6b72804d;border-radius:50%;border-top-color:#6b7280;flex-shrink:0;height:13px;width:13px}.empty-builder{color:#6b7280;padding:40px 20px;text-align:center}.empty-builder p{font-size:16px;margin:0}.entries-list{display:flex;flex-direction:column;gap:16px}.schedule-entry-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;min-height:200px;padding:20px;position:relative;transition:all .2s ease}.schedule-entry-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.entry-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.entry-color-selector{align-items:center;display:flex;gap:8px}.color-selector-label{color:#6b7280;font-size:13px;font-weight:600}.color-options{align-items:center;display:flex;gap:6px}.color-option{border:2px solid #0000;border-radius:6px;box-shadow:0 1px 3px #0000001a;cursor:pointer;height:24px;padding:0;transition:all .2s ease;width:24px}.color-option:hover{box-shadow:0 2px 6px #00000026;transform:scale(1.1)}.color-option.selected{border-color:#1a1a1a;box-shadow:0 0 0 2px #fff,0 0 0 4px #1a1a1a;transform:scale(1.1)}.entry-number{color:#6b7280;font-size:14px;font-weight:600}.remove-entry-btn{align-items:center;background:#fee2e2;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:24px;justify-content:center;opacity:0;transition:all .2s ease;width:24px}.schedule-entry-card:hover .remove-entry-btn{opacity:1}.remove-entry-btn:hover{background:#dc2626;color:#fff;transform:scale(1.1)}.entry-fields{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.field-group{display:flex;flex-direction:column;gap:6px}.field-group label{color:#374151;font-size:13px;font-weight:600}.custom-dropdown{position:relative;width:100%;z-index:1}.custom-dropdown.open{z-index:1001}.custom-dropdown-trigger{align-items:center;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;justify-content:flex-start;padding:5px 22px 5px 10px;position:relative;text-align:left;transition:all .15s ease;width:100%}.custom-dropdown-trigger>span{flex:1 1;min-width:0}.custom-dropdown-trigger:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='m2.5 4.5 3.5 3 3.5-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";flex-shrink:0;height:10px;pointer-events:none;position:absolute;right:8px;width:10px}.custom-dropdown-trigger:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 1px 4px #00000014}.custom-dropdown.open .custom-dropdown-trigger{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.custom-dropdown-trigger.has-selection{color:#1f2937;font-weight:600}.custom-dropdown-trigger:disabled{background:linear-gradient(135deg,#f3f4f680,#e5e7eb4d);border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.6}.custom-dropdown-menu{background:#fff;border:1px solid #6366f11f;border-radius:18px;box-shadow:0 18px 45px #4f46e52e;max-height:300px;min-width:200px;overflow-y:auto;padding:8px;position:fixed;z-index:10000}.custom-dropdown-menu--searchable{display:flex;flex-direction:column;max-height:360px;min-width:240px;overflow:hidden;padding:0}.custom-dropdown-search-wrap{background:#fff;border-bottom:1px solid #f3f4f6;border-top-left-radius:18px;border-top-right-radius:18px;flex-shrink:0;padding:8px 10px}.custom-dropdown-search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-family:inherit;padding:8px 12px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.custom-dropdown-search::placeholder{color:#9ca3af}.custom-dropdown-search:focus{background:#fff;box-shadow:0 0 0 3px #3b82f61a}.custom-dropdown-menu--searchable .custom-dropdown-options{flex:1 1 auto;overflow-y:auto;padding:6px 8px 8px}.team-members-dropdown{max-height:none!important;overflow-x:visible!important;overflow-y:visible!important}.driver-dropdown-menu{min-width:250px}.driver-dropdown-options{flex:1 1 auto;overflow-y:auto;padding:4px 0 6px}.driver-dropdown-header{align-items:center;border-bottom:1px solid #e5e7eb;color:#6b7280;display:flex;font-size:13px;font-weight:600;justify-content:flex-start;margin-bottom:4px;padding:8px 12px}.driver-color-picker-inline{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:8px;padding:8px 12px}.color-picker-label{color:#6b7280;font-size:12px;font-weight:500;white-space:nowrap}.color-picker-options-inline{display:flex;flex-wrap:wrap;gap:6px}.color-option-inline{border:2px solid #0000;border-radius:4px;box-shadow:0 1px 2px #0000001a;cursor:pointer;height:20px;padding:0;transition:all .2s ease;width:20px}.color-option-inline:hover{box-shadow:0 2px 4px #00000026;transform:scale(1.15)}.color-option-inline.selected{border-color:#1a1a1a;box-shadow:0 0 0 2px #fff,0 0 0 4px #1a1a1a;transform:scale(1.15)}.driver-option-wrapper{min-height:34px;position:relative;width:100%}.color-picker-container{z-index:10}.color-picker-container,.color-picker-trigger{flex-shrink:0;pointer-events:auto;position:relative}.color-picker-trigger{border:2px solid #d1d5db;border-radius:6px;box-shadow:0 1px 3px #0000001a;cursor:pointer;height:24px;padding:0;transform:translateZ(0);transition:transform .15s ease,border-color .15s ease;width:24px;will-change:transform;z-index:11}.color-picker-trigger:hover{border-color:#6366f1;transform:scale(1.1)}.color-picker-menu{grid-gap:6px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 16px #0000001f;box-sizing:border-box;display:grid;gap:6px;grid-template-columns:repeat(6,1fr);margin:4px 8px 6px;padding:8px;pointer-events:auto;position:relative;width:190px;z-index:1}.color-picker-menu .color-option{border:2px solid #0000;border-radius:6px;box-shadow:0 1px 3px #0000001a;cursor:pointer;height:24px;opacity:1!important;padding:0;pointer-events:auto;position:relative;transform:translateZ(0);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;width:24px;will-change:transform;z-index:10001}.color-picker-menu .color-option.white-color{border:1px solid #d1d5db}.color-picker-menu .color-option:hover{box-shadow:0 2px 6px #00000026;transform:scale(1.1)}.color-picker-menu .color-option.selected{border-color:#1a1a1a;box-shadow:0 0 0 2px #fff,0 0 0 4px #1a1a1a;transform:scale(1.1)}.color-picker-menu .color-option.color-in-use{opacity:.95}.color-picker-menu .color-option.color-in-use:hover{box-shadow:0 2px 8px #0003;opacity:1}.custom-dropdown-option{align-items:center;background:#0000;border:none;border-radius:8px;color:#1f2937;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:space-between;padding:7px 10px;position:relative;text-align:left;transition:all .2s ease;width:100%;z-index:1}.custom-dropdown-option:hover:not(.hidden){background:#6366f114;transform:translateX(4px)}.custom-dropdown-option.hidden{pointer-events:none;visibility:hidden}.custom-dropdown-option.selected{background:linear-gradient(135deg,#818cf859,#6366f133);color:#312e81}.custom-dropdown-option.placeholder{color:#4b5563}.custom-dropdown-option.placeholder.selected{color:#312e81}.custom-dropdown-check{color:#4338ca;font-size:16px}.custom-dropdown-group-header{background:#f9fafb;border-bottom:1px solid #f0f0f0;color:#6b7280;font-size:10px;font-weight:700;letter-spacing:.06em;padding:6px 12px 4px;pointer-events:none;text-transform:uppercase;-webkit-user-select:none;user-select:none}.custom-dropdown-group-header--old{border-top:1px solid #f0f0f0;color:#9ca3af;margin-top:2px}.field-select{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#818cf82e,#6366f10d);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='none' stroke='%235256CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='m2.5 4.5 3.5 3 3.5-3'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:2px solid #e0e7ff;border-radius:16px;box-shadow:inset 0 1px 0 #fff9;color:#1f2937;cursor:pointer;font-size:14px;font-weight:600;padding:12px 44px 12px 16px;position:relative;transition:all .2s ease;width:100%}.team-members-display{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;min-height:40px;padding:8px;transition:all .2s ease}.team-members-display.drag-over{background:#eff6ff;border-color:#3b82f6;border-width:2px}.team-member-name{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:16px;color:#1a1a1a;display:inline-flex;font-size:13px;gap:4px;padding:4px 10px}.team-member-name.draggable-worker{cursor:move;transition:all .2s ease}.team-member-name.draggable-worker:hover{border-color:#3b82f6;box-shadow:0 2px 4px #3b82f633;transform:translateY(-1px)}.team-member-name.draggable-worker:active{background:#3b82f6!important;border-color:#3b82f6!important;box-shadow:0 4px 12px #3b82f666;color:#fff!important;cursor:grabbing;opacity:.9;transform:scale(1.05) translateY(-2px);z-index:1000}.carpenter-indicator,.driver-indicator{font-size:12px;margin-left:2px}.export-preview{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:32px}.preview-header{border-bottom:3px solid #1a1a1a;margin-bottom:24px;padding-bottom:16px;text-align:center}.preview-header h2{color:#1a1a1a;font-size:30px;font-weight:700;margin:0}.schedule-table{border-collapse:collapse;margin-top:20px;width:100%}.driver-sub-th,.schedule-table th.driver-header{background:#fef3c7!important;text-align:center}.driver-sub-th{border:1px solid #9ca3af;color:#374151;font-size:12px;font-weight:700;white-space:nowrap}.schedule-table td{background:#fff;border:1px solid #000;color:#1a1a1a;font-size:20px;font-weight:700;padding:12px 16px}.schedule-table tbody tr{background:#fff}.schedule-table .driver-factory-cell,.schedule-table .driver-lunch-cell,.schedule-table .driver-site-cell{background:#fff!important;text-align:center}.driver-name-badge{border-radius:4px;color:#1a1a1a;display:block;font-size:12px;font-weight:700;padding:4px 8px;text-align:center}.schedule-table tbody tr:nth-child(2n){background:#f9fafb}.location-cell{font-weight:500}.personnel-cell{position:relative}.lorry-cell{font-weight:600;text-align:center}.lorry-cell-content{align-items:center;display:flex;flex-direction:column;gap:8px;width:100%}.lorry-pill{align-items:center;background:#f0fdf4;background:var(--pill-bg,#f0fdf4);border:1.5px solid #22c55e;border:1.5px solid var(--pill-color,#22c55e);border-radius:12px;color:#15803d;color:var(--pill-text,#15803d);cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 7px 3px 6px;transition:opacity .15s ease,box-shadow .15s ease,transform .1s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.lorry-pill:hover{box-shadow:0 2px 6px #0000001f;opacity:.88;transform:translateY(-1px)}.lorry-pill:active{transform:translateY(0)}.lorry-pill-segs{align-items:center;display:inline-flex;gap:2px}.lorry-pill-seg{border:1.5px solid #22c55e;border:1.5px solid var(--pill-color,#22c55e);border-radius:2px;height:9px;transition:background .2s ease;width:9px}.lorry-pill-seg--filled{background:#22c55e;background:var(--pill-color,#22c55e)}.lorry-pill-seg--empty{background:#0000}.lorry-pill-label{line-height:1}.lorry-pill.capacity-empty{--pill-color:#22c55e;--pill-bg:#f0fdf4;--pill-text:#15803d}.lorry-pill.capacity-quarter{--pill-color:#3b82f6;--pill-bg:#eff6ff;--pill-text:#1d4ed8}.lorry-pill.capacity-half{--pill-color:#f59e0b;--pill-bg:#fffbeb;--pill-text:#b45309}.lorry-pill.capacity-threequarters{--pill-color:#f97316;--pill-bg:#fff7ed;--pill-text:#c2410c}.lorry-pill.capacity-full{--pill-color:#ef4444;--pill-bg:#fef2f2;--pill-text:#b91c1c}.driver-factory-cell,.driver-lunch-cell,.driver-site-cell{color:#1a1a1a;font-weight:600;text-align:center}@media (max-width:768px){.daily-transport-container{padding-left:16px;padding-right:16px;padding-top:16px}.daily-transport-header{align-items:flex-start;flex-direction:column}.header-actions{flex-wrap:wrap;margin-left:0;width:100%}.entry-fields{grid-template-columns:1fr}.export-preview{padding:20px}.daily-transport-container{padding-left:16px;padding-right:16px;padding-top:16px}.daily-transport-header{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:20px}.header-content h1{font-size:24px}.header-subtitle{font-size:14px}.header-actions{flex-direction:column;gap:10px;margin-left:0;width:100%}.date-input-group{flex-direction:column;gap:8px;width:100%}.date-input,.today-btn{padding:10px;width:100%}.export-btn{font-size:13px;padding:10px 16px;width:100%}.schedule-builder{margin-bottom:20px;padding:16px}.dt-body-scroll{-webkit-overflow-scrolling:touch}.schedule-table.editable{font-size:12px;min-width:800px}.schedule-table.editable td,.schedule-table.editable th{padding:8px 6px}.custom-dropdown-trigger{font-size:12px;padding:6px 10px}.custom-dropdown-menu{font-size:12px;max-width:200px}.custom-dropdown-option{font-size:12px;padding:8px 12px}.color-picker-menu{gap:4px;height:80px;padding:6px;width:152px}.color-picker-menu .color-option{height:20px;width:20px}.available-members-section{margin-top:16px;padding:16px}.available-members-title{font-size:16px}.available-member-item{font-size:12px;padding:5px 10px}.schedule-entry-card{min-height:150px;padding:16px}.entry-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:12px}.entry-fields{gap:12px;grid-template-columns:1fr}.field-group{align-items:flex-start;flex-direction:column;gap:6px}.field-label{font-size:12px}.export-preview{padding:16px}.export-preview h2{font-size:18px}}@media (max-width:480px){.daily-transport-container{padding-left:12px;padding-right:12px;padding-top:12px}.header-content h1{font-size:20px}.header-subtitle{font-size:12px}.schedule-table.editable{font-size:11px;min-width:700px}.schedule-table.editable td,.schedule-table.editable th{padding:6px 4px}.custom-dropdown-trigger{font-size:11px;padding:5px 8px}.color-picker-menu{gap:3px;height:70px;padding:5px;width:133px}.color-picker-menu .color-option{height:18px;width:18px}.available-member-item{font-size:11px;padding:4px 8px}.schedule-entry-card{padding:12px}}.dt-row-incomplete td{border-bottom:1.5px solid #f59e0b!important;border-top:1.5px solid #f59e0b!important}.dt-row-incomplete td:first-child{border-left:3px solid #f59e0b!important}.dt-row-incomplete td:last-child{border-right:1.5px solid #f59e0b!important}.dt-incomplete-banner{background:#fffbeb;border:1px solid #fcd34d;border-left:3px solid #f59e0b;border-radius:6px;color:#92400e;display:flex;font-size:13px;margin-bottom:10px;padding:8px 14px}.dt-incomplete-banner,.dt-toast{align-items:center;font-weight:500;gap:8px}.dt-toast{animation:dt-toast-in .25s ease;background:#1f2937;border-radius:24px;bottom:28px;box-shadow:0 4px 16px #00000040;color:#fff;display:inline-flex;font-size:14px;left:50%;padding:10px 20px;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:99999}.dt-toast-icon{color:#4ade80;font-weight:700}@keyframes dt-toast-in{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.dt-row-overloaded{background:#ef444412!important}.dt-row-overloaded td{border-bottom:3px solid #d32f2f!important;border-top:3px solid #d32f2f!important}.dt-row-overloaded td:first-child{border-left:3px solid #d32f2f!important}.dt-row-overloaded td:last-child{border-right:3px solid #d32f2f!important}.dt-row-overload-warn{background:#fee2e2;border-radius:4px;color:#b91c1c;display:block;font-size:11px;font-weight:600;line-height:1.4;margin-top:6px;padding:3px 6px;white-space:nowrap}.whatsapp-caption-bar{align-items:center;background:#f0fdf4;border:1px solid #86efac;border-left:3px solid #22c55e;border-radius:6px;display:flex;font-size:13px;gap:10px;margin-bottom:10px;padding:8px 14px}.whatsapp-caption-text{color:#166534;flex:1 1;font-family:Courier New,Courier,monospace;font-size:12.5px;-webkit-user-select:all;user-select:all;word-break:break-word}.whatsapp-copy-btn{align-items:center;background:#22c55e;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;gap:5px;padding:5px 12px;transition:background .15s;white-space:nowrap}.whatsapp-copy-btn:hover{background:#16a34a}.whatsapp-copy-btn--copied{background:#15803d}.whatsapp-copy-label{font-size:12px}.custom-lorry-input-wrap{align-items:center;display:flex;gap:4px;width:100%}.custom-lorry-input{background:#eff6ff;border:1.5px solid #3b82f6;border-radius:6px;color:#1e3a5f;flex:1 1;font-size:13px;font-weight:600;min-width:0;outline:none;padding:6px 8px}.custom-lorry-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #3b82f626}.custom-lorry-clear-btn{align-items:center;background:none;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;height:22px;justify-content:center;line-height:1;width:22px}.custom-lorry-clear-btn:hover{background:#fee2e2;border-color:#f87171;color:#b91c1c}.custom-lorry-option{color:#3b82f6!important;font-style:italic}.custom-dropdown-divider{background:#e5e7eb;height:1px;margin:4px 0}.custom-driver-input-wrap{align-items:center;display:flex;gap:4px;padding:2px 0;width:100%}.custom-driver-input{background:#eff6ff;border:1.5px solid #3b82f6;border-radius:6px;color:#1e3a5f;flex:1 1;font-size:13px;font-weight:600;min-width:0;outline:none;padding:5px 8px}.custom-driver-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #3b82f626}.custom-driver-clear-btn{align-items:center;background:none;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;height:22px;justify-content:center;line-height:1;width:22px}.custom-driver-clear-btn:hover{background:#fee2e2;border-color:#f87171;color:#b91c1c}.custom-driver-option{color:#3b82f6!important;font-style:italic}.team-group-container+.team-group-container{border-top:2px solid #d1d5db;margin-top:6px;padding-top:6px}.custom-dropdown-menu--searchable{padding-top:0!important}.custom-dropdown-search-wrap{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:6px 8px 4px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.custom-dropdown-search{background:#fff;border:1.5px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#111827;font-size:13px;outline:none;padding:6px 10px;width:100%}.custom-dropdown-search:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.custom-dropdown-options{max-height:180px;overflow-y:auto}.custom-value-trigger{background:#eff6ff!important;border-color:#93c5fd!important;font-style:italic}.custom-value-trigger:hover{border-color:#3b82f6!important}.custom-value-prefix{font-style:normal;margin-right:2px}.custom-driver-option,.custom-lorry-option{border-top:1px solid #e5e7eb;color:#2563eb!important;font-size:12px!important;font-style:italic}.custom-driver-option:hover,.custom-lorry-option:hover{background:#eff6ff!important}.mc-category-card{aspect-ratio:16/10;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}.mc-category-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.mc-category-cover{height:100%;position:relative;width:100%}.mc-category-cover img{height:100%;object-fit:cover;width:100%}.mc-category-cover-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-size:48px;height:100%;justify-content:center;width:100%}.mc-category-overlay{background:linear-gradient(#0000,#000000b3);bottom:0;color:#fff;left:0;padding:20px;position:absolute;right:0}.mc-category-name{font-size:18px;font-weight:700;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px #0000004d;white-space:nowrap}.mc-category-count{font-size:13px;opacity:.85}.mc-category-menu-wrap{position:absolute;right:10px;top:10px;z-index:5}.mc-category-menu-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;line-height:1;opacity:0;transition:opacity .2s,background .15s;width:32px}.mc-category-card:hover .mc-category-menu-btn{opacity:1}.mc-category-menu-btn:hover{background:#fff}.mc-category-dropdown{background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000026;min-width:140px;overflow:hidden;position:absolute;right:0;top:36px;z-index:10}.mc-category-dropdown button{background:none;border:none;cursor:pointer;display:block;font-size:14px;padding:10px 16px;text-align:left;transition:background .15s;width:100%}.mc-category-dropdown button:hover{background:#f3f4f6}.mc-category-dropdown button.delete-option{color:#dc2626}.mc-category-dropdown button.delete-option:hover{background:#fef2f2}@media (max-width:768px){.mc-category-menu-btn{opacity:1}}.app-badge{border-radius:6px;display:inline-block;font-size:13px;font-weight:500;padding:3px 10px;white-space:nowrap}.app-badge--clearable{align-items:center;display:inline-flex;gap:3px;padding-right:6px}.app-badge__clear{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;line-height:1;opacity:.55;padding:0;transition:opacity .12s}.app-badge__clear:hover{opacity:1}.app-badge--default{background:#d1d5db;color:#374151}.app-badge--gray{background:#e5e7eb;color:#4b5563}.app-badge--brown{background:#fde8cd;color:#92400e}.app-badge--orange{background:#ffedd5;color:#c2410c}.app-badge--yellow{background:#fef9c3;color:#a16207}.app-badge--green{background:#dcfce7;color:#16a34a}.app-badge--blue{background:#dbeafe;color:#2563eb}.app-badge--purple{background:#ede9fe;color:#7c3aed}.app-badge--pink{background:#fce7f3;color:#db2777}.app-badge--red{background:#fee2e2;color:#dc2626}.app-badge--more{background:#f3f4f6;color:#9ca3af;font-style:italic}.product-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:300px;overflow:hidden;position:relative;transition:all .2s}.product-card-menu{position:absolute;right:8px;top:8px;z-index:10}.product-card-menu-btn{align-items:center;background:#fffffff2;border:none;border-radius:50%;box-shadow:0 2px 6px #00000026;color:#374151;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;transition:all .15s;width:28px}.product-card-menu-btn:hover{background:#fff;box-shadow:0 3px 10px #0003;transform:scale(1.1)}.product-card-dropdown{animation:dropdownFadeIn .15s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px #00000026;margin-top:4px;min-width:130px;overflow:hidden;position:absolute;right:0;top:100%}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.product-card-dropdown button{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 14px;text-align:left;transition:background .1s;width:100%}.product-card-dropdown button:hover{background:#f3f4f6}.product-card-dropdown button.delete-option{color:#dc2626}.product-card-dropdown button.delete-option:hover{background:#fef2f2}.product-card-dropdown .dropdown-icon{font-size:14px}.product-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.product-card-image{align-items:center;background:#f9fafb;display:flex;height:160px;justify-content:center;overflow:hidden;width:100%}.product-card-image img{height:100%;object-fit:cover;width:100%}.product-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.product-icon{font-size:48px;opacity:.2}.product-card-info{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:12px 14px}.product-card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#111827;display:-webkit-box;font-size:15px;font-weight:600;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}.pc-card-brand-badge{align-self:flex-start;margin-bottom:2px}.pc-card-supplier-badge{align-self:flex-start;background:#f9fafb;border:1px solid #f3f4f6;border-radius:6px;color:#9ca3af;display:inline-block;font-size:11px;font-weight:500;margin-top:1px;max-width:100%;padding:2px 8px}.pc-card-supplier-badge,.product-card-supplier{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card-supplier{color:#6b7280;font-size:13px;margin:0}.product-card-price{color:#059669;font-size:16px;font-weight:700;margin:0}.product-card-updated{color:#9ca3af;font-size:11px;font-weight:400;margin:2px 0 0}.product-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.product-tag{background:#dbeafe;color:#1e40af;white-space:nowrap}.product-tag,.product-tag-more{border-radius:4px;font-size:11px;padding:3px 8px}.product-tag-more{background:#f3f4f6;color:#6b7280}@media (max-width:768px){.product-card{height:280px}.product-card-image{height:140px}}.pc-mode-toggle-btn{border-radius:8px;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;height:44px;padding:0 20px;transition:all .2s;white-space:nowrap}.pc-mode-toggle-btn.full{background:#fff;border:1.5px solid #d1d5db;box-shadow:0 1px 4px #0000000f;color:#1e293b}.pc-mode-toggle-btn.full:hover{background:#f8fafc;border-color:#94a3b8}.pc-mode-toggle-btn.presentation{background:#1e293b;border:1.5px solid #1e293b;color:#fff}.pc-mode-toggle-btn.presentation:hover{background:#0f172a;border-color:#0f172a}.pc-rv-strip{margin-bottom:4px}.pc-rv-label{color:#9ca3af;display:block;font-size:11px;font-weight:500;letter-spacing:.03em;margin-bottom:8px;text-transform:uppercase}.pc-rv-scroll{display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-color:#e5e7eb #0000;scrollbar-width:thin}.pc-rv-scroll::-webkit-scrollbar{height:4px}.pc-rv-scroll::-webkit-scrollbar-track{background:#0000}.pc-rv-scroll::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.pc-rv-card{background:#f9fafb;border:1px solid #f0f0f0;border-radius:8px;cursor:pointer;flex:0 0 auto;overflow:hidden;transition:border-color .15s,background .15s;width:130px}.pc-rv-card:hover{background:#f3f4f6;border-color:#d1d5db}.pc-rv-cover{align-items:center;background:#f3f4f6;display:flex;height:88px;justify-content:center;overflow:hidden;width:100%}.pc-rv-img{display:block;height:100%;object-fit:cover;width:100%}.pc-rv-cover-empty{align-items:center;color:#d1d5db;display:flex;font-size:22px;height:100%;justify-content:center;width:100%}.pc-rv-info{padding:5px 7px 7px}.pc-rv-name{color:#6b7280;font-size:11.5px;font-weight:500;line-height:1.3;margin:0 0 2px}.pc-rv-name,.pc-rv-price{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-rv-price{color:#059669;font-size:11px;font-weight:600;margin:0 0 1px}.pc-rv-updated{color:#9ca3af;font-size:10px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-page{background:#f5f7fa;min-height:100vh;padding:0 32px 40px}.mc-page-header{padding:24px 0 16px}.mc-sticky-row{align-items:center;background:#f5f7fa;display:flex;gap:10px;padding:10px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.mc-sticky-row .pc-control-bar{flex:1 1;margin-bottom:0;min-width:0}.mc-sticky-actions{align-items:center;display:flex;flex-shrink:0;gap:10px}.mc-body-content{padding-top:4px}.mc-group-section{margin-bottom:40px}.mc-group-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;gap:10px;margin-bottom:16px;padding-bottom:12px}.mc-group-name{color:#111827;font-size:18px;font-weight:700}.mc-group-count{align-items:center;background:#f3f4f6;border-radius:20px;color:#6b7280;display:inline-flex;font-size:12px;font-weight:500;padding:2px 10px}.mc-toolbar-material .pc-filter-panel.mc-material-filter-panel{max-width:min(380px,92vw);width:380px}.mc-toolbar-material .pc-sort-panel.mc-material-sort-panel{max-width:min(280px,92vw);width:280px}.mc-search-results{margin-top:8px}.mc-results-count{color:#6b7280;font-size:13px;margin:0 0 16px}.mc-browse-divider{border:none;border-top:2px solid #e5e7eb;margin:10px 0 28px}.mc-section{margin-top:8px}.mc-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.mc-section-title{color:#111827;font-size:18px;font-weight:600;margin:0}.form-input{box-sizing:border-box}.mc-cover-upload{align-items:center;border:2px dashed #e5e7eb;border-radius:10px;display:flex;justify-content:center;min-height:120px;overflow:hidden}.mc-cover-upload-label{align-items:center;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;font-size:13px;gap:8px;padding:28px 32px;text-align:center;transition:color .15s,background .15s;width:100%}.mc-cover-upload-label:hover{background:#f9fafb;color:#374151}.mc-cover-upload-icon{font-size:22px}.mc-cover-preview{position:relative;width:100%}.mc-cover-preview img{display:block;height:180px;object-fit:cover;width:100%}.mc-cover-overlay{align-items:flex-end;background:#0000;display:flex;gap:8px;inset:0;justify-content:flex-end;opacity:0;padding:10px;position:absolute;transition:opacity .18s,background .18s}.mc-cover-preview:hover .mc-cover-overlay{background:#00000052;opacity:1}.mc-cover-change-btn,.mc-cover-remove-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:background .15s}.mc-cover-change-btn{background:#ffffffeb;color:#1d4ed8}.mc-cover-change-btn:hover{background:#fff}.mc-cover-remove-btn{background:#dc2626e0;color:#fff}.mc-cover-remove-btn:hover{background:#b91c1c}.mc-cover-remove-notice{align-items:center;display:flex;flex-direction:column;gap:8px;padding:20px;text-align:center}.mc-cover-remove-notice p{color:#92400e;font-size:13px;margin:0}.mc-cover-remove-notice button{background:#fff;border:1px solid #d97706;border-radius:6px;color:#92400e;cursor:pointer;font-size:12px;padding:5px 14px}.mc-cover-remove-notice button:hover{background:#fef3c7}@media (max-width:768px){.mc-page{padding:0 16px 40px}.mc-sticky-row{flex-wrap:wrap;gap:8px;padding:8px 0}.mc-sticky-row .pc-control-bar{width:100%}.mc-sticky-actions{justify-content:flex-end;width:100%}.mc-section-header{align-items:flex-start;flex-direction:column;gap:10px}.modal-content{max-width:100%}}.breadcrumbs{background:#f8f9fa;border-bottom:2px solid #e5e7eb;box-shadow:0 4px 12px #0000001f;box-sizing:border-box;color:#6b7280;font-size:14px;justify-content:space-between;left:0;padding:14px 20px;position:fixed;top:60px;transition:margin-left .3s ease,width .3s ease;z-index:999}.breadcrumbs,.breadcrumbs-nav{align-items:center;display:flex}.breadcrumbs-nav{flex-wrap:wrap}.breadcrumbs-actions{align-items:center;display:flex;gap:10px}.breadcrumb-save-btn{border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;min-width:140px;padding:10px 40px;transition:all .2s ease}.breadcrumb-save-btn.active{background:#3b82f6;color:#fff}.breadcrumb-save-btn.active:hover{background:#2563eb}.breadcrumb-save-btn.disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.breadcrumb-more-menu{position:relative}.breadcrumb-more-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:36px;justify-content:center;transition:all .15s;width:36px}.breadcrumb-more-btn:hover{background:#f3f4f6;border-color:#9ca3af}.breadcrumb-dropdown{animation:breadcrumbDropdownFadeIn .15s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px #00000026;margin-top:6px;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}@keyframes breadcrumbDropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.breadcrumb-dropdown button{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;transition:background .1s;width:100%}.breadcrumb-dropdown button:hover{background:#f3f4f6}.breadcrumb-dropdown button.delete-option{color:#dc2626}.breadcrumb-dropdown button.delete-option:hover{background:#fef2f2}.breadcrumb-dropdown .dropdown-icon{font-size:14px}.breadcrumb-item{align-items:center;display:inline-flex}.breadcrumb-link{color:#3b82f6;text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:#2563eb;text-decoration:underline}.breadcrumb-current{color:#111827;font-weight:500}.breadcrumb-separator{color:#9ca3af;margin:0 8px}@media (max-width:768px){.breadcrumbs{margin-left:0!important;width:100%!important}}.move-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.move-modal-content{animation:moveModalSlideIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:420px;width:90%}@keyframes moveModalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.move-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.move-modal-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.move-modal-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:18px;padding:4px 8px;transition:all .15s}.move-modal-close:hover{background:#f3f4f6;color:#111827}.move-modal-body{flex:1 1;overflow-y:auto;padding:20px}.move-modal-description{color:#4b5563;font-size:14px;line-height:1.5;margin:0 0 16px}.move-modal-description strong{color:#111827}.move-modal-empty,.move-modal-loading{color:#6b7280;font-size:14px;padding:32px 16px;text-align:center}.move-category-list{display:flex;flex-direction:column;gap:8px}.move-category-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 14px;transition:all .15s}.move-category-item:hover{background:#f8fafc;border-color:#3b82f6}.move-category-item.selected{background:#eff6ff;border-color:#3b82f6}.move-category-icon{align-items:center;background:#f3f4f6;border-radius:6px;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.move-category-icon img{height:100%;object-fit:cover;width:100%}.move-category-icon span{font-size:20px}.move-category-name{color:#111827;flex:1 1;font-size:14px;font-weight:500}.move-category-check{color:#3b82f6;font-size:16px;font-weight:600}.move-modal-footer{background:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.move-btn-cancel{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s}.move-btn-cancel:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.move-btn-confirm{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:140px;padding:10px 20px;transition:all .15s}.move-btn-confirm:hover:not(:disabled){background:#2563eb}.move-btn-confirm:disabled{background:#9ca3af;cursor:not-allowed}.move-btn-cancel:disabled,.move-btn-confirm:disabled{opacity:.7}.material-category-page{background:#f5f7fa;min-height:100vh;padding-top:50px}.material-category-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.material-category-loading .loading-spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.material-category-loading .loading-text{color:#6b7280;font-size:16px;text-align:center}.category-cover-image,.category-cover-section{position:relative;width:100%}.category-cover-image{background-position:50%;background-size:cover;height:300px}.category-cover-overlay{align-items:flex-end;background:linear-gradient(0deg,#000c,#0000);bottom:0;display:flex;justify-content:space-between;left:0;padding:40px 30px 30px;position:absolute;right:0}.category-edit-menu-container{position:absolute;right:20px;top:20px;z-index:10}.category-edit-btn,.category-edit-btn-placeholder{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#111827;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:40px;justify-content:center;transition:all .2s;width:40px}.category-edit-btn-placeholder:hover,.category-edit-btn:hover{background:#fff;transform:scale(1.1)}.category-edit-dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:220px;overflow:hidden;position:absolute;right:0;top:50px;z-index:100}.category-edit-dropdown button{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;transition:background .2s;width:100%}.category-edit-dropdown button:hover{background:#f3f4f6}.category-edit-dropdown button:not(:last-child){border-bottom:1px solid #e5e7eb}.category-cover-title{color:#fff;font-size:32px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.change-cover-btn{background:#ffffffe6;border:none;border-radius:6px;color:#111827;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.change-cover-btn:hover{background:#fff}.category-cover-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;gap:20px;height:200px;justify-content:center;padding:30px;width:100%}.category-cover-placeholder .category-cover-title{color:#fff}.add-cover-btn{background:#fff3;border:2px dashed #ffffff80;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.add-cover-btn:hover{background:#ffffff4d;border-color:#fffc}.material-category-content{margin:0 auto;max-width:1400px;padding:30px}.add-product-btn-large{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:12px 24px;transition:all .2s}.add-product-btn-large:hover{background:#2563eb}.products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.products-list{gap:15px;margin-top:20px}.add-product-card,.products-list{display:flex;flex-direction:column}.add-product-card{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;gap:10px;height:300px;justify-content:center;transition:all .3s}.add-product-card:hover{background:#f0f9ff;border-color:#3b82f6}.add-product-icon{color:#9ca3af;font-size:48px;font-weight:300;line-height:1}.add-product-card p{color:#6b7280;font-size:16px;font-weight:500;margin:0}.empty-state{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;margin-top:20px;padding:80px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:15px;opacity:.3}.empty-state p{color:#6b7280;font-size:16px;margin:0}.image-preview{border:1px solid #e5e7eb;border-radius:8px;margin-top:15px;overflow:hidden}.image-preview img{max-height:200px;object-fit:cover;width:100%}.modal-overlay{background:#00000080;bottom:0;left:0;right:0;top:0;z-index:1000}.modal-content{box-shadow:0 20px 25px -5px #0000001a;max-width:500px}.modal-header{padding:20px 24px}.modal-header h2{font-size:20px}.modal-close{transition:color .2s}.modal-close:hover{color:#6b7280}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{font-size:14px;margin-bottom:8px}.form-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.form-input:focus{border-color:#3b82f6}.modal-footer{gap:12px;padding:20px 24px}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover:not(:disabled){background:#f3f4f6}.btn-danger{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-danger:disabled{cursor:not-allowed;opacity:.5}.modal-footer-spacer{flex:1 1}.current-cover-section{margin-bottom:20px}.current-cover-section label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.current-cover-preview{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.current-cover-preview img{max-height:150px;object-fit:cover;width:100%}@media (max-width:768px){.category-cover-image{height:200px}.category-cover-overlay{align-items:flex-start;flex-direction:column;gap:15px;padding:20px 15px 15px}.category-cover-title{font-size:24px}.category-edit-menu-container{right:10px;top:10px}.material-category-content{padding:20px 15px}.products-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.add-product-card{height:200px}.modal-content{max-width:100%}}.pcmg2-root{display:flex;flex-direction:column;gap:12px;position:relative}.pcmg2-filters{display:flex;flex-wrap:wrap;gap:6px}.pcmg2-filter-pill{background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;height:30px;padding:0 14px;transition:background .15s,color .15s,border-color .15s}.pcmg2-filter-pill:hover{background:#f3f4f6;color:#374151}.pcmg2-filter-pill.active{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.pcmg2-toast{animation:pcmg2-fadein .2s ease;background:#1a1a1ae0;border-radius:20px;color:#fff;font-size:12px;left:50%;padding:6px 16px;pointer-events:none;position:absolute;top:44px;transform:translateX(-50%);white-space:nowrap;z-index:500}@keyframes pcmg2-fadein{0%{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.pcmg2-preview{align-items:center;aspect-ratio:4/3;background:#111827;border:2px solid #0000;border-radius:14px;display:flex;justify-content:center;overflow:hidden;position:relative;transition:border-color .2s;width:100%}.pcmg2-preview.dragging{border-color:#3b82f6}.pcmg2-preview.empty-clickable{background:#f3f4f6;cursor:pointer}.pcmg2-preview.empty-clickable:hover{background:#eff6ff;border-color:#3b82f6}.pcmg2-preview-media{display:block;max-height:100%;max-width:100%;object-fit:contain}.pcmg2-preview-media--zoomable{cursor:zoom-in}.pcmg2-preview-media-wrap{height:100%;position:relative;width:100%}.pcmg2-preview-media-wrap .pcmg2-preview-media{height:100%;width:100%}.pcmg2-media-expand-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .15s;width:30px;z-index:10}.pcmg2-preview-media-wrap:hover .pcmg2-media-expand-btn{opacity:1}.pcmg2-thumb-pdf-img{background:#fff;height:100%;overflow:hidden;position:relative;width:100%}.pcmg2-thumb-pdf-canvas{display:block;height:100%;object-fit:cover;width:100%}.pcmg2-thumb-pdf-badge{background:#0009;border-radius:3px;bottom:4px;color:#fff;font-size:9px;font-weight:700;left:4px;letter-spacing:.5px;padding:1px 5px;position:absolute}.pcmg2-preview-pdf{align-items:center;color:#e5e7eb;display:flex;flex-direction:column;gap:10px}.pcmg2-pdf-icon{font-size:52px}.pcmg2-pdf-name{color:#e5e7eb;font-size:13px;font-weight:500;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcmg2-pdf-link{border:1px solid #3b82f6;border-radius:8px;color:#60a5fa;font-size:13px;padding:6px 16px;text-decoration:none;transition:background .15s}.pcmg2-pdf-link:hover{background:#3b82f626}.pcmg2-preview-pdf--has-thumb{align-items:center;background:#fff;display:flex;height:100%;justify-content:center;position:relative;width:100%}.pcmg2-preview-pdf-canvas{display:block;height:100%;object-fit:contain;width:100%}.pcmg2-pdf-open-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;border-radius:20px;bottom:44px;color:#fff;font-size:13px;left:50%;padding:6px 16px;position:absolute;text-decoration:none;transform:translateX(-50%);transition:background .15s;white-space:nowrap}.pcmg2-pdf-open-btn:hover{background:#000000d9}.pcmg2-nav{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:22px;height:38px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s,background .15s;width:38px;z-index:10}.pcmg2-preview:hover .pcmg2-nav{opacity:1}.pcmg2-nav:hover{background:#ffffff47}.pcmg2-nav:disabled{cursor:default;opacity:0!important}.pcmg2-nav-prev{left:10px}.pcmg2-nav-next{right:10px}.pcmg2-counter{background:#00000080;border-radius:20px;color:#fff;font-size:11px;left:50%;padding:3px 10px;transform:translateX(-50%)}.pcmg2-context-info,.pcmg2-counter{bottom:10px;pointer-events:none;position:absolute;z-index:10}.pcmg2-context-info{align-items:center;display:flex;gap:6px;left:10px;max-width:65%}.pcmg2-ctx-name{background:#00000080;color:#d1d5db;font-size:11px;max-width:150px;overflow:hidden;text-overflow:ellipsis}.pcmg2-ctx-lane,.pcmg2-ctx-name{border-radius:6px;padding:2px 8px;white-space:nowrap}.pcmg2-ctx-lane{background:#3b82f6bf;color:#fff;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.pcmg2-ctx-lane.technical{background:#f59e0bcc}.pcmg2-zoom-hint{background:#00000059;border-radius:8px;color:#fff9;font-size:11px;opacity:0;padding:3px 9px;pointer-events:none;position:absolute;right:10px;top:10px;transition:opacity .2s;z-index:10}.pcmg2-preview:hover .pcmg2-zoom-hint{opacity:1}.pcmg2-preview-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;font-size:14px;gap:8px;padding:24px;text-align:center}.pcmg2-preview-empty-icon{font-size:40px}.pcmg2-preview-empty-hint{color:#6b7280;font-size:11px}.pcmg2-caption-section{width:100%}.pcmg2-caption-display{align-items:flex-start;border-radius:10px;display:flex;gap:8px;min-height:38px;padding:8px 12px;transition:background .15s}.pcmg2-caption-display.can-edit{border:1.5px dashed #0000;cursor:pointer}.pcmg2-caption-display.can-edit:hover{background:#f3f4f6;border-color:#d1d5db}.pcmg2-caption-text{color:#374151;flex:1 1;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.pcmg2-caption-placeholder{color:#c4c8cf;flex:1 1;font-size:14px;font-style:italic}.pcmg2-caption-edit-icon{color:#d1d5db;flex-shrink:0;font-size:13px;margin-top:2px;transition:color .15s}.pcmg2-caption-display.can-edit:hover .pcmg2-caption-edit-icon{color:#6b7280}.pcmg2-caption-textarea{background:#fff;border:1.5px solid #3b82f6;border-radius:10px;box-sizing:border-box;color:#374151;display:block;font-family:inherit;font-size:14px;line-height:1.6;outline:none;overflow:hidden;padding:8px 12px;resize:none;transition:border-color .15s;width:100%}.pcmg2-caption-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #3b82f61f}.pcmg2-caption-textarea::placeholder{color:#c4c8cf}.pcmg2-lanes{gap:10px}.pcmg2-lane,.pcmg2-lanes{display:flex;flex-direction:column}.pcmg2-lane{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;gap:8px;padding:10px 12px}.pcmg2-lane-technical{background:#fffbeb;border-color:#fde68a}.pcmg2-lane--drop-target{background:#eff6ff80;transition:background .15s}.pcmg2-lane-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.pcmg2-lane-label{color:#374151;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.pcmg2-lane-sublabel{color:#9ca3af;font-size:11px;font-weight:400;text-transform:none}.pcmg2-lane-upload-btn{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#3b82f6;cursor:pointer;font-size:12px;font-weight:600;padding:3px 10px;transition:background .15s;white-space:nowrap}.pcmg2-lane-upload-btn:hover{background:#dbeafe}.pcmg2-lane-carousel{position:relative}.pcmg2-lane-carousel,.pcmg2-lane-viewport{border-radius:10px;overflow:hidden;width:100%}.pcmg2-lane-strip{align-items:center;border-radius:10px;display:flex;flex-wrap:nowrap;gap:8px;min-height:84px;min-width:100%;transition:background .15s,box-shadow .15s;width:-webkit-max-content;width:max-content}.pcmg2-lane-strip.clickable-empty{cursor:pointer}.pcmg2-lane-strip.clickable-empty:hover,.pcmg2-lane-strip.hover{background:#eff6ff;box-shadow:inset 0 0 0 2px #3b82f6}.pcmg2-lane-arrow{align-items:center;border:none;bottom:0;color:#374151;cursor:pointer;display:flex;font-size:20px;font-weight:700;justify-content:center;line-height:1;position:absolute;top:0;transition:color .15s;width:48px;z-index:10}.pcmg2-lane-arrow-left{background:linear-gradient(90deg,#f9fafb 40%,#0000);border-radius:10px 0 0 10px;left:0;padding-right:8px}.pcmg2-lane-technical .pcmg2-lane-arrow-left{background:linear-gradient(90deg,#fffbeb 40%,#0000)}.pcmg2-lane-arrow-right{background:linear-gradient(270deg,#f9fafb 40%,#0000);border-radius:0 10px 10px 0;padding-left:8px;right:0}.pcmg2-lane-technical .pcmg2-lane-arrow-right{background:linear-gradient(270deg,#fffbeb 40%,#0000)}.pcmg2-lane-arrow:hover{color:#1d4ed8}.pcmg2-lane-empty{align-items:center;display:flex;flex-direction:column;gap:6px;padding:16px 8px;pointer-events:none;text-align:center;width:100%}.pcmg2-lane-empty-icon{font-size:20px;opacity:.4}.pcmg2-lane-empty-text{color:#9ca3af;font-size:12px}.pcmg2-lane-add-more{align-items:center;background:#f9fafb;border:1.5px dashed #d1d5db;border-radius:10px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:22px;height:76px;justify-content:center;transition:border-color .15s,background .15s,color .15s;width:76px}.pcmg2-lane-add-more:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.pcmg2-thumb{background:#e5e7eb;border:2.5px solid #0000;border-radius:10px;cursor:pointer;flex-shrink:0;height:76px;overflow:hidden;position:relative;transition:border-color .15s,box-shadow .15s,opacity .2s,transform .15s;width:76px}.pcmg2-thumb.active{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f62e}.pcmg2-thumb:hover:not(.is-dragging-placeholder){border-color:#93c5fd;box-shadow:0 2px 8px #3b82f61f;transform:translateY(-1px)}.pcmg2-thumb.is-dragging-placeholder{background:#eff6ff;border:2px dashed #bfdbfe;opacity:.25!important;transform:none!important}.pcmg2-thumb.is-dragging-placeholder>*{visibility:hidden}.pcmg2-insert-bar{background:#3b82f6;border-radius:3px;display:none;flex-shrink:0;height:76px;min-width:0;pointer-events:none;transition:width .08s ease,min-width .08s ease,box-shadow .08s ease;width:0}.pcmg2-lane-strip.is-drag-active .pcmg2-insert-bar{display:flex;min-width:0;width:0}.pcmg2-lane-strip.is-drag-active .pcmg2-insert-bar.visible{box-shadow:0 0 0 3px #3b82f640,0 0 10px 2px #3b82f64d;min-width:3px;width:3px}.pcmg2-lane-strip.is-reordering .pcmg2-thumb:not(.is-dragging-placeholder){transition:border-color .15s,box-shadow .15s,opacity .2s,transform .2s ease}.pcmg2-thumb-img{height:100%;object-fit:cover;width:100%}.pcmg2-thumb-video{align-items:center;background:#1f2937;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.pcmg2-thumb-video-el{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.pcmg2-thumb-play{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;border-radius:50%;color:#fff;font-size:20px;height:32px;padding-left:2px;position:relative;width:32px;z-index:1}.pcmg2-thumb-pdf,.pcmg2-thumb-play{align-items:center;display:flex;justify-content:center}.pcmg2-thumb-pdf{background:#fef3c7;font-size:28px;height:100%;width:100%}.pcmg2-thumb-drag{color:#ffffffbf;cursor:grab;font-size:12px;left:3px;opacity:0;position:absolute;text-shadow:0 1px 3px #00000080;top:3px;touch-action:none;transition:opacity .15s;user-select:none;-webkit-user-select:none;z-index:5}.pcmg2-thumb:hover .pcmg2-thumb-drag{opacity:1}.pcmg2-thumb-drag:active{cursor:grabbing}.pcmg2-thumb-menu-btn{align-items:center;background:#0000008c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:22px;justify-content:center;opacity:0;position:absolute;right:3px;top:3px;transition:opacity .15s;width:22px;z-index:5}.pcmg2-thumb:hover .pcmg2-thumb-menu-btn{opacity:1}.pcmg2-drag-overlay{align-items:center;background:#e5e7eb;border-radius:10px;box-shadow:0 14px 36px #0000004d,0 3px 10px #00000029,0 0 0 2px #3b82f673;cursor:grabbing;display:flex;height:76px;justify-content:center;opacity:1;overflow:hidden;transform:scale(1.1) rotate(1deg);width:76px}.pcmg2-drag-overlay img{border-radius:8px;height:100%;object-fit:cover;width:100%}.pcmg2-context-menu{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:170px;padding:4px 0;position:fixed;z-index:10000}.pcmg2-context-menu button{background:none;border:none;color:#374151;cursor:pointer;display:block;font-size:13px;padding:8px 16px;text-align:left;transition:background .1s;width:100%}.pcmg2-context-menu button:hover{background:#f3f4f6}.pcmg2-menu-delete{color:#dc2626!important}.pcmg2-lb-overlay{align-items:center;animation:pcmg2-lb-in .18s ease;background:#000000eb;display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}@keyframes pcmg2-lb-in{0%{opacity:0}to{opacity:1}}.pcmg2-lb-shell{display:flex;flex-direction:column;gap:0;height:92vh;max-width:1400px;position:relative;width:92vw}.pcmg2-lb-close{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;position:absolute;right:10px;top:10px;transition:background .15s;width:36px;z-index:9999}.pcmg2-lb-close:hover{background:#ffffff47}.pcmg2-lb-nav{align-items:center;background:#ffffff1f;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:52px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .15s;width:52px;z-index:10}.pcmg2-lb-nav:hover{background:#ffffff3d}.pcmg2-lb-nav:active{background:#ffffff59}.pcmg2-lb-prev{left:-70px}.pcmg2-lb-next{right:-70px}.pcmg2-lb-viewport{align-items:center;background:#0a0a0a;border-radius:12px;display:flex;flex:1 1;justify-content:center;min-height:0;min-height:200px;overflow:hidden;position:relative}.pcmg2-lb-viewport.grab{cursor:grab}.pcmg2-lb-viewport.grabbing{cursor:grabbing}.pcmg2-lb-img{display:block;object-fit:contain;pointer-events:none;transform-origin:center center;-webkit-user-select:none;user-select:none;will-change:transform}.pcmg2-lb-img,.pcmg2-lb-video{max-height:100%;max-width:100%}.pcmg2-lb-video{border-radius:8px}.pcmg2-lb-pdf-canvas-wrap{align-items:center;background:#fff;border-radius:6px;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.pcmg2-lb-pdf-canvas{display:block;max-height:100%;max-width:100%;object-fit:contain}.pcmg2-lb-pdf-thumb-fallback{max-height:100%;max-width:100%;object-fit:contain;position:absolute}.pcmg2-lb-pdf{align-items:center;color:#e5e7eb;display:flex;flex-direction:column;gap:14px}.pcmg2-lb-pdf-name{color:#e5e7eb;font-size:15px;margin:0;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcmg2-lb-pdf-link{border:1px solid #3b82f6;border-radius:8px;color:#60a5fa;font-size:14px;padding:8px 20px;text-decoration:none;transition:background .15s}.pcmg2-lb-pdf-link:hover{background:#3b82f626}.pcmg2-lb-bar{align-items:flex-start;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;padding:8px 4px 0}.pcmg2-lb-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.pcmg2-lb-info-top{gap:8px}.pcmg2-lb-info-top,.pcmg2-lb-meta-row{align-items:center;display:flex;flex-wrap:wrap}.pcmg2-lb-meta-row{gap:4px}.pcmg2-lb-meta-label{color:#ffffff40;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.pcmg2-lb-meta-date{color:#ffffff73;font-size:11px}.pcmg2-lb-meta-sep{color:#ffffff2e;font-size:10px}.pcmg2-lb-meta-by{color:#ffffff54;font-size:11px;font-style:italic}.pcmg2-lb-meta-old{background:#f59e0b1a;border:1px solid #f59e0b38;border-radius:4px;color:#f59e0b;font-size:9.5px;margin-left:2px;padding:1px 6px}.pcmg2-lb-lane-badge,.pcmg2-lb-meta-old{font-weight:700;letter-spacing:.05em;text-transform:uppercase}.pcmg2-lb-lane-badge{background:#3b82f6cc;border-radius:6px;color:#fff;flex-shrink:0;font-size:10px;padding:3px 10px;white-space:nowrap}.pcmg2-lb-lane-badge.technical{background:#f59e0bd9}.pcmg2-lb-filename{color:#9ca3af;font-size:12px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcmg2-lb-counter{color:#6b7280;font-size:12px;white-space:nowrap}.pcmg2-lb-zoom{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;display:flex;gap:4px;padding:4px 8px}.pcmg2-lb-zoom-btn{align-items:center;background:#ffffff14;border:none;border-radius:6px;color:#e5e7eb;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:30px;justify-content:center;line-height:1;transition:background .15s;width:30px}.pcmg2-lb-zoom-btn:hover{background:#ffffff2e}.pcmg2-lb-zoom-btn:disabled{cursor:default;opacity:.3}.pcmg2-lb-zoom-pct{font-feature-settings:"tnum";color:#9ca3af;font-size:12px;font-variant-numeric:tabular-nums;min-width:42px;text-align:center}.pcmg2-lb-zoom-reset{font-size:15px}.pcmg2-lb-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.pcmg2-lb-action-btn{align-items:center;background:#ffffff12;border:1px solid #ffffff24;border-radius:8px;color:#e5e7eb;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:background .15s,border-color .15s;white-space:nowrap}.pcmg2-lb-action-btn:hover{background:#ffffff26;border-color:#ffffff4d}.pcmg2-lb-action-delete{color:#fca5a5}.pcmg2-lb-action-delete:hover{background:#b91c1c8c;border-color:#ef444480;color:#fff}.pcmg2-lb-caption-block{align-items:baseline;border-top:1px solid #ffffff14;cursor:pointer;display:flex;flex-shrink:0;gap:10px;margin-top:10px;padding:8px 4px}.pcmg2-lb-caption-block:hover .pcmg2-lb-caption-text{color:#f9fafb}.pcmg2-lb-caption-text{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#d1d5db;display:-webkit-box;flex:1 1;font-size:15px;line-height:1.55;margin:0;overflow:hidden;text-align:left;text-overflow:ellipsis;word-break:break-word}.pcmg2-lb-caption-block.expanded .pcmg2-lb-caption-text{-webkit-line-clamp:unset;overflow:visible}.pcmg2-lb-caption-expand{align-self:flex-end;color:#6b7280;flex-shrink:0;font-size:11px;padding-bottom:2px;white-space:nowrap}.pcmg2-lb-caption-block:hover .pcmg2-lb-caption-expand{color:#9ca3af}.pcmg2-lb-action-move{background:#3b82f626;border-color:#3b82f666;color:#93c5fd}.pcmg2-lb-action-move:hover{background:#3b82f64d!important;border-color:#3b82f699!important;color:#bfdbfe!important}.pcmg2-lb-action-download{letter-spacing:.01em}.pcmg2-lb-action-pdf{text-decoration:none}.pcmg2-lb-pdf-overlay-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:20px;bottom:20px;color:#fff;font-size:13px;left:50%;padding:7px 18px;position:absolute;text-decoration:none;transform:translateX(-50%);transition:background .15s;white-space:nowrap;z-index:5}.pcmg2-lb-pdf-overlay-btn:hover{background:#000000d9}.pctag-input-wrapper{position:relative}.pctag-input-field{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-wrap:wrap;gap:6px;min-height:42px;padding:8px 12px;transition:border-color .2s,box-shadow .2s}.pctag-input-field:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.pctag-chip{align-items:center;border-radius:6px;display:inline-flex;font-size:13px;font-weight:500;gap:4px;padding:3px 10px;white-space:nowrap}.pctag-chip-default{background:#f3f4f6;color:#4b5563}.pctag-chip-gray{background:#e5e7eb;color:#4b5563}.pctag-chip-brown{background:#fde8cd;color:#92400e}.pctag-chip-orange{background:#ffedd5;color:#c2410c}.pctag-chip-yellow{background:#fef9c3;color:#a16207}.pctag-chip-green{background:#dcfce7;color:#16a34a}.pctag-chip-blue{background:#dbeafe;color:#2563eb}.pctag-chip-purple{background:#ede9fe;color:#7c3aed}.pctag-chip-pink{background:#fce7f3;color:#db2777}.pctag-chip-red{background:#fee2e2;color:#dc2626}.pctag-remove{background:none;border:none;cursor:pointer;font-size:11px;line-height:1;opacity:.6;padding:0 2px}.pctag-remove:hover{opacity:1}.pctag-input-inline{background:#0000;border:none;color:#1a1a1a;flex:1 1;font-size:13px;min-width:120px;outline:none}.pctag-empty,.pctag-input-inline::placeholder{color:#9ca3af}.pctag-empty{font-size:13px}.pctag-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 20px #0000001f;left:0;margin-top:4px;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.pctag-dropdown-empty{color:#9ca3af;font-size:13px;padding:12px 16px}.pctag-dropdown-item{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:8px 14px;position:relative;transition:background .1s}.pctag-dropdown-item:hover{background:#f9fafb}.pctag-dropdown-content{align-items:center;display:flex;flex:1 1;font-size:14px;gap:8px}.pctag-icon{font-size:14px}.pctag-color-dot{border-radius:3px;height:10px;width:10px}.pctag-dot-default{background:#d1d5db}.pctag-dot-gray{background:#9ca3af}.pctag-dot-brown{background:#d97706}.pctag-dot-orange{background:#ea580c}.pctag-dot-yellow{background:#ca8a04}.pctag-dot-green{background:#16a34a}.pctag-dot-blue{background:#2563eb}.pctag-dot-purple{background:#7c3aed}.pctag-dot-pink{background:#db2777}.pctag-dot-red{background:#dc2626}.pctag-dropdown-menu-btn{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:14px;padding:2px 6px;transition:background .15s}.pctag-dropdown-menu-btn:hover{background:#e5e7eb;color:#4b5563}.pctag-dropdown-create{color:#3b82f6;font-weight:500}.pctag-color-menu{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 20px #00000026;padding:8px 0;position:fixed;width:220px;z-index:200}.pctag-menu-header{border-bottom:1px solid #f3f4f6;padding:8px 14px}.pctag-menu-name{border:1px solid #e5e7eb;border-radius:6px;font-size:13px;outline:none;padding:6px 10px;width:100%}.pctag-menu-name:focus{border-color:#3b82f6}.pctag-menu-delete{align-items:center;background:none;border:none;color:#dc2626;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 14px;transition:background .15s;width:100%}.pctag-menu-delete:hover{background:#fef2f2}.pctag-menu-section{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 14px 4px;text-transform:uppercase}.pctag-color-options{padding:4px 6px}.pctag-color-option{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:6px 10px;transition:background .1s}.pctag-color-option:hover{background:#f3f4f6}.pctag-color-swatch{border-radius:4px;height:16px;width:16px}.pctag-swatch-default{background:#e5e7eb}.pctag-swatch-gray{background:#9ca3af}.pctag-swatch-brown{background:#d97706}.pctag-swatch-orange{background:#ea580c}.pctag-swatch-yellow{background:#eab308}.pctag-swatch-green{background:#22c55e}.pctag-swatch-blue{background:#3b82f6}.pctag-swatch-purple{background:#8b5cf6}.pctag-swatch-pink{background:#ec4899}.pctag-swatch-red{background:#ef4444}.pctag-check{color:#3b82f6;font-weight:600;margin-left:auto}.pcrte-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:visible;transition:border-color .2s,box-shadow .2s}.pcrte-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.pcrte-toolbar{align-items:center;background:#f9fafb;border-bottom:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:2px;padding:6px 10px}.pcrte-btn{background:none;border:none;border-radius:6px;color:#4b5563;cursor:pointer;font-size:13px;line-height:1.3;padding:5px 10px;transition:background .15s,color .15s}.pcrte-btn:hover{background:#e5e7eb}.pcrte-btn.active{background:#dbeafe;color:#2563eb}.pcrte-divider{background:#e5e7eb;height:20px;margin:0 4px;width:1px}.pcrte-editor{word-wrap:break-word;border-radius:0 0 12px 12px;box-sizing:border-box;color:#1a1a1a;font-size:14px;line-height:1.7;min-height:160px;outline:none;overflow:auto;padding:14px 16px;resize:vertical;white-space:pre-wrap}.pcrte-editor:empty:before{color:#9ca3af;content:attr(data-placeholder);pointer-events:none}.pcrte-editor p{font-size:14px;line-height:1.7;margin:0 0 4px}.pcrte-editor h2{color:#1a1a1a;font-size:20px;font-weight:700;margin:16px 0 8px}.pcrte-editor h3{color:#374151;font-size:16px;font-weight:600;margin:12px 0 6px}.pcrte-editor ol,.pcrte-editor ul{margin:8px 0;padding-left:24px}.pcrte-editor li{margin:4px 0}.pcrte-readonly{color:#374151;font-size:14px;line-height:1.7}.pcrte-readonly h2{font-size:20px;font-weight:700;margin:16px 0 8px}.pcrte-readonly h3{font-size:16px;font-weight:600;margin:12px 0 6px}.pcrte-readonly ol,.pcrte-readonly ul{padding-left:24px}.pcrte-empty{color:#9ca3af;font-style:italic}.pcc-root{display:flex;flex-direction:column;gap:10px}.pcc-empty-view{color:#9ca3af;font-size:13px;padding:8px 0}.pcc-card{background:#f9fafb;border:1px solid #e8eaed;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:14px 16px;transition:border-color .15s,box-shadow .15s}.pcc-card:hover{border-color:#d1d5db;box-shadow:0 1px 4px #0000000f}.pcc-card-meta{align-items:center;display:flex;gap:8px;justify-content:space-between;min-height:28px}.pcc-card-meta-left{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:6px}.pcc-tag-sep{font-size:13px;padding:0 2px}.pcc-drag-handle,.pcc-tag-sep{color:#d1d5db;flex-shrink:0;-webkit-user-select:none;user-select:none}.pcc-drag-handle{cursor:grab;font-size:14px;line-height:1;padding:2px 4px}.pcc-drag-handle:hover{color:#9ca3af}.pcc-delete-btn{background:none;border:none;border-radius:6px;color:#d1d5db;cursor:pointer;flex-shrink:0;font-size:14px;padding:4px;transition:color .15s,background .15s}.pcc-delete-btn:hover{background:#fef2f2;color:#dc2626}.pcc-card-rule-edit{align-items:center;display:flex;gap:8px}.pcc-card-rule-display{align-items:baseline;display:flex;flex-wrap:wrap;gap:4px;line-height:1.4}.pcc-rule-op{background:#e5e7eb;border-radius:5px;color:#4b5563;font-size:12px;font-weight:500;padding:2px 7px;white-space:nowrap}.pcc-rule-sep{color:#9ca3af;font-size:14px}.pcc-rule-val{color:#111827;font-size:15px;font-weight:700;word-break:break-word}.pcc-rule-empty{color:#9ca3af;font-size:14px}.pcc-card-reason{color:#6b7280;font-size:13px;line-height:1.5;padding-top:2px}.pcc-reason-input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#374151;font-family:inherit;font-size:13px;height:34px;outline:none;padding:0 10px;transition:border-color .15s;width:100%}.pcc-reason-input:focus{border-color:#93c5fd}.pcc-reason-input::placeholder{color:#9ca3af;font-style:italic}.pcc-add-notes-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:12px;padding:0;text-align:left;text-decoration:underline;text-underline-offset:2px;transition:color .15s}.pcc-add-notes-btn:hover{color:#6b7280}.pcc-view-notes-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:12px;padding:0;text-align:left;text-decoration:underline;text-underline-offset:2px;transition:color .15s}.pcc-view-notes-btn:hover{color:#6b7280}.pcc-notes-row{align-items:flex-start;display:flex;gap:8px}.pcc-notes-input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;flex:1 1;font-family:inherit;font-size:13px;min-height:52px;outline:none;padding:8px 10px;resize:vertical;transition:border-color .15s}.pcc-notes-input:focus{border-color:#93c5fd}.pcc-notes-readonly{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;flex:1 1;font-size:13px;line-height:1.5;padding:8px 10px;white-space:pre-wrap;word-break:break-word}.pcc-collapse-notes{background:none;border:none;color:#9ca3af;cursor:pointer;flex-shrink:0;font-size:11px;padding:4px 0;white-space:nowrap}.pcc-collapse-notes:hover{color:#6b7280}.pcc-value-input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;flex:1 1;font-family:inherit;font-size:14px;height:36px;min-width:80px;outline:none;padding:0 10px;transition:border-color .15s}.pcc-value-input:focus{border-color:#93c5fd}.pcc-add-btn{background:#fff;border:1.5px dashed #d1d5db;border-radius:10px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;height:36px;margin-top:4px;padding:0 16px;transition:border-color .15s,color .15s,background .15s;width:100%}.pcc-add-btn:hover{background:#f0f9ff;border-color:#93c5fd;color:#374151}.pcc-drag-overlay-row{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #00000024;color:#374151;display:flex;font-size:13px;gap:8px;padding:12px 16px}.pcc-drag-sep{color:#d1d5db}.pcc-tag-select{min-width:110px;position:relative}.pcc-tag-chip{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1d4ed8;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:4px;padding:4px 10px;white-space:normal;word-break:break-word}.pcc-tag-chip-clear{background:none;border:none;color:#93c5fd;cursor:pointer;font-size:14px;line-height:1;margin-left:2px;padding:0}.pcc-tag-chip-clear:hover{color:#3b82f6}.pcc-tag-trigger{border:1px dashed #d1d5db;border-radius:8px;color:#9ca3af;cursor:pointer;font-size:13px;padding:4px 10px;transition:border-color .15s,color .15s;white-space:normal;word-break:break-word}.pcc-tag-trigger:hover{border-color:#93c5fd;color:#374151}.pcc-tag-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001a;left:0;max-width:260px;min-width:180px;position:absolute;top:calc(100% + 4px);z-index:9999}.pcc-tag-search{border:none;border-bottom:1px solid #e5e7eb;border-radius:10px 10px 0 0;box-sizing:border-box;color:#374151;font-size:14px;outline:none;padding:8px 12px;width:100%}.pcc-tag-list{max-height:200px;overflow-y:auto;padding:4px 0}.pcc-tag-option{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:6px;justify-content:space-between;padding:6px 14px;transition:background .1s}.pcc-tag-option:hover{background:#f3f4f6}.pcc-tag-option.selected{background:#eff6ff;color:#2563eb;font-weight:500}.pcc-tag-option.selected:hover{background:#dbeafe}.pcc-tag-option-label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcc-tag-option-delete{background:none;border:none;border-radius:3px;color:#d1d5db;cursor:pointer;flex-shrink:0;font-size:15px;line-height:1;opacity:0;padding:0 2px;transition:opacity .15s,color .15s}.pcc-tag-option:hover .pcc-tag-option-delete{opacity:1}.pcc-tag-option-delete:hover{color:#ef4444}.pcc-tag-create{color:#3b82f6;font-weight:500}.pcc-tag-empty{color:#9ca3af;font-size:12px;padding:10px 14px}.pcc-operator-wrap{min-width:140px;position:relative}.pcc-operator-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:6px;height:36px;padding:0 10px;text-align:left;transition:border-color .15s,background .15s;width:100%}.pcc-operator-btn.open,.pcc-operator-btn:hover{background:#f0f9ff;border-color:#93c5fd}.pcc-operator-btn.placeholder .pcc-op-placeholder{color:#9ca3af}.pcc-op-symbol{color:#3b82f6;flex-shrink:0;font-size:15px;font-weight:700;min-width:18px;text-align:center}.pcc-op-label{color:#374151;flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcc-op-placeholder{flex:1 1;font-size:14px}.pcc-op-caret{color:#9ca3af;flex-shrink:0;font-size:11px}.pcc-operator-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001f;left:0;min-width:200px;overflow:hidden;padding:4px 0;position:absolute;top:calc(100% + 4px);z-index:9999}.pcc-operator-option{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:9px 14px;text-align:left;transition:background .1s;width:100%}.pcc-operator-option:hover{background:#f3f4f6}.pcc-operator-option.selected{background:#eff6ff;color:#1d4ed8}.pcc-operator-option .pcc-op-symbol{color:#3b82f6;font-weight:700}.pcc-operator-option.selected .pcc-op-symbol{color:#1d4ed8}.pcc-op-option-label{flex:1 1}.pcc-op-check{color:#3b82f6;font-size:12px;font-weight:700}.pcc-operator-display{align-items:center;color:#374151;display:flex;font-size:14px;gap:6px;padding:4px 0}.pcc-card-actions{align-items:center;display:flex;flex-shrink:0;gap:2px;opacity:0;transition:opacity .15s}.pcc-card--view:focus-within .pcc-card-actions,.pcc-card--view:hover .pcc-card-actions{opacity:1}.pcc-edit-btn{background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;font-size:15px;line-height:1;padding:4px 5px;transition:color .15s,background .15s}.pcc-edit-btn:hover{background:#eff6ff;color:#2563eb}.pcc-view-tag{color:#374151;font-size:14px;font-weight:600}.pcc-header-sep{color:#9ca3af;font-size:1.2em;font-weight:500;line-height:1;margin-left:6px;margin-right:6px;vertical-align:middle}.pcc-view-empty-meta{color:#d1d5db;font-size:11px;font-style:italic}.pcc-card--edit{background:#f0f9ff;border-color:#bfdbfe}.pcc-card-actions-edit{display:flex;gap:8px;justify-content:flex-end;padding-top:2px}.pcc-save-btn{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;height:32px;padding:0 18px;transition:background .15s}.pcc-save-btn:hover{background:#1d4ed8}.pcc-cancel-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-family:inherit;font-size:13px;height:32px;padding:0 14px;transition:background .15s,color .15s}.pcc-cancel-btn:hover{background:#f9fafb;color:#374151}.pcc-conditions-view{display:flex;flex-direction:column;gap:4px}.pcc-cond-view-row{color:#1f2937;font-size:15px;font-weight:500;line-height:1.5}.pcc-cond-row{align-items:center;display:flex;gap:8px}.pcc-cond-drag{color:#d1d5db;cursor:grab;flex-shrink:0;font-size:13px;line-height:1;padding:2px 4px;-webkit-user-select:none;user-select:none}.pcc-cond-drag:hover{color:#9ca3af}.pcc-cond-remove{background:none;border:none;border-radius:6px;color:#d1d5db;cursor:pointer;flex-shrink:0;font-size:13px;padding:4px;transition:color .15s,background .15s}.pcc-cond-remove:hover{background:#fef2f2;color:#dc2626}.pcc-add-condition-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:12px;padding:0;text-align:left;text-decoration:underline;text-underline-offset:2px;transition:color .15s}.pcc-add-condition-btn:hover{color:#374151}.pw-workspace{display:flex;flex-direction:column;gap:0}.pw-workflow-hint{align-items:center;color:#9ca3af;display:flex;font-size:11px;gap:6px;letter-spacing:.3px;padding:6px 2px 2px}.pw-wf-sep{color:#d1d5db;font-size:10px}.pw-no-suppliers-banner{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#92400e;font-size:13px;line-height:1.5;margin-bottom:12px;padding:11px 16px}.pw-tab-bar{align-items:center;background:#fff;border-bottom:2px solid #e5e7eb;border-top:1px solid #f3f4f6;box-shadow:0 4px 12px #00000012;display:flex;justify-content:space-between;margin-left:-24px;margin-right:-24px;padding:0 24px;position:-webkit-sticky;position:sticky;top:68px;z-index:100}.pw-tab-bar-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.pw-tabs{display:flex;gap:0}.pw-tab{align-items:flex-start;background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;gap:1px;margin-bottom:-2px;padding:10px 22px 8px;transition:color .15s,border-color .15s;white-space:nowrap}.pw-tab,.pw-tab-main{font-size:14px;font-weight:600}.pw-tab-main,.pw-tab-sub{line-height:1.2}.pw-tab-sub{color:#b0b7c3;font-size:10px;font-weight:400;letter-spacing:.2px;text-transform:none;transition:color .15s}.pw-tab.active .pw-tab-sub{color:#93b8f7}.pw-tab:hover{color:#374151}.pw-tab.active{border-bottom-color:#2563eb;color:#2563eb}.pw-currency-wrap{margin-right:8px;position:relative}.pw-currency-btn{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;padding:6px 12px;transition:border-color .15s,background .15s}.pw-currency-btn:hover{background:#f1f5f9;border-color:#94a3b8}.pw-currency-arrow{color:#9ca3af;font-size:10px}.pw-currency-menu{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:90px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:200}.pw-currency-option{color:#374151;cursor:pointer;font-size:13px;padding:9px 16px;transition:background .12s}.pw-currency-option:hover{background:#f8fafc}.pw-currency-option.active{background:#eff6ff;color:#2563eb;font-weight:600}.pw-tier-switcher{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;margin-bottom:20px;padding:16px 0 12px}.pw-tier-arrow{color:#d1d5db;flex-shrink:0;font-size:18px}.pw-tier-block{align-items:center;border:1.5px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex:1 1;gap:8px;justify-content:space-between;padding:12px 16px;transition:background .15s,border-color .15s,box-shadow .15s}.pw-tier-block.pw-tier-active{background:#eff6ff;border-color:#93c5fd;cursor:default}.pw-tier-block.pw-tier-inactive{background:#f9fafb;border-color:#e5e7eb}.pw-tier-block.pw-tier-inactive:hover{background:#f3f4f6;border-color:#cbd5e1;box-shadow:0 2px 6px #0000000f}.pw-tier-block-inner{align-items:center;display:flex;gap:10px}.pw-tier-badge{align-items:center;background:#e5e7eb;border-radius:20px;color:#6b7280;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.pw-tier-badge.active{background:#2563eb;color:#fff}.pw-tier-name{color:#374151;font-size:13px;font-weight:500}.pw-tier-tag{border-radius:20px;flex-shrink:0;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.pw-tier-tag.active{background:#dcfce7;color:#16a34a}.pw-tier-tag.inactive{background:#f3f4f6;color:#9ca3af}.pw-tier1,.pw-tier2{display:flex;flex-direction:column;gap:20px}.pw-current-price-row{align-items:flex-start;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;justify-content:space-between;padding:16px 20px}.pw-current-price-block{display:flex;flex-direction:column;gap:4px}.pw-current-price-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.pw-current-price-value{color:#111827;font-size:26px;font-weight:700;letter-spacing:-.5px}.pw-current-price-date{color:#9ca3af;font-size:12px}.pw-no-price{color:#9ca3af;font-size:18px;font-weight:400}.pw-derived-tag{background:#e5e7eb;border-radius:20px;color:#6b7280;font-size:11px;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.pw-btn-add{background:#2563eb;border:none;border-radius:9px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:8px 16px;transition:background .15s;white-space:nowrap}.pw-btn-add:hover{background:#1d4ed8}.pw-btn-primary{background:#2563eb;border:none;border-radius:9px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:9px 20px;transition:background .15s}.pw-btn-primary:hover{background:#1d4ed8}.pw-btn-primary:disabled{cursor:not-allowed;opacity:.45}.pw-btn-cancel{background:#0000;border:1.5px solid #e5e7eb;border-radius:9px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;padding:9px 18px;transition:background .15s,border-color .15s}.pw-btn-cancel:hover{background:#f9fafb;border-color:#cbd5e1}.pw-chart-wrap{background:#fafafa;border:1px solid #f0f0f0;border-radius:10px;padding:12px 4px 4px}.pw-chart-section{display:flex;flex-direction:column;gap:16px;min-width:0;width:100%}.pw-line-selectors{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:10px;width:100%}.pw-line-sel-wrap{flex:1 1;min-width:0;position:relative}.pw-line-sel-btn{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;font-size:13px;gap:8px;max-width:100%;overflow:hidden;padding:9px 12px;text-align:left;transition:border-color .15s;width:100%}.pw-line-sel-btn:hover{border-color:#94a3b8}.pw-line-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.pw-dot-1{background:#3b82f6}.pw-dot-2{background:#059669}.pw-line-sel-label,.pw-line-sel-placeholder{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw-line-sel-label{color:#1a1a1a;font-weight:500}.pw-line-sel-placeholder{color:#9ca3af}.pw-line-sel-btn>svg{color:#6b7280;flex-shrink:0}.pw-line-type-btn-custom>svg{color:inherit;opacity:.7}.pw-line-sel-menu{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #0000001f;box-sizing:border-box;left:0;max-height:220px;max-width:calc(100vw - 32px);overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:150}.pw-line-sel-clear,.pw-line-sel-empty,.pw-line-sel-option{cursor:pointer;font-size:13px;overflow-wrap:break-word;padding:9px 14px;transition:background .12s;white-space:normal;word-break:break-word}.pw-line-sel-option:hover{background:#f8fafc}.pw-line-sel-option.active{background:#eff6ff;color:#2563eb;font-weight:600}.pw-line-sel-clear{border-bottom:1px solid #f3f4f6;color:#6b7280;font-style:italic}.pw-line-sel-empty{color:#9ca3af;cursor:default;font-style:italic}.pw-chart-empty-hint{background:#f9fafb;border:1px dashed #e5e7eb;border-radius:10px;color:#9ca3af;font-size:13px;padding:24px;text-align:center}.pw-section-tabs{border-bottom:1.5px solid #e5e7eb;display:flex;gap:0;margin-bottom:4px}.pw-section-tab{background:#0000;border:none;border-bottom:2.5px solid #0000;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;margin-bottom:-1.5px;padding:10px 18px;transition:color .15s,border-color .15s;white-space:nowrap}.pw-section-tab:hover{color:#374151}.pw-section-tab.active{border-bottom-color:#2563eb;color:#2563eb;font-weight:600}.pw-chart-stats{align-items:stretch;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:0;overflow:hidden;padding:0}.pw-chart-stat{display:flex;flex:1 1;flex-direction:column;gap:3px;padding:14px 20px}.pw-chart-stat-sep{background:#e5e7eb;flex-shrink:0;margin:10px 0;width:1px}.pw-stat-label{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.pw-stat-value{color:#111827;font-size:22px}.pw-stat-pct,.pw-stat-value{font-weight:700;letter-spacing:-.3px}.pw-stat-pct{font-size:18px}.pw-stat-pct.up{color:#ef4444}.pw-stat-pct.down{color:#10b981}.pw-stat-sub{color:#9ca3af;font-size:12px}.pw-section{display:flex;flex-direction:column;gap:16px}.pw-table-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.pw-table-heading{color:#1a1a1a;font-size:14px;font-weight:700}.pw-source-tag{background:#d1fae5;border-radius:20px;color:#059669;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.pw-sort-toggle{background:#0000;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:12px;font-weight:500;padding:5px 10px;transition:background .12s,color .12s}.pw-sort-toggle:hover{background:#f3f4f6;color:#374151}.pw-sort-chips{align-items:center;display:flex;gap:6px}.pw-sort-label{color:#9ca3af;font-size:12px}.pw-sort-chip{background:#0000;border:1px solid #e5e7eb;border-radius:20px;color:#6b7280;cursor:pointer;font-size:12px;font-weight:500;padding:4px 10px;transition:background .12s,border-color .12s,color .12s}.pw-sort-chip:hover{background:#f3f4f6}.pw-sort-chip.active{background:#eff6ff;border-color:#93c5fd;color:#2563eb;font-weight:600}.pw-sort-ind{color:#cbd5e1;font-size:12px;margin-left:2px}.pw-sort-ind.active{color:#2563eb}.pw-table-scroll{border:1px solid #e5e7eb;border-radius:10px;overflow-x:auto}.pw-table{border-collapse:collapse;font-size:13px;width:100%}.pw-table th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;padding:10px 14px;text-align:left;white-space:nowrap}.pw-table td{border-bottom:1px solid #f3f4f6;color:#1a1a1a;padding:10px 14px;vertical-align:middle}.pw-table tbody tr:last-child td{border-bottom:none}.pw-table tbody tr:hover td{background:#fafafa}.pw-th-sort{cursor:pointer;-webkit-user-select:none;user-select:none}.pw-th-sort:hover{background:#f1f5f9}.pw-pt-th-toggle{padding:0!important;width:32px}.pw-pt-th-supplier{width:18%}.pw-pt-th-group{width:26%}.pw-pt-toggle-cell{padding:0!important;text-align:center;vertical-align:middle;width:32px}.pw-pt-arrow{color:#94a3b8;display:inline-block;font-size:9px;line-height:1;transition:transform .18s ease;-webkit-user-select:none;user-select:none}.pw-pt-arrow.open{transform:rotate(90deg)}.pw-pt-parent--clickable{cursor:pointer}.pw-pt-parent--clickable:hover td{background:#e8eef5}.pw-pt-parent td{background:#f1f5f9;border-top:2px solid #e2e8f0;padding-bottom:11px;padding-top:11px}.pw-pt-parent:first-child td{border-top:none}.pw-pt-supplier{color:#0f172a;font-size:13px;font-weight:700}.pw-pt-group{color:#334155;font-size:13px;font-weight:600}.pw-pt-range{color:#1e40af;font-size:13px;font-weight:700;white-space:nowrap}.pw-pt-child td{background:#fff;border-bottom:1px solid #f1f5f9;color:#374151;font-size:13px;padding-bottom:8px;padding-top:8px}.pw-pt-child--last td{border-bottom:none}.pw-pt-child-supplier-spacer{background:#f8fafc!important;border-right:2px solid #e2e8f0;width:18%}.pw-pt-child .pw-pt-toggle-cell{background:#f8fafc!important}.pw-pt-child-variant{align-items:center;color:#475569;display:flex;font-weight:500;gap:6px;padding-left:20px!important}.pw-pt-variant-prefix{color:#94a3b8;flex-shrink:0;font-size:12px;margin-right:4px;-webkit-user-select:none;user-select:none}.pw-cell-editable{border-radius:4px;cursor:pointer;display:inline-block;margin:-2px -4px;padding:2px 4px;transition:background .12s}.pw-cell-editable:hover{background:#eff6ff;color:#2563eb}.pw-cell-static{color:#374151}.pw-inline-dropdown-wrap{min-width:120px;position:relative}.pw-inline-dropdown-wrap .ct-input{border-radius:6px;font-size:13px;height:32px;padding:0 8px}.pw-inline-dropdown-wrap .ct-chip-row{min-height:32px;padding:2px 0}.pw-inline-dropdown-wrap .ct-chip{font-size:12px;padding:3px 8px 3px 10px}.pw-cell-empty{color:#cbd5e1}.pw-cell-placeholder{color:#d1d5db;font-style:italic}.pw-inline-input{min-width:80px;padding:4px 6px}.pw-inline-input,.pw-inline-textarea{background:#fff;border:1.5px solid #3b82f6;border-radius:6px;box-sizing:border-box;font-size:13px;outline:none;width:100%}.pw-inline-textarea{font-family:inherit;line-height:1.45;max-height:120px;min-height:44px;min-width:120px;overflow-y:auto;padding:5px 7px;resize:vertical}.pw-change-up{color:#ef4444}.pw-change-down,.pw-change-up{font-size:12px;font-weight:600}.pw-change-down{color:#10b981}.pw-change-neutral{color:#9ca3af;font-size:12px}.pw-row-del{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;font-size:14px;height:26px;justify-content:center;transition:background .12s,color .12s;width:26px}.pw-row-del:hover{background:#fee2e2;color:#ef4444}.pw-empty-hint{background:#f9fafb;border:1px dashed #e5e7eb;border-radius:10px;color:#9ca3af;font-size:13px;margin:0;padding:16px;text-align:center}.pw-hover-tip{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #00000021;color:#111827;font-size:12px;max-width:260px;min-width:200px;padding:12px 16px;pointer-events:none;position:absolute;white-space:normal;word-break:break-word;z-index:9999}.pw-tip-date{color:#9ca3af;font-size:11px;font-weight:500;letter-spacing:.2px}.pw-tip-divider{background:#e5e7eb;height:1px;margin:10px 0;opacity:.8}.pw-tip-divider--soft{background:#f3f4f6;margin:8px 0}.pw-tip-variant{font-size:12px;font-weight:600;line-height:1.4;margin-bottom:8px}.pw-tip-section{display:flex;flex-direction:column;gap:2px}.pw-tip-type-label{color:#6b7280;font-size:11px;font-weight:500;letter-spacing:.4px;text-transform:uppercase}.pw-tip-value{color:#111827;font-size:16px;font-weight:700;letter-spacing:-.2px}.pw-tip-note{color:#9ca3af;font-size:11px;font-style:italic}.pw-tip-change{font-size:11px;font-weight:600}.pw-tip-change.up{color:#16a34a}.pw-tip-change.down{color:#dc2626}.pw-tip-change.flat{color:#9ca3af}.pw-tip-first{color:#9ca3af;font-size:11px;font-style:italic}.pw-tooltip{background:#1e293b;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;font-size:12px;max-width:200px;padding:8px 12px}.pw-tooltip-date{font-weight:600;margin-bottom:2px}.pw-tooltip-price{color:#7dd3fc}.pw-tooltip-note{color:#94a3b8;font-style:italic;margin-top:2px}.pw-overlay{align-items:center;background:#00000059;inset:0;justify-content:center;overflow:auto;padding:24px;position:fixed;z-index:1000}.pw-modal,.pw-overlay{box-sizing:border-box;display:flex}.pw-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;flex-direction:column;overflow:hidden;overflow-wrap:break-word;width:100%;word-break:break-word}.pw-modal,.pw-modal--wide{max-width:min(720px,calc(100vw - 48px))}.pw-modal-header{align-items:center;border-bottom:1px solid #f3f4f6;color:#111827;display:flex;font-size:15px;font-weight:700;justify-content:space-between;padding:18px 20px 16px}.pw-modal-close{background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;height:28px;transition:background .12s;width:28px}.pw-modal-close:hover{background:#e5e7eb}.pw-modal-body{box-sizing:border-box;gap:4px;max-height:60vh;overflow-x:hidden;overflow-y:auto;padding:24px 28px}.pw-modal-body,.pw-modal-grid{display:flex;flex-direction:column}.pw-modal-grid{gap:0}.pw-modal-row{display:flex;gap:16px;margin-bottom:16px}.pw-modal-row--supplier{margin-bottom:22px}.pw-modal-field{display:flex;flex-direction:column;min-width:0}.pw-modal-field--full{flex:1 1 100%}.pw-modal-field--group{flex:7 1}.pw-modal-field--variant{flex:9 1}.pw-modal-field--price{flex:6 1;min-width:130px}.pw-modal-full{grid-column:1/-1}.ct-wrap{position:relative;width:100%}.ct-input{box-sizing:border-box;width:100%}.ct-dropdown{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 28px #0000001c;left:0;max-height:220px;min-width:200px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:200}.ct-dropdown[style*="position: fixed"]{right:auto}.ct-hint{border-bottom:1px solid #f3f4f6;color:#9ca3af;font-size:11px;font-weight:500;letter-spacing:.2px;padding:8px 14px 6px;pointer-events:none;-webkit-user-select:none;user-select:none}.ct-section{padding:4px 0}.ct-divider{background:#f3f4f6;height:1px;margin:0}.ct-option{align-items:center;color:#1f2937;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:9px 14px;transition:background .1s}.ct-option:hover{background:#f5f7fa}.ct-option--create{color:#2563eb;font-weight:600;padding:9px 14px}.ct-option--create:hover{background:#eff6ff}.ct-create-icon{color:#3b82f6;flex-shrink:0;font-size:15px;font-weight:700;line-height:1}.ct-chip-row{align-items:flex-start;display:flex;min-height:40px;padding:4px 0}.ct-chip{align-items:center;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:8px;color:#1d4ed8;display:inline-flex;font-size:13px;font-weight:500;gap:6px;max-width:100%;padding:5px 8px 5px 12px}.ct-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ct-chip-remove{background:none;border:none;color:#93c5fd;cursor:pointer;flex-shrink:0;font-size:16px;line-height:1;padding:0 2px;transition:color .12s}.ct-chip-remove:hover{color:#1d4ed8}.ct-no-results{align-items:center;display:flex;flex-direction:column;gap:4px;padding:16px 14px;text-align:center}.ct-no-results-title{color:#374151;font-size:13px;font-weight:600}.ct-no-results-hint{color:#9ca3af;font-size:11px}.pw-modal-tier-tag{background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;color:#2563eb;font-size:11px;font-weight:700;letter-spacing:.3px;padding:2px 10px}.pw-modal-input--prominent{font-size:14px;font-weight:500;height:44px}.pw-modal-label{color:#374151;display:block;font-size:12px;font-weight:600;letter-spacing:.4px;margin-bottom:4px;text-transform:uppercase}.pw-modal-opt{color:#9ca3af;font-weight:400;letter-spacing:0;text-transform:none}.pw-modal-input{border:1.5px solid #e5e7eb;border-radius:9px;box-sizing:border-box;font-family:inherit;font-size:13px;height:40px;outline:none;padding:0 12px;transition:border-color .15s;width:100%}.pw-modal-input:focus{border-color:#3b82f6;outline:none}.pw-modal-input--price{text-align:left}.pw-modal-textarea{height:auto;line-height:1.5;min-height:44px;padding:10px 12px;resize:vertical}.pw-modal-footer{background:#fafafa;border-top:1px solid #f3f4f6;display:flex;gap:8px;justify-content:flex-end;padding:14px 28px}.pw-price-summary-row{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:0;margin:16px 0;overflow:hidden}.pw-price-summary-block{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px 20px}.pw-price-summary-sep{background:#e5e7eb;flex-shrink:0;margin:12px 0;width:1px}.pw-price-summary-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.pw-price-summary-value{color:#111827;font-size:22px;font-weight:700;letter-spacing:-.3px}.pw-mode-bar{background:#f3f4f6;border-radius:9px;display:inline-flex;gap:0;padding:3px;width:-webkit-fit-content;width:fit-content}.pw-mode-btn{background:#0000;border:none;border-radius:7px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;padding:8px 18px;transition:all .15s;white-space:nowrap}.pw-mode-btn:hover{color:#374151}.pw-mode-btn--selling.active{color:#2563eb}.pw-mode-btn--cost.active,.pw-mode-btn--selling.active{background:#fff;box-shadow:0 1px 3px #0000001a;font-weight:600}.pw-mode-btn--cost.active{color:#059669}.pw-mode-btn--both{position:relative}.pw-mode-btn--both.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#374151;font-weight:600}.pw-mode-btn--both.active:after{background:linear-gradient(90deg,#2563eb 50%,#059669 0);border-radius:2px;bottom:4px;content:"";height:2.5px;left:50%;position:absolute;transform:translateX(-50%);width:24px}.pw-line-both-row{align-items:stretch;display:flex;gap:8px;width:100%}.pw-line-both-variant{flex:1 1;min-width:0;position:relative}.pw-line-type-wrap{flex-shrink:0;position:relative}.pw-line-type-btn-custom{gap:6px;min-width:110px;width:auto}.pw-line-type-btn-custom--selling{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.pw-line-type-btn-custom--selling:hover{background:#dbeafe;border-color:#93c5fd}.pw-line-type-btn-custom--cost{background:#ecfdf5;border-color:#a7f3d0;color:#059669}.pw-line-type-btn-custom--cost:hover{background:#d1fae5;border-color:#6ee7b7}.pw-line-type-menu{left:0;min-width:100%;right:auto}.pw-line-type-option--selling.active{background:#eff6ff;color:#2563eb}.pw-line-type-option--cost.active{background:#ecfdf5;color:#059669}.pw-line-type-option--selling:hover{background:#f0f7ff}.pw-line-type-option--cost:hover{background:#f0fdf8}.pw-price-type-bar{background:#f3f4f6;border-radius:8px;display:flex;gap:0;margin-bottom:16px;padding:3px}.pw-price-type-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:8px 16px;text-align:center;transition:all .15s}.pw-price-type-btn:hover{color:#374151}.pw-price-type-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;font-weight:600}.pw-price-type-btn.active.selling{color:#2563eb}.pw-price-type-btn.active.cost,.pw-pt-range--cost{color:#059669}@media (max-width:700px){.pw-line-selectors{flex-direction:column}.pw-line-sel-wrap{flex:1 1 100%}.pw-line-both-row,.pw-modal-row{flex-direction:column}.pw-modal-field--group,.pw-modal-field--price,.pw-modal-field--variant{flex:1 1 100%;min-width:0}.pw-tab{font-size:13px;padding:12px 14px}.pw-mode-bar{flex-wrap:wrap}.pw-price-summary-row{flex-direction:column}.pw-price-summary-sep{height:1px;margin:0;width:100%}.pw-tab-bar{flex-wrap:wrap;gap:8px;padding:8px 16px}}@media (max-width:560px){.pw-modal-row{flex-wrap:wrap}.pw-modal-field--group{flex:1 1 100%}.pw-modal-field--variant{flex:1 1 60%}.pw-modal-field--price{flex:1 1 35%;min-width:90px}}.pw-overlay--confirm{z-index:1100}.pw-confirm-modal{align-items:center;background:#fff;border-radius:14px;box-shadow:0 16px 48px #0000002e;display:flex;flex-direction:column;gap:8px;max-width:360px;padding:28px 28px 24px;text-align:center;width:100%}.pw-confirm-icon{color:#d97706;font-size:28px;line-height:1;margin-bottom:4px}.pw-confirm-title{color:#111827;font-size:15px;font-weight:700}.pw-confirm-body{color:#6b7280;font-size:13px;line-height:1.55;margin-bottom:8px}.pw-confirm-actions{display:flex;gap:10px;justify-content:center;width:100%}.pw-btn-danger{border-radius:9px;padding:9px 20px;transition:background .15s}.pw-readonly-badge{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;color:#6b7280;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.pw-table-gen-hint{color:#9ca3af;font-size:11px;line-height:1.4;margin:0}.pw-margin-pos{color:#16a34a;font-weight:600}.pw-margin-neg{color:#dc2626;font-weight:600}.pw-updated-by{color:#9ca3af;font-size:12px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw-chart-empty-main{color:#6b7280;font-size:13px;margin-bottom:4px}.pw-chart-empty-sub{color:#b0b7c3;font-size:11px}.pw-workspace--redesign{display:flex;flex-direction:column;gap:20px}.pw-redesign-topbar{align-items:center;display:flex;gap:12px;justify-content:space-between}.pw-redesign-workflow-hint{color:#6b7280;flex:1 1;font-size:12px;min-width:0}.pw-redesign-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.pw-summary-cards{display:flex;gap:12px}.pw-summary-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex:1 1;flex-direction:column;gap:3px;overflow:hidden;padding:14px 16px 12px;position:relative}.pw-summary-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.pw-summary-card--selling:before{background:#3b82f6}.pw-summary-card--cost:before{background:#059669}.pw-summary-card--margin:before{background:#f59e0b}.pw-summary-card--updated:before{background:#8b5cf6}.pw-sc-label{color:#9ca3af;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.pw-sc-value{align-items:center;color:#111827;display:flex;flex-wrap:wrap;font-size:17px;font-weight:700;gap:4px;letter-spacing:-.2px;min-height:26px}.pw-sc-empty,.pw-sc-value--date{font-size:14px}.pw-sc-empty{color:#9ca3af;font-weight:400}.pw-sc-hint{color:#b0b7c3;font-size:10px;letter-spacing:.1px}.pw-md-grid{align-items:flex-start;display:flex;gap:0}.pw-divider-handle{align-self:stretch;cursor:col-resize;flex-shrink:0;position:relative;-webkit-user-select:none;user-select:none;width:10px;z-index:2}.pw-divider-handle:before{background:#e5e7eb;border-radius:1px;bottom:24px;content:"";left:50%;position:absolute;top:24px;transform:translateX(-50%);transition:background .15s,width .15s;width:2px}.pw-divider-handle:hover:before{background:#3b82f6;width:3px}.pw-divider-handle:active:before{background:#1d4ed8}.pw-expand-btn{background:#0000;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;flex-shrink:0;font-size:11px;font-weight:500;padding:3px 9px;transition:background .12s,color .12s,border-color .12s;white-space:nowrap}.pw-expand-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.pw-expand-btn--active{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.pw-left-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.pw-left-panel,.pw-panel-header{display:flex;flex-direction:column}.pw-panel-header{background:#fafbfc;border-bottom:1px solid #f3f4f6;gap:8px;padding:12px 14px 10px}.pw-panel-header-top{align-items:center;display:flex;gap:8px}.pw-panel-title{color:#1a1a1a;font-size:13px;font-weight:700}.pw-calc-badge{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;color:#6b7280;font-size:10px;font-weight:600;letter-spacing:.4px;padding:2px 7px;text-transform:uppercase;white-space:nowrap}.pw-left-empty{align-items:center;display:flex;flex-direction:column;gap:8px;padding:36px 20px;text-align:center}.pw-left-empty-icon{font-size:28px;margin-bottom:2px}.pw-left-empty-title{color:#374151;font-size:14px;font-weight:600}.pw-left-empty-body{color:#9ca3af;font-size:13px;margin-bottom:6px}.pw-btn-add--outline{background:#0000;border:1.5px solid #2563eb;color:#2563eb}.pw-btn-add--outline:hover{background:#eff6ff}.pw-left-table-wrap{max-height:520px;overflow-x:auto;overflow-y:auto}.pw-left-row{cursor:pointer;transition:background .1s}.pw-left-row:hover td{background:#f8fafc!important}.pw-left-row--selected td{background:#eff6ff!important}.pw-left-row--selected:hover td{background:#dbeafe!important}.pw-left-group{color:#374151;font-size:13px;font-weight:600;line-height:1.3}.pw-left-variant{color:#94a3b8;font-size:11px;line-height:1.3}.pw-left-td-supplier{color:#1a1a1a;font-size:13px;font-weight:700}.pw-left-td-selling{color:#1e40af;font-size:13px;font-weight:600}.pw-left-td-cost{color:#059669;font-size:13px;font-weight:600}.pw-left-price-date{color:#9ca3af;font-size:12px;font-weight:400;margin-top:2px;white-space:nowrap}.pw-left-margin-pct{font-size:11px;font-weight:400;opacity:.8}.pw-right-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.pw-chart-focus-bar{align-items:center;background:#eff6ff;border-bottom:2px solid #bfdbfe;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:10px 16px}.pw-chart-focus-item-title{color:#1e40af;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw-exit-expanded-btn{background:#fff;border:1.5px solid #bfdbfe;border-radius:6px;color:#2563eb;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:500;padding:5px 12px;transition:background .12s,border-color .12s;white-space:nowrap}.pw-exit-expanded-btn:hover{background:#dbeafe;border-color:#93c5fd}.pw-right-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:6px;padding:60px 20px;text-align:center}.pw-right-empty-icon{font-size:22px}.pw-right-empty-body{font-size:13px}.pw-right-content{display:flex;flex-direction:column}.pw-detail-header{align-items:center;background:#fafbfc;border-bottom:1px solid #f3f4f6;display:flex;gap:8px;justify-content:space-between;padding:12px 16px 10px}.pw-detail-title{color:#374151;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw-detail-supplier{color:#1a1a1a;font-weight:700}.pw-detail-group{color:#374151;font-weight:600}.pw-detail-variant{color:#64748b;font-weight:500}.pw-detail-sep{color:#cbd5e1}.pw-btn-add-small{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#2563eb;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:600;padding:5px 12px;transition:background .12s;white-space:nowrap}.pw-btn-add-small:hover{background:#dbeafe}.pw-detail-cards{border-bottom:1px solid #f3f4f6;display:flex}.pw-dc-card{border-right:1px solid #f3f4f6;display:flex;flex:1 1;flex-direction:column;gap:3px;padding:12px 16px;position:relative}.pw-dc-card:last-child{border-right:none}.pw-dc-card:after{content:"";height:2px;left:0;position:absolute;right:0;top:0}.pw-dc-card--selling:after{background:#3b82f6}.pw-dc-card--cost:after{background:#059669}.pw-dc-card--margin.pos:after{background:#16a34a}.pw-dc-card--margin.neg:after{background:#dc2626}.pw-dc-label{color:#9ca3af;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.pw-dc-value{color:#111827;font-size:17px;font-weight:700;letter-spacing:-.2px}.pw-dc-date{color:#9ca3af;font-size:11px}.pw-detail-chart-section{border-bottom:1px solid #f3f4f6;padding:14px 16px}.pw-detail-chart-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px}.pw-detail-section-title{color:#374151;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.pw-chart-controls{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.pw-chart-mode-pills,.pw-time-range-pills{background:#f3f4f6;border-radius:8px;display:inline-flex;gap:2px;padding:2px}.pw-chart-pill,.pw-time-pill{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:11px;font-weight:500;padding:3px 9px;transition:all .12s;white-space:nowrap}.pw-chart-pill:hover,.pw-time-pill:hover{color:#374151}.pw-chart-pill.active,.pw-time-pill.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1a1a1a;font-weight:600}.pw-chart-pill--selling.active{color:#2563eb}.pw-chart-pill--cost.active{color:#059669}.pw-chart-pill--both.active{color:#374151}.pw-recent-records{display:flex;flex-direction:column;padding:14px 16px}.pw-recent-table-wrap{border:1px solid #f0f4f8;border-radius:8px;margin-bottom:8px;overflow-x:auto}.pw-recent-notes{color:#6b7280;font-size:12px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw-recent-row--clickable{cursor:pointer}.pw-recent-row--clickable:hover{background:#f9fafb}.pw-recent-row--open{background:#f3f4f6}.pw-recent-chevron{align-items:center;color:#9ca3af;display:flex;font-size:10px;gap:6px;justify-content:flex-end;text-align:right;-webkit-user-select:none;user-select:none;white-space:nowrap}.pw-recent-note-badge{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;font-size:10px;font-weight:600;letter-spacing:.2px;line-height:1.4;padding:1px 5px}.pw-recent-expanded-row{background:#f9fafb}.pw-recent-expanded-cell{border-top:none!important;color:#4b5563;font-size:12px;line-height:1.55;padding:8px 14px 10px!important}.pw-recent-no-notes{color:#9ca3af;font-style:italic}.pw-note-toggle{color:#3b82f6;cursor:pointer;font-size:11px;font-weight:500;white-space:nowrap}.pw-note-toggle:hover{text-decoration:underline}.pw-type-badge{border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.3px;padding:2px 7px;text-transform:uppercase;white-space:nowrap}.pw-type-badge--selling{background:#eff6ff;color:#2563eb}.pw-type-badge--cost{background:#ecfdf5;color:#059669}.pw-link-btn{background:none;border:none;color:#2563eb;cursor:pointer;font-size:12px;font-weight:500;padding:0;text-align:left;text-decoration:underline;text-underline-offset:2px}.pw-link-btn:hover{color:#1d4ed8}.pw-audit-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.pw-audit-toggle{align-items:center;background:#fafbfc;border:none;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:13px 16px;text-align:left;transition:background .12s;width:100%}.pw-audit-toggle:hover{background:#f1f5f9}.pw-audit-toggle-icon{color:#9ca3af;flex-shrink:0;font-size:11px}.pw-audit-toggle-count{background:#f3f4f6;border-radius:20px;color:#9ca3af;font-size:11px;font-weight:500;margin-left:auto;padding:2px 8px}.pw-audit-body{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:14px;padding:14px 16px}.pw-audit-hint{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#92400e;font-size:12px;padding:8px 12px}.pw-success-toast{animation:pw-toast-in .2s ease-out;background:#111827;border-radius:10px;bottom:24px;box-shadow:0 8px 24px #0003;color:#fff;font-size:13px;font-weight:500;max-width:360px;padding:12px 18px;position:fixed;right:24px;z-index:9999}@keyframes pw-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pw-modal-subhead{color:#9ca3af;font-size:11px;font-weight:400;margin-top:2px}.pw-modal-price-hint{color:#9ca3af;font-size:11px;margin-bottom:4px;margin-top:-8px}@media (max-width:960px){.pw-md-grid{flex-direction:column}.pw-left-panel{width:100%!important}.pw-divider-handle{display:none}.pw-summary-cards{flex-wrap:wrap}.pw-summary-card{flex-basis:calc(50% - 6px);flex-grow:1;flex-shrink:1;min-width:130px}}@media (max-width:600px){.pw-summary-card{flex:1 1 100%}.pw-detail-cards{flex-wrap:wrap}.pw-dc-card{flex-basis:calc(50% - 0.5px);flex-grow:1;flex-shrink:1;min-width:110px}.pw-chart-controls{align-items:flex-start;flex-direction:column}}@keyframes pw-row-flash{0%{background-color:#dbeafe}60%{background-color:#dbeafe}to{background-color:initial}}.pw-tr-flash{animation:pw-row-flash 1.6s ease-out forwards}.pw-compact-toggle{background:#fff;border:1.5px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.2px;padding:3px 10px;transition:all .12s;white-space:nowrap}.pw-compact-toggle:hover{background:#f9fafb;border-color:#9ca3af}.pw-compact-toggle--on{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.pw-left-td-orig-cur{color:#6b7280;font-size:12px;white-space:nowrap}.pw-left-td-notes{max-width:140px;overflow:hidden}.pw-left-note-text{color:#6b7280;display:block;font-size:12px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw-view-pricing-btn{background:#eff6ff;border:1.5px solid #3b82f6;border-radius:6px;color:#2563eb;cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px;transition:all .12s;white-space:nowrap}.pw-view-pricing-btn:hover{background:#2563eb;color:#fff}.pw-modal-tabs{background:#fafbfc;border-bottom:2px solid #e5e7eb;display:flex;gap:0;padding:0 20px}.pw-modal-tab{background:#0000;border:none;border-bottom:2.5px solid #0000;color:#9ca3af;cursor:pointer;font-size:13px;font-weight:600;margin-bottom:-2px;padding:10px 18px 8px;transition:color .12s,border-color .12s;white-space:nowrap}.pw-modal-tab:hover{color:#374151}.pw-modal-tab.active{border-bottom-color:#2563eb;color:#1d4ed8}.pw-input-locked{background:#f3f4f6!important;border-color:#e5e7eb!important;color:#9ca3af!important;cursor:not-allowed!important}.pw-field-hint,.pw-lock-hint{color:#9ca3af;font-size:11px;line-height:1.4;margin-top:3px}.pw-lock-hint{color:#f59e0b}.pw-auto-calc-badge{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;color:#059669;letter-spacing:.2px}.pw-auto-calc-badge,.pw-calc-pending-badge{display:inline-block;font-size:10px;font-weight:600;margin-left:7px;padding:1px 6px;vertical-align:middle}.pw-calc-pending-badge{background:#fffbeb;border:1px solid #fde68a;border-radius:4px;color:#d97706}.pw-modal-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:12.5px;margin:4px 0;padding:9px 13px}.pw-record-details .pw-modal-title{align-items:center;display:flex;gap:8px}.pw-record-type-badge{border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.4px;padding:2px 8px;text-transform:uppercase;vertical-align:middle}.pw-record-type-badge--cost{background:#ecfdf5;color:#059669}.pw-record-type-badge--selling{background:#eff6ff;color:#2563eb}.pw-detail-field-value{align-items:center;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:6px;color:#1a1a2e;display:flex;font-size:13.5px;min-height:36px;padding:8px 10px}.pw-detail-field-value--highlight{background:#eff6ff;border-color:#93c5fd;color:#111827;font-size:15px;font-weight:700}.pw-detail-notes{display:block;font-size:13px;line-height:1.55;white-space:pre-wrap}.pw-attribution-row{opacity:.8}.pw-attr-value{color:#6b7280;font-size:12px}.pw-delete-confirm-box{background:#fff7f7;border:1.5px solid #fecaca;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:14px 16px}.pw-delete-confirm-text{color:#7f1d1d;font-size:12.5px;line-height:1.55}.pw-delete-confirm-actions{display:flex;gap:8px}.pw-record-footer{justify-content:space-between!important}.pw-record-footer-left,.pw-record-footer-right{align-items:center;display:flex;gap:8px}.pw-btn-danger{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background .12s}.pw-btn-danger:hover{background:#b91c1c}.pw-btn-danger-outline{background:#0000;border:1.5px solid #dc2626;border-radius:8px;color:#dc2626;cursor:pointer;font-size:13px;font-weight:600;padding:7px 14px;transition:all .12s}.pw-btn-danger-outline:hover{background:#fef2f2}.pw-audit-row--clickable{cursor:pointer;transition:background .1s}.pw-audit-row--clickable:hover{background:#f0f9ff}.pw-audit-notes-cell{max-width:160px;overflow:hidden;text-overflow:ellipsis}.pw-audit-notes-cell,.pw-recent-orig{color:#6b7280;font-size:12px;white-space:nowrap}.pw-vp-overlay{align-items:flex-start;padding:20px}.pw-vp-shell{background:#fff;border-radius:16px;box-shadow:0 24px 80px #0000002e,0 4px 16px #00000014;display:flex;flex-direction:column;margin:auto;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.pw-vp-header{align-items:flex-start;background:#fafbfc;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px 14px}.pw-vp-title{color:#111827;font-size:16px;font-weight:700;line-height:1.3}.pw-vp-subtitle{color:#9ca3af;font-size:12px;margin-top:2px}.pw-vp-close{margin-top:2px}.pw-vp-summary-cards{background:#e5e7eb;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:1px}.pw-vp-sc{background:#fff;display:flex;flex:1 1;flex-direction:column;gap:2px;padding:12px 16px}.pw-vp-sc--pos .pw-vp-sc-value{color:#059669}.pw-vp-sc--neg .pw-vp-sc-value{color:#dc2626}.pw-vp-sc-label{color:#9ca3af;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.pw-vp-sc-value{color:#111827;font-size:15px;font-weight:700}.pw-vp-sc-date{color:#9ca3af;font-size:11px}.pw-vp-body{display:flex;flex:1 1;min-height:0;overflow:hidden}.pw-vp-left{border-right:1px solid #e5e7eb;flex:0 0 55%;flex-direction:column}.pw-vp-left,.pw-vp-right{display:flex;min-width:0;overflow:hidden}.pw-vp-right{flex:1 1;flex-direction:column}.pw-vp-section-header{align-items:center;background:#fafbfc;border-bottom:1px solid #f0f4f8;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:12px 16px}.pw-vp-table-scroll{flex:1 1;min-height:0;overflow:auto}.pw-vp-table{font-size:12px}.pw-vp-table td,.pw-vp-table th{padding:7px 10px!important}.pw-vp-row--clickable{cursor:pointer;transition:background .1s}.pw-vp-row--clickable:hover{background:#f0f9ff}.pw-vp-notes-cell{color:#6b7280;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw-vp-chart-wrap{padding:0 8px 8px}.pw-vp-table-hint{border-top:1px solid #f0f4f8;color:#9ca3af;flex-shrink:0;font-size:11px;font-style:italic;padding:6px 16px}@media (max-width:900px){.pw-vp-shell{height:auto;max-height:none}.pw-vp-body{flex-direction:column;overflow:auto}.pw-vp-left{border-bottom:1px solid #e5e7eb;border-right:none;flex:none;max-height:360px;overflow:hidden}.pw-vp-right{flex:none}.pw-vp-summary-cards{flex-wrap:wrap}.pw-vp-sc{flex-basis:calc(50% - 1px);flex-grow:1;flex-shrink:1}}@media (max-width:600px){.pw-vp-overlay{padding:8px}.pw-vp-sc{flex:1 1 100%}}.pw-modal-title{color:#111827;font-size:15px;font-weight:700}.dynamic-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;padding:20px}.dynamic-table-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:15px}.table-name{border-radius:6px;color:#111827;font-size:18px;font-weight:600;margin:0;padding:8px 12px;transition:background .2s}.table-name:hover{background:#f3f4f6}.table-name-input{border:2px solid #3b82f6;border-radius:6px;font-size:18px;font-weight:600;min-width:200px;outline:none;padding:8px 12px}.table-actions{display:flex;flex-wrap:wrap;gap:10px}.table-action-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s;white-space:nowrap}.table-action-btn:hover{background:#f3f4f6;border-color:#9ca3af}.table-action-btn.delete-btn{background:#fee2e2;border-color:#fecaca;color:#dc2626}.table-action-btn.delete-btn:hover{background:#fecaca;border-color:#ef4444}.table-scroll-container{border:1px solid #e5e7eb;border-radius:6px;overflow-x:auto}.dynamic-table{border-collapse:collapse;min-width:600px;width:100%}.dynamic-table thead{background:#f9fafb}.dynamic-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:12px;position:relative;text-align:left;white-space:nowrap}.dynamic-table td{border-bottom:1px solid #e5e7eb;padding:8px 12px}.column-header-input{background:#0000;border:1px solid #0000;border-radius:4px;font-size:14px;font-weight:600;min-width:120px;padding:6px 8px;transition:all .2s;width:100%}.column-header-input:not(:disabled):hover{background:#fff;border-color:#d1d5db}.column-header-input:focus{background:#fff;border-color:#3b82f6;outline:none}.column-header-input:disabled{cursor:default}.delete-col-btn{align-items:center;background:#fee2e2;border:none;border-radius:4px;color:#dc2626;cursor:pointer;display:none;font-size:12px;height:20px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .2s;width:20px}.dynamic-table th:hover .delete-col-btn{display:flex}.delete-col-btn:hover{background:#fecaca}.table-cell-input{background:#0000;border:1px solid #0000;border-radius:4px;font-size:14px;min-width:120px;padding:6px 8px;transition:all .2s;width:100%}.table-cell-input:not(:disabled):hover{background:#f9fafb;border-color:#d1d5db}.table-cell-input:focus{background:#fff;border-color:#3b82f6;outline:none}.table-cell-input:disabled{cursor:default}.row-actions-cell,.row-actions-header{text-align:center;width:80px}.delete-row-btn{background:#fee2e2;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 10px;transition:all .2s}.delete-row-btn:hover{background:#fecaca}@media (max-width:768px){.dynamic-table-container{padding:15px}.dynamic-table-header{align-items:flex-start;flex-direction:column}.table-actions{width:100%}.table-action-btn{flex:1 1}}.pd-page{background:#f5f7fa;box-sizing:border-box;min-height:100vh;padding:96px 32px 40px}.pd-top-bar{background:#f8f9fa;border-bottom:2px solid #e5e7eb;box-shadow:0 4px 12px #00000014;box-sizing:border-box;gap:12px;justify-content:space-between;left:0;padding:12px 24px;position:fixed;top:60px;z-index:999}.pd-breadcrumbs,.pd-top-bar{align-items:center;display:flex}.pd-breadcrumbs{flex-wrap:wrap;font-size:14px;gap:8px}.pd-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.pd-btn-delete-solid{background:#dc2626;border:none;border-radius:12px;box-shadow:0 2px 8px #dc262659;color:#fff!important;cursor:pointer;font-size:14px;font-weight:600;height:44px;padding:0 18px;transition:background .2s,transform .1s,box-shadow .2s;white-space:nowrap}.pd-btn-delete-solid:hover{background:#b91c1c;box-shadow:0 4px 12px #b91c1c66}.pd-btn-delete-solid:active{transform:scale(.97)}.pd-btn-save{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;height:44px;padding:0 20px;transition:background .2s,color .2s,border-color .2s,transform .1s,box-shadow .2s;white-space:nowrap}.pd-btn-save:disabled{cursor:not-allowed;opacity:.85;transform:none}.pd-btn-save--dirty{background:#16a34a;box-shadow:0 2px 10px #16a34a59;color:#fff}.pd-btn-save--dirty:hover:not(:disabled){background:#15803d;box-shadow:0 4px 14px #15803d66}.pd-btn-save--dirty:active:not(:disabled){transform:scale(.97)}.pd-btn-save--clean{background:#fff;border:2px solid #e5e7eb;box-shadow:0 1px 3px #0000000f;color:#111827}.pd-btn-save--clean:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.pd-btn-save--clean:active:not(:disabled){transform:scale(.98)}@media (max-width:768px){.pd-top-bar{margin-left:0!important;width:100%!important}}.pd-hero{background:#f3f4f6;border-radius:16px;margin-bottom:20px;max-height:400px;overflow:hidden}.pd-hero-media{display:block;max-height:400px;object-fit:cover;width:100%}.pd-hero-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;font-size:14px;gap:8px;height:240px;justify-content:center}.pd-hero-empty span{font-size:48px}.pd-name-section{margin-bottom:24px}.pd-name-input{background:#0000;border:none;color:#1a1a1a;font-size:28px;font-weight:700;margin-bottom:8px;outline:none;padding:0;width:100%}.pd-name-input::placeholder{color:#d1d5db}.pd-name-display{color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 8px}.pd-tags-inline{display:flex;flex-wrap:wrap;gap:6px}.pd-two-col{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.pd-left,.pd-right{display:flex;flex-direction:column;gap:20px;min-width:0}.pd-card{background:#fff;border-radius:14px;box-shadow:0 2px 8px #0000000d;padding:24px}.pd-full-width-card{margin-bottom:20px}.pd-card-title{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 16px}.pd-card-title-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.pd-card-title-row .pd-card-title{margin-bottom:0;padding-top:2px}.pd-product-status{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:16px}.pd-product-status-row{align-items:center;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:7px;-webkit-user-select:none;user-select:none;white-space:nowrap}.pd-product-status-row[data-disabled]{cursor:default;opacity:.5}.pd-toggle--amber.active{background:#f59e0b}.pd-name-row{align-items:center;display:flex;gap:10px;margin-bottom:8px}.pd-name-row .pd-name-input{flex:1 1;margin-bottom:0}.pd-name-row .pd-name-display{flex:1 1;margin:0}.pd-featured-badge,.pd-incomplete-badge{align-items:center;border-radius:6px;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.01em;padding:3px 9px;white-space:nowrap}.pd-incomplete-badge{background:#fffbeb;border:1px solid #fcd34d;color:#92400e}.pd-featured-badge{background:#eff6ff;border:1px solid #93c5fd;color:#1d4ed8}.pd-label{color:#64748b;display:block;font-size:11.5px;font-weight:700;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.pd-label-optional{color:#9ca3af;font-size:12px;font-weight:400}.pd-input{border:1px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#1a1a1a;font-size:14px;height:42px;outline:none;padding:0 14px;transition:border-color .2s,box-shadow .2s;width:100%}.pd-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.pd-input:disabled{background:#f9fafb;color:#6b7280}.pd-textarea{word-wrap:break-word;border:1px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#1a1a1a;font-family:inherit;font-size:14px;line-height:1.6;min-height:80px;outline:none;padding:12px 14px;resize:vertical;transition:border-color .2s,box-shadow .2s;white-space:pre-wrap;width:100%}.pd-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.pd-textarea:disabled{background:#f9fafb;color:#6b7280;resize:none}.pd-select-wrapper{position:relative;width:100%}.pd-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#1a1a1a;cursor:pointer;font-size:14px;height:44px;outline:none;padding:0 40px 0 14px;transition:border-color .2s,box-shadow .2s;width:100%}.pd-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.pd-select:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.pd-select-chevron{align-items:center;display:flex;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.pd-supplier-option--selected{background:#eff6ff;color:#2563eb;font-weight:500}.pd-supplier-option--selected:hover{background:#dbeafe}.pd-supplier-option--selected .mp-brand-check{color:#2563eb}.pd-supplier-list-empty{color:#9ca3af;font-size:13px;margin:4px 0 12px}.pd-supplier-blocks{display:flex;flex-direction:column;gap:10px;margin-top:4px}.pd-supplier-block{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.pd-supplier-block-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;justify-content:space-between;padding:10px 14px}.pd-supplier-block-header--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.pd-supplier-block-header--clickable:hover{background:#f1f5f9}.pd-supplier-block-name{color:#111827;flex:1 1;font-size:13.5px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-supplier-block-name--placeholder{color:#9ca3af;font-weight:400}.pd-supplier-block-controls{align-items:center;display:flex;flex-shrink:0;gap:6px}.pd-supplier-chevron{color:#6b7280;font-size:10px;line-height:1}.pd-supplier-block-remove{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:17px;height:26px;justify-content:center;line-height:1;transition:background .12s,color .12s;width:26px}.pd-supplier-block-remove:hover{background:#fee2e2;color:#ef4444}.pd-supplier-block-fields{display:flex;flex-direction:column;gap:14px;padding:14px 16px 16px}.pd-supplier-field-row{display:flex;flex-direction:column;gap:6px}.pd-supplier-readonly-info{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:5px;padding:8px 12px}.pd-supplier-info-row{display:flex;font-size:12.5px;gap:8px;line-height:1.4}.pd-supplier-info-label{color:#6b7280;flex-shrink:0;font-weight:500;min-width:56px}.pd-supplier-info-value{color:#1f2937}.pd-add-supplier-btn{background:#0000;border:1.5px dashed #d1d5db;border-radius:10px;color:#6b7280;cursor:pointer;display:block;font-size:13px;font-weight:500;margin-top:12px;padding:10px 0;text-align:center;transition:border-color .15s,color .15s,background .15s;width:100%}.pd-add-supplier-btn:hover{background:#f5f3ff;border-color:#818cf8;color:#4f46e5}.pd-supplier-block-detail{color:#374151;font-size:13px;line-height:1.5;margin:0}.pd-supplier-block-detail--empty{color:#9ca3af;font-style:italic}.pd-input-readonly{background:#d1d5db!important;border-color:#b0b7c3!important;color:#374151!important;cursor:not-allowed;font-style:italic}.pd-label-auto{color:#9ca3af;font-size:11px;font-weight:400;margin-left:4px}.pd-featured-toggle{border-top:1px solid #f3f4f6;margin-top:16px;padding-top:16px}.pd-toggle-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between}.pd-toggle{background:#e5e7eb;border-radius:12px;cursor:pointer;height:24px;position:relative;transition:background .2s;width:44px}.pd-toggle.active{background:#3b82f6}.pd-toggle-knob{background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;height:20px;left:2px;position:absolute;top:2px;transition:transform .2s;width:20px}.pd-toggle.active .pd-toggle-knob{transform:translateX(20px)}.pd-cost-row{align-items:center;display:flex;gap:8px}.pd-currency-select{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;height:42px;justify-content:center;min-width:80px;padding:0 12px;position:relative;-webkit-user-select:none;user-select:none}.pd-dropdown-arrow{color:#9ca3af;font-size:10px}.pd-currency-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 16px #0000001f;left:0;margin-top:4px;min-width:100%;overflow:hidden;position:absolute;top:100%;z-index:50}.pd-currency-option{cursor:pointer;font-size:14px;padding:8px 14px;transition:background .1s}.pd-currency-option:hover{background:#f3f4f6}.pd-currency-option.active{background:#eff6ff;color:#2563eb;font-weight:500}.pd-cost-input{flex:1 1}.pd-label-row{align-items:baseline;display:flex;gap:8px}.pd-label-row .pd-label{margin:0}.pd-price-updated{color:#9ca3af;font-size:11px;font-weight:400;margin-left:auto;white-space:nowrap}.pd-ref-links-section{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:20px}.pd-ref-links-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.pd-ref-links-heading{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pd-ref-links-inner{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px}.pd-ref-links-list{display:flex;flex-direction:column;gap:0}.pd-ref-link-row--editing{align-items:flex-start;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;padding:8px}.pd-ref-link-fields{align-items:flex-start;display:flex;flex:1 1;flex-direction:row;gap:8px;min-width:0}.pd-ref-link-textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#111827;font-family:inherit;font-size:13px;line-height:1.5;min-height:34px;overflow:hidden;padding:6px 10px;resize:none;transition:border-color .15s;white-space:pre-wrap;width:38%;word-break:break-word}.pd-ref-link-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a;outline:none}.pd-ref-link-textarea--url{color:#2563eb;flex:1 1;width:auto}.pd-ref-link-row-actions{display:flex;flex-direction:column;flex-shrink:0;gap:4px}.pd-ref-link-remove{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;transition:background .15s,color .15s;width:28px}.pd-ref-link-remove:hover{background:#fee2e2;color:#dc2626}.pd-ref-link-done{align-items:center;background:#dcfce7;border:none;border-radius:6px;color:#16a34a;cursor:pointer;display:flex;flex-shrink:0;font-size:15px;height:28px;justify-content:center;transition:background .15s;width:28px}.pd-ref-link-done:hover{background:#bbf7d0}.pd-ref-link-saved{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;gap:8px;padding:6px 2px}.pd-ref-link-saved:last-child{border-bottom:none}.pd-ref-link-view-content{align-items:flex-start;display:flex;flex:1 1;font-size:13px;line-height:1.6;min-width:0}.pd-ref-link-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#374151;display:-webkit-box;flex-shrink:0;font-weight:500;line-height:1.5;max-width:38%;overflow:hidden;word-break:break-word}.pd-ref-link-sep{color:#9ca3af;flex-shrink:0;padding:0 6px}.pd-ref-link-view{color:#2563eb;flex:1 1;line-height:1.5;min-width:0;overflow-wrap:anywhere;text-decoration:none;white-space:normal;word-break:break-all}.pd-ref-link-view:hover{text-decoration:underline}.pd-ref-link-saved-actions{display:flex;flex-shrink:0;gap:4px;justify-content:flex-end;opacity:0;padding-top:2px;transition:opacity .15s;width:60px}.pd-ref-link-saved:hover .pd-ref-link-saved-actions{opacity:1}.pd-ref-link-edit-btn{align-items:center;background:none;border:none;border-radius:5px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;height:26px;justify-content:center;transition:background .15s,color .15s;width:26px}.pd-ref-link-edit-btn:hover{background:#f3f4f6;color:#374151}.pd-ref-link-empty{color:#9ca3af;font-size:13px;margin:4px 0 0}.pd-ref-link-add{background:none;border:1px dashed #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:12px;padding:4px 12px;transition:border-color .15s,color .15s;white-space:nowrap}.pd-ref-link-add:hover{border-color:#9ca3af;color:#374151}.pd-tables-section{display:flex;flex-direction:column;gap:16px;margin-top:16px}.pd-projects-section{position:relative}.pd-project-chips{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.pd-project-chip{align-items:center;background:#eff6ff;border-radius:8px;color:#2563eb;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.pd-project-chip-remove{background:none;border:none;color:#60a5fa;cursor:pointer;font-size:11px;padding:0 2px}.pd-project-chip-remove:hover{color:#dc2626}.pd-add-project-btn{background:#f3f4f6;border:1px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:background .15s}.pd-add-project-btn:hover{background:#e5e7eb}.pd-no-projects{color:#9ca3af;font-size:13px;font-style:italic}.pd-project-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 20px #0000001f;left:0;margin-top:6px;max-width:400px;overflow:hidden;position:absolute;top:100%;width:100%;z-index:50}.pd-project-search{border:none;border-bottom:1px solid #f3f4f6;box-sizing:border-box;font-size:14px;outline:none;padding:12px 14px;width:100%}.pd-project-list{max-height:240px;overflow-y:auto}.pd-project-empty{color:#9ca3af;font-size:13px;padding:16px;text-align:center}.pd-project-option{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:background .1s}.pd-project-option:hover{background:#f9fafb}.pd-project-option.selected{background:#eff6ff}.pd-project-checkbox{font-size:16px;min-width:20px}.pd-project-name{color:#1a1a1a;flex:1 1;font-size:14px}.pd-project-status{border-radius:10px;font-size:11px;font-weight:600;padding:2px 8px;text-transform:capitalize}.pd-status-active{background:#dcfce7;color:#16a34a}.pd-status-completed{background:#dbeafe;color:#2563eb}.pd-similar-section{margin-bottom:20px}.pd-similar-section:last-child{margin-bottom:0}.pd-similar-subtitle{color:#6b7280;font-size:14px;font-weight:600;margin:0 0 12px}.pd-similar-scroll{-webkit-overflow-scrolling:touch;display:flex;gap:16px;overflow-x:auto;padding-bottom:8px}.pd-similar-scroll::-webkit-scrollbar{height:6px}.pd-similar-scroll::-webkit-scrollbar-track{background:#0000}.pd-similar-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.pd-page .pc-presentation-indicator{margin-bottom:16px}@media (max-width:900px){.pd-two-col{grid-template-columns:1fr}}@media (max-width:768px){.pd-page{padding:20px 16px}.pd-hero{max-height:280px}.pd-name-display,.pd-name-input{font-size:22px}.pd-top-bar{align-items:flex-start;flex-direction:column}}.pd-cat-field-wrap{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-sizing:border-box;cursor:text;display:flex;flex-wrap:wrap;gap:6px;min-height:40px;padding:6px 10px;transition:border-color .15s;width:100%}.pd-cat-field-wrap:focus-within{border-color:#3b82f6}.pd-cat-field-wrap--readonly{background:#f9fafb;cursor:default}.pd-cat-option--checked{background:#f0f7ff!important;color:#1d4ed8!important;font-weight:500}.pd-cat-delete-btn{background:none;border:none;border-radius:4px;color:#d1d5db;cursor:pointer;flex-shrink:0;font-size:11px;line-height:1;opacity:0;padding:3px 5px;transition:opacity .15s,color .15s,background .15s}.ct-option:hover .pd-cat-delete-btn{opacity:1}.pd-cat-delete-btn:hover{background:#fee2e2;color:#dc2626}.pd-price-tier-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.03em;margin-left:6px;padding:2px 8px}.pd-tier-2{background:#d1fae5;color:#059669}.pd-tier-3{background:#dbeafe;color:#1d4ed8}.pd-cost-derived{background:#f9fafb;border:1px solid #e5e7eb;border-radius:7px;display:flex;flex-direction:column;gap:3px;padding:9px 12px}.pd-cost-derived-value{color:#111827;font-size:15px;font-weight:700}.pd-cost-derived-hint{color:#9ca3af;font-size:11px;font-style:italic}.mp-brand-field-wrap{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:9px;box-sizing:border-box;cursor:text;display:flex;flex-wrap:wrap;gap:5px;min-height:40px;padding:4px 10px;transition:border-color .15s,box-shadow .15s}.mp-brand-field-wrap:focus-within{border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}.mp-brand-inline-input{background:#0000;border:none;color:#1f2937;flex:1 1;font-size:13px;line-height:1.5;min-width:80px;outline:none;padding:0}.mp-brand-inline-input::placeholder{color:#9ca3af}.pd-supplier-combobox-input{font-size:13px!important;font-weight:600!important}.pd-supplier-combobox-input::placeholder{font-weight:400!important}.mp-brand-ct-option{cursor:default;padding:0!important}.mp-brand-option-name{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:8px;padding:9px 6px 9px 14px}.mp-brand-ct-option--selected{background:#eff6ff!important}.mp-brand-ct-option--selected:hover{background:#dbeafe!important}.mp-brand-ct-option--selected .mp-brand-option-name{color:#2563eb;font-weight:500}.mp-brand-check{color:#3b82f6;flex-shrink:0;font-size:11px;font-weight:700;margin-left:auto}.mp-brand-ellipsis-btn{align-items:center;background:none;border:none;border-radius:4px;color:#0000;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:28px;justify-content:center;margin-right:4px;transition:color .1s,background .1s;width:28px}.mp-brand-ct-option:hover .mp-brand-ellipsis-btn{color:#d1d5db}.mp-brand-ellipsis-btn:hover{background:#f3f4f6;color:#374151!important}.mp-brand-edit-row{align-items:center;background:#eff6ff;border:1.5px solid #3b82f6;border-radius:9px;box-sizing:border-box;display:flex;gap:5px;min-height:40px;padding:4px 8px 4px 12px}.mp-brand-edit-input{background:#0000;border:none;color:#1e40af;flex:1 1;font-size:13px;font-weight:500;min-width:0;outline:none}.mp-brand-edit-cancel,.mp-brand-edit-confirm{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;height:24px;justify-content:center;padding:0;width:24px}.mp-brand-edit-confirm{color:#10b981}.mp-brand-edit-confirm:hover{background:#ecfdf5}.mp-brand-edit-cancel{color:#9ca3af}.mp-brand-edit-cancel:hover{background:#f3f4f6}.mp-brand-ellipsis-menu{background:#fff;border:1.5px solid #e5e7eb;border-radius:9px;box-shadow:0 6px 20px #0000001c;min-width:170px;overflow:hidden}.mp-brand-ellipsis-menu button{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:7px;padding:9px 14px;text-align:left;width:100%}.mp-brand-ellipsis-menu button:hover{background:#f5f7fa}.mp-brand-delete-btn{color:#ef4444!important}.mp-brand-delete-btn:hover{background:#fef2f2!important}.pd-btn-move-outline{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#111827;cursor:pointer;font-size:14px;font-weight:600;height:44px;padding:0 18px;transition:background .15s,border-color .15s;white-space:nowrap}.pd-btn-move-outline:hover{background:#f9fafb;border-color:#d1d5db}.mp-inventory-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr 1fr}.mp-inventory-storage{grid-column:1/-1}@media (max-width:600px){.mp-inventory-grid{grid-template-columns:1fr}}.material-product-page{background:#f5f7fa;min-height:100vh;padding-top:110px}.material-product-loading{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;height:40px;width:40px}.loading-text{font-size:16px;margin:0}.material-product-content{margin:0 auto;max-width:1600px;padding:12px 32px 40px}.mp-name-section{margin-bottom:16px}.mp-name-input{background:#0000;border:none;color:#1a1a1a;font-family:inherit;font-size:28px;font-weight:700;margin-bottom:6px;outline:none;padding:0;width:100%}.mp-name-input::placeholder{color:#d1d5db}.mp-name-input:disabled{cursor:default}.mp-tags-field{background:#0000!important;border:none!important;min-height:auto!important;padding:0!important}.mp-tags-inline{display:flex;flex-wrap:wrap;gap:6px}.mp-two-col{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:20px}.mp-left,.mp-right{display:flex;flex-direction:column;gap:20px}.mp-card{background:#fff;border-radius:14px;box-shadow:0 2px 8px #0000000d;padding:24px}.mp-full-width-card{margin-bottom:20px}.mp-card-title{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 16px}.product-media-section{display:flex;flex-direction:column;gap:0;width:100%}.product-layout{display:flex;flex-direction:column;gap:30px;margin-bottom:40px}.media-upload-input{display:none}.media-upload-empty{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;display:flex;height:340px;justify-content:center;transition:all .3s;width:100%}.media-upload-empty:hover{background:#f0f9ff;border-color:#3b82f6}.media-upload-empty.dragging{background:#dbeafe;border:3px solid #3b82f6}.media-upload-empty.dragging .upload-icon{transform:scale(1.1);transition:transform .2s}.media-upload-empty.dragging .upload-empty-content p{color:#1e40af}.upload-empty-content{align-items:center;display:flex;flex-direction:column;gap:12px;text-align:center}.upload-icon{font-size:64px;opacity:.4}.upload-empty-content p{color:#374151;font-size:18px;font-weight:600;margin:0}.upload-hint{color:#6b7280;font-size:14px}.media-empty-state{align-items:center;background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:12px;height:340px;justify-content:center;width:100%}.media-empty-state .empty-icon{font-size:64px;opacity:.3}.media-empty-state p{color:#6b7280;font-size:16px;margin:0}.media-preview-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;width:100%}.media-preview-container.dragging{background:#f0f9ff;border:3px solid #3b82f6}.drop-overlay{align-items:center;background:#dbeafef2;border:3px dashed #3b82f6;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:100}.drop-overlay-content{align-items:center;display:flex;flex-direction:column;gap:12px;text-align:center}.drop-icon{animation:bounce 1s infinite;font-size:72px;opacity:.8}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.drop-overlay-content p{color:#1e40af;font-size:24px;font-weight:600;margin:0}.media-preview-main{align-items:center;background:#f9fafb;display:flex;height:auto;justify-content:center;max-height:480px;min-height:320px;overflow:hidden;position:relative;width:100%}.media-preview-large{cursor:zoom-in;height:auto;max-height:480px;object-fit:contain;width:100%}.preview-nav-btn{align-items:center;background:#000c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:45px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:45px;z-index:10}.preview-nav-btn:hover{background:#000000f2;transform:translateY(-50%) scale(1.1)}.preview-nav-prev{left:15px}.preview-nav-next{right:15px}.media-counter{background:#000000b3;border-radius:20px;bottom:15px;color:#fff;font-size:13px;font-weight:500;padding:6px 12px;position:absolute;right:15px}.add-media-button-container{background:#f9fafb;display:flex;justify-content:flex-start;padding:15px 0}.add-media-button{align-items:center;background:#3b82f6;border:none;border-radius:8px;box-shadow:0 2px 4px #3b82f633;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s}.add-media-button:hover{background:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.add-media-button:active{transform:translateY(0)}.add-media-icon{font-size:16px;line-height:1}.media-thumbnails-wrapper{background:#f9fafb;overflow:visible;padding:10px 38px;position:relative}.carousel-viewport{display:flex;justify-content:flex-start;margin:0 auto;max-width:1200px;overflow:hidden;position:relative;width:100%}.media-thumbnails-carousel{align-items:center;background:#f9fafb;display:flex;flex-wrap:nowrap;gap:10px;justify-content:flex-start;overflow:visible;padding:0;transition:transform .6s ease;will-change:transform}.carousel-nav-btn{align-items:center;background:#000c;border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:40px;z-index:10}.media-thumbnails-wrapper:hover .carousel-nav-btn{opacity:1}.carousel-nav-btn:hover{background:#000000f2;transform:translateY(-50%) scale(1.1)}.carousel-nav-prev{left:10px}.carousel-nav-next{right:10px}.media-thumbnail-item{background:#fff;border:2px solid #0000;border-radius:6px;cursor:pointer;flex:0 0 70px;height:70px;min-width:70px;overflow:hidden;position:relative;transition:border-color .2s;width:70px}.media-thumbnail-item.active,.media-thumbnail-item:hover{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.media-thumbnail{background:#f9fafb;height:100%;object-fit:contain;width:100%}.video-indicator-small{background:#000000b3;border-radius:3px;bottom:4px;color:#fff;font-size:10px;padding:2px 6px;position:absolute;right:4px}.media-remove-btn-small{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:none;font-size:12px;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .2s;width:24px}.media-thumbnail-item:hover .media-remove-btn-small{display:flex}.media-remove-btn-small:hover{background:#ef4444;transform:scale(1.1)}.media-add-more-small{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:6px;cursor:pointer;display:flex;flex:0 0 100px;height:100px;justify-content:center;min-width:100px;transition:all .3s;width:100px}.media-add-more-small:hover{background:#f0f9ff;border-color:#3b82f6}.add-more-content-small{align-items:center;display:flex;justify-content:center;text-align:center}.add-more-icon-small{color:#9ca3af;font-size:32px;font-weight:300;line-height:1}.product-info-section{display:flex;flex-direction:column;gap:8px}.form-section-header{align-items:center;display:flex;gap:12px;margin-bottom:-4px;margin-top:40px}.form-section-header:first-child{margin-top:0}.section-title{color:#a8adb5;font-size:11px;font-weight:400;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}.section-divider{background:linear-gradient(90deg,#d1d5db 0,#e5e7eb 50%,#0000);flex:1 1;height:1px}.form-row{grid-gap:16px;display:grid;gap:16px;margin-bottom:4px}.form-row-2,.form-row-2.product-name-tags,.form-row-2.supplier-price-row{grid-template-columns:1fr 1fr}.form-row-3{grid-template-columns:1fr 1fr 1fr}.form-section-group{border-radius:8px;margin:16px -20px 0;padding:20px}.form-section-group.inventory-section{background:#f9fafb;border:1px solid #f3f4f6}.form-section-group .form-section-header{margin-bottom:-4px;margin-top:0}.form-section-group .form-row{margin-bottom:0}.muted-input{background:#f9fafb!important;border-color:#e5e7eb;color:#6b7280}.muted-input:not(:disabled){color:#374151}.muted-input:focus{background:#fff!important;border-color:#3b82f6}.supplier-address-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:4px}.supplier-address-group{margin-bottom:0!important}.supplier-address-group,.supplier-address-group+.supplier-address-group{grid-column:1;margin-top:2px!important}.info-group{align-items:stretch;display:flex;flex-direction:column;gap:4px}.info-group-compact{gap:6px}.info-group label{color:#374151;font-size:14px;font-weight:600}.info-group.primary{gap:4px;margin-bottom:0}.info-group.primary label{color:#111827;font-size:14px;font-weight:600;letter-spacing:-.01em}.info-group.primary .info-input,.info-group.primary .price-input,.info-group.primary .supplier-tag-input-field,.info-group.primary .tag-input-field{background:#fff;border:1px solid #d1d5db;font-size:14px;font-weight:400}.info-group.primary .info-input:focus,.info-group.primary .price-input:focus,.info-group.primary .supplier-tag-input-field:focus-within,.info-group.primary .tag-input-field:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f614}.info-group.secondary{gap:4px;margin-bottom:0;margin-top:8px}.product-name-tags .info-group.secondary{gap:6px;margin-bottom:0;margin-top:0}.product-name-tags .info-group{align-self:start}.product-name-tags .info-group.primary{margin-bottom:0}.info-group.secondary label{color:#6b7280;font-size:13px;font-weight:500}.info-group.secondary .info-input::placeholder,.info-group.secondary .info-textarea::placeholder,.info-group.secondary .tag-input-inline::placeholder{color:#9ca3af;font-size:13.5px;opacity:.7}.info-group.secondary .info-input,.info-group.secondary .info-textarea,.info-group.secondary .tag-input-field{background:#fafbfc;border-color:#e5e7eb;font-size:14px}.info-group.secondary .info-input:focus,.info-group.secondary .info-textarea:focus,.info-group.secondary .tag-input-field:focus-within{background:#fff;border-color:#3b82f6}.price-last-updated{color:#9ca3af;font-size:12px;font-style:normal;font-weight:400}.info-input,.info-textarea{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;display:block;font-family:inherit;font-size:14px;margin:0;min-height:44px;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.info-input:focus,.info-textarea:focus{border-color:#3b82f6}.info-input:disabled,.info-textarea:disabled{background:#f9fafb;cursor:not-allowed}.info-textarea{min-height:100px;resize:vertical}.info-group-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.quantity-unit-row{grid-template-columns:2fr 1fr}.price-input-container{align-items:center;display:flex;gap:10px}.currency-dropdown-wrapper{min-width:100px;position:relative}.currency-display-trigger{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:space-between;min-height:44px;padding:10px 14px;transition:all .2s;width:100%}.currency-display-trigger:hover{border-color:#9ca3af}.currency-display-trigger:focus,.currency-display-trigger:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f614}.currency-display-trigger.disabled{background:#f9fafb;cursor:not-allowed}.currency-display-trigger.disabled:hover{border-color:#d1d5db}.currency-value{color:#374151;font-weight:500}.currency-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.currency-dropdown-item{color:#374151;cursor:pointer;font-size:14px;padding:10px 14px;transition:background .15s}.currency-dropdown-item:hover{background:#f3f4f6}.currency-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;min-width:90px;outline:none;padding:10px 14px;transition:border-color .2s}.currency-select:focus{border-color:#3b82f6}.currency-select:disabled{background:#f9fafb;cursor:not-allowed}.price-input{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;flex:1 1;font-size:14px;min-height:44px;outline:none;padding:10px 14px;transition:border-color .2s}.price-input:focus{border-color:#3b82f6}.price-input:disabled{background:#f9fafb;cursor:not-allowed}.tags-input-container{display:flex;flex-direction:column;gap:8px;width:100%}.tag-input-field{border:1px solid #d1d5db;border-radius:6px;padding:10px 14px}.tags-display{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{background:#dbeafe;color:#1e40af;gap:6px;padding:6px 12px;position:relative}.tag-remove{color:#1e40af;transition:transform .2s}.tag-remove:hover{transform:scale(1.2)}.tag-menu-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;line-height:1;margin-left:-2px;padding:0;transition:transform .2s}.tag-menu-btn:hover{transform:scale(1.2)}.tag-color-menu{border:1px solid #d1d5db;box-shadow:0 4px 12px #00000026;box-sizing:border-box;max-height:410px;max-width:220px;z-index:10000}.tag-menu-header{overflow:hidden}.tag-menu-name{border:1px solid #d1d5db;border-radius:4px;cursor:text;font-family:inherit;font-size:13px;max-width:100%;padding:6px 8px;transition:border-color .2s}.tag-menu-name,.tag-menu-name:focus{background:#fff}.tag-menu-delete{color:#374151;transition:background .15s}.tag-menu-delete:hover{background:#f9fafb}.tag-menu-section{color:#6b7280;font-size:12px;padding:8px 12px}.tag-color-option{cursor:pointer;font-size:14px;transition:background .15s}.tag-color-option:hover{background:#f3f4f6}.tag-color-swatch{border:1px solid #0000001a;border-radius:3px;height:18px;width:18px}.tag-color-swatch-default{background:#e5e7eb}.tag-color-swatch-gray{background:#9ca3af}.tag-color-swatch-brown{background:#d97706}.tag-color-swatch-orange{background:#f97316}.tag-color-swatch-yellow{background:#facc15}.tag-color-swatch-green{background:#22c55e}.tag-color-swatch-blue{background:#3b82f6}.tag-color-swatch-purple{background:#a855f7}.tag-color-swatch-pink{background:#ec4899}.tag-color-swatch-red{background:#ef4444}.tag-input-row{display:flex;gap:10px}.tag-input{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.tag-input:focus{border-color:#3b82f6}.tag-input:disabled{background:#f9fafb;cursor:not-allowed}.tag-input-inline{background:#0000;border:none;min-width:150px;outline:none;padding:4px}.empty-tags-text{color:#9ca3af;font-size:14px}.tag-add-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s}.tag-add-btn:hover{background:#2563eb}.tag-input-wrapper{position:relative;width:100%}.tag-dropdown{border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 12px #00000026;margin-top:4px;top:100%;z-index:100}.tag-dropdown-item{padding:10px 14px;position:relative;transition:background .15s}.tag-dropdown-item:hover{background:#f3f4f6}.tag-dropdown-menu-btn{color:#6b7280;font-size:16px;transition:all .15s}.tag-color-indicator{border:1px solid #0000001a;height:12px;width:12px}.tag-color-indicator-default{background:#e5e7eb}.tag-color-indicator-gray{background:#9ca3af}.tag-color-indicator-brown{background:#d97706}.tag-color-indicator-orange{background:#f97316}.tag-color-indicator-yellow{background:#facc15}.tag-color-indicator-green{background:#86efac}.tag-color-indicator-blue{background:#60a5fa}.tag-color-indicator-purple{background:#c084fc}.tag-color-indicator-pink{background:#f9a8d4}.tag-color-indicator-red{background:#f87171}.tag-dropdown-create{border-top:1px solid #e5e7eb}.tag-dropdown-create:hover{background:#eff6ff}.tag-dropdown-empty{font-size:14px;padding:12px 14px}.tag-icon{font-size:16px}.storage-input-wrapper,.unit-input-wrapper{position:relative;width:100%}.storage-input-wrapper .info-input{box-sizing:border-box;width:100%}.storage-dropdown,.unit-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:280px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.dropdown-item-wrapper{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:10px 14px;position:relative;transition:background .15s}.dropdown-item-wrapper:hover{background:#f3f4f6}.dropdown-item-content{flex:1 1}.dropdown-item,.dropdown-item-content{align-items:center;cursor:pointer;display:flex;gap:8px}.dropdown-item{font-size:14px;padding:10px 14px;transition:background .15s}.dropdown-item:hover{background:#f3f4f6}.dropdown-create{border-top:1px solid #e5e7eb;color:#3b82f6;font-weight:500}.dropdown-create:hover{background:#eff6ff}.dropdown-icon{flex-shrink:0;font-size:16px}.dropdown-empty-message{color:#9ca3af;font-size:14px;font-style:italic;padding:16px 14px;text-align:center}.unit-dropdown-menu-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;flex-shrink:0;font-size:16px;padding:4px 8px;transition:all .15s}.unit-dropdown-menu-btn:hover{background:#e5e7eb;color:#374151}.unit-edit-menu{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #00000026;box-sizing:border-box;max-width:220px;padding:8px 0;position:fixed;width:220px;z-index:10000}.unit-menu-header{border-bottom:1px solid #e5e7eb;overflow:hidden;padding:8px 12px}.unit-menu-name{background:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;cursor:text;font-family:inherit;font-size:13px;max-width:100%;outline:none;padding:6px 8px;transition:border-color .2s;width:100%}.unit-menu-name:focus{background:#fff;border-color:#3b82f6}.unit-menu-delete{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 12px;text-align:left;transition:background .15s;width:100%}.unit-menu-delete:hover{background:#f9fafb}.storage-edit-menu{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #00000026;box-sizing:border-box;max-height:410px;max-width:220px;overflow-y:auto;padding:8px 0;position:fixed;width:220px;z-index:10000}.storage-menu-header{border-bottom:1px solid #e5e7eb;overflow:hidden;padding:8px 12px}.storage-menu-name{background:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;cursor:text;font-family:inherit;font-size:13px;max-width:100%;outline:none;padding:6px 8px;transition:border-color .2s;width:100%}.storage-menu-name:focus{background:#fff;border-color:#3b82f6}.storage-menu-delete{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 12px;text-align:left;transition:background .15s;width:100%}.storage-menu-delete:hover{background:#f9fafb}.storage-dropdown-menu-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:1px;margin-left:auto;padding:2px 8px;transition:color .15s}.storage-dropdown-menu-btn:hover{color:#4b5563}.projects-input-wrapper{position:relative;width:100%}.projects-display-trigger{align-items:center;background:#fafbfc;border:1px solid #e5e7eb;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;gap:10px;justify-content:space-between;min-height:44px;padding:8px 14px;transition:all .2s;width:100%}.projects-display-trigger:focus,.projects-display-trigger:focus-within,.projects-display-trigger:hover{background:#fff;border-color:#3b82f6}.projects-display-trigger.disabled{background:#f9fafb;cursor:not-allowed}.projects-display-trigger.disabled:hover{border-color:#d1d5db}.selected-projects-display{display:flex;flex:1 1;flex-wrap:wrap;gap:6px;overflow:hidden}.selected-project-tag{background:#dbeafe;border-radius:14px;color:#1e40af;font-size:13px;font-weight:500;padding:4px 10px;white-space:nowrap}.projects-placeholder{color:#9ca3af;font-size:14px;opacity:.8}.dropdown-arrow{color:#9ca3af;flex-shrink:0;font-size:10px;transition:transform .2s}.projects-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:300px;overflow-y:auto;padding:8px 0;position:absolute;right:0;top:100%;z-index:1000}.projects-dropdown-section-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;padding:8px 14px;text-transform:uppercase}.projects-dropdown-section-header:not(:first-child){margin-top:8px}.projects-dropdown-item{align-items:center;cursor:pointer;display:flex;font-size:15px!important;gap:10px;padding:10px 14px;transition:background .15s}.projects-dropdown-item:hover{background:#f3f4f6}.project-checkbox{accent-color:#3b82f6;cursor:pointer;flex-shrink:0;height:16px;width:16px}.project-name{color:#374151;flex:1 1;font-size:15px!important;line-height:1}.projects-dropdown-empty{color:#9ca3af;font-size:14px;font-style:italic;padding:16px 14px;text-align:center}.supplier-input-wrapper,.supplier-search-wrapper{margin:0;padding:0;position:relative;width:100%}.supplier-tag-input-field{align-items:center;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;margin:0;max-width:100%;min-height:44px;padding:10px 14px;transition:all .2s;width:100%}.supplier-tag-inline{background:#f3f4f6;border:1px solid #d1d5db;border-radius:16px;color:#374151;font-weight:500;gap:6px;padding:4px 10px}.supplier-tag-inline,.supplier-tag-remove-inline{align-items:center;display:inline-flex;font-size:13px}.supplier-tag-remove-inline{background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;height:16px;justify-content:center;line-height:1;margin-left:2px;padding:0;transition:all .2s;width:16px}.supplier-tag-remove-inline:hover{background:#e5e7eb;color:#374151;transform:scale(1.1)}.supplier-search-input-inline{background:#0000;border:none;flex:1 1;font-family:inherit;font-size:14px;font-weight:400;min-width:150px;outline:none;padding:0}.supplier-search-input-inline::placeholder{color:#9ca3af}.supplier-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:300px;overflow-y:auto;padding:8px 0;position:absolute;right:0;top:100%;z-index:1000}.supplier-dropdown-item{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:10px 14px;transition:background .15s}.supplier-dropdown-item:last-child{border-bottom:none}.supplier-dropdown-item:hover{background:#f3f4f6}.supplier-dropdown-name{color:#374151;font-size:15px;font-weight:500;margin-bottom:4px}.supplier-dropdown-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.supplier-dropdown-tag{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;color:#6b7280;display:inline-block;font-size:12px;padding:2px 8px}.supplier-dropdown-empty{color:#9ca3af;font-size:14px;font-style:italic;padding:16px 14px;text-align:center}.product-actions{display:flex;gap:12px;grid-column:1/-1;margin-top:10px;padding-top:10px}.save-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.save-btn:hover:not(:disabled){background:#059669}.save-btn:disabled{cursor:not-allowed;opacity:.5}.delete-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.delete-btn:hover:not(:disabled){background:#dc2626}.delete-btn:disabled{cursor:not-allowed;opacity:.5}.product-tables-section{margin-top:0}.tables-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.tables-header h2{color:#111827;font-size:22px;font-weight:600;margin:0}.add-table-btn{background:#f97316;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .2s}.add-table-btn:hover{background:#ea580c}.add-table-btn-large{background:#f97316;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:12px 24px;transition:all .2s}.add-table-btn-large:hover{background:#ea580c}.no-tables-placeholder{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:60px 20px;text-align:center}.no-tables-placeholder p{color:#6b7280;font-size:16px;margin:0}.media-modal-overlay{background:#000000e6;bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.media-modal-content,.media-modal-overlay{align-items:center;display:flex;justify-content:center}.media-modal-content{flex-direction:column;max-height:95vh;max-width:90vw;position:relative}.media-modal-close{align-items:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:0;top:-50px;transition:all .2s;width:40px}.media-modal-close:hover{background:#fff3;transform:scale(1.1)}.media-modal-nav{align-items:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:36px;height:50px;justify-content:center;line-height:1;position:fixed;top:50%;transform:translateY(-50%);transition:all .2s;width:50px;z-index:2001}.media-modal-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.media-modal-prev{left:40px}.media-modal-next{right:40px}@media (max-width:768px){.media-modal-prev{left:10px}.media-modal-next{right:10px}}.media-modal-counter{border:1px solid #fff3;border-radius:12px;font-size:14px;padding:6px 12px;top:-50px}.media-modal-counter,.media-modal-zoom-indicator{background:#00000080;color:#ffffffb3;font-weight:500;left:50%;position:absolute;transform:translateX(-50%)}.media-modal-zoom-indicator{border:1px solid #fff3;border-radius:10px;bottom:-50px;font-size:13px;min-width:50px;padding:5px 10px;text-align:center}.media-modal-image-container{align-items:center;display:flex;justify-content:center;max-height:70vh;max-width:100%;overflow:hidden;position:relative}.media-modal-image-container.zoomed{height:90vh;max-height:none;width:90vw}.media-modal-image,.media-modal-video{border-radius:8px;max-height:70vh;max-width:100%;object-fit:contain;transform-origin:center center;transition:transform .1s ease-out;-webkit-user-select:none;user-select:none}.media-modal-image-container.zoomed .media-modal-image,.media-modal-image-container.zoomed .media-modal-video{height:auto;max-height:none;max-width:none;width:auto}.image-note-section{margin-top:16px;max-width:600px;width:100%}.image-note-divider{background:#ffffff26;height:1px;margin-bottom:12px}.image-note-label{align-items:center;color:#ffffff80;display:flex;font-size:12px;font-weight:400;gap:8px;margin-bottom:8px}.image-note-saving{color:#fff6;font-size:11px;font-style:italic}.image-note-input{background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;color:#ffffffe6;font-family:inherit;font-size:13px;line-height:1.5;max-height:120px;min-height:40px;padding:10px 12px;resize:vertical;transition:border-color .15s,background .15s;width:100%}.image-note-input::placeholder{color:#ffffff59}.image-note-input:focus{background:#ffffff1a;border-color:#ffffff4d;outline:none}.image-note-readonly{background:#ffffff0d;border-radius:6px;color:#ffffffb3;font-size:13px;line-height:1.5;margin:0;padding:10px 12px}.image-note-empty{color:#ffffff59;font-style:italic}@media (max-width:1024px){.mp-two-col{grid-template-columns:1fr}.form-row-2,.form-row-2.product-name-tags,.form-row-2.supplier-price-row,.form-row-3,.supplier-address-row{grid-template-columns:1fr 1fr}}@media (max-width:768px){.material-product-content{padding:15px}.mp-two-col{grid-template-columns:1fr}.mp-name-input{font-size:22px}.mp-card{padding:16px}.form-row-2,.form-row-2.product-name-tags,.form-row-2.supplier-price-row,.form-row-3,.info-group-row,.quantity-unit-row,.supplier-address-row{grid-template-columns:1fr}.price-input-container{align-items:stretch;flex-direction:column}.currency-dropdown-wrapper,.currency-select{width:100%}.product-actions,.tables-header{flex-direction:column}.tables-header{align-items:flex-start;gap:15px}.add-table-btn{width:100%}.media-upload-empty{height:240px}.upload-icon{font-size:48px}.upload-empty-content p{font-size:16px}.media-preview-main{height:auto;max-height:500px;min-height:250px}.preview-nav-btn{font-size:22px;height:35px;width:35px}.media-thumbnail-item{flex:0 0 60px;height:60px;min-width:60px;width:60px}.media-add-more-small{flex:0 0 80px;height:80px;min-width:80px;width:80px}.carousel-nav-btn{font-size:20px;height:32px;width:32px}.add-media-button-container{padding:12px 0}.add-media-button{font-size:13px;padding:10px 16px}}.add-media-button-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b82f6f2;border:none;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 12px;position:absolute;right:15px;top:15px;transition:all .2s;z-index:10}.add-media-button-overlay:hover{background:#2563ebf2;transform:scale(1.05)}.add-media-icon-small{font-size:16px;line-height:1}.media-preview-container{position:relative}.add-media-button-container,.info-group-row.quantity-unit-row,.media-add-more-small,.quantity-unit-row{display:none}.pc-category-card{aspect-ratio:16/10;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}.pc-category-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.pc-category-cover{height:100%;position:relative;width:100%}.pc-category-cover img{height:100%;object-fit:cover;width:100%}.pc-category-cover-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-size:48px;height:100%;justify-content:center;width:100%}.pc-category-overlay{background:linear-gradient(#0000,#000000b3);bottom:0;color:#fff;left:0;padding:20px;position:absolute;right:0}.pc-category-name{font-size:18px;font-weight:700;margin:0 0 4px;text-shadow:0 1px 3px #0000004d}.pc-category-count{font-size:13px;opacity:.85}.pc-category-menu-wrap{position:absolute;right:10px;top:10px;z-index:5}.pc-category-menu-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;opacity:0;transition:opacity .2s;width:32px}.pc-category-card:hover .pc-category-menu-btn{opacity:1}.pc-category-dropdown{background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000026;min-width:140px;overflow:hidden;position:absolute;right:0;top:36px;z-index:10}.pc-category-dropdown button{background:none;border:none;cursor:pointer;display:block;font-size:14px;padding:10px 16px;text-align:left;transition:background .15s;width:100%}.pc-category-dropdown button:hover{background:#f3f4f6}.pc-category-dropdown button.delete-option{color:#dc2626}.pc-category-dropdown button.delete-option:hover{background:#fef2f2}.pc-product-card{background:#fff;border-radius:14px;box-shadow:0 2px 10px #0000000f;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,box-shadow .2s}.pc-product-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-3px)}.pc-product-card-featured{flex-shrink:0;max-width:320px;min-width:280px}.pc-product-cover{aspect-ratio:4/3;background:#f3f4f6;overflow:hidden;position:relative;width:100%}.pc-product-card-featured .pc-product-cover{aspect-ratio:16/10}.pc-product-cover-media{display:block;height:100%;object-fit:cover;width:100%}.pc-product-cover-empty{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.pc-product-cover-empty,.pc-product-cover-pdf{align-items:center;display:flex;font-size:40px;height:100%;justify-content:center;width:100%}.pc-product-cover-pdf{background:linear-gradient(135deg,#fef3c7,#fde68a);flex-direction:column;gap:4px}.pc-product-cover-pdf .pdf-label{color:#92400e;font-size:12px;font-weight:600}.pc-product-featured-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffeb;border-radius:20px;color:#d97706;font-size:12px;font-weight:600;left:10px;padding:4px 10px;position:absolute;top:10px}.pc-product-info{padding:14px 16px 16px}.pc-product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a1a1a;display:-webkit-box;font-size:15px;font-weight:600;line-height:1.3;margin:0 0 8px;overflow:hidden}.pc-product-tags{display:flex;flex-wrap:wrap;gap:5px}.pc-product-tag{border-radius:6px;display:inline-block;font-size:11px;font-weight:500;padding:3px 9px;white-space:nowrap}.pc-tag-default{background:#f3f4f6;color:#4b5563}.pc-tag-gray{background:#e5e7eb;color:#4b5563}.pc-tag-brown{background:#fde8cd;color:#92400e}.pc-tag-orange{background:#ffedd5;color:#c2410c}.pc-tag-yellow{background:#fef9c3;color:#a16207}.pc-tag-green{background:#dcfce7;color:#16a34a}.pc-tag-blue{background:#dbeafe;color:#2563eb}.pc-tag-purple{background:#ede9fe;color:#7c3aed}.pc-tag-pink{background:#fce7f3;color:#db2777}.pc-tag-red{background:#fee2e2;color:#dc2626}.pc-tag-more{background:#f3f4f6;color:#9ca3af;font-style:italic}.pc-product-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:13px;line-height:1.4;margin:8px 0 0;overflow:hidden}.pc-product-price{color:#059669;font-size:16px;font-weight:700;margin:6px 0 0}.pc-product-updated{color:#9ca3af;font-size:11px;font-weight:400;margin:2px 0 0}.pc-product-menu-wrap{position:absolute;right:8px;top:8px;z-index:5}.pc-product-menu-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffeb;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;line-height:1;opacity:0;transition:opacity .2s,background .15s;width:30px}.pc-product-card:hover .pc-product-menu-btn{opacity:1}.pc-product-menu-btn:hover{background:#fff}.pc-product-dropdown{background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000026;min-width:140px;overflow:hidden;position:absolute;right:0;top:34px;z-index:10}.pc-product-dropdown button{background:none;border:none;cursor:pointer;display:block;font-size:14px;padding:10px 16px;text-align:left;transition:background .15s;width:100%}.pc-product-dropdown button:hover{background:#f3f4f6}.pc-product-dropdown button.delete-option{color:#dc2626}.pc-product-dropdown button.delete-option:hover{background:#fef2f2}@media (max-width:768px){.pc-product-card-featured{max-width:260px;min-width:220px}.pc-product-menu-btn{opacity:1}}.pcg-page{background:#f5f7fa;min-height:100vh;padding:28px 32px 48px}.pcg-page--with-top-bar{padding-top:96px}.pcg-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;font-size:15px;gap:14px;justify-content:center;min-height:60vh}.pcg-spinner{animation:pcg-spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:36px;width:36px}@keyframes pcg-spin{to{transform:rotate(1turn)}}.pcg-empty-full{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:60vh;text-align:center}.pcg-breadcrumbs{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.pcg-breadcrumb-left{align-items:center;display:flex;font-size:14px;gap:8px}.pcg-breadcrumb-link{color:#6b7280;text-decoration:none;transition:color .15s}.pcg-breadcrumb-link:hover{color:#1a1a1a}.pcg-breadcrumb-sep{color:#9ca3af}.pcg-breadcrumb-current{color:#1a1a1a;font-weight:500}.pcg-breadcrumb-right{align-items:center;display:flex;gap:10px}.pcg-banner{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;margin-bottom:24px;overflow:hidden}.pcg-banner-img-wrap{background:linear-gradient(135deg,#667eea,#764ba2);cursor:default;height:200px;overflow:hidden;position:relative;width:100%}.pcg-banner-img-wrap[title]:hover{cursor:pointer}.pcg-banner-img{display:block;height:100%;object-fit:cover;width:100%}.pcg-banner-placeholder{align-items:center;color:#fffc;display:flex;font-size:15px;font-weight:500;height:100%;justify-content:center;width:100%}.pcg-banner-icon{font-size:48px}.pcg-banner-overlay{background:linear-gradient(#0000 50%,#00000040);inset:0;pointer-events:none;position:absolute}.pcg-banner-info{padding:18px 24px 4px}.pcg-banner-name-row{align-items:center;display:flex;gap:10px}.pcg-banner-title{color:#1a1a1a;font-size:26px;font-weight:700;margin:0}.pcg-name-edit-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:16px;opacity:.5;padding:4px;transition:opacity .15s,background .15s}.pcg-name-edit-btn:hover{background:#f3f4f6;opacity:1}.pcg-banner-name-edit{align-items:center;display:flex;gap:8px}.pcg-name-input{border:2px solid #3b82f6;border-radius:8px;color:#1a1a1a;font-size:22px;font-weight:600;min-width:240px;outline:none;padding:4px 10px}.pcg-name-save{background:#3b82f6;border:none;border-radius:8px;color:#fff;font-weight:600;padding:0 16px}.pcg-name-cancel,.pcg-name-save{cursor:pointer;font-size:13px;height:36px}.pcg-name-cancel{background:none;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;padding:0 14px}.pcg-banner-count{color:#9ca3af;display:block;font-size:14px;padding:4px 24px 18px}.pcg-banner-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;padding:0 24px 20px}.pcg-btn-primary{background:#3b82f6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:40px;padding:0 20px;transition:background .15s;white-space:nowrap}.pcg-btn-primary:hover{background:#2563eb}.pcg-btn-primary:disabled{background:#93c5fd;cursor:not-allowed}.pcg-btn-add{background:#10b981;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:40px;padding:0 18px;transition:background .15s;white-space:nowrap}.pcg-btn-add:hover{background:#059669}.pcg-btn-ghost{background:none;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;font-size:14px;height:40px;padding:0 16px;transition:background .15s}.pcg-btn-ghost:hover{background:#f3f4f6}.pcg-btn-ghost:disabled{cursor:not-allowed;opacity:.5}.pcg-btn-danger{background:none;border:1px solid #fecaca;border-radius:10px;color:#dc2626;cursor:pointer;font-size:14px;height:40px;margin-left:auto;padding:0 16px;transition:background .15s,border-color .15s;white-space:nowrap}.pcg-btn-danger:hover{background:#fef2f2;border-color:#dc2626}.pcg-controls{gap:10px;margin-bottom:20px}.pcg-controls,.pcg-search-wrap{align-items:center;display:flex}.pcg-search-wrap{flex:1 1;position:relative}.pcg-search-icon{color:#9ca3af;left:12px;pointer-events:none;position:absolute}.pcg-search-input{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#1a1a1a;font-size:14px;height:42px;outline:none;padding:0 36px 0 38px;transition:border-color .15s;width:100%}.pcg-search-input:focus{border-color:#3b82f6}.pcg-search-input::placeholder{color:#9ca3af}.pcg-search-clear{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:13px;padding:2px 4px;position:absolute;right:10px}.pcg-search-clear:hover{color:#374151}.pcg-sort-select{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#374151;outline:none;padding:0 14px}.pcg-btn-new-product,.pcg-sort-select{cursor:pointer;flex-shrink:0;font-size:14px;height:42px}.pcg-btn-new-product{background:#3b82f6;border:none;border-radius:12px;color:#fff;font-weight:600;padding:0 18px;transition:background .15s;white-space:nowrap}.pcg-btn-new-product:hover{background:#2563eb}.pcg-product-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.pcg-product-wrap{display:flex;flex-direction:column;position:relative}.pcg-remove-btn{background:none;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:12px;margin-top:8px;padding:6px 0;transition:all .15s;width:100%}.pcg-remove-btn:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626}.pcg-remove-btn:disabled{cursor:not-allowed;opacity:.5}.pcg-empty{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:80px 32px;text-align:center}.pcg-empty-icon{font-size:48px}.pcg-empty h3{color:#374151;font-size:18px;font-weight:600;margin:0}.pcg-empty p{color:#9ca3af;font-size:14px;margin:0}.pcg-picker-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9000}.pcg-picker-modal{background:#fff;border-radius:18px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-height:85vh;max-width:900px;overflow:hidden;width:100%}.pcg-picker-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;flex-shrink:0;justify-content:space-between;padding:22px 24px 16px}.pcg-picker-title{color:#1a1a1a;font-size:18px;font-weight:700;margin:0 0 3px}.pcg-picker-subtitle{color:#9ca3af;font-size:13px;margin:0}.pcg-picker-close{background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;font-size:18px;line-height:1;padding:4px 6px;transition:background .15s}.pcg-picker-close:hover{background:#f3f4f6;color:#374151}.pcg-picker-body{min-height:0}.pcg-picker-body,.pcg-picker-left{display:flex;flex:1 1;overflow:hidden}.pcg-picker-left{border-right:1px solid #f3f4f6;flex-direction:column;min-width:0}.pcg-picker-search-row{border-bottom:1px solid #f3f4f6;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:14px 16px 10px}.pcg-picker-search-wrap{align-items:center;display:flex;position:relative}.pcg-picker-search-wrap svg{color:#9ca3af;left:10px;position:absolute}.pcg-picker-search{border:1px solid #e5e7eb;border-radius:10px;box-sizing:border-box;font-size:14px;height:38px;outline:none;padding:0 12px 0 34px;transition:border-color .15s;width:100%}.pcg-picker-search:focus{border-color:#3b82f6}.pcg-picker-bulk{display:flex;gap:8px}.pcg-picker-bulk-btn{background:none;border:none;border-radius:4px;color:#3b82f6;cursor:pointer;font-size:12px;font-weight:500;padding:2px 4px;transition:background .12s}.pcg-picker-bulk-btn:hover{background:#eff6ff}.pcg-picker-bulk-btn:disabled{cursor:not-allowed;opacity:.4}.pcg-picker-list{flex:1 1;overflow-y:auto;padding:8px}.pcg-picker-empty{align-items:center;color:#9ca3af;display:flex;flex:1 1;flex-direction:column;font-size:14px;gap:10px;justify-content:center;padding:40px;text-align:center}.pcg-picker-empty span{font-size:36px}.pcg-picker-create-btn{background:none;border:1px dashed #3b82f6;border-radius:8px;color:#3b82f6;cursor:pointer;font-size:13px;font-weight:500;margin-top:6px;padding:8px 18px;transition:background .15s}.pcg-picker-create-btn:hover{background:#eff6ff}.pcg-picker-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:10px 8px;transition:background .1s;-webkit-user-select:none;user-select:none}.pcg-picker-item:hover{background:#f9fafb}.pcg-picker-item--selected{background:#f0f7ff!important}.pcg-picker-checkbox{accent-color:#3b82f6;cursor:pointer;flex-shrink:0;height:16px;width:16px}.pcg-picker-thumb{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;flex-shrink:0;height:52px;justify-content:center;overflow:hidden;width:52px}.pcg-picker-thumb img{height:100%;object-fit:cover;width:100%}.pcg-picker-thumb-placeholder{color:#9ca3af;font-size:22px}.pcg-picker-item-info{flex:1 1;min-width:0}.pcg-picker-item-name{color:#1a1a1a;display:block;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcg-picker-item-supplier{color:#9ca3af;display:block;font-size:12px;margin-top:2px}.pcg-picker-item-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.pcg-picker-tag{background:#f3f4f6;border-radius:10px;color:#6b7280;font-size:11px;padding:2px 7px}.pcg-picker-right{display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:240px}.pcg-picker-summary-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 16px 10px}.pcg-picker-summary-title{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.pcg-picker-summary-count{background:#3b82f6;border-radius:20px;color:#fff;font-size:12px;font-weight:700;min-width:24px;padding:1px 8px;text-align:center}.pcg-picker-summary-empty{color:#9ca3af;font-size:13px;margin:0;padding:20px 16px;text-align:center}.pcg-picker-summary-list{flex:1 1;overflow-y:auto;padding:8px}.pcg-picker-summary-item{align-items:center;background:#f0f7ff;border-radius:8px;display:flex;gap:6px;margin-bottom:4px;padding:7px 8px}.pcg-picker-summary-name{color:#1d4ed8;flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcg-picker-summary-remove{background:none;border:none;border-radius:4px;color:#93c5fd;cursor:pointer;flex-shrink:0;font-size:12px;line-height:1;padding:2px;transition:color .12s}.pcg-picker-summary-remove:hover{color:#1d4ed8}.pcg-picker-actions{border-top:1px solid #f3f4f6;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:14px 16px}.ps-page{background:#f5f7fa;min-height:100vh;padding:28px 32px}.ps-page .pcg-breadcrumbs{align-items:center;display:flex;gap:12px;justify-content:space-between}.ps-page .pcg-breadcrumb-left{align-items:center;display:flex;gap:8px}.ps-hero{border-radius:16px;height:280px;margin-bottom:32px;overflow:hidden;position:relative}.ps-hero-img{display:block;height:100%;object-fit:cover;width:100%}.ps-hero-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-size:64px;height:100%;justify-content:center;width:100%}.ps-hero-overlay{background:linear-gradient(#0000,#000000b3);bottom:0;color:#fff;left:0;padding:28px 32px;position:absolute;right:0}.ps-hero-title{font-size:32px;font-weight:700;margin:0 0 6px;text-shadow:0 2px 6px #0000004d}.ps-hero-location{font-size:15px;margin:0 0 10px;opacity:.9}.ps-hero-status{border-radius:20px;display:inline-block;font-size:13px;font-weight:600;padding:4px 14px}.ps-status-active{background:#3b82f640;color:#93c5fd}.ps-status-completed{background:#10b98140;color:#6ee7b7}.ps-section{margin-bottom:32px}.ps-section-title{align-items:center;color:#1a1a1a;display:flex;font-size:20px;font-weight:600;gap:12px;margin:0 0 20px}.ps-product-count{background:#f3f4f6;border-radius:20px;color:#9ca3af;font-size:13px;font-weight:500;padding:4px 12px}@media (max-width:768px){.ps-page{padding:20px 16px}.ps-hero{height:200px}.ps-hero-title{font-size:24px}}.sl-toast-container{bottom:24px;display:flex;flex-direction:column;gap:8px;left:50%;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:999999}.sl-toast{animation:sl-toast-in .2s ease,sl-toast-out .3s ease 1.7s forwards;background:#1f2937;border-radius:8px;box-shadow:0 4px 16px #00000040;color:#f9fafb;font-size:13.5px;font-weight:500;padding:10px 20px;white-space:nowrap}@keyframes sl-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sl-toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.supplier-contacts-container,.supplier-list-container{background:#f5f7fa;min-height:100vh;padding:24px 32px 48px}.supplier-list-loading{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:400px}.loading-spinner{animation:spin .9s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{color:#6b7280;font-size:15px}.sl-page-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.sl-page-title-block{display:flex;flex-direction:column;gap:4px}.sl-page-title{color:#111827;font-size:26px;font-weight:700;line-height:1.2;margin:0}.sl-page-subtitle{color:#6b7280;font-size:13.5px;margin:0}.add-supplier-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s,box-shadow .2s,transform .15s;white-space:nowrap}.add-supplier-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f659;transform:translateY(-1px)}.sl-controls{flex-wrap:wrap;gap:12px;margin-bottom:20px}.sl-controls,.sl-search-wrap{align-items:center;display:flex}.sl-search-wrap{flex:1 1;min-width:240px;position:relative}.sl-search-icon{color:#9ca3af;font-size:15px;left:12px;pointer-events:none;position:absolute}.supplier-search{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:14px;outline:none;padding:10px 36px 10px 38px;transition:border-color .2s,box-shadow .2s;width:100%}.supplier-search::placeholder{color:#9ca3af}.supplier-search:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sl-search-clear{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:13px;padding:4px;position:absolute;right:36px;transition:color .15s}.sl-search-clear:hover{color:#374151}.sl-search-spinner{animation:spin .8s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:14px;position:absolute;right:12px;width:14px}.sl-filter-area{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.sl-filter-chip{align-items:center;border-radius:20px;display:inline-flex;font-size:12.5px;font-weight:500;gap:5px;padding:4px 10px 4px 12px;white-space:nowrap}.sl-filter-chip-remove{background:none;border:none;color:inherit;cursor:pointer;font-size:11px;line-height:1;opacity:.6;padding:0;transition:opacity .15s}.sl-filter-chip-remove:hover{opacity:1}.filter-dropdown-wrapper{flex-shrink:0;position:relative}.filter-btn{align-items:center;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:border-color .2s,background .2s;white-space:nowrap}.filter-btn:hover{background:#f0f9ff;border-color:#93c5fd}.filter-btn--active{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.filter-count{align-items:center;background:#3b82f6;border-radius:10px;color:#fff;display:inline-flex;font-size:11.5px;font-weight:600;height:18px;justify-content:center;min-width:20px;padding:1px 7px}.filter-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001f;max-height:320px;min-width:220px;overflow-y:auto;padding:6px 0;position:absolute;right:0;top:calc(100% + 8px);z-index:200}.filter-dropdown-empty{color:#9ca3af;font-size:13.5px;padding:12px 16px;text-align:center}.filter-tag-option{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 16px;transition:background .12s}.filter-tag-option:hover{background:#f9fafb}.filter-tag-option input[type=checkbox]{cursor:pointer}.clear-filters-btn{background:#fef2f2;border:none;border-top:1px solid #e5e7eb;color:#dc2626;cursor:pointer;font-size:13.5px;font-weight:500;padding:10px 16px;text-align:left;transition:background .15s;width:100%}.clear-filters-btn:hover{background:#fee2e2}.supplier-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000014;overflow:hidden}.supplier-table{border-collapse:collapse;width:100%}.supplier-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.supplier-table th{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:13px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.supplier-table th.sortable{cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none}.supplier-table th.sortable:hover{background:#f3f4f6}.supplier-table th.sorted{color:#374151}.supplier-table tbody tr{border-bottom:1px solid #f3f4f6}.supplier-table tbody tr:hover{background:#fafafa}.supplier-table td{color:#374151;font-size:13.5px;padding:14px 16px;vertical-align:top}.sl-supplier-name{color:#111827;font-size:14.5px;font-weight:600;line-height:1.3}.sl-contact-match-hint{color:#6b7280;font-size:11px;font-style:italic;margin-top:3px}.sl-address-cell{color:#4b5563;font-size:13px;line-height:1.4;max-width:200px;white-space:normal}.sl-address2{color:#9ca3af;display:block;font-size:12px}.sl-phone-link{color:#374151;font-size:13.5px;text-decoration:none;transition:color .15s;white-space:nowrap}.sl-phone-link:hover{color:#2563eb;text-decoration:underline}.sl-email-link{color:#374151;font-size:13.5px;text-decoration:none;transition:color .15s;word-break:break-all}.sl-email-link:hover{color:#2563eb;text-decoration:underline}.sl-muted{color:#d1d5db}.notes-cell{max-width:200px}.sl-notes-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:13px;line-height:1.4;overflow:hidden}.sl-tag-overflow{background:#f3f4f6;border-radius:10px;color:#6b7280;display:inline-block;font-size:11.5px;font-weight:500;padding:3px 8px;white-space:nowrap}.no-results{color:#9ca3af;font-size:14px;padding:48px 20px;text-align:center}.supplier-row--contact-match .sl-supplier-name{color:#1d4ed8}.expand-btn{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;height:28px;justify-content:center;transition:background .15s,color .15s;width:28px}.expand-btn:hover{background:#f3f4f6;color:#374151}.expand-btn--open{color:#3b82f6}.expand-btn--open:hover{background:#eff6ff}.expand-arrow{display:inline-block;font-size:14px;transition:transform .2s}.tags-cell{display:flex;flex-wrap:wrap;gap:5px}.supplier-tag{border-radius:12px;display:inline-block;font-size:11.5px;font-weight:500;padding:3px 9px;white-space:nowrap}.sl-role-badge{font-size:11px;padding:2px 8px}.supplier-tag.tag-color-default,.tag-color-default{background:#f3f4f6;color:#374151}.supplier-tag.tag-color-gray,.tag-color-gray{background:#e5e7eb;color:#4b5563}.supplier-tag.tag-color-brown,.tag-color-brown{background:#fef3c7;color:#92400e}.supplier-tag.tag-color-orange,.tag-color-orange{background:#fed7aa;color:#c2410c}.supplier-tag.tag-color-yellow,.tag-color-yellow{background:#fef08a;color:#854d0e}.supplier-tag.tag-color-green,.tag-color-green{background:#bbf7d0;color:#166534}.supplier-tag.tag-color-blue,.tag-color-blue{background:#bfdbfe;color:#1e40af}.supplier-tag.tag-color-purple,.tag-color-purple{background:#e9d5ff;color:#6b21a8}.supplier-tag.tag-color-pink,.tag-color-pink{background:#fbcfe8;color:#9f1239}.supplier-tag.tag-color-red,.tag-color-red{background:#fecaca;color:#991b1b}.sl-actions-wrap{position:relative}.actions-btn{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:20px;font-weight:700;line-height:1;padding:4px 8px;transition:color .15s,background .15s}.actions-btn:hover{background:#eff6ff;color:#3b82f6}.actions-menu,.sl-action-menu-popup{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px #00000024;overflow:hidden;z-index:1000}.actions-menu button{align-items:center;background:#fff;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;text-align:left;transition:background .12s;width:100%}.actions-menu button:hover{background:#f9fafb}.actions-menu .action-delete{color:#ef4444}.actions-menu .action-delete:hover{background:#fef2f2}.expanded-row td{background:#f8fafc;border-top:2px solid #e0f2fe;padding:0!important}.contacts-section{padding:20px 24px 24px 56px}.contacts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.contacts-header h3{color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.add-contact-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:7px 14px;transition:background .2s,transform .15s,box-shadow .2s}.add-contact-btn:hover{background:#059669;box-shadow:0 4px 10px #10b9814d;transform:translateY(-1px)}.no-contacts{background:#fff;border:1px dashed #e5e7eb;border-radius:8px;color:#9ca3af;font-size:14px;margin:0;padding:24px;text-align:center}.contacts-list{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.contact-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:14px 16px 12px;transition:border-color .2s,box-shadow .2s}.contact-card:hover{border-color:#93c5fd;box-shadow:0 2px 10px #00000012}.contact-card--primary{background:#fffdf0;border-color:#fbbf24}.contact-card--highlighted{background:#fafaff;border-color:#6366f1}.sl-cc-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.sl-cc-name-row{align-items:center;display:flex;gap:6px}.contact-name{color:#111827;font-size:15px;font-weight:600;line-height:1.3}.primary-star-btn{background:none;border:none;cursor:pointer;flex-shrink:0;font-size:17px;line-height:1;opacity:.35;padding:0;transition:opacity .2s,transform .15s}.primary-star-btn:hover{opacity:1;transform:scale(1.2)}.primary-star-btn.starred{opacity:1}.sl-cc-roles{display:flex;flex-shrink:0;flex-wrap:wrap;gap:4px}.sl-cc-details{display:flex;flex-direction:column;gap:5px}.sl-cc-detail-row{align-items:center;display:flex;font-size:13px;gap:6px}.sl-cc-detail-icon{flex-shrink:0;font-size:13px;width:18px}.sl-cc-detail-val{color:#374151;flex:1 1;min-width:0;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}a.sl-cc-detail-val:hover{color:#2563eb;text-decoration:underline}.sl-cc-notes{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:12px;line-height:1.45;overflow:hidden;padding-top:6px}.sl-cc-footer,.sl-cc-notes{border-top:1px solid #f3f4f6}.sl-cc-footer{align-items:center;display:flex;gap:8px;justify-content:space-between;padding-top:8px}.sl-copy-btn{background:#f3f4f6;border:none;border-radius:5px;color:#6b7280;cursor:pointer;flex-shrink:0;font-size:11.5px;font-weight:500;padding:3px 9px;transition:background .15s,color .15s}.sl-copy-btn:hover{background:#e5e7eb;color:#374151}.sl-copy-btn--done{background:#dcfce7;color:#16a34a}.sl-copy-all-btn{background:none;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:12.5px;font-weight:500;padding:5px 12px;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.sl-copy-all-btn:hover{background:#f3f4f6;border-color:#9ca3af}.sl-copy-all-btn--done{background:#dcfce7;border-color:#86efac;color:#16a34a}.sl-cc-edit-actions{display:flex;gap:4px}.sl-cc-delete-btn,.sl-cc-edit-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:background .15s,color .15s;width:30px}.sl-cc-edit-btn{background:#f0f9ff;color:#3b82f6}.sl-cc-edit-btn:hover{background:#dbeafe;color:#1d4ed8}.sl-cc-delete-btn{background:#fef2f2;color:#ef4444}.sl-cc-delete-btn:hover{background:#fee2e2;color:#dc2626}.contact-link{color:#3b82f6;text-decoration:none;transition:color .15s}.contact-link:hover{color:#2563eb;text-decoration:underline}.sl-confirm-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:99999}.sl-confirm-box{background:#fff;border-radius:12px;box-shadow:0 20px 50px #00000040;max-width:400px;padding:28px 28px 22px;width:100%}.sl-confirm-msg{color:#374151;font-size:15px;line-height:1.5;margin:0 0 22px}.sl-confirm-actions{display:flex;gap:10px;justify-content:flex-end}.sl-confirm-cancel{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:9px 20px;transition:background .15s}.sl-confirm-cancel:hover{background:#f9fafb}.sl-confirm-ok{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:9px 20px;transition:background .15s}.sl-confirm-ok:hover{background:#dc2626}.modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 50px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.sl-supplier-modal{max-width:780px}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:18px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-header h2{color:#111827;font-size:17px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;font-size:24px;font-weight:300;height:32px;justify-content:center;line-height:1;padding:0;transition:background .15s,color .15s;width:32px}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{flex:1 1;padding:20px 24px}.sl-supplier-form{display:flex;flex-direction:column;gap:4px}.sl-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.sl-form-col{min-width:0}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group label{color:#374151;display:block;font-size:13.5px;font-weight:500;margin-bottom:6px}.form-group input,.form-group textarea{border:1.5px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1f2937;font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{min-height:80px;resize:vertical}.sl-primary-toggle{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:10px;margin-top:4px}.sl-primary-toggle input[type=checkbox]{cursor:pointer;height:16px;width:16px}.modal-footer{background:#fff;border-top:1px solid #e5e7eb;bottom:0;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px;position:-webkit-sticky;position:sticky}.btn-cancel,.btn-save{border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s,box-shadow .2s}.btn-cancel{background:#fff;border:1.5px solid #d1d5db;color:#6b7280}.btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.btn-save{background:#3b82f6;border:none;color:#fff}.btn-save:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f659}.tags-input-container{position:relative}.tag-input-field{align-items:center;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:6px;min-height:44px;padding:8px 14px;transition:border-color .2s}.tag-input-field:focus-within{border-color:#3b82f6}.tag-chip{align-items:center;border-radius:16px;display:inline-flex;font-size:13px;font-weight:500;gap:5px;padding:5px 10px;white-space:nowrap}.tag-chip-default{background:#e5e7eb;color:#374151}.tag-chip-gray{background:#e5e7eb;color:#6b7280}.tag-chip-brown{background:#fef3c7;color:#92400e}.tag-chip-orange{background:#fed7aa;color:#c2410c}.tag-chip-yellow{background:#fef08a;color:#854d0e}.tag-chip-green{background:#bbf7d0;color:#166534}.tag-chip-blue{background:#bfdbfe;color:#1e40af}.tag-chip-purple{background:#e9d5ff;color:#6b21a8}.tag-chip-pink{background:#fbcfe8;color:#9f1239}.tag-chip-red{background:#fecaca;color:#991b1b}.tag-remove{background:none;border:none;color:inherit;cursor:pointer;font-size:14px;line-height:1;opacity:.6;padding:0;transition:opacity .15s}.tag-remove:hover{opacity:1}.tag-input-inline{background:#0000!important;border:none!important;box-shadow:none!important;color:#1f2937;flex:1 1;font-family:inherit;font-size:14px;margin:0;min-width:100px;outline:none!important;padding:0}.tag-input-inline::placeholder{color:#9ca3af}.tag-input-inline:focus{border:none!important;box-shadow:none!important;outline:none!important}.tag-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px #0000001f;left:0;max-height:280px;overflow-y:auto;padding:4px 0;position:absolute;right:0;top:calc(100% + 6px);z-index:300}.tag-dropdown-empty{color:#9ca3af;font-size:13.5px;padding:12px 16px;text-align:center}.tag-dropdown-item{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:9px 14px;transition:background .12s}.tag-dropdown-item:hover{background:#f9fafb}.tag-dropdown-content{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:8px}.sl-tag-already{color:#10b981;font-size:13px}.tag-icon{flex-shrink:0;font-size:15px}.tag-color-indicator{border-radius:50%;flex-shrink:0;height:11px;width:11px}.tag-color-indicator-default{background:#9ca3af}.tag-color-indicator-gray{background:#6b7280}.tag-color-indicator-brown{background:#92400e}.tag-color-indicator-orange{background:#ea580c}.tag-color-indicator-yellow{background:#ca8a04}.tag-color-indicator-green{background:#16a34a}.tag-color-indicator-blue{background:#2563eb}.tag-color-indicator-purple{background:#7c3aed}.tag-color-indicator-pink{background:#db2777}.tag-color-indicator-red{background:#dc2626}.tag-dropdown-create{color:#3b82f6;font-weight:500}.tag-dropdown-menu-btn{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;flex-shrink:0;font-size:17px;font-weight:700;line-height:1;padding:4px 8px;transition:background .15s,color .15s}.tag-dropdown-menu-btn:hover{background:#e5e7eb;color:#374151}.tag-color-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 6px 20px #00000026;max-height:420px;overflow-y:auto;padding:8px 0;pointer-events:auto!important;position:fixed;width:220px;z-index:99999}.tag-menu-header{border-bottom:1px solid #e5e7eb;padding:8px 12px}.tag-menu-name{border:1.5px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:14px;outline:none;padding:8px 10px;width:100%}.tag-menu-name:focus{border-color:#3b82f6}.tag-menu-delete{align-items:center;background:none;border:none;border-bottom:1px solid #e5e7eb;color:#ef4444;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 12px;text-align:left;transition:background .12s;width:100%}.tag-menu-delete:hover{background:#fef2f2}.tag-menu-section{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.5px;padding:10px 12px 6px;text-transform:uppercase}.tag-color-options{padding:4px 0;pointer-events:auto!important}.tag-color-option{align-items:center;background:#0000;border:none;color:#374151;cursor:pointer!important;display:flex;font-size:13.5px;gap:10px;padding:8px 12px;pointer-events:auto!important;text-align:left;transition:background .12s;width:100%}.tag-color-option:hover{background:#f9fafb}.tag-color-swatch{border-radius:4px;flex-shrink:0;height:16px;width:16px}.tag-color-swatch-default{background:#9ca3af}.tag-color-swatch-gray{background:#6b7280}.tag-color-swatch-brown{background:#92400e}.tag-color-swatch-orange{background:#ea580c}.tag-color-swatch-yellow{background:#ca8a04}.tag-color-swatch-green{background:#16a34a}.tag-color-swatch-blue{background:#2563eb}.tag-color-swatch-purple{background:#7c3aed}.tag-color-swatch-pink{background:#db2777}.tag-color-swatch-red{background:#dc2626}.tag-color-check{color:#3b82f6;font-size:13px;font-weight:700;margin-left:auto}.sl-clickable-cell{align-items:center;display:flex;gap:6px;min-width:0}.sl-inline-copy{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;flex-shrink:0;font-size:14px;line-height:1;padding:2px 5px;transition:color .15s,background .15s}.sl-inline-copy:hover{background:#eff6ff;color:#3b82f6}.sl-inline-copy--done{color:#10b981}.sl-preferred-hint{color:#b45309;font-size:11.5px;margin-top:3px}.sl-modal-section{border-bottom:1px solid #f0f0f0;margin-bottom:16px;padding-bottom:16px}.sl-modal-section--last{border-bottom:none;margin-bottom:0;padding-bottom:0}.sl-modal-section-title{color:#9ca3af;font-size:11px;font-weight:700;letter-spacing:.6px;margin-bottom:14px;text-transform:uppercase}.sl-optional{color:#9ca3af;font-size:12px;font-weight:400}.sl-field-warning{background:#fffbeb;border:1px solid #fde68a;border-radius:5px;color:#92400e;font-size:12px;line-height:1.4;margin-top:5px;padding:5px 10px}.sl-empty-add-btn{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;margin-left:4px;padding:0;text-decoration:underline}.sl-empty-add-btn:hover{color:#1d4ed8}.sl-no-contacts-empty{background:#fff;border:1.5px dashed #e5e7eb;border-radius:10px;color:#6b7280;font-size:14px;padding:28px 20px;text-align:center}.sl-no-contacts-empty p{margin:0 0 12px}.sl-empty-add-contact-btn{background:#f0fdf4;border:1px solid #86efac;border-radius:6px;color:#15803d;cursor:pointer;font-size:13px;font-weight:500;padding:7px 16px;transition:background .15s}.sl-empty-add-contact-btn:hover{background:#dcfce7}.contacts-page-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.back-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background .15s,border-color .15s,color .15s}.back-btn:hover{background:#f9fafb;border-color:#3b82f6;color:#3b82f6}.contacts-page-header h1{color:#111827;flex:1 1;font-size:26px;font-weight:700;margin:0}.contacts-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000014;overflow:hidden}.contacts-table{border-collapse:collapse;width:100%}.contacts-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.contacts-table th{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:13px 16px;text-align:left;text-transform:uppercase}.contacts-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .12s}.contacts-table tbody tr:hover{background:#fafafa}.contacts-table td{color:#374151;font-size:14px;padding:14px 16px}.contact-name-cell{color:#111827;font-weight:500}.error-message{color:#ef4444;font-size:15px;font-weight:500;padding:40px 20px;text-align:center}@media (max-width:1100px){.contacts-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:768px){.supplier-contacts-container,.supplier-list-container{padding:16px}.sl-page-header{align-items:flex-start;flex-direction:column}.sl-controls{align-items:stretch;flex-direction:column}.sl-search-wrap{min-width:0;min-width:auto}.sl-filter-area{justify-content:flex-start}.filter-btn{width:100%}.filter-dropdown{left:0;right:0}.sl-form-row{grid-template-columns:1fr}.supplier-table-wrapper{overflow-x:auto}.supplier-table{min-width:760px}.contacts-list{grid-template-columns:1fr}.modal-content{border-radius:0;max-height:100vh;max-width:100%}.sl-supplier-modal{max-width:100%;min-width:0;min-width:auto}}.focused-inspection-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000eb;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.focused-inspection-container{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.focused-controls-top{align-items:center;background:linear-gradient(180deg,#00000080,#0000);display:flex;justify-content:space-between;left:0;padding:20px 30px;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:10}.focused-controls-top.visible{opacity:1}.focused-controls-top.hidden{opacity:0;pointer-events:none}.focused-image-counter{color:#fff;font-size:16px;font-weight:500;text-shadow:0 1px 3px #00000080}.focused-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:22px;color:#fff;cursor:pointer;display:flex;font-size:32px;height:44px;justify-content:center;transition:background-color .2s ease;width:44px}.focused-close-btn:hover{background:#ffffff4d}.focused-image-wrapper{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.focused-image{max-height:100%;max-width:100%;object-fit:contain;transform-origin:center center;transition:transform .1s ease-out;-webkit-user-select:none;user-select:none}.focused-nav-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-size:48px;height:60px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:60px;z-index:10}.focused-nav-btn:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.focused-nav-btn.visible{opacity:1}.focused-nav-btn.hidden{opacity:0;pointer-events:none}.focused-nav-prev{left:30px}.focused-nav-next{right:30px}.focused-controls-bottom{align-items:center;background:linear-gradient(0deg,#00000080,#0000);bottom:0;display:flex;gap:20px;justify-content:space-between;left:0;padding:20px 30px;position:absolute;right:0;transition:opacity .3s ease;z-index:10}.focused-controls-bottom.visible{opacity:1}.focused-controls-bottom.hidden{opacity:0;pointer-events:none}.focused-zoom-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;color:#fff;font-size:14px;font-weight:500;padding:8px 16px;text-shadow:0 1px 3px #00000080}.focused-edit-btn{background:#007aff;border:none;border-radius:24px;box-shadow:0 2px 8px #007aff66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 24px;transition:all .2s ease}.focused-edit-btn:hover{background:#0051d5;box-shadow:0 4px 12px #007aff80;transform:translateY(-1px)}.focused-edit-btn:active{transform:translateY(0)}@media (max-width:768px){.focused-controls-bottom,.focused-controls-top{padding:15px 20px}.focused-nav-btn{font-size:40px;height:50px;width:50px}.focused-nav-prev{left:15px}.focused-nav-next{right:15px}.focused-image-counter{font-size:14px}.focused-close-btn{font-size:28px;height:40px;width:40px}}.ann-toolbar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141414f5;border-top:1px solid #ffffff14;display:flex;flex-shrink:0;gap:4px;overflow-x:auto;padding:8px 16px}.ann-toolbar-group{align-items:center;display:flex;gap:2px}.ann-toolbar-sep{background:#ffffff24;flex-shrink:0;height:28px;margin:0 6px;width:1px}.ann-tool-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffbf;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:6px 10px;transition:background .15s,color .15s;white-space:nowrap}.ann-tool-btn:hover{background:#ffffff1a;color:#fff}.ann-tool-btn.active{background:#2563eb;color:#fff}.ann-tool-btn.disabled,.ann-tool-btn:disabled{cursor:not-allowed;opacity:.3}.ann-tool-btn.disabled:hover,.ann-tool-btn:disabled:hover{background:#0000;color:#ffffffbf}.ann-tool-label{font-size:10px;font-weight:500;letter-spacing:.02em}.ann-color-trigger{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffbf;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:6px 10px;transition:background .15s}.ann-color-trigger:hover{background:#ffffff1a;color:#fff}.ann-color-dot{border:2px solid #ffffff59;border-radius:50%;display:block;height:20px;width:20px}.ann-thickness-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:36px;justify-content:center;transition:background .15s;width:36px}.ann-thickness-btn:hover{background:#ffffff1a}.ann-thickness-btn.active{background:#2563eb4d}.ann-thickness-dot{background:#ffffffbf;border-radius:50%;display:block}.ann-thickness-btn.active .ann-thickness-dot{background:#60a5fa}.ann-font-step-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff2e;border-radius:5px;color:#ffffffbf;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:500;height:26px;justify-content:center;transition:background .12s,color .12s;width:26px}.ann-font-step-btn:hover:not(:disabled){background:#ffffff29;color:#fff}.ann-font-step-btn:disabled{cursor:not-allowed;opacity:.3}.ann-ctx-group{align-items:center;flex-wrap:wrap;gap:4px}.ann-font-ctx{align-items:center;display:flex;gap:3px}.ann-ctx-label{color:#ffffff80;font-size:10px;font-weight:500;letter-spacing:.04em;margin-right:4px;text-transform:uppercase;white-space:nowrap}.ann-font-size-btn{background:#0000;border:none;border-radius:5px;color:#ffffffa6;cursor:pointer;font-size:11px;font-weight:500;min-width:28px;padding:4px 6px;transition:background .12s,color .12s}.ann-font-size-btn:hover{background:#ffffff1a;color:#fff}.ann-font-size-btn.active{background:#2563eb;color:#fff}.ann-font-size-input{-moz-appearance:textfield;background:#ffffff1a;border:1px solid #fff3;border-radius:5px;color:#fff;font-size:12px;font-weight:500;margin-right:4px;outline:none;padding:3px 4px;text-align:center;width:44px}.ann-font-size-input::-webkit-inner-spin-button,.ann-font-size-input::-webkit-outer-spin-button{-webkit-appearance:none}.ann-font-size-input:focus{background:#ffffff24;border-color:#3b82f6}.ann-delete-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#f87171;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:6px 10px;transition:background .15s}.ann-delete-btn:hover{background:#ef444426}.annotation-canvas-container{align-items:center;display:flex;justify-content:center;max-height:90%;max-width:90%;position:relative}.annotation-base-image{display:block;max-height:100%;max-width:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.annotation-canvas-layer,.annotation-canvas-overlay{height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.annotation-canvas-layer{pointer-events:none}.annotation-canvas-overlay{cursor:crosshair}.annotation-text-input-container{align-items:center;display:flex;position:absolute;z-index:100}.annotation-text-input-container input{background:#0000;border:2px dashed #ffffff80;border-radius:4px;color:inherit;font-family:sans-serif;font-size:inherit;min-width:120px;padding:6px 10px}.annotation-text-input-container input:focus{border-color:#3b82f6;border-style:solid;outline:none}.annotation-edit-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#000000f2;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:10001}.annotation-edit-container{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.annotation-top-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;display:flex;justify-content:space-between;padding:12px 20px;z-index:10}.annotation-close-btn{background:#ff3b30e6;border:none;border-radius:20px;box-shadow:0 2px 8px #ff3b304d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:8px 16px;transition:all .2s ease}.annotation-close-btn:hover{background:#ff3b30;box-shadow:0 4px 12px #ff3b3066;transform:translateY(-1px)}.annotation-image-counter{color:#fff;font-size:16px;font-weight:500}.annotation-done-btn{background:#007aff;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:8px 20px;transition:all .2s ease}.annotation-done-btn:hover{background:#0051d5;transform:translateY(-1px)}.annotation-done-btn:active{transform:translateY(0)}.ann-top-actions{align-items:center;display:flex;gap:8px}.ann-save-changes-btn{background:#16a34a;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:background .2s,opacity .2s;white-space:nowrap}.ann-save-changes-btn:hover:not(:disabled){background:#15803d}.ann-save-changes-btn--idle,.ann-save-changes-btn:disabled{background:#16a34a59;cursor:default}.ann-close-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:34px;justify-content:center;transition:background .15s,color .15s;width:34px}.ann-close-btn:hover{background:#ef444433;border-color:#ef444466;color:#f87171}.ann-confirm-modal{animation:ann-modal-in .18s ease;background:#1e1e1e;border:1px solid #ffffff1f;border-radius:14px;box-shadow:0 8px 32px #0009;padding:28px 24px 22px;text-align:center;width:300px}.ann-confirm-modal-icon{font-size:28px;margin-bottom:10px}.ann-confirm-modal-title{color:#fff;font-size:16px;font-weight:700;margin:0 0 8px}.ann-confirm-modal-msg{color:#ffffff8c;font-size:13px;line-height:1.5;margin:0 0 20px}.ann-confirm-modal-actions{display:flex;gap:10px;justify-content:center}.ann-confirm-keep-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 18px;transition:background .15s}.ann-confirm-keep-btn:hover{background:#ffffff2e}.ann-confirm-discard-btn{background:#dc2626;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 18px;transition:background .15s}.ann-confirm-discard-btn:hover{background:#b91c1c}.ann-view-toggle{background:#ffffff1a;border-radius:20px;display:flex;gap:2px;padding:3px}.ann-view-btn{background:#0000;border:none;border-radius:16px;color:#ffffffa6;cursor:pointer;font-size:13px;font-weight:500;padding:5px 14px;transition:background .15s,color .15s;white-space:nowrap}.ann-view-btn.active{background:#fff;color:#111}.annotation-zoom-controls{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:20px;display:flex;gap:8px;padding:8px 12px;position:absolute;right:20px;top:80px;z-index:15}.annotation-zoom-controls button{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.annotation-zoom-controls button:hover{background:#fff3;transform:scale(1.1)}.annotation-zoom-controls span{color:#fff;font-size:14px;font-weight:500;min-width:50px;text-align:center}.annotation-canvas-area{flex:1 1;overflow:hidden;position:relative}.annotation-canvas-area,.annotation-nav-btn{align-items:center;display:flex;justify-content:center}.annotation-nav-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:48px;height:60px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:60px;z-index:5}.annotation-nav-btn:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.annotation-nav-prev{left:20px}.annotation-nav-next{right:20px}.color-picker-backdrop{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ann-color-modal-overlay{align-items:center;background:#000000a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:10010}.ann-color-modal{animation:ann-modal-in .18s ease;background:#1e1e1e;border:1px solid #ffffff1f;border-radius:14px;box-shadow:0 8px 32px #0009;padding:20px;width:280px}@keyframes ann-modal-in{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}.ann-color-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.ann-color-modal-title{color:#fff;font-size:15px;font-weight:600}.ann-color-modal-close{background:#0000;border:none;border-radius:4px;color:#ffffff80;cursor:pointer;font-size:20px;line-height:1;padding:2px 6px;transition:color .15s}.ann-color-modal-close:hover{color:#fff}.ann-color-modal-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.ann-cms-btn{align-items:center;background:#ffffff0d;border:1.5px solid #0000;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:10px 6px 8px;position:relative;transition:background .15s,border-color .15s}.ann-cms-btn:hover{background:#ffffff1a}.ann-cms-btn.active{background:#3b82f61f;border-color:#3b82f6}.ann-cms-circle{border-radius:50%;box-shadow:0 1px 4px #0000004d;display:block;height:30px;width:30px}.ann-cms-label{color:#ffffffa6;font-size:10px;font-weight:500;white-space:nowrap}.ann-cms-check{position:absolute;right:8px;top:8px}@media (max-width:768px){.annotation-top-bar{padding:10px 15px}.annotation-nav-btn{font-size:40px;height:50px;width:50px}.annotation-nav-prev{left:10px}.annotation-nav-next{right:10px}}.dt-container{background:#f5f7fa;box-sizing:border-box;min-height:100vh;padding:28px 32px}.dt-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.dt-header-left{align-items:center;display:flex;gap:14px}.dt-header-right{align-items:center;display:flex;flex-shrink:0;gap:12px}.dt-title{color:#111827;font-size:26px;font-weight:700;line-height:1.2;margin:0 0 2px}.dt-subtitle{color:#6b7280;display:flex;flex-wrap:wrap;gap:8px;margin:0}.dt-btn-primary,.dt-subtitle{align-items:center;font-size:13px}.dt-btn-primary{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:6px;padding:9px 18px;text-decoration:none;transition:background .15s,box-shadow .15s;white-space:nowrap}.dt-btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb40}.dt-btn-ghost{background:#0000;border:1.5px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background .15s}.dt-btn-ghost:hover{background:#f3f4f6}.dt-btn-complete{align-items:center;background:#16a34a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:9px 18px;transition:background .15s,box-shadow .15s}.dt-btn-complete:hover{background:#15803d;box-shadow:0 4px 12px #16a34a40}.dt-btn-reopen{align-items:center;background:#0000;border:1.5px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:border-color .15s,color .15s,background .15s}.dt-btn-reopen:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.dt-title-row{gap:10px}.dt-completion-banner,.dt-title-row{align-items:center;display:flex;flex-wrap:wrap}.dt-completion-banner{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;color:#15803d;font-size:13.5px;gap:14px;justify-content:space-between;margin-bottom:16px;padding:12px 18px}.dt-completion-banner-btn{align-items:center;background:#16a34a;border:none;border-radius:7px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:7px 14px;transition:background .15s;white-space:nowrap}.dt-completion-banner-btn:hover{background:#15803d}.dt-back-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;gap:8px;padding:10px 18px;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.dt-back-btn:hover{background:linear-gradient(135deg,#7c8ef5,#8a5fb8);box-shadow:0 6px 20px #667eea73;transform:translateY(-1px)}.dt-search-row{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px}.dt-search{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #0000000d;color:#111827;flex:1 1;font-size:14px;max-width:380px;min-width:200px;outline:none;padding:10px 16px;transition:border-color .15s,box-shadow .15s}.dt-search:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf81f}.dt-search-clear{align-items:center;background:#0000;border:1.5px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;height:32px;justify-content:center;transition:background .15s,border-color .15s,color .15s;width:32px}.dt-search-clear:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.dt-search-results{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 10px #00000012;margin-bottom:20px;overflow:hidden}.dt-search-empty{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:10px;padding:32px 24px}.dt-search-empty-icon{font-size:20px}.dt-sr-group{border-bottom:1px solid #f3f4f6}.dt-sr-group:last-child{border-bottom:none}.dt-sr-group-header{align-items:center;background:#f9fafb;border-bottom:1px solid #eef0f5;display:flex;gap:8px;padding:10px 20px 8px}.dt-sr-group-label{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.dt-sr-group-count{align-items:center;background:#e5e7eb;border-radius:20px;color:#374151;display:inline-flex;font-size:11px;font-weight:600;justify-content:center;min-width:20px;padding:1px 7px}.dt-sr-row{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:16px;justify-content:space-between;padding:12px 20px;transition:background .12s}.dt-sr-row:last-child{border-bottom:none}.dt-sr-row:hover{background:#f5f7ff}.dt-sr-row-main{display:flex;flex-direction:column;gap:2px;min-width:0}.dt-sr-name{color:#111827;font-size:14px;font-weight:600}.dt-sr-meta,.dt-sr-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-sr-meta{color:#6b7280;font-size:12px}.dt-sr-row-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.dt-sr-date{color:#9ca3af;font-size:12px;white-space:nowrap}.dt-sr-type-pill{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;color:#2563eb;display:inline-flex;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.dt-sr-type-pill--project{background:#f5f3ff;border-color:#ddd6fe;color:#7c3aed}.dt-search-hl{background:#fef08a;border-radius:2px;color:inherit;font-style:normal;padding:0 1px}.dt-tabs{background:#e9ebee;border-radius:10px;display:inline-flex;gap:2px;padding:3px}.dt-tab{background:#0000;border:none;border-radius:8px;color:#4b5563;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:background .18s,color .18s,box-shadow .18s;white-space:nowrap}.dt-tab.active{background:#fff;box-shadow:0 1px 6px #00000024;color:#111827;font-weight:600}.dt-tab:not(.active):hover{background:#0000000d;color:#374151}.dt-tab-ongoing.active{background:#ffedd5;box-shadow:0 1px 6px #c2410c2e;color:#c2410c;font-weight:600}.dt-tab-ongoing.active .dt-tab-count{background:#c2410c24}.dt-tab-ongoing:not(.active):hover{background:#c2410c0f;color:#c2410c}.dt-tab-completed.active{background:#dcfce7;box-shadow:0 1px 6px #15803d2e;color:#15803d;font-weight:600}.dt-tab-completed.active .dt-tab-count{background:#15803d24}.dt-tab-completed:not(.active):hover{background:#15803d0f;color:#15803d}.dt-tab-all.active{background:#fff;box-shadow:0 1px 6px #00000024;color:#111827;font-weight:600}.dt-home-subtitle{color:#6b7280;font-size:13px;line-height:1.4;margin:2px 0 0}.dt-home-summary{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.dt-home-stat-chip{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;gap:8px;min-width:130px;padding:9px 16px}.dt-home-stat-num{color:#1f2937;font-size:20px;font-weight:700;line-height:1}.dt-home-stat-label{color:#6b7280;font-size:12px;font-weight:500;line-height:1.3}.dt-home-stat-chip--open .dt-home-stat-num{color:#b45309}.dt-home-stat-chip--done .dt-home-stat-num{color:#15803d}.dt-home-stat-chip--recent .dt-home-stat-num{color:#2563eb}.dt-section-title-row{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.dt-section-title-row .dt-section-title{margin-bottom:0}.dt-section-helper{color:#9ca3af;font-size:12px;font-style:italic}.dt-section{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000012;margin-bottom:20px;padding:20px 24px}.dt-section-compact{padding:16px 20px}.dt-section-table{background:#fff;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000f;overflow:clip;padding:0}.dt-section-title{color:#6b7280;font-size:13px;font-weight:700;letter-spacing:.06em;margin:0 0 14px;text-transform:uppercase}.dt-recent-table{border-collapse:initial;border-spacing:0 3px;font-size:13px;width:100%}.dt-recent-table th{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.06em;padding:4px 12px 10px;text-align:left;text-transform:uppercase}.dt-recent-row{cursor:pointer;transition:background .1s}.dt-recent-row td{background:#f8fafc;border-bottom:1px solid #eef0f5;border-top:1px solid #eef0f5;padding:11px 12px;transition:background .1s;vertical-align:middle}.dt-recent-row td:first-child{border-left:1px solid #eef0f5;border-radius:8px 0 0 8px}.dt-recent-row td:last-child{border-radius:0 8px 8px 0;border-right:1px solid #eef0f5}.dt-recent-row:hover td{background:#eff3ff;border-color:#c7d2fe}.dt-recent-name{color:#111827;font-weight:600}.dt-recent-project{color:#6b7280}.dt-recent-date{color:#9ca3af}.dt-recent-empty-row td{border-bottom:none;padding:20px 12px}.dt-recent-empty{align-items:center;display:flex;flex-direction:column;gap:4px;padding:8px 0}.dt-recent-empty-title{color:#6b7280;font-size:13px;font-weight:500}.dt-recent-empty-sub{color:#9ca3af;font-size:12px}.dt-projects-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.dt-project-card{background:#fff;border:1.5px solid #e9edf3;border-radius:14px;box-shadow:0 1px 3px #0000000d;cursor:pointer;padding:20px 22px;transition:all .2s ease}.dt-project-card:hover{border-color:#a5b4fc;box-shadow:0 6px 20px #667eea1f;transform:translateY(-2px)}.dt-project-card-top{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:6px}.dt-project-name{color:#111827;font-size:16px;font-weight:700;line-height:1.3}.dt-project-address{color:#6b7280;font-size:12px;line-height:1.5;margin:0 0 12px}.dt-project-stats{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:8px;margin-bottom:6px}.dt-stat-num{color:#1f2937;font-weight:700}.dt-stat-sep{color:#d1d5db}.dt-stat-num--open{color:#b45309}.dt-stat-open{color:#92400e}.dt-project-updated{color:#9ca3af;font-size:11px;margin:0}.dt-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.02em;padding:3px 10px;white-space:nowrap}.dt-badge-active,.dt-badge-ongoing{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c}.dt-badge-completed{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.dt-badge-clickable{border:none;cursor:pointer;transition:opacity .15s}.dt-badge-clickable:hover{opacity:.8}.dt-address-row{align-items:center;display:flex;gap:8px;margin-top:2px}.dt-address-text{color:#6b7280;font-size:13px}.dt-copy-btn{background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:12px;font-weight:500;padding:3px 10px;transition:all .15s}.dt-copy-btn:hover{background:#f3f4f6}.dt-project-tabs-row{align-items:center;display:flex;margin-bottom:16px}.dt-tab-count{align-items:center;background:#00000014;border-radius:10px;display:inline-flex;font-size:11px;font-weight:700;height:18px;justify-content:center;margin-left:6px;min-width:18px;padding:0 5px}.dt-tab.active .dt-tab-count{background:#ffffff40}.dt-list-cards{display:flex;flex-direction:column;gap:10px}.dt-list-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;cursor:pointer;padding:16px 20px;transition:all .15s}.dt-list-card:hover{border-color:#93c5fd;box-shadow:0 2px 8px #2563eb14}.dt-list-card-top{align-items:center;display:flex;gap:12px;justify-content:space-between}.dt-list-card-info{display:flex;flex-direction:column;gap:2px;min-width:0}.dt-list-name{color:#111827;font-size:15px;font-weight:600}.dt-list-updated{color:#9ca3af;font-size:12px}.dt-list-card-right{align-items:center;display:flex;flex-shrink:0;gap:12px}.dt-list-card-actions{align-items:center;display:flex;gap:10px}.dt-icon-btn{align-items:center;background:#f3f4f6;border:1.5px solid #0000;border-radius:10px;color:#374151;cursor:pointer;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;transition:background .15s,border-color .15s,transform .1s;width:40px}.dt-icon-btn:hover{background:#e5e7eb;transform:translateY(-1px)}.dt-icon-btn:active{transform:translateY(0)}.dt-icon-btn-complete{background:#dcfce7;border-color:#86efac;color:#16a34a}.dt-icon-btn-complete:hover{background:#bbf7d0;border-color:#4ade80}.dt-icon-btn-reopen{background:#0000;border-color:#d1d5db;color:#6b7280}.dt-icon-btn-reopen:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.dt-icon-btn-edit{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.dt-icon-btn-edit:hover{background:#dbeafe;border-color:#93c5fd}.dt-icon-btn-danger{background:#fff1f2;border-color:#fecdd3;color:#9ca3af}.dt-icon-btn-danger:hover{background:#ffe4e6;border-color:#fca5a5;color:#ef4444}.dt-list-counts-row{align-items:center;display:flex;gap:10px;margin-top:8px}.dt-list-counts{color:#6b7280;font-size:13px;margin:0}.dt-progress-ring-wrap{align-items:center;display:inline-flex;flex-shrink:0;gap:5px}.dt-progress-pct{font-size:12px;font-weight:600;line-height:1}.dt-entry-filter-row{align-items:center;display:flex;gap:6px;margin-bottom:12px}.dt-entry-filter-btn{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 14px;transition:border-color .15s,background .15s,color .15s}.dt-entry-filter-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.dt-entry-filter-btn.active{background:#eff6ff;border-color:#93c5fd;color:#2563eb;font-weight:600}.dt-entry-filter-btn--open.active{background:#fffbeb;border-color:#fcd34d;color:#b45309}.dt-entry-filter-btn--done.active{background:#f0fdf4;border-color:#86efac;color:#15803d}.dt-entry-filter-count{align-items:center;background:#e5e7eb;border-radius:20px;color:#374151;display:inline-flex;font-size:11px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 6px}.dt-entry-filter-btn.active .dt-entry-filter-count{background:currentColor;color:#fff;opacity:.85}.dt-filter-empty{color:#9ca3af;font-size:13px;font-style:italic;padding:28px 16px;text-align:center}.dt-table{border-collapse:collapse;font-size:13px;table-layout:fixed;width:100%}.dt-table th{background:#f8fafc;border-bottom:2px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;letter-spacing:.025em;overflow:hidden;padding:14px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:3}.dt-th-drag{padding:0!important;width:36px}.dt-th-done{cursor:pointer;-webkit-user-select:none;user-select:none;width:68px}.dt-th-photo{width:96px}.dt-th-action{min-width:90px;text-align:center;width:90px}.dt-th-done:hover{color:#111827}.dt-th-done.dt-th-sorted{color:#4f46e5}.dt-entry-row{border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .11s ease}.dt-entry-row:last-child{border-bottom:none}.dt-entry-row td{overflow:hidden;padding:13px 14px;vertical-align:middle}.dt-entry-row:hover{background:#f9fafb}.dt-entry-row:hover .dt-drag-handle{opacity:.75}.dt-entry-row.dt-row-done{background:#f3f4f6}.dt-entry-row.dt-row-done td{color:#9ca3af}.dt-entry-row.dt-row-done:hover{background:#ebebed}.dt-entry-row.dt-row-done .dt-cell-photo img,.dt-entry-row.dt-row-done .dt-cell-photo video{opacity:.65;transition:opacity .2s}.dt-entry-row.dt-row-dragging{background:#eff6ff;z-index:2}.dt-entry-row.dt-row-dragging td:first-child{box-shadow:inset 3px 0 0 #667eea}.dt-entry-row.dt-row-dragging .dt-drag-handle{color:#667eea;opacity:1}.dt-cell-drag{padding:0!important;text-align:center;width:36px}.dt-cell-done{text-align:center;width:68px}.dt-cell-photo{width:96px}.dt-cell-action{min-width:90px;overflow:visible!important;padding:0 8px!important;text-align:center;vertical-align:middle;width:90px}.dt-drag-handle{align-items:center;color:#6b7280;cursor:grab;display:flex;height:36px;justify-content:center;margin:0 auto;opacity:.25;touch-action:none;transition:opacity .15s,color .15s;-webkit-user-select:none;user-select:none;width:28px}.dt-drag-handle:active{cursor:grabbing}.dt-drag-dots{display:block;font-size:18px;letter-spacing:0;line-height:1}.dt-checkbox{accent-color:#2563eb;cursor:pointer;height:17px;width:17px}.dt-desc-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;display:-webkit-box;font-size:13px;line-height:1.5;max-width:460px;overflow:hidden;white-space:pre-wrap;word-break:break-word}.dt-desc-done{color:#9ca3af;text-decoration:line-through;-webkit-text-decoration-color:#d1d5db;text-decoration-color:#d1d5db}.dt-desc-placeholder{color:#9ca3af;font-size:12px;font-style:italic}.dt-cell-desc{max-width:460px}.dt-desc-text[title]:hover{background:#f0f9ff;border-radius:4px;outline:1px dashed #93c5fd;padding:1px 3px}.dt-desc-text[title]:hover .dt-desc-placeholder{color:#60a5fa}.dt-desc-edit{background:#fff;border:1.5px solid #3b82f6;border-radius:6px;box-shadow:0 0 0 3px #3b82f61f;box-sizing:border-box;color:#1f2937;display:block;font-family:inherit;font-size:13px;line-height:1.5;max-width:460px;min-height:36px;outline:none;overflow:hidden;padding:6px 8px;resize:none;white-space:pre-wrap;width:100%}.dt-desc-edit:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb2e}.dt-desc-edit-hint{color:#9ca3af;display:block;font-size:10px;margin-top:3px}.dt-desc-save-status{color:#6b7280;display:block;font-size:11px;margin-top:3px}.dt-desc-save-ok{color:#059669}.dt-row-actions{display:flex;flex-wrap:nowrap;gap:6px}.dt-act-btn,.dt-row-actions{align-items:center;justify-content:center}.dt-act-btn{border:1.5px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;flex-shrink:0;height:34px;transition:background .15s,border-color .15s,transform .1s;width:34px}.dt-act-btn:hover{transform:translateY(-1px)}.dt-act-btn:active{transform:translateY(0)}.dt-act-complete{background:#dcfce7;border-color:#86efac;color:#16a34a}.dt-act-complete:hover{background:#bbf7d0;border-color:#4ade80}.dt-act-undo{background:#0000;border-color:#d1d5db;color:#6b7280}.dt-act-undo:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.dt-act-edit{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.dt-act-edit:hover{background:#dbeafe;border-color:#93c5fd}.dt-act-delete{background:#fff1f2;border-color:#fecdd3;color:#9ca3af}.dt-act-delete:hover{background:#ffe4e6;border-color:#fca5a5;color:#ef4444}.dt-act-delete.dt-act-delete-confirm{background:#fee2e2;border-color:#fca5a5;color:#dc2626;padding:0 10px;width:auto}@keyframes dt-delete-pulse{0%{transform:scale(.9)}to{transform:scale(1)}}.dt-photo-wrap{background:#f3f4f6;border:1px solid #00000012;border-radius:8px;box-shadow:0 1px 4px #00000012;cursor:pointer;flex-shrink:0;height:58px;overflow:hidden;position:relative;width:76px}.dt-thumb-img{display:block;height:100%;object-fit:cover;width:100%}.dt-thumb-video{height:100%;position:relative;width:100%}.dt-thumb-video video{display:block;height:100%;object-fit:cover;width:100%}.dt-video-badge{background:#2563eb;font-size:9px;font-weight:700;left:3px;letter-spacing:.03em}.dt-extra-count,.dt-video-badge{border-radius:3px;bottom:3px;color:#fff;padding:1px 5px;position:absolute}.dt-extra-count{background:#0009;font-size:10px;font-weight:600;right:3px}.dt-no-photo{color:#d1d5db;font-size:18px}.dt-thumb-loading{animation:dt-shimmer 1.4s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;display:block;height:100%;width:100%}@keyframes dt-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dt-thumb-error{background:#fef2f2;color:#f87171;font-size:18px;height:100%;width:100%}.dt-modal-overlay,.dt-thumb-error{align-items:center;display:flex;justify-content:center}.dt-modal-overlay{background:#0000008c;inset:0;padding:20px;position:fixed;z-index:1000}.dt-confirm-modal{align-items:center;background:#fff;border-radius:14px;box-shadow:0 20px 60px #0000002e;display:flex;flex-direction:column;gap:12px;max-width:400px;padding:28px 28px 24px;text-align:center;width:100%}.dt-confirm-icon-wrap{align-items:center;display:flex;justify-content:center}.dt-confirm-title{color:#111827;font-size:16px;font-weight:700;margin:0}.dt-confirm-message{color:#4b5563;font-size:14px;line-height:1.5;margin:0}.dt-confirm-actions{display:flex;gap:10px;justify-content:center;margin-top:4px;width:100%}.dt-confirm-btn-ok{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:9px 20px;transition:background .15s}.dt-confirm-btn-ok:hover{background:#1d4ed8}.dt-modal{background:#fff;border-radius:16px;box-shadow:0 24px 64px #0000004d;display:flex;flex-direction:column;height:90vh;max-height:980px;max-width:1320px;min-height:576px;overflow:hidden;position:relative;width:100%}.dt-modal-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:14px 20px}.dt-modal-title-block{display:flex;flex-direction:column;gap:2px;min-width:0}.dt-modal-title{color:#111827;font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-modal-title-meta{color:#6b7280;font-size:12px;font-weight:400}.dt-modal-close{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;flex-shrink:0;font-size:18px;line-height:1;padding:4px 8px;transition:all .15s}.dt-modal-close:hover{background:#f3f4f6;color:#111827}.dt-modal-body{display:flex;flex:1 1;min-height:0;overflow:hidden}.dt-modal-left{grid-gap:12px;display:grid;flex:0 0 65%;gap:12px;grid-template-rows:1fr 110px;padding:16px}.dt-modal-left,.dt-modal-viewer{background:#0f1117;overflow:hidden}.dt-modal-viewer{align-items:center;border-radius:8px;cursor:default;display:flex;justify-content:center;min-height:0;position:relative;width:100%}.dt-modal-main-media--editable{cursor:crosshair}.dt-viewer-edit-hint{background:#0000008c;border-radius:20px;bottom:10px;color:#fff;font-size:12px;font-weight:500;left:50%;opacity:0;padding:4px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .18s;white-space:nowrap;z-index:5}.dt-modal-viewer:hover .dt-viewer-edit-hint{opacity:1}.dt-modal-main-media{border-radius:6px;display:block;height:100%;object-fit:contain;width:100%}.dt-modal-no-media{color:#4b5563;font-size:14px}.dt-viewer-expand-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border:none;border-radius:7px;color:#fff;cursor:pointer;display:flex;font-size:17px;height:32px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:opacity .15s,background .15s;width:32px;z-index:20}.dt-modal-viewer:hover .dt-viewer-expand-btn{opacity:1}.dt-viewer-expand-btn:hover{background:#000000bf}.dt-viewer-arrow{align-items:center;background:#ffffff21;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:26px;font-weight:300;height:44px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:background .15s;width:44px;z-index:20}.dt-modal-viewer:hover .dt-viewer-arrow{opacity:1}.dt-viewer-arrow:hover{background:#ffffff42}.dt-viewer-arrow:active{background:#ffffff61}.dt-viewer-arrow-left{left:10px}.dt-viewer-arrow-right{right:10px}.dt-viewer-counter{background:#00000080;border-radius:20px;bottom:10px;color:#e5e7eb;font-size:11px;font-weight:600;left:50%;padding:3px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:20}.dt-modal-main-media--clickable{cursor:zoom-in}.dt-modal-saving{color:#9ca3af;font-size:12px;padding:4px;text-align:center}.dt-modal-right{display:flex;flex:1 1;flex-direction:column;gap:20px;min-width:0;overflow-y:auto;padding:24px 32px}.dt-modal-field-group{display:flex;flex-direction:column;gap:6px}.dt-modal-label{color:#9ca3af;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.dt-modal-desc{border:1.5px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#111827;font-family:inherit;font-size:14px;line-height:1.7;max-height:400px;min-height:140px;outline:none;padding:12px 14px;resize:vertical;transition:border-color .15s,box-shadow .15s;width:100%}.dt-modal-desc:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.dt-modal-desc-readonly{color:#1f2937;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.dt-done-label{align-items:center;cursor:pointer;display:flex;gap:10px}.dt-done-checkbox{accent-color:#2563eb;cursor:pointer;height:18px;width:18px}.dt-done-text{color:#374151;font-size:14px;font-weight:600}.dt-modal-meta{color:#6b7280;font-size:13px}.dt-modal-annotation-note{border-top:1px solid #f3f4f6;color:#9ca3af;font-size:11px;font-style:italic;margin-top:auto;padding-top:12px}.dt-swim-row{display:flex;flex-direction:column;gap:6px;min-height:0;overflow:hidden}.dt-swim-header{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:space-between;padding:0 2px}.dt-swim-label{color:#ffffff8c;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.dt-swim-upload-label{background:#60a5fa14;border:1px solid #60a5fa59;border-radius:6px;color:#60a5fa;cursor:pointer;font-size:11px;font-weight:600;padding:2px 8px;transition:background .15s,border-color .15s;-webkit-user-select:none;user-select:none;white-space:nowrap}.dt-swim-upload-label:hover{background:#60a5fa2e;border-color:#60a5fa99}.dt-swim-saving-label{color:#ffffff73;font-size:11px;font-style:italic}.dt-swim-outer{flex:1 1;min-height:0}.dt-swim-carousel,.dt-swim-outer{overflow:hidden;position:relative}.dt-swim-carousel{align-items:center;border-radius:8px;display:flex;height:100%}.dt-swim-viewport{flex:1 1;height:100%;min-width:0;overflow:hidden}.dt-swim-lane{gap:8px;height:100%;min-width:100%;padding:4px 2px;width:-webkit-max-content;width:max-content}.dt-swim-arrow,.dt-swim-lane{align-items:center;display:flex}.dt-swim-arrow{border:none;bottom:0;color:#e5e7eb;cursor:pointer;flex-shrink:0;font-size:24px;font-weight:300;justify-content:center;position:absolute;top:0;transition:color .15s;width:36px;z-index:10}.dt-swim-arrow:hover{color:#fff}.dt-swim-arrow-left{background:linear-gradient(90deg,#0f1117f7 50%,#0000);border-radius:8px 0 0 8px;left:0}.dt-swim-arrow-right{background:linear-gradient(270deg,#0f1117f7 50%,#0000);border-radius:0 8px 8px 0;right:0}.dt-swim-thumb{background:#1c1f2e;border:2.5px solid #0000;border-radius:10px;cursor:pointer;flex-shrink:0;height:76px;overflow:hidden;padding:0;position:relative;transition:border-color .15s,box-shadow .15s;width:76px}.dt-swim-thumb:hover{border-color:#93c5fd}.dt-swim-thumb.active{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f638}.dt-swim-thumb-img{display:block;height:100%;object-fit:cover;width:100%}.dt-swim-thumb-overlay{box-shadow:0 8px 28px #00000073;opacity:.88}.dt-swim-drag-handle{color:#fffc;cursor:grab;font-size:13px;left:3px;line-height:1;opacity:0;position:absolute;text-shadow:0 1px 4px #0009;top:3px;transition:opacity .15s;-webkit-user-select:none;user-select:none;z-index:5}.dt-swim-thumb:hover .dt-swim-drag-handle{opacity:1}.dt-swim-menu-btn{align-items:center;background:#0000008c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:15px;height:22px;justify-content:center;line-height:1;opacity:0;position:absolute;right:3px;top:3px;transition:opacity .15s;width:22px;z-index:5}.dt-swim-thumb:hover .dt-swim-menu-btn{opacity:1}.dt-swim-menu-btn:hover{background:#000c}.dt-swim-video{align-items:center;background:#111827;display:flex;height:100%;justify-content:center;position:relative;width:100%}.dt-swim-video video{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.dt-swim-video-badge{background:#2563eb;border-radius:3px;bottom:3px;color:#fff;font-size:8px;font-weight:700;left:3px;letter-spacing:.03em;padding:1px 4px;position:absolute;z-index:2}.dt-thumb-menu{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #00000021;min-width:178px;padding:4px 0;position:fixed;z-index:10000}.dt-thumb-menu button{background:none;border:none;color:#374151;cursor:pointer;display:block;font-size:13px;padding:8px 16px;text-align:left;transition:background .1s;width:100%}.dt-thumb-menu button:hover{background:#f3f4f6}.dt-menu-delete{color:#dc2626!important}.dt-choice-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;gap:0;max-width:460px;padding:32px 28px;width:100%}.dt-choice-title{color:#111827;font-size:17px;font-weight:700;line-height:1.4;margin:0 0 24px}.dt-choice-btns{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.dt-choice-btn-primary{align-items:flex-start;background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:16px 20px;text-align:left;transition:background .15s,box-shadow .15s}.dt-choice-btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 16px #2563eb4d}.dt-choice-btn-secondary{align-items:flex-start;background:#fff;border:1.5px solid #d1d5db;border-radius:10px;color:#111827;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:16px 20px;text-align:left;transition:all .15s}.dt-choice-btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.dt-choice-btn-label{font-size:14px;font-weight:700}.dt-choice-btn-sub{font-size:12px;opacity:.75}.dt-choice-cancel{align-self:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;font-size:13px;padding:8px;transition:color .15s}.dt-choice-cancel:hover{color:#374151}.dt-create-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;gap:0;max-width:420px;padding:28px 28px 24px;width:100%}.dt-create-title{color:#111827;font-size:17px;font-weight:700;margin:0 0 20px}.dt-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.dt-form-label{color:#374151;font-size:12px;font-weight:600}.dt-form-input,.dt-form-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#111827;font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:border-color .15s}.dt-form-input:focus,.dt-form-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.dt-create-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.dt-uploading-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.dt-uploading-box{align-items:center;background:#fff;border-radius:12px;color:#374151;display:flex;flex-direction:column;font-size:15px;font-weight:500;gap:16px;padding:32px 40px}.dt-uploading-spinner{animation:dt-spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#2563eb;height:36px;width:36px}@keyframes dt-spin{to{transform:rotate(1turn)}}.dt-loading{color:#9ca3af;font-size:14px;padding:48px;text-align:center}.dt-empty{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000012;padding:64px 32px;text-align:center}.dt-empty-title{color:#374151;font-size:16px;font-weight:600;margin:0 0 8px}.dt-empty-sub{color:#9ca3af;font-size:13px;margin:0}.dt-empty-inline{color:#9ca3af;font-size:14px;padding:32px;text-align:center}.dt-modal-footer{align-items:center;background:#fff;border-top:1px solid #f3f4f6;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:12px 20px}.dt-modal-btn-cancel{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;line-height:1;padding:8px 18px;transition:background .15s,border-color .15s}.dt-modal-btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.dt-modal-btn-cancel:disabled{cursor:not-allowed;opacity:.5}.dt-modal-btn-save{background:#2563eb;border:1px solid #0000;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;line-height:1;padding:8px 20px;transition:background .15s}.dt-modal-btn-save:hover:not(:disabled){background:#1d4ed8}.dt-modal-btn-save:disabled{background:#93c5fd;cursor:not-allowed}.dt-discard-overlay{align-items:center;background:#00000073;border-radius:16px;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.dt-discard-dialog{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000038;padding:24px 28px;width:320px}.dt-discard-title{color:#111827;font-size:16px;font-weight:700;margin:0 0 8px}.dt-discard-body{color:#6b7280;font-size:14px;margin:0 0 20px}.dt-discard-actions{display:flex;gap:10px;justify-content:flex-end}.dt-discard-btn-confirm{background:#dc2626;border:1px solid #0000;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;line-height:1;padding:8px 18px;transition:background .15s}.dt-discard-btn-confirm:hover{background:#b91c1c}.dt-muted{color:#9ca3af}@media (max-width:820px){.dt-container{padding:16px}.dt-modal{height:auto;max-height:92vh;min-height:0;min-height:auto}.dt-modal-body{flex-direction:column}.dt-modal-left{flex:0 0 auto;grid-template-rows:1fr 110px;height:300px;min-height:300px}.dt-modal-viewer{min-height:0}.dt-modal-right{flex:1 1;padding:20px}.dt-projects-grid{grid-template-columns:1fr}.dt-header{flex-direction:column}}.fum-backdrop{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:10000}.fum-modal{background:#fff;border-radius:14px;box-shadow:0 24px 60px #0f172a40;display:flex;flex-direction:column;max-height:92vh;max-width:720px;overflow:hidden;width:100%}.fum-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:18px 24px}.fum-header h2{color:#111827;font-size:18px;font-weight:700;margin:0}.fum-close{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:24px;line-height:1;padding:0 6px}.fum-close:hover{color:#111827}.fum-body{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px 24px}.fum-banner{border-radius:8px;font-size:13px;line-height:1.5;padding:10px 14px}.fum-banner ul{margin:4px 0 0;padding-left:18px}.fum-banner-warn{background:#fffbeb;border:1px solid #fde68a;border-left:3px solid #f59e0b;color:#92400e}.fum-banner-suggest{background:#eff6ff;border:1px solid #93c5fd;border-left:3px solid #2563eb;color:#1e40af}.fum-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.fum-field{display:flex;flex-direction:column;gap:6px}.fum-field-full{grid-column:1/-1}.fum-field-small{max-width:200px}.fum-field label{color:#374151;font-size:12px;font-weight:600}.fum-required{color:#dc2626}.fum-input,.fum-textarea{background:#fff;border:1.5px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#111827;font-family:inherit;font-size:13px;outline:none;padding:8px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.fum-input:focus,.fum-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.fum-textarea{resize:vertical}.fum-qty-section{background:#f9fafb;border:1px solid #f3f4f6;border-radius:10px}.fum-qty-toggle{align-items:center;background:#0000;border:none;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:12px 14px;text-align:left;width:100%}.fum-qty-progress{color:#6b7280;font-size:12px;font-weight:500;margin-left:auto}.fum-qty-body{border-top:1px solid #f3f4f6;gap:12px;padding:0 14px 14px}.fum-qty-body,.fum-receive-log{display:flex;flex-direction:column}.fum-receive-log{gap:6px}.fum-receive-log-head{align-items:center;display:flex;justify-content:space-between}.fum-mini-btn,.fum-receive-log-head{color:#374151;font-size:12px;font-weight:600}.fum-mini-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;padding:4px 10px;transition:background .15s,border-color .15s}.fum-mini-btn:hover{background:#f3f4f6;border-color:#9ca3af}.fum-receive-empty{color:#9ca3af;font-size:12px;font-style:italic;margin:4px 0}.fum-receive-row{align-items:center;display:flex;gap:6px}.fum-receive-qty{max-width:90px}.fum-receive-date{max-width:150px}.fum-receive-notes{flex:1 1}.fum-receive-remove{background:#fee2e2;border:none;border-radius:6px;color:#b91c1c;cursor:pointer;flex-shrink:0;font-size:18px;height:30px;width:28px}.fum-receive-remove:hover{background:#fecaca}.fum-footer{align-items:center;border-top:1px solid #f3f4f6;display:flex;gap:8px;margin-top:4px;padding-top:12px}.fum-btn{border:1.5px solid #0000;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:9px 18px;transition:background .15s,border-color .15s,color .15s}.fum-btn-ghost{background:#fff;border-color:#e5e7eb;color:#6b7280}.fum-btn-ghost:hover{background:#f3f4f6;color:#111827}.fum-btn-primary{background:#2563eb;color:#fff}.fum-btn-primary:hover{background:#1d4ed8}.fum-btn-primary:disabled{background:#cbd5e1;color:#fff;cursor:not-allowed}.fum-btn-danger{background:#fff;border-color:#fecaca;color:#b91c1c}.fum-btn-danger:hover{background:#fee2e2}@media (max-width:640px){.fum-grid{grid-template-columns:1fr}.fum-receive-row{flex-wrap:wrap}}.fu-container{background-color:#f5f7fa;min-height:100vh;padding:32px}.fu-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.fu-header h1{color:#111827;font-size:28px;font-weight:700;letter-spacing:-.015em;margin:0 0 4px}.fu-header-subtitle{color:#6b7280;font-size:14px;margin:0}.fu-add-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 6px #3b82f640;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:transform .15s,box-shadow .15s}.fu-add-btn:hover{box-shadow:0 4px 10px #3b82f659;transform:translateY(-1px)}.fu-tabs{border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:20px}.fu-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:-1px;padding:10px 18px;transition:color .15s,border-color .15s}.fu-tab:hover{color:#111827}.fu-tab-active{border-bottom-color:#2563eb;color:#2563eb}.fu-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:20px}.fu-summary-card{background:#fff;border-left:3px solid #d1d5db;border-radius:10px;box-shadow:0 1px 3px #0000000f;padding:14px 16px}.fu-summary-card-blue{border-left-color:#3b82f6}.fu-summary-card-amber{border-left-color:#f59e0b}.fu-summary-card-red{border-left-color:#dc2626}.fu-summary-card-purple{border-left-color:#8b5cf6}.fu-summary-card-green{border-left-color:#16a34a}.fu-summary-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.04em;margin:0 0 4px;text-transform:uppercase}.fu-summary-value{color:#111827;font-size:22px;font-weight:700;line-height:1.1;margin:0}.fu-summary-sub{color:#9ca3af;font-size:11px;margin:4px 0 0}.fu-filter-bar{align-items:center;background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000f;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding:12px 14px}.fu-search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:13px;min-width:200px;outline:none;padding:8px 12px}.fu-search:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.fu-filter-pill{background:#fff;border:1px solid #e5e7eb;border-radius:16px;color:#6b7280;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.fu-filter-pill:hover{background:#f9fafb;border-color:#d1d5db}.fu-filter-pill-active{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8;font-weight:600}.fu-projects-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.fu-project-card{background:#fff;border:1px solid #f3f4f6;border-radius:10px;box-shadow:0 1px 4px #0000000f;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:16px;transition:box-shadow .15s,transform .1s}.fu-project-card:hover{box-shadow:0 4px 14px #00000014;transform:translateY(-1px)}.fu-project-card-warning{background:#fffbf0;border-color:#fde68a}.fu-project-card-head{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.fu-project-name{color:#111827;font-size:15px;font-weight:700;margin:0 0 2px}.fu-project-meta{color:#6b7280;font-size:12px;margin:0}.fu-project-status{background:#e5e7eb;border-radius:10px;color:#374151;font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.fu-project-status-active{background:#d1fae5;color:#065f46}.fu-project-status-completed{background:#e0e7ff;color:#3730a3}.fu-project-status-tender{background:#fef3c7;color:#92400e}.fu-project-counts{display:flex;flex-wrap:wrap;gap:6px}.fu-count-pill{align-items:center;background:#f3f4f6;border-radius:12px;color:#374151;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 9px}.fu-count-pill-amber{background:#fef3c7;color:#92400e}.fu-count-pill-red{background:#fee2e2;color:#b91c1c}.fu-count-pill-blue{background:#dbeafe;color:#1e40af}.fu-count-pill-purple{background:#ede9fe;color:#5b21b6}.fu-count-pill-green{background:#d1fae5;color:#065f46}.fu-warning-flag{align-items:center;background:#fef3c7;border-radius:6px;color:#b45309;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 6px}.fu-items-list{border-top:1px dashed #e5e7eb;display:flex;flex-direction:column;gap:6px;margin-top:8px;padding-top:10px}.fu-item-row{align-items:center;background:#f9fafb;border-radius:6px;cursor:pointer;display:flex;font-size:12px;gap:10px;justify-content:space-between;padding:6px 8px;transition:background .15s}.fu-item-row:hover{background:#f3f4f6}.fu-item-name{color:#111827;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis}.fu-item-name,.fu-item-status{font-weight:600;white-space:nowrap}.fu-item-status{background:#e5e7eb;border-radius:8px;color:#374151;font-size:10px;padding:1px 7px}.fu-item-status-to_order{background:#fef3c7;color:#92400e}.fu-item-status-to_be_delivered{background:#dbeafe;color:#1e40af}.fu-item-status-self_collect{background:#ede9fe;color:#5b21b6}.fu-item-status-inventory{background:#d1fae5;color:#065f46}.fu-item-meta{color:#6b7280;font-size:11px;white-space:nowrap}.fu-item-meta-overdue{color:#b91c1c;font-weight:600}.fu-item-meta-duesoon{color:#b45309;font-weight:600}.fu-item-warn-icon{color:#d97706;font-size:12px;margin-left:4px}.fu-empty{background:#fff;border-radius:12px}.fu-empty,.fu-error,.fu-loading{color:#6b7280;font-size:14px;padding:40px 20px;text-align:center}.fu-error{color:#b91c1c}.fu-settings-panel{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;max-width:560px;padding:24px}.fu-settings-panel h2{color:#111827;font-size:18px;font-weight:700;margin:0 0 6px}.fu-settings-help{color:#6b7280;font-size:13px;margin:0 0 20px}.fu-settings-row{align-items:center;display:flex;gap:14px;margin-bottom:16px}.fu-settings-label{color:#374151;font-size:13px;font-weight:600;min-width:160px}.fu-settings-input{border:1.5px solid #d1d5db;border-radius:6px;color:#111827;font-size:14px;font-weight:600;padding:7px 10px;width:100px}.fu-settings-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.fu-settings-save-btn{background:#16a34a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px}.fu-settings-save-btn:hover{background:#15803d}.fu-settings-save-btn:disabled{background:#d1d5db;color:#6b7280;cursor:not-allowed}.fu-settings-saved{color:#15803d;font-size:12px;font-weight:600}.dashboard-page{background:#f5f7fa;min-height:100vh;padding:32px}.dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.dashboard-title{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 4px}.dashboard-subtitle{color:#6b7280;font-size:14px;margin:0}.dashboard-coming-soon{align-items:center;background:#fff;border:2px dashed #e5e7eb;border-radius:16px;color:#9ca3af;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:400px;padding:40px;text-align:center}.dashboard-coming-icon{font-size:56px;margin-bottom:8px}.dashboard-coming-soon h2{color:#374151;font-size:22px;font-weight:600;margin:0}.dashboard-coming-soon p{color:#9ca3af;font-size:14px;margin:0;max-width:320px}.sop-cat-dd{position:relative;width:100%}.sop-cat-dd__field{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:9px;cursor:text;display:flex;flex-wrap:wrap;gap:6px;min-height:42px;padding:5px 36px 5px 12px;position:relative;transition:border-color .15s,box-shadow .15s,background .15s}.sop-cat-dd__field:hover{border-color:#d1d5db}.sop-cat-dd__field:focus-within{border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}.sop-cat-dd.is-disabled .sop-cat-dd__field{background:#f9fafb;cursor:not-allowed}.sop-cat-dd.is-compact .sop-cat-dd__field{min-height:38px;padding:4px 32px 4px 10px}.sop-cat-dd__chip{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1d4ed8;display:inline-flex;font-size:13px;font-weight:500;gap:6px;max-width:100%;padding:4px 6px 4px 10px}.sop-cat-dd__chip-label{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sop-cat-dd__chip-clear{background:none;border:none;border-radius:3px;color:#93c5fd;cursor:pointer;font-size:13px;line-height:1;padding:1px 3px;transition:color .15s,background .15s}.sop-cat-dd__chip-clear:hover{background:#dbeafe;color:#1d4ed8}.sop-cat-dd__input{background:#0000;border:none;color:#1f2937;flex:1 1;font-family:inherit;font-size:13px;min-width:100px;outline:none;padding:0}.sop-cat-dd__input::placeholder{color:#9ca3af}.sop-cat-dd__input:disabled{color:#9ca3af;cursor:not-allowed}.sop-cat-dd__chevron{color:#9ca3af;height:6px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:10px}.sop-cat-dd__panel{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 28px #0000001c;font-family:inherit;max-height:280px;overflow:hidden;overflow-y:auto}.sop-cat-dd__hint{border-bottom:1px solid #f3f4f6;color:#9ca3af;font-size:11px;font-weight:500;letter-spacing:.2px;padding:8px 14px 6px;pointer-events:none;-webkit-user-select:none;user-select:none}.sop-cat-dd__section{padding:4px 0}.sop-cat-dd__divider{background:#f3f4f6;height:1px;margin:0}.sop-cat-dd__option{align-items:center;color:#1f2937;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:9px 14px;transition:background .1s;-webkit-user-select:none;user-select:none}.sop-cat-dd__option:hover{background:#f5f7fa}.sop-cat-dd__option.is-selected{background:#eff6ff;color:#2563eb;font-weight:500}.sop-cat-dd__option.is-selected:hover{background:#dbeafe}.sop-cat-dd__option-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sop-cat-dd__check{color:#3b82f6;flex-shrink:0;font-size:11px;font-weight:700}.sop-cat-dd__option--create{color:#2563eb;font-weight:600}.sop-cat-dd__option--create:hover{background:#eff6ff}.sop-cat-dd__create-icon{color:#3b82f6;flex-shrink:0;font-size:15px;font-weight:700;line-height:1;text-align:center;width:16px}.sop-picker-overlay{align-items:center;animation:sopPickerFadeIn .15s ease-out;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1100}@keyframes sopPickerFadeIn{0%{opacity:0}to{opacity:1}}.sop-picker-modal{animation:sopPickerSlideIn .18s ease-out;background:#fff;border-radius:14px;box-shadow:0 20px 50px #00000040;display:flex;flex-direction:column;max-width:480px;overflow:hidden;width:100%}@keyframes sopPickerSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sop-picker-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:18px 22px}.sop-picker-header h2{color:#111827;font-size:17px;font-weight:600;letter-spacing:-.01em;margin:0}.sop-picker-close{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:16px;padding:4px 8px;transition:background .15s,color .15s}.sop-picker-close:hover{background:#f3f4f6;color:#111827}.sop-picker-body{padding:18px 22px 4px}.sop-picker-prompt{color:#4b5563;font-size:13px;line-height:1.5;margin:0 0 18px}.sop-picker-label{color:#374151;display:block;font-size:12px;font-weight:600;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.sop-picker-hint{color:#9ca3af;font-size:11px;line-height:1.5;margin-top:10px}.sop-picker-hint kbd{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;color:#4b5563;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;padding:1px 5px}.sop-picker-footer{align-items:center;background:#fafafa;border-top:1px solid #f3f4f6;justify-content:space-between;margin-top:18px;padding:16px 22px}.sop-picker-footer,.sop-picker-footer-right{display:flex;gap:8px}.sop-picker-cancel,.sop-picker-confirm,.sop-picker-secondary{border-radius:7px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 16px;transition:background .15s,border-color .15s,color .15s,opacity .15s}.sop-picker-secondary{background:none;border:1px solid #0000;color:#6b7280;text-decoration:underline;text-underline-offset:2px}.sop-picker-secondary:hover:not(:disabled){background:#f3f4f6;color:#111827;text-decoration:none}.sop-picker-cancel{background:#fff;border:1px solid #d1d5db;color:#374151}.sop-picker-cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#111827}.sop-picker-confirm{background:#2563eb;border:none;color:#fff}.sop-picker-confirm:hover:not(:disabled){background:#1d4ed8}.sop-picker-confirm:disabled{background:#c7d2fe;cursor:not-allowed;opacity:.7}.sop-picker-cancel:disabled,.sop-picker-secondary:disabled{cursor:not-allowed;opacity:.5}.sop-container{box-sizing:border-box;overflow-x:hidden;padding:28px 32px 48px;width:100%}.sop-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.sop-header-content h1{color:#111827;font-size:26px;font-weight:700;letter-spacing:-.01em;margin:0 0 6px}.sop-header-subtitle{color:#6b7280;font-size:14px;margin:0}.sop-header-actions{display:flex;flex-shrink:0;gap:10px}.sop-add-btn{align-items:center;background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:6px;padding:10px 18px;transition:background .15s,transform .1s}.sop-add-btn:hover{background:#1d4ed8}.sop-add-btn:active{transform:translateY(1px)}.sop-add-btn span{font-size:16px;line-height:1}.sop-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.sop-controls-top{align-items:stretch;display:flex;gap:10px;min-width:0;overflow:hidden}.sop-search-wrap{flex:1 1;min-width:0;position:relative}.sop-search-icon{font-size:14px;left:14px;opacity:.6;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.sop-search{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;outline:none;padding:10px 36px 10px 38px;transition:border-color .15s,box-shadow .15s;width:100%}.sop-search:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sop-search-clear{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:12px;height:24px;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px}.sop-search-clear:hover{background:#f3f4f6;color:#111827}.sop-sort-wrap{flex:0 0 210px;min-width:180px}.sop-category-tabs{display:flex;flex-wrap:wrap;gap:8px}.sop-cat-tab{background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#374151;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:7px 14px;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.sop-cat-tab:hover{background:#f3f4f6;border-color:#d1d5db;color:#111827}.sop-cat-tab.active{background:#111827;border-color:#111827;color:#fff}.sop-cat-tab--muted{border-style:dashed;color:#6b7280}.sop-loading{font-size:14px;padding:48px 0}.sop-empty,.sop-loading{color:#6b7280;text-align:center}.sop-empty{align-items:center;display:flex;flex-direction:column;gap:12px;padding:64px 16px}.sop-empty p{font-size:14px;margin:0}.sop-empty-icon{font-size:48px;opacity:.4}.sop-empty .sop-add-btn{margin-top:8px}.sop-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 4px #0000000d;overflow-x:auto;width:100%}.sop-table{border-collapse:collapse;table-layout:auto;width:100%}.sop-table thead tr{background:#f9fafb;border-bottom:1.5px solid #e5e7eb}.sop-table th{color:#6b7280;font-size:11.5px;font-weight:700;letter-spacing:.06em;padding:11px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.sop-table__col-title{width:50%}.sop-table__col-cat{width:16%}.sop-table__col-date{width:18%}.sop-table__col-by{width:16%}.sop-table__row{cursor:pointer;transition:background .12s}.sop-table__row:hover{background:#f0f9ff}.sop-table__row:not(:last-child){border-bottom:1px solid #f3f4f6}.sop-table__row:focus{outline:2px solid #3b82f6;outline-offset:-2px}.sop-table__cell,.sop-table__cell-title{color:#374151;font-size:13.5px;padding:13px 16px;vertical-align:top}.sop-table__cell-title{display:table-cell}.sop-table__title{color:#111827;display:block;font-size:14px;font-weight:600;line-height:1.35;margin-bottom:2px}.sop-table__preview{color:#9ca3af;display:block;font-size:12.5px;line-height:1.4;max-width:480px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sop-table__cell--author,.sop-table__cell--date{color:#6b7280;font-size:13px;white-space:nowrap}.sop-table__cell--author{max-width:120px;overflow:hidden;text-overflow:ellipsis}.sop-table__badge{background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;color:#1d4ed8;display:inline-block;font-size:11.5px;font-weight:600;padding:2px 9px;white-space:nowrap}.sop-table__badge--muted{background:#0000;border-color:#0000;color:#d1d5db;font-weight:400}@media (max-width:768px){.sop-container{padding:18px 16px 36px}.sop-header-content h1{font-size:22px}.sop-controls-top{flex-direction:column}.sop-sort-wrap{flex:1 1 auto;min-width:0}.sop-table__cell--author,.sop-table__col-by{display:none}}.sop-slash-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 12px 32px #0f172a2e;font-family:inherit;overflow:hidden;position:fixed;width:260px;z-index:1200}.sop-slash-menu__list{max-height:320px;overflow-y:auto;padding:4px}.sop-slash-menu__item{align-items:center;background:none;border:none;border-radius:6px;color:#111827;cursor:pointer;display:flex;font-family:inherit;gap:10px;padding:8px 10px;text-align:left;width:100%}.sop-slash-menu__item.is-active,.sop-slash-menu__item:hover{background:#eff6ff}.sop-slash-menu__icon{align-items:center;background:#f3f4f6;border-radius:6px;color:#4b5563;display:flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;width:28px}.sop-slash-menu__item.is-active .sop-slash-menu__icon{background:#dbeafe;color:#1d4ed8}.sop-slash-menu__text{display:flex;flex-direction:column;min-width:0}.sop-slash-menu__title{color:#111827;font-size:13px;font-weight:600;line-height:1.2}.sop-slash-menu__desc{color:#6b7280;font-size:11px;line-height:1.3;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sop-bubble{background:#1f2937;border-radius:8px;box-shadow:0 6px 18px #00000040;color:#fff;display:flex;gap:2px;padding:4px;z-index:30}.sop-bubble,.sop-bubble__btn{align-items:center;font-family:inherit}.sop-bubble__btn{background:none;border:none;border-radius:5px;color:#e5e7eb;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;height:30px;justify-content:center;padding:0;transition:background .12s,color .12s;width:30px}.sop-bubble__btn:hover{background:#ffffff1a;color:#fff}.sop-bubble__btn.is-active{background:#3b82f6d9;color:#fff}.sop-bubble__btn code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:500}.sop-bubble__divider{background:#ffffff2e;height:18px;margin:0 4px;width:1px}.sop-bubble__link-input{align-items:center;display:flex;gap:6px;padding:2px 4px}.sop-bubble__link-field{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:5px;color:#fff;font-family:inherit;font-size:12px;outline:none;padding:5px 8px;width:220px}.sop-bubble__link-field:focus{background:#ffffff29;border-color:#60a5fab3}.sop-bubble__link-field::placeholder{color:#e5e7eb8c}.sop-bubble__link-apply{background:#2563eb;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:6px 10px}.sop-bubble__link-apply:hover{background:#1d4ed8}.tbl-tb{align-items:center;background:#1e293b;border-radius:8px;box-shadow:0 2px 8px #0000002e;display:flex;flex-wrap:wrap;gap:4px;margin:0 0 10px;padding:5px 10px;width:-webkit-fit-content;width:fit-content}.tbl-tb__label{color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.08em;padding-right:4px;text-transform:uppercase}.tbl-tb__sep{background:#334155;flex-shrink:0;height:16px;margin:0 2px;width:1px}.tbl-tb__btn{background:#0000;border:none;border-radius:5px;color:#e2e8f0;cursor:pointer;font-family:inherit;font-size:11.5px;font-weight:500;line-height:1;padding:4px 8px;transition:background .12s,color .12s;white-space:nowrap}.tbl-tb__btn:hover{background:#334155;color:#fff}.tbl-tb__btn--danger{color:#fca5a5}.tbl-tb__btn--danger:hover{background:#7f1d1d;color:#fecaca}.sop-editor-root{width:100%}.sop-editor-loading{color:#6b7280;font-size:14px;padding:32px;text-align:center}.sop-editor-surface{width:100%}.sop-editor-surface .ProseMirror{color:#1f2937;font-size:16px;line-height:1.65;min-height:300px;outline:none;padding:4px 4px 80px}.sop-editor-root.is-readonly .sop-editor-surface .ProseMirror{min-height:0;padding:0 4px 24px}.sop-editor-surface .ProseMirror>*+*{margin-top:12px}.sop-editor-surface .ProseMirror h1{color:#111827;font-size:28px;font-weight:700;line-height:1.25;margin-top:24px}.sop-editor-surface .ProseMirror h2{color:#111827;font-size:22px;font-weight:700;line-height:1.3;margin-top:22px}.sop-editor-surface .ProseMirror h3{color:#111827;font-size:18px;font-weight:600;line-height:1.35;margin-top:18px}.sop-editor-surface .ProseMirror p{margin:0}.sop-editor-surface .ProseMirror ol,.sop-editor-surface .ProseMirror ul{margin:4px 0;padding-left:1.6em}.sop-editor-surface .ProseMirror li>p{margin:0}.sop-editor-surface .ProseMirror ol{list-style-type:decimal}.sop-editor-surface .ProseMirror ol ol{list-style-type:lower-alpha}.sop-editor-surface .ProseMirror ol ol ol{list-style-type:lower-roman}.sop-editor-surface .ProseMirror ol ol ol ol{list-style-type:decimal}.sop-editor-surface .ProseMirror ol ol ol ol ol{list-style-type:lower-alpha}.sop-editor-surface .ProseMirror ol ol ol ol ol ol{list-style-type:lower-roman}.sop-editor-surface .ProseMirror blockquote{background:#eff6ff;border-left:4px solid #93c5fd;border-radius:0 8px 8px 0;color:#1e3a8a;margin:12px 0;padding:10px 14px}.sop-editor-surface .ProseMirror hr{background:#e5e7eb;border:none;height:1px;margin:22px 0}.sop-editor-surface .ProseMirror code{background:#f3f4f6;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;padding:2px 5px}.sop-editor-surface .ProseMirror pre{background:#111827;border-radius:8px;color:#f9fafb;overflow-x:auto;padding:14px 16px}.sop-editor-surface .ProseMirror pre code{background:none;color:inherit;padding:0}.sop-editor-surface .ProseMirror a{color:#2563eb;text-decoration:underline;text-underline-offset:2px}.sop-editor-surface .ProseMirror h1.is-empty:before,.sop-editor-surface .ProseMirror h2.is-empty:before,.sop-editor-surface .ProseMirror h3.is-empty:before,.sop-editor-surface .ProseMirror p.is-editor-empty:first-child:before{color:#9ca3af;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.sop-editor-surface .ProseMirror img,.sop-editor__image{border-radius:8px;display:block;height:auto;margin:8px 0;max-width:100%}.sop-editor-surface .ProseMirror table,.sop-editor__table{border:1.5px solid #cbd5e1;border-collapse:collapse;border-radius:6px;margin:16px 0;overflow:hidden;table-layout:fixed;width:100%}.sop-editor-surface .ProseMirror table td,.sop-editor-surface .ProseMirror table th{border:1.5px solid #cbd5e1;font-size:14px;min-width:60px;padding:9px 12px;position:relative;vertical-align:top}.sop-editor-surface .ProseMirror table th{background:#f1f5f9;color:#0f172a;font-size:13px;font-weight:700;letter-spacing:.02em;text-align:left}.sop-editor-surface .ProseMirror table tr:nth-child(2n) td{background:#f8fafc}.sop-editor-surface .ProseMirror table .selectedCell{background:#3b82f61f!important;outline:2px solid #3b82f6;outline-offset:-2px}.sop-editor-surface .ProseMirror table .column-resize-handle{background:#60a5fa;bottom:-2px;cursor:col-resize;pointer-events:none;position:absolute;right:-2px;top:0;width:4px}.sop-editor-surface .ProseMirror ul[data-type=taskList]{list-style:none;padding-left:0}.sop-editor-surface .ProseMirror ul[data-type=taskList] li{align-items:flex-start;display:flex;gap:8px}.sop-editor-surface .ProseMirror ul[data-type=taskList] li>label{flex-shrink:0;margin-top:4px;-webkit-user-select:none;user-select:none}.sop-editor-surface .ProseMirror ul[data-type=taskList] li>div{flex:1 1;min-width:0}.sop-editor-surface .ProseMirror ul[data-type=taskList] input[type=checkbox]{accent-color:#2563eb;cursor:pointer;height:16px;width:16px}.sop-editor-surface .ProseMirror ul[data-type=taskList] li[data-checked=true]>div{color:#9ca3af;text-decoration:line-through}.sop-toggle{grid-gap:4px;align-items:start;border-radius:6px;display:grid;gap:4px;grid-template-columns:24px 1fr;padding:4px 4px 4px 0;position:relative}.sop-toggle__row{padding-top:4px}.sop-toggle__chevron,.sop-toggle__row{align-items:center;display:flex;justify-content:center}.sop-toggle__chevron{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;height:20px;padding:0;transition:background .15s,color .15s;width:20px}.sop-toggle__chevron:hover{background:#f3f4f6;color:#111827}.sop-toggle__inner{display:flex;flex-direction:column;gap:6px;min-width:0}.sop-toggle__inner>.sop-toggle__summary,.sop-toggle__inner>[data-toggle-summary=true]{color:#111827;font-weight:600}.sop-toggle__inner>.sop-toggle__body,.sop-toggle__inner>[data-toggle-content=true]{border-left:2px solid #e5e7eb;margin-left:0;padding-bottom:2px;padding-left:4px;padding-top:2px}.sop-toggle.is-closed .sop-toggle__inner>.sop-toggle__body,.sop-toggle.is-closed .sop-toggle__inner>[data-toggle-content=true]{display:none}.sopd{background:#f9fafb;display:flex;flex-direction:column;min-height:100%;width:100%}.sopd-loading{color:#6b7280;font-size:14px;padding:48px;text-align:center}.sopd__topbar{align-items:center;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);background:#fffffff0;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:10px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.sopd__topbar-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.sopd__unsaved-pill{background:#fef3c7;border-radius:999px;color:#92400e;font-size:11px;font-weight:600;padding:3px 8px;white-space:nowrap}.sopd__btn,.sopd__delete-prompt{color:#374151;font-size:13px}.sopd__btn{background:#fff;border:1.5px solid #d1d5db;border-radius:7px;cursor:pointer;font-family:inherit;font-weight:600;padding:7px 15px;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.sopd__btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.sopd__btn:disabled{cursor:not-allowed;opacity:.5}.sopd__btn--primary{background:#2563eb;border-color:#2563eb;color:#fff}.sopd__btn--primary:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.sopd__btn--danger{background:#fff;border-color:#fca5a5;color:#dc2626}.sopd__btn--danger:hover:not(:disabled){background:#fef2f2;border-color:#dc2626}.sopd__error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:13px;margin:12px 24px 0;padding:10px 14px}.sopd__error--inline{margin:12px 32px 0}.sopd__doc{box-sizing:border-box;padding:36px 36px 80px;width:100%}.sopd__title{margin:0 0 16px;word-break:break-word}.sopd__title,.sopd__title-input{color:#111827;font-size:34px;font-weight:700;letter-spacing:-.015em;line-height:1.2;padding:0}.sopd__title-input{background:#0000;border:none;font-family:inherit;margin-bottom:16px;outline:none;width:100%}.sopd__title-input::placeholder{color:#d1d5db}.sopd__meta{margin-bottom:12px}.sopd__meta-edit-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.sopd__meta-label{color:#6b7280;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.sopd__meta-cat-control{flex:0 1 340px;max-width:340px;min-width:200px}.sopd__meta-view-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.sopd__cat-badge{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;color:#1d4ed8;display:inline-flex;font-size:12px;font-weight:600;padding:3px 10px;white-space:nowrap}.sopd__cat-badge--muted{background:#f3f4f6;border-color:#e5e7eb;color:#6b7280}.sopd__meta-info{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.sopd__meta-item{color:#6b7280;font-size:13px}.sopd__meta-item strong{color:#374151;font-weight:600}.sopd__divider{background:#e5e7eb;height:1px;margin:12px 0 20px}.sopd__content{width:100%}@media (max-width:640px){.sopd__topbar{padding:10px 14px}.sopd__doc{padding:24px 16px 60px}.sopd__title,.sopd__title-input{font-size:26px;margin-bottom:12px}.sopd__meta-edit-row{align-items:flex-start;flex-direction:column}.sopd__meta-cat-control{max-width:none;width:100%}.sopd__error{margin:10px 14px 0}}.sfc-page{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;min-height:0;padding:32px 32px 48px}.sfc-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.sfc-header-left{display:flex;flex-direction:column;gap:6px}.sfc-title{align-items:center;color:#1a2541;display:flex;font-size:24px;font-weight:700;gap:10px;margin:0}.sfc-soon-badge{background:#dc2626;border-radius:4px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 7px;vertical-align:middle;white-space:nowrap}.sfc-subtitle{color:#6b7280;font-size:14px;line-height:1.5;margin:0;max-width:520px}.sfc-body{flex:1 1}.sfc-body,.sfc-empty-state{align-items:center;display:flex;justify-content:center}.sfc-empty-state{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;max-width:420px;padding:64px 32px;text-align:center;width:100%}.sfc-empty-icon{font-size:52px;line-height:1;margin-bottom:20px}.sfc-empty-title{color:#1a2541;font-size:18px;font-weight:600;margin:0 0 10px}.sfc-empty-desc{color:#6b7280;font-size:14px;line-height:1.6;margin:0}@media (max-width:768px){.sfc-page{padding:20px 16px 32px}}
/*# sourceMappingURL=main.7833cc80.css.map*/