@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,-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}::-webkit-scrollbar{display:none}html{scrollbar-width:none}body{-ms-overflow-style:none}.navbar{background-color:#fff;background-color:var(--c-white,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--c-e5e7eb,#e5e7eb);height:64px;left:0;position:fixed;right:0;top:0;z-index:50}.navbar-container{height:100%;justify-content:space-between;padding:0 16px}.navbar-container,.navbar-left{align-items:center;display:flex}.navbar-left{gap:16px}.menu-button{background:none;border:none;border-radius:8px;cursor:pointer;display:block;padding:8px;transition:background-color .2s}.menu-button:hover{background-color:#f3f4f6;background-color:var(--c-f3f4f6,#f3f4f6)}@media (min-width:1024px){.menu-button{display:none}}.navbar-brand{gap:12px}.brand-logo,.navbar-brand{align-items:center;display:flex}.brand-logo{background:#0000;border-radius:8px;flex-shrink:0;height:50px;justify-content:center;overflow:hidden;width:50px}.brand-logo-img{display:block;height:100%;object-fit:contain;width:100%}.brand-title{color:#1f2937;color:var(--ct-1f2937,#1f2937);font-size:20px;font-weight:600;margin:0}@media (max-width:640px){.brand-title{display:none}}@media (max-width:420px){.brand-logo{height:32px;width:32px}}.app.sidebar-collapsed .brand-logo{height:32px;width:32px}.navbar-right{align-items:center;display:flex;gap:16px}.icon-button{background:none;border:none;border-radius:8px;cursor:pointer;padding:8px;position:relative;transition:background-color .2s}.icon-button:hover{background-color:#f3f4f6;background-color:var(--c-f3f4f6,#f3f4f6)}.icon{color:#4b5563;color:var(--ct-4b5563,#4b5563);height:20px;width:20px}.notification-dot{background-color:#ef4444;background-color:var(--c-ef4444,#ef4444);border-radius:50%;height:8px;position:absolute;right:4px;top:4px;width:8px}.profile-dropdown{position:relative}.profile-button{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background-color .2s}.profile-button:hover{background-color:#f3f4f6;background-color:var(--c-f3f4f6,#f3f4f6)}.profile-avatar{align-items:center;background-color:#2563eb;background-color:var(--c-2563eb,#2563eb);border-radius:50%;color:#fff;color:var(--ct-white,#fff);display:flex;flex-shrink:0;font-size:14px;font-weight:500;height:32px;justify-content:center;overflow:hidden;width:32px}.profile-avatar-img{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.profile-name{color:#0b63d6;color:var(--ct-0b63d6,#0b63d6);font-size:15px;font-weight:700}@media (max-width:640px){.profile-button .icon,.profile-name{display:none}}.dropdown-menu{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e5e7eb;border:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;padding:8px 0;position:absolute;right:0;top:calc(100% + 8px);width:192px;z-index:60}.dropdown-item{color:#374151;color:var(--ct-374151,#374151);display:block;font-size:14px;padding:8px 16px;text-decoration:none;transition:background-color .2s}.dropdown-item:hover{background-color:#f3f4f6;background-color:var(--c-f3f4f6,#f3f4f6)}.dropdown-item.logout{color:#dc2626;color:var(--ct-dc2626,#dc2626)}.dropdown-divider{border:none;border-top:1px solid #e5e7eb;border-top:1px solid var(--c-e5e7eb,#e5e7eb);margin:8px 0}.logout-btn{background:none;border:none;cursor:pointer;font-size:14px;padding:8px 16px;text-align:left;width:100%}.logout-btn:hover{background-color:#f3f4f6;background-color:var(--c-f3f4f6,#f3f4f6)}.theme-toggle-btn{align-items:center;background:#f1f5f9;border:1.5px solid #94a3b8;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;padding:0;position:relative;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s ease;width:34px}.theme-toggle-btn--dark{background:#1e3a5f;border-color:#3b82f6}.theme-toggle-btn:hover{box-shadow:0 0 0 4px #94a3b840;transform:scale(1.12)}.theme-toggle-btn--dark:hover{box-shadow:0 0 0 4px #3b82f638}.theme-toggle-btn:active{transform:scale(.93)}.theme-toggle-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:3px}.theme-toggle-icon{color:#475569;display:block;transition:color .25s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}.theme-toggle-btn--dark .theme-toggle-icon{color:#fbbf24}@media (prefers-reduced-motion:reduce){.theme-toggle-btn,.theme-toggle-icon{transition:none}}.sidebar-overlay{background-color:#00000080;display:block;inset:0;position:fixed;z-index:30}@media (min-width:1024px){.sidebar-overlay{display:none}}.sidebar-external-collapse-btn{align-items:center;background:linear-gradient(135deg,#0b63d6,#0952b8);background:linear-gradient(135deg,var(--c-0b63d6,#0b63d6) 0,var(--c-0952b8,#0952b8) 100%);border:1px solid #d1d5db;border:1px solid var(--c-d1d5db,#d1d5db);border-left:none;border-radius:0 6px 6px 0;box-shadow:2px 0 6px #0000001a;color:#fff;color:var(--ct-white,#fff);cursor:pointer;display:none;font-size:14px;font-weight:600;height:48px;justify-content:center;left:250px;position:fixed;top:50%;transform:translateY(-50%);transition:left .22s ease,background .15s;width:24px;z-index:35}.sidebar-external-collapse-btn:hover{background:linear-gradient(135deg,#0952b8,#073d8f);background:linear-gradient(135deg,var(--c-0952b8,#0952b8) 0,var(--c-073d8f,#073d8f) 100%);box-shadow:2px 0 8px #0b63d64d}@media (min-width:1024px){.sidebar-external-collapse-btn{display:inline-flex}}@media (min-width:1024px){.sidebar.collapsed~.sidebar-external-collapse-btn,body:has(.sidebar.collapsed) .sidebar-external-collapse-btn{left:68px}}.sidebar{background-color:#fff;background-color:var(--c-white,#fff);border-right:1px solid #e5e7eb;border-right:1px solid var(--c-e5e7eb,#e5e7eb);display:flex;flex-direction:column;height:calc(100vh - 64px);left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:64px;transform:translateX(-100%);transition:transform .28s ease,width .22s ease;width:256px;z-index:40}.sidebar.open{transform:translateX(0)}@media (min-width:1024px){.sidebar{transform:translateX(0)}}.sidebar.collapsed{width:72px}.sidebar-content{display:flex;flex-direction:column;height:100%}.sidebar-logo{margin-bottom:8px}.sidebar-logo,.sidebar-logo-link{align-items:center;display:flex;gap:10px}.sidebar-logo-link{color:inherit;text-decoration:none}.sidebar-logo-text{color:#0b63d6;color:var(--ct-0b63d6,#0b63d6);font-size:18px;font-weight:700}.sidebar-close{background:none;border:none;border-radius:8px;cursor:pointer;padding:8px;position:absolute;right:16px;top:16px;transition:background-color .2s}.sidebar-close:hover{background-color:#f3f4f6;background-color:var(--c-f3f4f6,#f3f4f6)}@media (min-width:1024px){.sidebar-close{display:none}}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:8px;margin-top:12px}.sidebar-group{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.sidebar-group-header{align-items:center;color:#6b7280;color:var(--ct-6b7280,#6b7280);display:flex;font-size:11px;font-weight:600;justify-content:space-between;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.sidebar-group-header.collapsible{border-radius:6px;cursor:pointer;transition:background-color .15s}.sidebar-group-header.collapsible:hover{background-color:#f9fafb;background-color:var(--c-f9fafb,#f9fafb)}.sidebar-group-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-group-abbreviation{display:none;font-size:16px}.sidebar-group-chevron{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);flex-shrink:0;transition:transform .2s ease}.sidebar-group-chevron.expanded{transform:rotate(180deg)}.sidebar-group-items{display:flex;flex-direction:column;gap:2px;overflow:hidden;transition:max-height .3s ease,opacity .25s ease}.sidebar-group-items.collapsed{max-height:0;opacity:0}.sidebar-group-items.expanded{max-height:1000px;opacity:1}.sidebar-item{align-items:center;border-radius:8px;color:#374151;color:var(--ct-374151,#374151);display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 12px 10px 24px;position:relative;text-decoration:none;transition:all .15s;white-space:nowrap}.sidebar.collapsed .sidebar-item:after{background:linear-gradient(135deg,#1e3a8a,#1e40af);background:linear-gradient(135deg,var(--c-1e3a8a,#1e3a8a) 0,var(--c-1e40af,#1e40af) 100%);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 8px 20px #1e3a8a66,0 2px 8px #00000026;color:#fff;color:var(--ct-white,#fff);content:attr(title);font-size:14px;font-weight:600;letter-spacing:.3px;margin-left:12px;padding:10px 16px;white-space:nowrap}.sidebar.collapsed .sidebar-item:after,.sidebar.collapsed .sidebar-item:before{left:100%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease,margin-left .2s ease;z-index:1000}.sidebar.collapsed .sidebar-item:before{border:7px solid #0000;border-right:7px solid var(--c-1e3a8a,#1e3a8a);content:"";filter:drop-shadow(-1px 0 1px rgba(0,0,0,.1));margin-left:6px}.sidebar.collapsed .sidebar-item:hover:after{margin-left:18px;opacity:1}.sidebar.collapsed .sidebar-item:hover:before{margin-left:11px;opacity:1}.sidebar.collapsed .sidebar-group-header.collapsible{position:relative}.sidebar-item:not(.child-item){padding-left:12px}.child-connector{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);flex-shrink:0;height:14px;opacity:.6;width:14px}.sidebar-item:hover .child-connector{color:#6b7280;color:var(--ct-6b7280,#6b7280);opacity:1}.sidebar-item.active .child-connector{color:#2563eb;color:var(--ct-2563eb,#2563eb);opacity:1}.sidebar.collapsed .sidebar-item{justify-content:center;padding:10px 6px}.sidebar.collapsed .child-connector,.sidebar.collapsed .sidebar-group-title,.sidebar.collapsed .sidebar-label,.sidebar.collapsed .sidebar-logo-text{display:none}.sidebar.collapsed .sidebar-group-abbreviation{color:#1f2937;color:var(--ct-1f2937,#1f2937);display:block;font-size:18px}.sidebar.collapsed .sidebar-group-header{background-color:#f3f4f6;background-color:var(--c-f3f4f6,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:8px;justify-content:center;padding:12px 6px}.sidebar.collapsed .sidebar-logo{justify-content:center}.sidebar-item:hover{background-color:#f3f4f6;background-color:var(--c-f3f4f6,#f3f4f6)}.sidebar-item.active{background-color:#eff6ff;background-color:var(--c-eff6ff,#eff6ff);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.sidebar-item .icon{flex-shrink:0;height:20px;width:20px}.sidebar-bottom,.sidebar-collapse-btn,.sidebar-collapse-text{display:none}@media (max-width:1023px){.sidebar.collapsed{width:256px}.sidebar.collapsed .sidebar-group-title,.sidebar.collapsed .sidebar-label{display:inline}.sidebar.collapsed .sidebar-group-abbreviation{display:none}.sidebar.collapsed .sidebar-group-chevron{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);display:block;height:16px;margin:0;width:16px}.sidebar.collapsed .sidebar-item{justify-content:flex-start;padding:10px 12px}.sidebar.collapsed .sidebar-item.child-item{padding-left:24px}.sidebar.collapsed .sidebar-item:not(.child-item){padding-left:12px}.sidebar.collapsed .sidebar-group-header{background-color:initial;border:none;justify-content:space-between;padding:8px 12px}.sidebar.collapsed .sidebar-group-header.collapsible:hover{background-color:#f9fafb;background-color:var(--c-f9fafb,#f9fafb)}.sidebar-logo-text{display:inline}}.sidebar.collapsed .sidebar-item{border-radius:12px}.sidebar .icon{color:#0b63d6;color:var(--ct-0b63d6,#0b63d6)}.sidebar-item.active .icon{color:inherit}.sidebar-group-abbreviation-container{align-items:center;display:none;gap:4px}.sidebar.collapsed .sidebar-group-abbreviation-container{display:flex}.sidebar-group-abbreviation{color:#1f2937;color:var(--ct-1f2937,#1f2937);font-size:18px;font-weight:700}.sidebar-group-collapsed-arrow{color:#6b7280;color:var(--ct-6b7280,#6b7280);flex-shrink:0;margin-top:2px;transition:transform .2s ease,color .2s ease}.sidebar-group-collapsed-arrow.expanded{transform:rotate(180deg)}.sidebar-group-collapsed-arrow.expanded,.sidebar.collapsed .sidebar-group-header.collapsible:hover .sidebar-group-collapsed-arrow{color:#0b63d6;color:var(--ct-0b63d6,#0b63d6)}.sidebar.collapsed .sidebar-group-chevron{display:none}.sidebar.collapsed .sidebar-group-header.collapsible:after{background:linear-gradient(135deg,#0b63d6,#0952b8);background:linear-gradient(135deg,var(--c-0b63d6,#0b63d6) 0,var(--c-0952b8,#0952b8) 100%);border:1px solid #ffffff26;border-radius:8px;box-shadow:0 8px 20px #0b63d666,0 2px 8px #00000026;color:#fff;color:var(--ct-white,#fff);content:attr(data-full-name);font-size:14px;font-weight:600;letter-spacing:.3px;margin-left:12px;padding:10px 16px;text-transform:none;white-space:nowrap}.sidebar.collapsed .sidebar-group-header.collapsible:after,.sidebar.collapsed .sidebar-group-header.collapsible:before{left:100%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease,margin-left .2s ease;z-index:1000}.sidebar.collapsed .sidebar-group-header.collapsible:before{border:7px solid #0000;border-right:7px solid var(--c-0b63d6,#0b63d6);content:"";filter:drop-shadow(-1px 0 1px rgba(0,0,0,.1));margin-left:6px}.sidebar.collapsed .sidebar-group-header.collapsible:hover:after{margin-left:18px;opacity:1}.sidebar.collapsed .sidebar-group-header.collapsible:hover:before{margin-left:11px;opacity:1}.sidebar.collapsed .sidebar-group-header.collapsible{background-color:#f3f4f6;background-color:var(--c-f3f4f6,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:8px;cursor:pointer;justify-content:center;padding:12px 6px;transition:all .2s ease}.sidebar.collapsed .sidebar-group-header.collapsible:hover{background-color:#e5e7eb;background-color:var(--c-e5e7eb,#e5e7eb);border-color:#d1d5db;border-color:var(--c-d1d5db,#d1d5db);box-shadow:0 2px 4px #0000000d}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.sidebar.collapsed .sidebar-group-header.collapsible:hover .sidebar-group-collapsed-arrow{animation:arrowBounce .6s ease-in-out infinite}.sidebar.collapsed .sidebar-group-header.collapsible:hover .sidebar-group-collapsed-arrow.expanded{animation:none;transform:rotate(180deg)}body.session-modal-open{overflow:hidden}.session-backdrop{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1050}.session-dialog{animation:fadeIn .25s ease-out;background:#fff;background:var(--c-ffffff,#fff);border-radius:14px;box-shadow:0 30px 70px #00000073;display:flex;flex-direction:column;max-width:92%;width:440px}.session-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--c-e5e7eb,#e5e7eb);padding:22px;text-align:center}.session-icon{color:#f59e0b;color:var(--ct-f59e0b,#f59e0b);font-size:30px;margin-bottom:8px}.session-header h3{color:#111827;color:var(--ct-111827,#111827);font-size:20px;margin:0}.session-body{padding:22px;text-align:center}.session-text{color:#374151;color:var(--ct-374151,#374151);font-size:14px}.session-timer{color:#dc2626;color:var(--ct-dc2626,#dc2626);font-size:48px;font-weight:700;margin:14px 0}.session-subtext{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:13px}.session-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--c-e5e7eb,#e5e7eb);display:flex;gap:12px;justify-content:space-between;padding:16px 22px}.session-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;padding:10px 16px}.session-btn-outline{background:#fff;background:var(--c-ffffff,#fff);border:1px solid #2563eb;border:1px solid var(--c-2563eb,#2563eb);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.session-btn-outline:hover{background:#eff6ff;background:var(--c-eff6ff,#eff6ff)}.session-btn-danger{background:#dc2626;background:var(--c-dc2626,#dc2626);color:#fff;color:var(--ct-ffffff,#fff)}.session-btn-danger:hover{background:#b91c1c;background:var(--c-b91c1c,#b91c1c)}:root{--blue:var(--c-0b63d6,#0b63d6);--soft-blue:var(--c-eaf4ff,#eaf4ff);--muted:var(--c-6b7280,#6b7280);--card-shadow:0 6px 18px #1118270f;--radius:12px;--bg:linear-gradient(180deg,var(--c-fbfdff,#fbfdff),var(--c-f3f9fc,#f3f9fc));--glass:#ffffffe6}.login-root{align-items:center;background:linear-gradient(180deg,#fbfdff,#f3f9fc);background:var(--bg);box-sizing:border-box;color:#172031;color:var(--ct-172031,#172031);display:flex;justify-content:center;min-height:100vh;padding:32px}.login-container{grid-gap:32px;align-items:center;display:grid;gap:32px;grid-template-columns:1fr 420px;max-width:1200px;width:100%}.login-hero{align-items:center;display:flex;justify-content:center;min-height:420px;position:relative}.login-hero-img.desktop{display:block;filter:drop-shadow(0 6px 24px rgba(11,99,214,.08));max-width:600px;object-fit:contain;width:70%}.login-hero-img.mobile{display:none;max-width:420px;width:85%}.login-panel{align-items:flex-end;display:flex;flex-direction:column;gap:12px}.login-card{background:#ffffffe6;background:var(--glass);border:1px solid #0a2b5a08;border-radius:12px;border-radius:var(--radius);box-shadow:0 6px 18px #1118270f;box-shadow:var(--card-shadow);padding:28px;width:100%}.login-heading{color:#0b63d6;color:var(--blue);font-size:22px;margin:0 0 6px}.login-sub{color:#6b7280;color:var(--muted);font-size:13px;margin:0 0 18px}.login-form{display:flex;flex-direction:column;gap:12px}.login-label{color:#243444;color:var(--ct-243444,#243444);display:block;font-size:13px;margin-bottom:6px}.required{color:#d34848;color:var(--ct-d34848,#d34848);font-size:12px;font-weight:600;margin-left:4px}.login-input{background:#fff;background:var(--c-white,#fff);border:1px solid #e6edf3;border:1px solid var(--c-e6edf3,#e6edf3);border-radius:10px;box-sizing:border-box;font-size:14px;outline:none;padding:10px 12px;width:100%}.login-input:focus{border-color:#0b63d6;border-color:var(--blue)}.login-password-row{align-items:center;display:flex;position:relative}.login-showpw{align-items:center;background:#0000;border:none;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);cursor:pointer;display:flex;justify-content:center;line-height:1;padding:4px;position:absolute;right:10px}.login-showpw:hover{color:#0b63d6;color:var(--blue)}.login-extras{align-items:center;display:flex;justify-content:space-between;margin-top:6px}.login-forgot{background:none;border:none;color:#0b63d6;color:var(--blue);cursor:pointer;font-size:13px;text-decoration:none}.login-forgot:hover{text-decoration:underline}.login-error{background:#fff1f2;background:var(--c-fff1f2,#fff1f2);border-radius:8px;color:#9b1230;color:var(--ct-9b1230,#9b1230);font-size:13px;padding:8px 10px}.login-submit-row{display:flex;justify-content:flex-end;margin-top:6px}.login-btn{background:#0b63d6;background:var(--blue);border:none;border-radius:12px;box-shadow:0 8px 18px #0b63d61f;color:#fff;color:var(--ct-white,#fff);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .15s}.login-btn:hover:not(:disabled){background:#0952b8;background:var(--c-0952b8,#0952b8)}.login-btn:disabled{cursor:not-allowed;opacity:.65}.login-footer-note{align-self:flex-start;color:#6b7280;color:var(--muted);font-size:12px;margin-top:8px}@media (max-width:880px){.login-root{align-items:center;box-sizing:border-box;justify-content:center;min-height:100vh;padding:32px 20px}.login-container{gap:36px;grid-template-columns:1fr;margin:0 auto;max-width:400px;width:100%}.login-hero{justify-content:center;min-height:0;min-height:auto;padding:0}.login-hero-img.desktop{display:none}.login-hero-img.mobile{display:block;margin:0 auto;max-width:240px;width:60%}.login-panel{align-items:stretch;width:100%}.login-card{padding:24px}.login-submit-row{justify-content:flex-start}.login-btn{width:100%}}@media (max-width:480px){.login-root{padding:24px 16px}.login-container{gap:0;max-width:360px}.login-hero-img.mobile{max-width:200px;width:55%}.login-hero{margin-bottom:40px}.login-card{padding:20px}.login-input{font-size:16px}.login-btn{padding:12px 20px}}.fp-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8c;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.fp-modal{animation:fpSlideIn .22s ease;background:#fff;background:var(--c-ffffff,#fff);border-radius:16px;box-shadow:0 20px 60px #0b63d62e;max-width:440px;overflow:hidden;width:100%}@keyframes fpSlideIn{0%{opacity:0;transform:translateY(-16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.fp-modal-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;gap:12px;justify-content:space-between;padding:22px 24px 14px}.fp-modal-title{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:18px;font-weight:800;margin:0 0 3px}.fp-modal-sub{font-size:12.5px;line-height:1.5;margin:0}.fp-close-btn,.fp-modal-sub{color:#64748b;color:var(--ct-64748b,#64748b)}.fp-close-btn{align-items:center;background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:30px;justify-content:center;margin-top:2px;transition:background .15s;width:30px}.fp-close-btn:hover{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);color:#0f172a;color:var(--ct-0f172a,#0f172a)}.fp-steps{align-items:center;display:flex;justify-content:center;padding:16px 24px 8px;position:relative}.fp-step-line{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);height:2px;left:30%;position:absolute;right:30%;top:50%;transform:translateY(-50%);z-index:0}.fp-step-dot{align-items:center;background:#fff;background:var(--c-fff,#fff);border:2px solid #e2e8f0;border:2px solid var(--c-e2e8f0,#e2e8f0);border-radius:50%;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:flex;font-size:12px;font-weight:700;height:32px;justify-content:center;margin:0 28px;transition:all .2s;width:32px;z-index:1}.fp-step-dot.active{background:#0b63d6;background:var(--blue);border-color:#0b63d6;border-color:var(--blue);color:#fff;color:var(--ct-fff,#fff)}.fp-step-dot.done{background:#059669;background:var(--c-059669,#059669);border-color:#059669;border-color:var(--c-059669,#059669);color:#fff;color:var(--ct-fff,#fff)}.fp-form{display:flex;flex-direction:column;padding:18px 24px 24px}.fp-label{color:#334155;color:var(--ct-334155,#334155);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.fp-input{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:10px;box-sizing:border-box;font-size:14px;margin-bottom:14px;outline:none;padding:11px 14px;transition:border-color .15s;width:100%}.fp-input:focus{border-color:#0b63d6;border-color:var(--blue);box-shadow:0 0 0 3px #0b63d612}.fp-otp-input{font-size:22px;font-weight:700;letter-spacing:6px;text-align:center}.fp-pwd-row{align-items:center;display:flex;margin-bottom:4px;position:relative}.fp-pwd-row .fp-input{margin-bottom:0;padding-right:40px}.fp-eye-btn{align-items:center;background:#0000;border:none;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);cursor:pointer;display:flex;line-height:1;padding:4px;position:absolute;right:10px}.fp-eye-btn:hover{color:#0b63d6;color:var(--blue)}.fp-error{background:#fff1f2;background:var(--c-fff1f2,#fff1f2);color:#9b1230;color:var(--ct-9b1230,#9b1230)}.fp-error,.fp-success{border-radius:8px;font-size:12.5px;line-height:1.5;margin-bottom:12px;padding:8px 12px}.fp-success{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);color:#15803d;color:var(--ct-15803d,#15803d)}.fp-resend-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.fp-resend-text{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12.5px}.fp-resend-btn{background:none;border:none;color:#0b63d6;color:var(--blue);cursor:pointer;font-size:12.5px;font-weight:600;padding:0}.fp-resend-btn:hover{text-decoration:underline}.fp-resend-btn:disabled{cursor:not-allowed;opacity:.5}.fp-timer{color:#f59e0b;color:var(--ct-f59e0b,#f59e0b);font-size:12.5px;font-weight:700}.fp-btn{background:#0b63d6;background:var(--blue);border:none;border-radius:10px;box-shadow:0 6px 16px #0b63d626;color:#fff;color:var(--ct-fff,#fff);cursor:pointer;font-size:14px;font-weight:700;margin-top:2px;padding:12px 20px;transition:background .15s;width:100%}.fp-btn:hover:not(:disabled){background:#0952b8;background:var(--c-0952b8,#0952b8)}.fp-btn:disabled{cursor:not-allowed;opacity:.6}.fp-back-btn{background:none;border:none;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:block;font-size:13px;margin-top:12px;text-align:center;width:100%}.fp-back-btn:hover{color:#0b63d6;color:var(--blue)}@media (max-width:480px){.fp-modal{border-radius:12px}.fp-modal-header{padding:18px 18px 12px}.fp-modal-title{font-size:16px}.fp-form{padding:14px 18px 20px}.fp-input{font-size:16px}.fp-otp-input{font-size:18px;letter-spacing:4px}.fp-step-dot{margin:0 18px}}.rd-container{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);box-sizing:border-box;min-height:calc(100vh - 64px);padding:16px 20px 32px;width:100%}.rd-greeting-banner{align-items:center;background:#fff;background:var(--c-ffffff,#fff);border:1px solid #e2e8f0;border-left:4px solid #2563eb;border:1px solid var(--c-e2e8f0,#e2e8f0);border-left:4px solid var(--c-2563eb,#2563eb);border-radius:10px;box-shadow:0 1px 4px #0000000f;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px;padding:16px 22px}.rd-greeting-left{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.rd-greeting-time{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.rd-greeting-name{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:20px;font-weight:800;letter-spacing:-.01em}.rd-greeting-sub{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:8px;margin-top:2px}.rd-greeting-quote,.rd-greeting-sub{color:#475569;color:var(--ct-475569,#475569)}.rd-greeting-quote{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;flex-shrink:0;font-size:12px;font-style:italic;line-height:1.5;max-width:300px;padding:10px 15px}.rd-quote-mark{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-size:18px;font-weight:800;margin-right:2px;opacity:.5;vertical-align:-3px}.rd-greeting-meta{border-left:1px solid #e2e8f0;border-left:1px solid var(--c-e2e8f0,#e2e8f0);flex-shrink:0;padding-left:16px;text-align:right}.rd-greeting-date{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:11px;margin-bottom:3px}.rd-greeting-title{color:#1e40af;color:var(--ct-1e40af,#1e40af);font-size:13.5px;font-weight:700}.rd-role-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:10.5px;font-weight:700;letter-spacing:.04em;padding:2px 9px;text-transform:uppercase}.rd-kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:14px;width:100%}.rd-kpi-grid-8{grid-template-columns:repeat(8,1fr)}.rd-kpi-card{background:#fff;background:var(--c-ffffff,#fff);border:1px solid #f1f5f9;border-radius:10px;border-top:3px solid #3b82f6;border:1px solid var(--c-f1f5f9,#f1f5f9);border-top:3px solid var(--kpi-accent,var(--c-3b82f6,#3b82f6));box-shadow:0 1px 3px #0000000f;box-sizing:border-box;min-width:0;padding:14px 15px;transition:transform .15s ease,box-shadow .15s ease}.rd-kpi-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.rd-kpi-icon{align-items:center;background:#eff6ff;background:var(--kpi-icon-bg,var(--c-eff6ff,#eff6ff));border-radius:8px;display:flex;font-size:14px;height:32px;justify-content:center;margin-bottom:9px;width:32px}.rd-kpi-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.rd-kpi-label,.rd-kpi-value{margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rd-kpi-value{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:21px;font-weight:800;line-height:1}.rd-kpi-sub{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rd-row{grid-gap:14px;display:grid;gap:14px;margin-bottom:14px;width:100%}.rd-row-2{grid-template-columns:repeat(2,minmax(0,1fr))}.rd-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}.rd-row-2-1{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.rd-row-1-2{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.rd-card{border:1px solid #e8edf2;border:1px solid var(--c-e8edf2,#e8edf2);border-radius:10px;box-shadow:0 1px 3px #0000000f;overflow:hidden;width:100%}.rd-card,.rd-card-head{background:#fff;background:var(--c-ffffff,#fff);box-sizing:border-box}.rd-card-head{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px 10px}.rd-card-title,div.rd-card-title,h3.rd-card-title{color:#0f172a!important;color:var(--ct-0f172a,#0f172a)!important;display:block!important;font-size:13px!important;font-weight:700!important;line-height:1.3!important;margin:0!important;opacity:1!important;overflow:hidden;text-overflow:ellipsis;visibility:visible!important;white-space:nowrap}.rd-card-sub,div.rd-card-sub{color:#94a3b8!important;color:var(--ct-94a3b8,#94a3b8)!important;font-size:11px!important;font-weight:400!important;margin:2px 0 0!important;opacity:1!important}.rd-card-body{box-sizing:border-box;padding:13px 16px}.rd-card-scroll{min-height:0;overflow-x:hidden;overflow-y:auto}.rd-card-scroll::-webkit-scrollbar{height:4px;width:4px}.rd-card-scroll::-webkit-scrollbar-track{background:#0000}.rd-card-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:4px}.rd-table-wrap{display:block;overflow-x:auto;width:100%}.rd-table{border-collapse:collapse;font-size:12px;min-width:580px;width:100%}.rd-table thead tr{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.rd-table th{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);font-size:10px;font-weight:700;letter-spacing:.05em;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.rd-table td,.rd-table th{color:#475569;color:var(--ct-475569,#475569);padding:7px 8px;white-space:nowrap}.rd-table td{border-bottom:1px solid #f8fafc;border-bottom:1px solid var(--c-f8fafc,#f8fafc);vertical-align:middle}.rd-table tbody tr:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.rd-table tbody tr:last-child td{border-bottom:none}.rd-table .name-cell{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-weight:600}.rd-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;white-space:nowrap}.rd-badge-green{background:#dcfce7;background:var(--c-dcfce7,#dcfce7);color:#15803d;color:var(--ct-15803d,#15803d)}.rd-badge-red{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#b91c1c;color:var(--ct-b91c1c,#b91c1c)}.rd-badge-blue{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8)}.rd-badge-yellow{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);color:#b45309;color:var(--ct-b45309,#b45309)}.rd-badge-purple{background:#f3e8ff;background:var(--c-f3e8ff,#f3e8ff);color:#7c3aed;color:var(--ct-7c3aed,#7c3aed)}.rd-badge-gray{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);color:#475569;color:var(--ct-475569,#475569)}.rd-badge-indigo{background:#eef2ff;background:var(--c-eef2ff,#eef2ff);color:#4338ca;color:var(--ct-4338ca,#4338ca)}.rd-badge-orange{background:#fff7ed;background:var(--c-fff7ed,#fff7ed);color:#c2410c;color:var(--ct-c2410c,#c2410c)}.rd-followup-stats{display:flex;flex-shrink:0;gap:8px;margin-bottom:10px}.rd-fu-stat{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:7px;display:flex;flex:1 1;gap:6px;justify-content:center;padding:7px 6px;text-align:center}.rd-fu-stat-value{font-size:18px;font-weight:800;line-height:1}.rd-fu-stat-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.rd-fu-today{color:#3b82f6;color:var(--ct-3b82f6,#3b82f6)}.rd-fu-overdue{color:#ef4444;color:var(--ct-ef4444,#ef4444)}.rd-fu-upcoming{color:#f59e0b;color:var(--ct-f59e0b,#f59e0b)}.rd-followup-list{display:flex;flex-direction:column;gap:6px}.rd-fu-item{align-items:flex-start;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:7px;display:flex;flex-shrink:0;gap:9px;padding:8px 10px}.rd-fu-item.overdue{background:#fff9f9;background:var(--c-fff9f9,#fff9f9);border-left:3px solid #ef4444;border-left:3px solid var(--c-ef4444,#ef4444)}.rd-fu-item.today{background:#f0f7ff;background:var(--c-f0f7ff,#f0f7ff);border-left:3px solid #3b82f6;border-left:3px solid var(--c-3b82f6,#3b82f6)}.rd-fu-item.upcoming{border-left:3px solid #f59e0b;border-left:3px solid var(--c-f59e0b,#f59e0b)}.rd-fu-dot{border-radius:50%;flex-shrink:0;height:7px;margin-top:4px;width:7px}.rd-fu-content{flex:1 1;min-width:0}.rd-fu-lead-name{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rd-fu-meta{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:11px;margin-top:2px}.rd-fu-days{flex-shrink:0;font-size:11px;font-weight:700;white-space:nowrap}.rd-task-list{display:flex;flex-direction:column;gap:6px}.rd-task-item{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-left-style:solid;border-left-width:3px;border-radius:7px;display:flex;flex-shrink:0;gap:10px;justify-content:space-between;padding:8px 10px}.rd-task-main{flex:1 1;min-width:0}.rd-task-title{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rd-task-meta{align-items:center;display:flex;gap:7px;margin-top:2px}.rd-tag{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:9999px;color:#475569;color:var(--ct-475569,#475569);font-size:10px;font-weight:600;padding:1px 6px}.rd-funnel{gap:11px}.rd-funnel,.rd-funnel-row{display:flex;flex-direction:column}.rd-funnel-row{gap:4px}.rd-funnel-labels{align-items:center;display:flex;justify-content:space-between}.rd-funnel-stage{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px}.rd-funnel-val{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:12px;font-weight:700}.rd-funnel-bar-bg{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:99px;height:7px;overflow:hidden}.rd-funnel-bar-fill{border-radius:99px;height:100%;transition:width .6s ease}.rd-mini-chart{align-items:flex-end;display:flex;gap:5px;height:110px;padding:4px 2px 0;width:100%}.rd-mini-bar-wrap{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:3px;height:100%;justify-content:flex-end;min-width:0}.rd-mini-bar-val{color:#475569;color:var(--ct-475569,#475569);font-size:10px;font-weight:700}.rd-mini-bar-bg{align-items:flex-end;background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:4px;display:flex;flex:1 1;overflow:hidden;width:100%}.rd-mini-bar-fill{border-radius:4px;min-height:3px;transition:height .5s ease;width:100%}.rd-mini-bar-label{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:9px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rd-progress-card{background:#fff;background:var(--c-fff,#fff);border:1px solid #e8edf2;border:1px solid var(--c-e8edf2,#e8edf2);border-radius:10px;box-shadow:0 1px 3px #0000000f;padding:14px 18px}.rd-progress-header{align-items:center;color:#0f172a;color:var(--ct-0f172a,#0f172a);display:flex;font-size:13px;font-weight:700;justify-content:space-between;margin-bottom:10px}.rd-progress-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:5px;height:9px;margin-bottom:10px;overflow:hidden}.rd-progress-fill{background:linear-gradient(90deg,#059669,#34d399);background:linear-gradient(to right,var(--c-059669,#059669),var(--c-34d399,#34d399));border-radius:5px;height:100%;transition:width .5s ease}.rd-progress-legend{color:#64748b;color:var(--ct-64748b,#64748b);display:flex;flex-wrap:wrap;font-size:11px;gap:16px}.rd-team-member-cell{align-items:center;display:flex;gap:9px}.rd-avatar{border-radius:6px;flex-shrink:0;font-size:10px;font-weight:800;height:28px;width:28px}.rd-avatar,.rd-loading{align-items:center;display:flex;justify-content:center}.rd-loading{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:14px;gap:10px;padding:40px}.rd-spinner{animation:rdSpin .7s linear infinite;border:2px solid #e2e8f0;border-top-color:#2563eb;border:2px solid var(--c-e2e8f0,#e2e8f0);border-radius:50%;border-top-color:var(--c-2563eb,#2563eb);height:18px;width:18px}@keyframes rdSpin{to{transform:rotate(1turn)}}.rd-empty{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:13px;padding:28px 16px;text-align:center}.rd-empty-icon{font-size:24px;margin-bottom:8px}@media (min-width:1600px){.rd-kpi-grid-8{grid-template-columns:repeat(8,1fr)}}@media (max-width:1399px){.rd-kpi-grid-8{grid-template-columns:repeat(4,1fr)}}@media (max-width:1200px){.rd-kpi-grid,.rd-kpi-grid-8{grid-template-columns:repeat(4,1fr)}.rd-row-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1024px){.rd-kpi-grid,.rd-kpi-grid-8{grid-template-columns:repeat(3,1fr)}.rd-row-1-2,.rd-row-2,.rd-row-2-1{grid-template-columns:1fr}.rd-row-3{grid-template-columns:repeat(2,1fr)}.rd-container{padding:14px 16px 24px}}@media (max-width:768px){.rd-greeting-banner{align-items:flex-start;flex-direction:column}.rd-greeting-quote{max-width:100%}.rd-greeting-meta{border-left:none;border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);padding-left:0;padding-top:10px;text-align:left;width:100%}.rd-row-3{grid-template-columns:1fr}.rd-kpi-grid,.rd-kpi-grid-8{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.rd-container{padding:10px 12px 20px}.rd-kpi-grid,.rd-kpi-grid-8{gap:8px;grid-template-columns:repeat(2,1fr)}.rd-kpi-value{font-size:18px}.rd-greeting-name{font-size:17px}.rd-greeting-meta,.rd-greeting-quote{display:none}}.rd-tc-kpi-strip{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(9,1fr);margin-bottom:12px;width:100%}.rd-tc-interest-bar{align-items:center;background:#fff;background:var(--c-ffffff,#fff);border:1px solid #e8edf2;border:1px solid var(--c-e8edf2,#e8edf2);border-radius:10px;box-shadow:0 1px 3px #0000000d;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:14px;padding:12px 18px}.rd-tc-interest-left{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:200px}.rd-tc-progress-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:99px;height:8px;overflow:hidden;width:100%}.rd-tc-progress-fill{background:linear-gradient(90deg,#059669,#34d399);background:linear-gradient(to right,var(--c-059669,#059669),var(--c-34d399,#34d399));border-radius:99px;height:100%;transition:width .5s ease}.rd-tc-interest-right{align-items:center;gap:2px;min-width:60px}.rd-tc-interest-legend,.rd-tc-interest-right{display:flex;flex-direction:column;flex-shrink:0}.rd-tc-interest-legend{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;gap:4px}@media (min-width:1401px){.rd-tc-kpi-strip{grid-template-columns:repeat(9,1fr)}}@media (max-width:1400px){.rd-tc-kpi-strip{grid-template-columns:repeat(5,1fr)}}@media (max-width:1024px){.rd-tc-kpi-strip{gap:8px;grid-template-columns:repeat(3,1fr)}.rd-tc-interest-bar{align-items:flex-start;flex-direction:column;gap:10px}.rd-tc-interest-left{min-width:0;width:100%}.rd-tc-interest-right{align-items:center;flex-direction:row;gap:8px}.rd-row.rd-row-3 .rd-card{height:auto!important;min-height:280px}.rd-row.rd-row-3 .rd-card-body.rd-card-scroll{max-height:360px;overflow-x:auto}}@media (max-width:768px){.rd-tc-kpi-strip{gap:8px;grid-template-columns:repeat(3,1fr)}.rd-row.rd-row-3 .rd-card{height:auto!important;min-height:0}.rd-row.rd-row-3 .rd-card-body.rd-card-scroll{max-height:320px;overflow-x:auto}.rd-row.rd-row-3 table.rd-table{min-width:460px}.rd-tc-interest-bar{gap:8px;padding:10px 14px}.rd-tc-interest-legend{flex-direction:row;flex-wrap:wrap;gap:8px 14px}}@media (max-width:640px){.rd-tc-kpi-strip{gap:8px;grid-template-columns:repeat(2,1fr)}.rd-tc-interest-bar{padding:10px 12px}.rd-tc-interest-left{min-width:0}.rd-tc-kpi-strip>div{padding:8px 10px!important}.rd-tc-kpi-strip>div>div:first-child{font-size:11px!important;height:24px!important;width:24px!important}.rd-row.rd-row-3 .rd-card-body.rd-card-scroll{max-height:280px}}@media (max-width:480px){.rd-container{padding:8px 10px 16px}.rd-tc-kpi-strip{gap:6px;grid-template-columns:repeat(2,1fr);margin-bottom:10px}.rd-greeting-banner{margin-bottom:10px;padding:12px 14px}.rd-greeting-name{font-size:16px}.rd-greeting-sub{font-size:12px}.rd-greeting-meta,.rd-greeting-quote{display:none}.rd-tc-interest-bar{gap:6px;margin-bottom:10px;padding:8px 10px}.rd-tc-interest-legend{font-size:10px}.rd-followup-stats{flex-direction:row;gap:6px}.rd-fu-stat{padding:6px 4px}.rd-fu-stat-value{font-size:15px}.rd-row.rd-row-3 .rd-card{height:auto!important}.rd-row.rd-row-3 .rd-card-body.rd-card-scroll{max-height:260px}}@media (max-width:360px){.rd-tc-kpi-strip{gap:5px;grid-template-columns:repeat(2,1fr)}.rd-container{padding:6px 8px 14px}.rd-tc-kpi-strip>div{gap:6px!important;padding:7px 8px!important}}[data-theme=dark] .rd-fu-item.overdue{background:#2b1d20;background:var(--c-2b1d20,#2b1d20)}[data-theme=dark] .rd-fu-item.today{background:#15243d;background:var(--c-15243d,#15243d)}[data-theme=dark] .rd-fu-lead-name{color:#e7ecf3;color:var(--ct-e7ecf3,#e7ecf3)}[data-theme=dark] .rd-fu-meta{color:#aab4c2;color:var(--ct-aab4c2,#aab4c2)}[data-theme=dark] .rd-badge-purple{background:#2a1b3d;background:var(--c-2a1b3d,#2a1b3d);color:#c9a8f5;color:var(--ct-c9a8f5,#c9a8f5)}[data-theme=dark] .rd-badge-indigo{background:#1e1f45;background:var(--c-1e1f45,#1e1f45);color:#a8aef5;color:var(--ct-a8aef5,#a8aef5)}[data-theme=dark] .rd-badge-orange{color:#f0a35a;color:var(--ct-f0a35a,#f0a35a)}.leads-enquiries-container{font-family:Poppins,sans-serif;padding:24px 24px 0}.leads-enquiries-breadcrumb{align-items:center;color:#6b7280;color:var(--ct-6b7280,#6b7280);display:flex;font-size:12px;gap:6px;margin-bottom:12px}.leads-enquiries-breadcrumb-separator{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af)}.leads-enquiries-breadcrumb-active{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-weight:500}.leads-enquiries-header{margin-bottom:12px}.leads-enquiries-title-with-icon{align-items:center;display:flex;gap:10px;margin-bottom:12px}.leads-enquiries-title-with-icon h1{color:#111827;color:var(--ct-111827,#111827);font-size:22px;font-weight:600;margin:0}.leads-enquiries-info-icon{color:#2563eb;color:var(--ct-2563eb,#2563eb);cursor:help;font-size:26px;transition:all .3s ease}.leads-enquiries-info-icon:hover{color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8);transform:scale(1.1)}.leads-enquiries-action-bar{align-items:center;background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e5e7eb;border:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:6px;box-shadow:0 1px 2px #0000000d;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;padding:12px}.leads-enquiries-search-wrapper{flex:1 1;min-width:200px;position:relative}.leads-enquiries-search-icon{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);height:16px;left:10px;position:absolute;top:50%;transform:translateY(-50%);width:16px}.leads-enquiries-search-input{border:1px solid #d1d5db;border:1px solid var(--c-d1d5db,#d1d5db);border-radius:6px;font-family:Poppins,sans-serif;font-size:13px;padding:7px 7px 7px 32px;transition:all .2s;width:100%}.leads-enquiries-search-input:focus{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 0 0 2px #2563eb1a;outline:none}.leads-enquiries-filters{display:flex;flex-wrap:wrap;gap:8px}.leads-enquiries-filter-select{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #d1d5db;border:1px solid var(--c-d1d5db,#d1d5db);border-radius:6px;cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;min-width:120px;padding:6px 10px;transition:all .2s}.leads-enquiries-filter-select:focus{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 0 0 2px #2563eb1a;outline:none}.leads-enquiries-action-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.leads-enquiries-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;gap:6px;padding:7px 12px;transition:all .2s}.leads-enquiries-btn-primary{background-color:#2563eb;background-color:var(--c-2563eb,#2563eb);color:#fff;color:var(--ct-white,#fff)}.leads-enquiries-btn-primary:hover{background-color:#1d4ed8;background-color:var(--c-1d4ed8,#1d4ed8)}.leads-enquiries-btn-secondary{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #d1d5db;border:1px solid var(--c-d1d5db,#d1d5db);color:#374151;color:var(--ct-374151,#374151)}.leads-enquiries-btn-secondary:hover{background-color:#f9fafb;background-color:var(--c-f9fafb,#f9fafb)}.leads-enquiries-btn-icon{height:14px;width:14px}.leads-enquiries-view-toggle{background-color:#f3f4f6;background-color:var(--c-f3f4f6,#f3f4f6);border-radius:6px;display:flex;gap:3px;padding:3px}.leads-enquiries-view-btn{align-items:center;background-color:initial;border:none;border-radius:5px;color:#6b7280;color:var(--ct-6b7280,#6b7280);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;gap:5px;padding:6px 12px;transition:all .2s}.leads-enquiries-view-btn svg{height:16px;width:16px}.leads-enquiries-view-btn:hover{background-color:#e5e7eb;background-color:var(--c-e5e7eb,#e5e7eb);color:#374151;color:var(--ct-374151,#374151)}.leads-enquiries-view-btn.active{color:#2563eb;color:var(--ct-2563eb,#2563eb)}.leads-enquiries-table-card,.leads-enquiries-view-btn.active{background-color:#fff;background-color:var(--c-white,#fff);box-shadow:0 1px 2px #0000000d}.leads-enquiries-table-card{border:1px solid #e5e7eb;border:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:6px;overflow:hidden}.leads-enquiries-table-wrapper{max-height:500px;overflow-x:auto;overflow-y:auto}.leads-enquiries-table-wrapper::-webkit-scrollbar{height:5px;width:5px}.leads-enquiries-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.leads-enquiries-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:4px}.leads-enquiries-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--c-94a3b8,#94a3b8)}.leads-enquiries-table{border-collapse:collapse;min-width:900px;table-layout:auto;width:100%}.leads-enquiries-table td[data-col=email],.leads-enquiries-table td[data-col=name],.leads-enquiries-table th[data-col=email],.leads-enquiries-table th[data-col=name]{text-align:left;width:16%}.leads-enquiries-table td[data-col=phone],.leads-enquiries-table th[data-col=phone]{text-align:left;width:11%}.leads-enquiries-table td[data-col=groupName],.leads-enquiries-table th[data-col=groupName]{text-align:left;width:9%}.leads-enquiries-table td[data-col=subGroupName],.leads-enquiries-table th[data-col=subGroupName]{text-align:left;width:10%}.leads-enquiries-table td[data-col=capacity],.leads-enquiries-table td[data-col=priority],.leads-enquiries-table th[data-col=capacity],.leads-enquiries-table th[data-col=priority]{text-align:center;width:8%}.leads-enquiries-table td[data-col=status],.leads-enquiries-table th[data-col=status]{text-align:center;width:9%}.leads-enquiries-table td[data-col=source],.leads-enquiries-table th[data-col=source]{text-align:left;width:8%}.leads-enquiries-table td[data-col=assignedToName],.leads-enquiries-table td[data-col=createdAt],.leads-enquiries-table th[data-col=assignedToName],.leads-enquiries-table th[data-col=createdAt]{text-align:left;width:9%}.leads-enquiries-table td[data-col=actions],.leads-enquiries-table th[data-col=actions]{text-align:center;width:14%}.leads-enquiries-table thead{background-color:#f9fafb;background-color:var(--c-f9fafb,#f9fafb);position:-webkit-sticky;position:sticky;top:0;z-index:10}.leads-enquiries-table th{color:#374151;color:var(--ct-374151,#374151);cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.03em;overflow:hidden;padding:8px 16px;text-align:left;text-overflow:ellipsis;text-transform:uppercase;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.leads-enquiries-table th.actions-column-header{cursor:default;text-align:center}.leads-enquiries-table th .th-content{justify-content:flex-start}.leads-enquiries-table th.actions-column-header .th-content,.leads-enquiries-table th[data-col=actions] .th-content,.leads-enquiries-table th[data-col=capacity] .th-content,.leads-enquiries-table th[data-col=priority] .th-content,.leads-enquiries-table th[data-col=status] .th-content{justify-content:center}.sort-icon-active{stroke:var(--ct-2563eb,#2563eb)}.leads-enquiries-table th:hover{background-color:#f3f4f6;background-color:var(--c-f3f4f6,#f3f4f6)}.leads-enquiries-table th:hover .sort-icon-default{opacity:.6}.leads-enquiries-table tbody tr{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--c-e5e7eb,#e5e7eb);transition:background-color .2s}.leads-enquiries-table tbody tr:hover{background-color:#f9fafb;background-color:var(--c-f9fafb,#f9fafb)}.leads-enquiries-table td{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:13px;overflow:visible;overflow-wrap:anywhere;padding:8px 16px;text-align:left;text-overflow:clip;vertical-align:middle;white-space:normal;word-break:break-word}.leads-enquiries-font-medium{color:#111827;color:var(--ct-111827,#111827);font-weight:500}.leads-enquiries-badge{border-radius:9999px;display:inline-flex;font-size:11px;font-weight:500;padding:3px 8px;white-space:nowrap}.leads-enquiries-badge-high{background-color:#fee2e2;background-color:var(--c-fee2e2,#fee2e2);color:#991b1b;color:var(--ct-991b1b,#991b1b)}.leads-enquiries-badge-medium{background-color:#fef3c7;background-color:var(--c-fef3c7,#fef3c7);color:#92400e;color:var(--ct-92400e,#92400e)}.leads-enquiries-badge-low{background-color:#d1fae5;background-color:var(--c-d1fae5,#d1fae5);color:#065f46;color:var(--ct-065f46,#065f46)}.leads-enquiries-badge-new{background-color:#dbeafe;background-color:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.leads-enquiries-badge-contacted{background-color:#e0e7ff;background-color:var(--c-e0e7ff,#e0e7ff);color:#3730a3;color:var(--ct-3730a3,#3730a3)}.leads-enquiries-badge-discussion{background-color:#fef3c7;background-color:var(--c-fef3c7,#fef3c7);color:#92400e;color:var(--ct-92400e,#92400e)}.leads-enquiries-badge-proposal{background-color:#ddd6fe;background-color:var(--c-ddd6fe,#ddd6fe);color:#5b21b6;color:var(--ct-5b21b6,#5b21b6)}.leads-enquiries-badge-won{background-color:#d1fae5;background-color:var(--c-d1fae5,#d1fae5);color:#065f46;color:var(--ct-065f46,#065f46)}.leads-enquiries-badge-lost{background-color:#fee2e2;background-color:var(--c-fee2e2,#fee2e2);color:#991b1b;color:var(--ct-991b1b,#991b1b)}.leads-enquiries-badge-default{background-color:#f3f4f6;background-color:var(--c-f3f4f6,#f3f4f6);color:#374151;color:var(--ct-374151,#374151)}.leads-enquiries-badge-prospect{background-color:#fce7f3;background-color:var(--c-fce7f3,#fce7f3);color:#9d174d;color:var(--ct-9d174d,#9d174d)}.leads-enquiries-badge-kiv{background-color:#f5f3ff;background-color:var(--c-f5f3ff,#f5f3ff);color:#6d28d9;color:var(--ct-6d28d9,#6d28d9)}.leads-enquiries-action-buttons-cell{display:flex;gap:4px;justify-content:center}.leads-enquiries-action-btn{background-color:initial;border:none!important;border-radius:5px;cursor:pointer;padding:5px;transition:all .2s}.leads-enquiries-action-btn svg{height:16px;width:16px}.leads-enquiries-action-view{color:#4d7ce0;color:var(--ct-4d7ce0,#4d7ce0)}.leads-enquiries-action-view:hover{background-color:#dbeafe;background-color:var(--c-dbeafe,#dbeafe)}.leads-enquiries-action-edit{color:#059669;color:var(--ct-059669,#059669)}.leads-enquiries-action-edit:hover{background-color:#d1fae5;background-color:var(--c-d1fae5,#d1fae5)}.leads-enquiries-action-delete{color:#dc2626;color:var(--ct-dc2626,#dc2626)}.leads-enquiries-action-delete:hover{background-color:#fee2e2;background-color:var(--c-fee2e2,#fee2e2)}.leads-enquiries-action-timeline{color:#8b5cf6;color:var(--ct-8b5cf6,#8b5cf6)}.leads-enquiries-action-timeline:hover{background-color:#ede9fe;background-color:var(--c-ede9fe,#ede9fe)}.leads-enquiries-action-followup{color:#10b981;color:var(--ct-10b981,#10b981)}.leads-enquiries-action-followup:hover{background-color:#d1fae5;background-color:var(--c-d1fae5,#d1fae5)}.leads-enquiries-action-proposal{color:#f59e0b;color:var(--ct-f59e0b,#f59e0b)}.leads-enquiries-action-proposal:hover{background-color:#fef3c7;background-color:var(--c-fef3c7,#fef3c7)}.leads-enquiries-action-status{color:#2563eb;color:var(--ct-2563eb,#2563eb)}.leads-enquiries-action-status:hover{background-color:#dbeafe;background-color:var(--c-dbeafe,#dbeafe)}.qs-modal-overlay{align-items:center;animation:qs-fade-in .15s ease;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}@keyframes qs-fade-in{0%{opacity:0}to{opacity:1}}.qs-modal{animation:qs-pop .18s ease;background:#fff;background:var(--c-fff,#fff);border-radius:16px;box-shadow:0 24px 64px #0f172a38;font-family:Poppins,sans-serif;max-height:90vh;overflow-y:auto;padding:28px 30px 24px;width:min(500px,95vw)}@keyframes qs-pop{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}.qs-modal-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.qs-modal-header h3{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-family:Poppins,sans-serif;font-size:18px;font-weight:700;margin:0}.qs-modal-header p{color:#64748b;color:var(--ct-64748b,#64748b);font-family:Poppins,sans-serif;font-size:12px;margin:3px 0 0}.qs-modal-close{background:none;border:none;border-radius:6px;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);cursor:pointer;font-size:20px;line-height:1;padding:2px 6px;transition:background .15s,color .15s}.qs-modal-close:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);color:#475569;color:var(--ct-475569,#475569)}.qs-status-label{color:#374151;color:var(--ct-374151,#374151);font-family:Poppins,sans-serif;font-size:11px;font-weight:700;letter-spacing:.6px;margin-bottom:10px;text-transform:uppercase}.qs-status-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:18px}.qs-status-btn{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:9px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;padding:9px 12px;text-align:left;transition:all .15s}.qs-status-btn:hover{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb)}.qs-status-btn.active,.qs-status-btn:hover{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8)}.qs-status-btn.active{border:2px solid #2563eb;border:2px solid var(--c-2563eb,#2563eb);font-weight:600}.qs-conditional{border-radius:10px;margin-bottom:16px;padding:14px 16px}.qs-conditional-won{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);border:1.5px solid #bbf7d0;border:1.5px solid var(--c-bbf7d0,#bbf7d0)}.qs-conditional-lost{background:#fff5f5;background:var(--c-fff5f5,#fff5f5);border:1.5px solid #fecaca;border:1.5px solid var(--c-fecaca,#fecaca)}.qs-conditional-kiv{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border:1.5px solid #bfdbfe;border:1.5px solid var(--c-bfdbfe,#bfdbfe)}.qs-conditional-label{font-family:Poppins,sans-serif;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.qs-conditional-won .qs-conditional-label{color:#166534;color:var(--ct-166534,#166534)}.qs-conditional-lost .qs-conditional-label{color:#991b1b;color:var(--ct-991b1b,#991b1b)}.qs-conditional-kiv .qs-conditional-label{color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8)}.qs-time-presets{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.qs-time-preset{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;padding:4px 10px;transition:all .15s}.qs-time-preset.active,.qs-time-preset:hover{background:#2563eb;background:var(--c-2563eb,#2563eb);border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);color:#fff;color:var(--ct-fff,#fff)}.qs-kiv-hint{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-family:Poppins,sans-serif;font-size:12px;font-weight:500;margin-top:8px}.qs-footer{border-top:1px solid #f1f5f9;border-top:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;gap:10px;justify-content:flex-end;margin-top:6px;padding-top:16px}.qs-btn-cancel{background:#fff;background:var(--c-fff,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:9px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;padding:9px 22px;transition:background .15s}.qs-btn-cancel:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.qs-btn-confirm{background:#2563eb;background:var(--c-2563eb,#2563eb);border:none;border-radius:9px;color:#fff;color:var(--ct-fff,#fff);cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;padding:9px 22px;transition:background .15s}.qs-btn-confirm:hover:not(:disabled){background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8)}.qs-btn-confirm:disabled{cursor:not-allowed;opacity:.65}.leads-enquiries-grid-container{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e5e7eb;border:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:6px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;height:calc(100vh - 263px);overflow:hidden;padding:12px}.leads-enquiries-grid{grid-gap:12px;display:grid;flex:1 1;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:12px;min-height:0;overflow-y:auto;padding-right:4px}.leads-enquiries-grid::-webkit-scrollbar{width:5px}.leads-enquiries-grid::-webkit-scrollbar-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:3px}.leads-enquiries-grid::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:3px}.leads-enquiries-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--c-94a3b8,#94a3b8)}.leads-enquiries-card{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e5e7eb;border:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;height:100%;padding:12px;transition:all .3s ease}.leads-enquiries-card:hover{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 3px 8px #0000001a;transform:translateY(-1px)}.leads-enquiries-card-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--c-e5e7eb,#e5e7eb);display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:8px}.leads-enquiries-card-id{background-color:#dbeafe;background-color:var(--c-dbeafe,#dbeafe);border-radius:4px;color:#2563eb;color:var(--ct-2563eb,#2563eb);font-size:10px;font-weight:600;letter-spacing:.02em;padding:2px 6px}.leads-enquiries-card-badges{display:flex;flex-wrap:wrap;gap:4px}.leads-enquiries-card-body{display:flex;flex:1 1;flex-direction:column;gap:8px}.leads-enquiries-card-title{color:#111827;color:var(--ct-111827,#111827);font-size:14px;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leads-enquiries-card-info{display:flex;flex-direction:column;gap:4px;margin-top:0}.leads-enquiries-card-info-item{align-items:center;color:#6b7280;color:var(--ct-6b7280,#6b7280);display:flex;font-size:11px;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leads-enquiries-card-icon{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);flex-shrink:0;height:12px;width:12px}.leads-enquiries-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;background-color:#f9fafb;background-color:var(--c-f9fafb,#f9fafb);border-left:2px solid #2563eb;border-left:2px solid var(--c-2563eb,#2563eb);border-radius:4px;color:#6b7280;color:var(--ct-6b7280,#6b7280);display:-webkit-box;font-size:11px;line-height:1.4;margin-top:4px;overflow:hidden;padding:8px;text-overflow:ellipsis}.leads-enquiries-card-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--c-e5e7eb,#e5e7eb);display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:8px}.leads-enquiries-card-source{align-items:center;color:#6b7280;color:var(--ct-6b7280,#6b7280);display:flex;font-size:10px;font-weight:500;gap:4px}.leads-enquiries-card-actions{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.leads-enquiries-card-action-btn{background-color:initial;border:none;border-radius:4px;cursor:pointer;padding:5px;transition:all .2s}.leads-enquiries-card-action-btn svg{height:14px;width:14px}.leads-enquiries-card-action-btn.leads-enquiries-action-view{color:#2563eb;color:var(--ct-2563eb,#2563eb)}.leads-enquiries-card-action-btn.leads-enquiries-action-view:hover{background-color:#dbeafe;background-color:var(--c-dbeafe,#dbeafe)}.leads-enquiries-card-action-btn.leads-enquiries-action-timeline{color:#8b5cf6;color:var(--ct-8b5cf6,#8b5cf6)}.leads-enquiries-card-action-btn.leads-enquiries-action-timeline:hover{background-color:#ede9fe;background-color:var(--c-ede9fe,#ede9fe)}.leads-enquiries-card-action-btn.leads-enquiries-action-followup{color:#10b981;color:var(--ct-10b981,#10b981)}.leads-enquiries-card-action-btn.leads-enquiries-action-followup:hover{background-color:#d1fae5;background-color:var(--c-d1fae5,#d1fae5)}.leads-enquiries-card-action-btn.leads-enquiries-action-proposal{color:#f59e0b;color:var(--ct-f59e0b,#f59e0b)}.leads-enquiries-card-action-btn.leads-enquiries-action-proposal:hover{background-color:#fef3c7;background-color:var(--c-fef3c7,#fef3c7)}.leads-enquiries-card-action-btn.leads-enquiries-action-status{color:#2563eb;color:var(--ct-2563eb,#2563eb)}.leads-enquiries-card-action-btn.leads-enquiries-action-status:hover{background-color:#dbeafe;background-color:var(--c-dbeafe,#dbeafe)}.leads-enquiries-card-action-btn.leads-enquiries-action-edit{color:#059669;color:var(--ct-059669,#059669)}.leads-enquiries-card-action-btn.leads-enquiries-action-edit:hover{background-color:#d1fae5;background-color:var(--c-d1fae5,#d1fae5)}.leads-enquiries-card-action-btn.leads-enquiries-action-delete{color:#dc2626;color:var(--ct-dc2626,#dc2626)}.leads-enquiries-card-action-btn.leads-enquiries-action-delete:hover{background-color:#fee2e2;background-color:var(--c-fee2e2,#fee2e2)}.leads-enquiries-card-action-btn.leads-enquiries-action-disabled{cursor:not-allowed!important;filter:blur(.5px);opacity:.4;pointer-events:none}.leads-enquiries-pagination{align-items:center;background:#fafafa;background:var(--c-fafafa,#fafafa);border-top:1px solid #f1f5f9;border-top:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px 18px}.leads-enquiries-pagination-info{align-items:center;color:#64748b;color:var(--ct-64748b,#64748b);display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.leads-enquiries-pagination-controls{align-items:center;display:flex;gap:6px}.leads-enquiries-rows-select{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:5px;cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;padding:3px 6px}.leads-enquiries-pagination-buttons{align-items:center;display:flex;gap:4px}.leads-enquiries-pagination-btn{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:7px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;height:32px;justify-content:center;padding:0;transition:all .15s;white-space:nowrap;width:32px}.leads-enquiries-pagination-btn:hover:not(:disabled){background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1);color:#0f172a;color:var(--ct-0f172a,#0f172a)}.leads-enquiries-pagination-btn:disabled{cursor:not-allowed;opacity:.4}.leads-enquiries-pagination-current{color:#374151;color:var(--ct-374151,#374151);font-size:12px;font-weight:500}.leads-enquiries-modal-overlay{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:16px;position:fixed;z-index:1000}.leads-enquiries-modal{background-color:#fff;background-color:var(--c-white,#fff);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.leads-enquiries-modal-large{max-width:800px}.leads-enquiries-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--c-e5e7eb,#e5e7eb);display:flex;justify-content:space-between;padding:14px 16px}.leads-enquiries-modal-header h2{color:#111827;color:var(--ct-111827,#111827);font-size:17px;font-weight:600;margin:0}.leads-enquiries-modal-close{background:none;border:none;border-radius:5px;cursor:pointer;padding:5px;transition:background-color .2s}.leads-enquiries-modal-close:hover{background-color:#f3f4f6;background-color:var(--c-f3f4f6,#f3f4f6)}.leads-enquiries-modal-close svg{color:#6b7280;color:var(--ct-6b7280,#6b7280);height:18px;width:18px}.leads-enquiries-form,.leads-enquiries-modal-body{padding:16px}.leads-enquiries-form-section{margin-bottom:16px}.leads-enquiries-form-section-title{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--c-e5e7eb,#e5e7eb);color:#111827;color:var(--ct-111827,#111827);font-size:14px;font-weight:600;margin:0 0 12px;padding-bottom:6px}.leads-enquiries-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}@media (min-width:640px){.leads-enquiries-form-grid{grid-template-columns:repeat(2,1fr)}}.leads-enquiries-form-group{display:flex;flex-direction:column;gap:5px}.leads-enquiries-form-group label{color:#374151;color:var(--ct-374151,#374151);font-size:12px;font-weight:500}.leads-enquiries-form-group input,.leads-enquiries-form-group select,.leads-enquiries-form-group textarea{background:#fff;background:var(--c-fff,#fff);border:1.5px solid #d1d5db;border:1.5px solid var(--c-d1d5db,#d1d5db);border-radius:8px;box-sizing:border-box;color:#1e293b;color:var(--ct-1e293b,#1e293b);font-family:Poppins,sans-serif;font-size:13px;padding:8px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.leads-enquiries-form-group select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5'%3E%3Cpath d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;cursor:pointer;max-height:42px;overflow-y:auto;padding-right:30px}.leads-enquiries-form-group select[multiple],.leads-enquiries-form-group select[size]{max-height:200px;overflow-y:auto}.leads-enquiries-form-group input:focus,.leads-enquiries-form-group select:focus,.leads-enquiries-form-group textarea:focus{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 0 0 3px #2563eb1a;outline:none}.leads-enquiries-form-group select:hover:not(:disabled){border-color:#93c5fd;border-color:var(--c-93c5fd,#93c5fd)}.leads-enquiries-form-group select:disabled{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-color:#e2e8f0;border-color:var(--c-e2e8f0,#e2e8f0);color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);cursor:not-allowed}.leads-enquiries-form-group textarea{min-height:80px;resize:vertical}.phone-error-message{display:block;font-weight:500;margin-top:3px}.leads-enquiries-form-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--c-e5e7eb,#e5e7eb);display:flex;gap:10px;justify-content:flex-end;padding-top:14px}.leads-enquiries-detail-section{margin-bottom:16px}.leads-enquiries-detail-section h3{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--c-e5e7eb,#e5e7eb);color:#111827;color:var(--ct-111827,#111827);font-size:14px;font-weight:600;margin:0 0 12px;padding-bottom:6px}.leads-enquiries-detail-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}@media (min-width:640px){.leads-enquiries-detail-grid{grid-template-columns:repeat(2,1fr)}}.leads-enquiries-detail-item{display:flex;flex-direction:column;gap:3px}.leads-enquiries-detail-label{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:11px;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.leads-enquiries-detail-value{color:#111827;color:var(--ct-111827,#111827);font-size:13px;font-weight:500}.leads-enquiries-description{color:#374151;color:var(--ct-374151,#374151);font-size:13px;line-height:1.5;margin:0}.leads-enquiries-timeline{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto;padding-right:8px}.leads-enquiries-timeline::-webkit-scrollbar{width:6px}.leads-enquiries-timeline::-webkit-scrollbar-track{background:#f1f1f1;background:var(--c-f1f1f1,#f1f1f1);border-radius:3px}.leads-enquiries-timeline::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:3px}.leads-enquiries-timeline::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--c-94a3b8,#94a3b8)}.leads-enquiries-timeline-item{display:flex;gap:10px;position:relative}.leads-enquiries-timeline-item:not(:last-child):before{background-color:#e5e7eb;background-color:var(--c-e5e7eb,#e5e7eb);bottom:-10px;content:"";left:6px;position:absolute;top:18px;width:2px}.leads-enquiries-timeline-marker{background-color:#2563eb;background-color:var(--c-2563eb,#2563eb);border:2px solid #dbeafe;border:2px solid var(--c-dbeafe,#dbeafe);border-radius:50%;flex-shrink:0;height:12px;margin-top:3px;width:12px}.leads-enquiries-timeline-content{background-color:#f9fafb;background-color:var(--c-f9fafb,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:6px;flex:1 1;padding:8px}.leads-enquiries-timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.leads-enquiries-timeline-type{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.leads-enquiries-timeline-date{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:10px}.leads-enquiries-timeline-body p{color:#374151;color:var(--ct-374151,#374151);font-size:12px;line-height:1.4;margin:0 0 6px}.leads-enquiries-timeline-user{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:11px;font-style:italic}.leads-enquiries-modal-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--c-e5e7eb,#e5e7eb);display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding-top:14px}.delete-confirmation-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.delete-confirmation-toast-wrapper{animation:scaleIn .3s ease-out}.delete-confirmation-toast{background:#fff;background:var(--c-white,#fff);border:2px solid #fee2e2;border:2px solid var(--c-fee2e2,#fee2e2);border-radius:10px;box-shadow:0 10px 40px #0003;max-width:450px;min-width:350px;overflow:hidden}.delete-confirmation-content{align-items:flex-start;display:flex;gap:12px;padding:16px;position:relative}.delete-confirmation-icon{align-items:center;background-color:#fee2e2;background-color:var(--c-fee2e2,#fee2e2);border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.delete-confirmation-text{flex:1 1;padding-right:24px}.delete-confirmation-text h4{color:#111827;color:var(--ct-111827,#111827);font-size:16px;font-weight:600;margin:0 0 6px}.delete-confirmation-text p{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:13px;line-height:1.4;margin:0}.delete-confirmation-close{background:none;border:none;border-radius:4px;color:#6b7280;color:var(--ct-6b7280,#6b7280);cursor:pointer;padding:4px;position:absolute;right:12px;top:12px;transition:all .2s}.delete-confirmation-close:hover{background-color:#f3f4f6;background-color:var(--c-f3f4f6,#f3f4f6);color:#111827;color:var(--ct-111827,#111827)}.delete-confirmation-actions{background-color:#f9fafb;background-color:var(--c-f9fafb,#f9fafb);border-top:1px solid #e5e7eb;border-top:1px solid var(--c-e5e7eb,#e5e7eb);display:flex;gap:10px;justify-content:center;padding:12px 16px}.delete-btn-cancel{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #d1d5db;border:1px solid var(--c-d1d5db,#d1d5db);border-radius:6px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;padding:7px 16px;transition:all .2s}.delete-btn-cancel:hover{background-color:#f3f4f6;background-color:var(--c-f3f4f6,#f3f4f6)}.delete-btn-confirm{background-color:#dc2626;background-color:var(--c-dc2626,#dc2626);border:none;border-radius:6px;color:#fff;color:var(--ct-white,#fff);cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;padding:7px 16px;transition:all .2s}.delete-btn-confirm:hover{background-color:#b91c1c;background-color:var(--c-b91c1c,#b91c1c)}.leads-enquiries-btn-disabled,.leads-enquiries-btn:disabled{color:#9ca3af!important;color:var(--ct-9ca3af,#9ca3af)!important;cursor:not-allowed!important;filter:blur(.5px);opacity:.5}.leads-enquiries-btn-disabled,.leads-enquiries-btn-disabled:hover,.leads-enquiries-btn:disabled,.leads-enquiries-btn:disabled:hover{background-color:#e5e7eb!important;background-color:var(--c-e5e7eb,#e5e7eb)!important}.leads-enquiries-action-disabled{cursor:not-allowed!important;filter:blur(.5px);opacity:.4;pointer-events:none}.leads-enquiries-action-disabled:hover{background-color:initial!important}.alert{border-radius:6px;font-family:Poppins,sans-serif;font-size:13px;margin-bottom:16px;padding:12px 16px}.alert-warning{background-color:#fef3c7;background-color:var(--c-fef3c7,#fef3c7);border:1px solid #fde68a;border:1px solid var(--c-fde68a,#fde68a);color:#92400e;color:var(--ct-92400e,#92400e)}.alert-danger{background-color:#fee2e2;background-color:var(--c-fee2e2,#fee2e2);border:1px solid #fecaca;border:1px solid var(--c-fecaca,#fecaca);color:#991b1b;color:var(--ct-991b1b,#991b1b)}.leads-enquiries-btn-success{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--c-10b981,#10b981) 0,var(--c-059669,#059669) 100%);border:none;border-radius:6px;color:#fff;color:var(--ct-white,#fff);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:7px 14px;transition:all .3s ease}.leads-enquiries-btn-success:hover{box-shadow:0 3px 8px #10b9814d;transform:translateY(-1px)}.leads-enquiries-btn-info{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--c-8b5cf6,#8b5cf6) 0,var(--c-7c3aed,#7c3aed) 100%);border:none;border-radius:6px;color:#fff;color:var(--ct-white,#fff);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:7px 14px;transition:all .3s ease}.leads-enquiries-btn-info:hover{box-shadow:0 3px 8px #8b5cf64d;transform:translateY(-1px)}.py-4{padding-bottom:.75rem;padding-top:.75rem}@media (min-width:1400px){.leads-enquiries-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:1024px){.leads-enquiries-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1023px) and (min-width:641px){.leads-enquiries-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.leads-enquiries-container{padding:12px}.page-header-with-filter{align-items:flex-start;flex-direction:column}.leads-enquiries-action-bar{align-items:stretch;flex-direction:column;padding:8px}.leads-enquiries-search-wrapper{min-width:100%}.leads-enquiries-filters{flex-direction:column;width:100%}.leads-enquiries-filter-select{width:100%}.leads-enquiries-action-buttons{flex-direction:column;margin-left:0;width:100%}.leads-enquiries-btn{width:100%}.leads-enquiries-btn,.leads-enquiries-view-toggle-container{justify-content:center}.leads-enquiries-view-toggle{width:100%}.leads-enquiries-view-btn{flex:1 1;justify-content:center}.leads-enquiries-grid{grid-template-columns:1fr}.leads-enquiries-grid-container{height:calc(100vh - 220px);padding:10px}.leads-enquiries-card{padding:10px}.leads-enquiries-table{font-size:11px}.leads-enquiries-table td,.leads-enquiries-table th{padding:6px 8px}.leads-enquiries-pagination{align-items:flex-start;flex-direction:column}.leads-enquiries-modal{border-radius:0;margin:0;max-width:100%}.delete-confirmation-toast{margin:0 16px;max-width:calc(100% - 32px);min-width:auto}.leads-enquiries-title-with-icon h1{font-size:20px}.leads-enquiries-info-icon{font-size:24px}.leads-enquiries-action-buttons-cell{flex-wrap:wrap}.leads-enquiries-timeline{max-height:300px}}.col-visibility-wrapper{margin-right:8px}.col-visibility-btn{background-color:var(--c-white,#fff);border:1px solid var(--c-d1d5db,#d1d5db);color:var(--ct-374151,#374151);font-family:Poppins,sans-serif}.col-visibility-btn:hover{background-color:var(--c-f9fafb,#f9fafb);border-color:var(--c-2563eb,#2563eb);color:var(--ct-2563eb,#2563eb)}.col-visibility-btn.has-hidden{background-color:var(--c-eff6ff,#eff6ff);border-color:var(--c-2563eb,#2563eb)}.col-visibility-badge{background-color:var(--c-2563eb,#2563eb)}.col-visibility-dropdown{animation:dropdownReveal .15s ease-out;border:1px solid var(--c-e5e7eb,#e5e7eb)}@keyframes dropdownReveal{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.col-visibility-header{background-color:var(--c-f9fafb,#f9fafb);border-bottom:1px solid var(--c-f3f4f6,#f3f4f6)}.col-visibility-header span{color:var(--ct-374151,#374151)}.col-visibility-reset{color:var(--ct-2563eb,#2563eb);font-family:Poppins,sans-serif}.col-visibility-reset:hover{background-color:var(--c-dbeafe,#dbeafe)}.col-visibility-item:hover:not(.col-required){background-color:var(--c-f9fafb,#f9fafb)}.col-visibility-item input[type=checkbox]{accent-color:var(--c-2563eb,#2563eb)}.col-visibility-label{color:var(--ct-374151,#374151);font-family:Poppins,sans-serif}.col-required-tag{background-color:var(--c-f3f4f6,#f3f4f6);color:var(--ct-6b7280,#6b7280)}.col-drag-handle{color:var(--ct-9ca3af,#9ca3af)}.leads-enquiries-table th.col-draggable:hover .col-drag-handle{opacity:1}.leads-enquiries-table th.col-draggable{transition:background-color .15s,box-shadow .15s}.leads-enquiries-table th.col-draggable:hover{background-color:#eff6ff;background-color:var(--c-eff6ff,#eff6ff)}.leads-enquiries-table th.col-dragging{box-shadow:inset 0 0 0 2px #2563eb;box-shadow:inset 0 0 0 2px var(--c-2563eb,#2563eb);opacity:.5}.leads-enquiries-table th.col-drag-over,.leads-enquiries-table th.col-dragging{background-color:#dbeafe!important;background-color:var(--c-dbeafe,#dbeafe)!important}.leads-enquiries-table th.col-drag-over{box-shadow:-3px 0 0 0 #2563eb;box-shadow:-3px 0 0 0 var(--c-2563eb,#2563eb);position:relative}.leads-enquiries-table th.col-drag-over:before{animation:dropIndicatorPulse .6s ease-in-out infinite alternate;background-color:#2563eb;background-color:var(--c-2563eb,#2563eb);border-radius:2px;bottom:0;content:"";left:-2px;position:absolute;top:0;width:3px}@keyframes dropIndicatorPulse{0%{opacity:.7}to{opacity:1}}.leads-enquiries-table td,.leads-enquiries-table th{transition:background-color .2s}.leads-enquiries-table th.col-draggable{cursor:grab}.leads-enquiries-table th.col-draggable:active{cursor:grabbing}.leads-enquiries-table th.col-draggable .th-content{position:relative}.leads-enquiries-view-toggle-container{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-bottom:8px}.leads-enquiries-table{-webkit-user-drag:none}.ld-detail-page{background:#fff;background:var(--c-white,#fff);border:1px solid #e5e7eb;border:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:8px;box-shadow:0 1px 3px #0000000f;overflow:hidden}.ld-detail-topbar{background:#f9fafb;background:var(--c-f9fafb,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--c-e5e7eb,#e5e7eb);padding:10px 16px}.ld-back-btn{border:1px solid #d1d5db;border:1px solid var(--c-d1d5db,#d1d5db);color:#374151;color:var(--ct-374151,#374151);font-family:Poppins,sans-serif;gap:6px;transition:all .18s}.ld-back-btn:hover{background:#f3f4f6;background:var(--c-f3f4f6,#f3f4f6);border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.ld-hero{align-items:flex-start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--c-e5e7eb,#e5e7eb);gap:14px;padding:18px 20px}.ld-hero-avatar{background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--c-2563eb,#2563eb) 0,var(--c-7c3aed,#7c3aed) 100%);border-radius:50%;height:46px;width:46px}.ld-hero-name{color:#111827;color:var(--ct-111827,#111827);font-size:17px;margin:0 0 3px}.ld-hero-code{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);border-radius:4px;color:#2563eb;color:var(--ct-2563eb,#2563eb);display:inline-block;padding:2px 8px}.ld-hero-actions,.ld-hero-badges{align-items:center}.ld-hero-actions{gap:8px}.ld-tabs{background:#fafafa;background:var(--c-fafafa,#fafafa);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--c-e5e7eb,#e5e7eb);gap:0;padding:0 16px}.ld-tab{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-family:Poppins,sans-serif;padding:10px 18px;transition:all .18s}.ld-tab:hover{background:#f3f4f6;background:var(--c-f3f4f6,#f3f4f6);color:#374151;color:var(--ct-374151,#374151)}.ld-tab.active{background:#0000;border-bottom-color:#2563eb;border-bottom-color:var(--c-2563eb,#2563eb);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.ld-tab-content{min-height:280px;padding:18px 20px}.ld-info-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.ld-info-card{background:#f9fafb;background:var(--c-f9fafb,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:7px}.ld-card-title{color:#374151;color:var(--ct-374151,#374151);font-size:12px;letter-spacing:.04em;margin:0 0 12px;text-transform:uppercase}.ld-field-row{font-size:12px;gap:10px;justify-content:space-between}.ld-field-label{color:#6b7280;color:var(--ct-6b7280,#6b7280);flex-shrink:0;font-weight:500}.ld-field-val{color:#111827;color:var(--ct-111827,#111827);font-weight:500;text-align:right;word-break:break-word}.ld-enquiry-card{background:#f0f9ff;background:var(--c-f0f9ff,#f0f9ff);border:1px solid #bae6fd;border-left:4px solid #2563eb;border:1px solid var(--c-bae6fd,#bae6fd);border-left:4px solid var(--c-2563eb,#2563eb);border-radius:7px}.ld-enquiry-text{color:#374151;color:var(--ct-374151,#374151);margin:0}.ld-proposal-card{border:1px solid #e5e7eb;border:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:7px;flex-wrap:wrap;justify-content:space-between;padding:13px 16px;transition:all .18s}.ld-proposal-card:hover{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 2px 6px #2563eb1a}.ld-proposal-card-left{min-width:180px}.ld-proposal-no{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);border-radius:4px;color:#2563eb;color:var(--ct-2563eb,#2563eb);display:inline-block;font-size:10px;margin-bottom:4px;padding:2px 7px}.ld-proposal-title{color:#111827;color:var(--ct-111827,#111827)}.ld-proposal-meta{color:#6b7280;color:var(--ct-6b7280,#6b7280)}.ld-proposal-card-right{gap:10px}.ld-proposal-status{border-radius:9999px;display:inline-flex;font-weight:600;letter-spacing:.04em;padding:3px 9px}.ld-ps-draft{background:#f3f4f6;background:var(--c-f3f4f6,#f3f4f6);color:#374151;color:var(--ct-374151,#374151)}.ld-proposal-actions{gap:6px}.ld-pact-btn{background:#fff;background:var(--c-white,#fff);border:1px solid #d1d5db;border:1px solid var(--c-d1d5db,#d1d5db);color:#374151;color:var(--ct-374151,#374151);font-family:Poppins,sans-serif;padding:5px 10px;transition:all .18s}.ld-pact-btn:hover{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb)}.ld-pact-edit:hover{background:#ecfdf5;background:var(--c-ecfdf5,#ecfdf5);border-color:#059669;border-color:var(--c-059669,#059669);color:#059669;color:var(--ct-059669,#059669)}.ld-pact-delete{background:#fff5f5;background:var(--c-fff5f5,#fff5f5);border-color:#fca5a5!important;border-color:var(--c-fca5a5,#fca5a5)!important;color:#dc2626!important;color:var(--ct-dc2626,#dc2626)!important}.ld-pact-delete:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);border-color:#dc2626!important;border-color:var(--c-dc2626,#dc2626)!important}.ld-history-scroll{max-height:520px;overflow-y:auto;padding-right:4px;scrollbar-color:#cbd5e1 #f8fafc;scrollbar-color:var(--c-cbd5e1,#cbd5e1) var(--c-f8fafc,#f8fafc);scrollbar-width:thin}.ld-history-scroll::-webkit-scrollbar{width:5px}.ld-history-scroll::-webkit-scrollbar-track{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-radius:4px}.ld-history-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:4px}.ld-history-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--c-94a3b8,#94a3b8)}.ld-history-timeline{display:flex;flex-direction:column;gap:0;padding:4px 0}.ld-history-entry{display:flex;gap:12px;padding-bottom:16px;position:relative}.ld-history-line{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);bottom:0;left:17px;position:absolute;top:36px;width:2px;z-index:0}.ld-history-bubble{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px;z-index:1}.ld-history-card{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:10px;flex:1 1;min-width:0;padding:10px 14px}.ld-history-card-hdr{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;margin-bottom:6px}.ld-history-tag{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase}.ld-history-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.ld-history-who{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px}.ld-history-when{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:11px}.ld-history-summary{color:#374151;color:var(--ct-374151,#374151);font-size:12.5px;line-height:1.5}.ld-history-notes{align-items:flex-start;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-left:3px solid #059669;border-left:3px solid var(--c-059669,#059669);border-radius:0 6px 6px 0;display:flex;font-size:12px;gap:6px;line-height:1.5;margin-top:6px;padding:6px 10px}.ld-history-notes-label{color:#059669;color:var(--ct-059669,#059669);flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.04em;padding-top:2px;text-transform:uppercase}.ld-history-notes-text{color:#374151;color:var(--ct-374151,#374151);flex:1 1}.ld-history-change-row{align-items:center;display:flex;flex-wrap:wrap;font-size:11px;gap:4px;margin-top:6px}.ld-chg-field{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);color:#374151;color:var(--ct-374151,#374151)}.ld-chg-field,.ld-chg-old{border-radius:4px;padding:1px 6px}.ld-chg-old{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#ef4444;color:var(--ct-ef4444,#ef4444)}.ld-chg-arrow{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-size:12px}.ld-chg-new{background:#d1fae5;background:var(--c-d1fae5,#d1fae5);border-radius:4px;color:#059669;color:var(--ct-059669,#059669);padding:1px 6px}.ld-empty-state{color:#6b7280;color:var(--ct-6b7280,#6b7280);padding:40px 20px}.ld-empty-icon{font-size:40px;margin-bottom:10px}.ld-empty-state p{margin:0 0 14px}.ld-loading-row{color:#6b7280;color:var(--ct-6b7280,#6b7280);padding:30px}.ld-btn{font-family:Poppins,sans-serif;font-weight:600;padding:6px 12px;transition:all .18s;white-space:nowrap}.ld-btn-pri{background:#2563eb;background:var(--c-2563eb,#2563eb)}.ld-btn-pri:hover{background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8)}.ld-btn-sec{border:1px solid #d1d5db;border:1px solid var(--c-d1d5db,#d1d5db);color:#374151;color:var(--ct-374151,#374151)}.ld-btn-sec:hover{background:#f9fafb;background:var(--c-f9fafb,#f9fafb);border-color:#9ca3af;border-color:var(--c-9ca3af,#9ca3af)}.ld-btn-sm{padding:4px 9px}.ld-proposal-form{background:#fff;background:var(--c-white,#fff);border:1px solid #e5e7eb;border:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:8px;overflow:hidden}.ld-ptabs{background:#fafafa;background:var(--c-fafafa,#fafafa);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--c-e5e7eb,#e5e7eb);display:flex;flex-wrap:wrap;gap:2px;padding:10px 14px 0}.ld-ptab{background:#0000;border:none;border-bottom:2px solid #0000;border-radius:5px 5px 0 0;color:#6b7280;color:var(--ct-6b7280,#6b7280);cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;margin-bottom:-2px;padding:7px 14px;transition:all .15s}.ld-ptab:hover{background:#f0f0f0;background:var(--c-f0f0f0,#f0f0f0);color:#374151;color:var(--ct-374151,#374151)}.ld-ptab.active{background:#fff;background:var(--c-white,#fff);border-bottom-color:#2563eb;border-bottom-color:var(--c-2563eb,#2563eb);color:#2563eb;color:var(--ct-2563eb,#2563eb);font-weight:700}.ld-ptab-body{min-height:220px;padding:16px}.ld-pform-footer{background:#fafafa;background:var(--c-fafafa,#fafafa);border-top:1px solid #e5e7eb;border-top:1px solid var(--c-e5e7eb,#e5e7eb);padding:12px 16px}.ld-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.ld-full{grid-column:1/-1}.ld-fgroup{display:flex;flex-direction:column;gap:5px}.ld-fgroup label{color:#374151;color:var(--ct-374151,#374151);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.ld-fgroup input,.ld-fgroup select,.ld-fgroup textarea{border:1px solid #d1d5db;border:1px solid var(--c-d1d5db,#d1d5db);border-radius:5px;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:12px;padding:7px 10px;transition:border-color .15s;width:100%}.ld-fgroup input:focus,.ld-fgroup select:focus,.ld-fgroup textarea:focus{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 0 0 2px #2563eb14;outline:none}.ld-fgroup textarea{min-height:60px;resize:vertical}.ld-inner-table{border-collapse:collapse;font-size:12px;width:100%}.ld-inner-table th{background:#f9fafb;background:var(--c-f9fafb,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--c-e5e7eb,#e5e7eb);color:#374151;color:var(--ct-374151,#374151);font-size:10px;font-weight:600;padding:7px 10px;text-transform:uppercase;white-space:nowrap}.ld-inner-table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--c-f3f4f6,#f3f4f6);padding:6px 8px;vertical-align:middle}.ld-inner-table td input,.ld-inner-table td select,.ld-inner-table td textarea{background:#fff;background:var(--c-white,#fff);border:1px solid #e5e7eb;border:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:4px;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:12px;padding:5px 7px;width:100%}.ld-inner-table td input:focus,.ld-inner-table td select:focus,.ld-inner-table td textarea:focus{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);outline:none}.ld-inner-table td textarea{min-height:36px;resize:vertical}.ld-subtotal-row td{background:#f9fafb;background:var(--c-f9fafb,#f9fafb);border-top:1px solid #e5e7eb;border-top:1px solid var(--c-e5e7eb,#e5e7eb);font-size:12px}.ld-total-row td{background:#ecfdf5;background:var(--c-ecfdf5,#ecfdf5);border-top:2px solid #86efac;border-top:2px solid var(--c-86efac,#86efac);font-size:12px;font-weight:700}.ld-del-row{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);border:none;border-radius:4px;color:#991b1b;color:var(--ct-991b1b,#991b1b);cursor:pointer;font-size:12px;padding:4px 8px}.ld-del-row:hover{background:#fecaca;background:var(--c-fecaca,#fecaca)}.ld-bom-tbl th:first-child{min-width:150px}.ld-bom-tbl th:nth-child(2){min-width:120px}.ld-bom-drop{background:#fff;background:var(--c-white,#fff);border:2px solid #2563eb;border:2px solid var(--c-2563eb,#2563eb);border-radius:6px;box-shadow:0 6px 20px #0000001f;left:0;margin-top:2px;max-height:240px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:500}.ld-bom-drop-item{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--c-f3f4f6,#f3f4f6);cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:8px 10px;transition:background .12s}.ld-bom-drop-item:hover{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-left:3px solid #2563eb;border-left:3px solid var(--c-2563eb,#2563eb);padding-left:7px}.ld-bom-drop-item strong{color:#111827;color:var(--ct-111827,#111827);font-size:12px}.leads-enquiries-form-group textarea[style*=fca5a5]{background:#fff5f5;background:var(--c-fff5f5,#fff5f5)}@media (max-width:640px){.ld-hero{flex-direction:column;gap:10px}.ld-hero-actions{width:100%}.ld-form-grid,.ld-info-grid{grid-template-columns:1fr}.ld-full{grid-column:auto}.ld-detail-topbar,.ld-proposal-card{align-items:flex-start;flex-direction:column}}.ld-overview-proposals{border:1px solid #e5e7eb;border:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:8px;padding:14px 16px}.ld-overview-proposals-empty{background:#fafafa;background:var(--c-fafafa,#fafafa);color:#6b7280;color:var(--ct-6b7280,#6b7280);padding:12px 14px}.ld-ovp-icon{font-size:22px}.ld-ovp-text{gap:2px}.ld-ovp-label{color:#374151;color:var(--ct-374151,#374151)}.ld-ovp-sub{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af)}.ld-ovp-header,.ld-ovp-stats{margin-bottom:12px}.ld-ovp-stats{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--c-f3f4f6,#f3f4f6);border-top:1px solid #f3f4f6;border-top:1px solid var(--c-f3f4f6,#f3f4f6);gap:24px;padding:12px 0}.ld-ovp-stat{gap:3px;min-width:60px}.ld-ovp-stat-val{color:#111827;color:var(--ct-111827,#111827);line-height:1}.ld-ovp-stat-money .ld-ovp-stat-val{font-size:16px}.ld-ovp-stat-label{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);letter-spacing:.03em}.ld-ovp-latest{gap:8px}.ld-ovp-latest-label{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);flex-shrink:0;font-size:10px;letter-spacing:.03em;text-transform:uppercase}.ld-ovp-latest-title{color:#374151;color:var(--ct-374151,#374151);flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:480px){.ld-ovp-stats{gap:16px}.ld-ovp-stat-val{font-size:15px}}.leads-enquiries-clickable-row:hover td{background:#f0f4ff!important;background:var(--c-f0f4ff,#f0f4ff)!important;transition:background .12s ease}.leads-enquiries-card-clickable{display:flex;flex:1 1;flex-direction:column}.leads-enquiries-card-clickable:hover .leads-enquiries-card-title{color:#2563eb;color:var(--ct-2563eb,#2563eb);transition:color .12s ease}.leads-enquiries-card:has(.leads-enquiries-card-clickable:hover){border-color:#bfdbfe;border-color:var(--c-bfdbfe,#bfdbfe);box-shadow:0 4px 16px #2563eb1f;transition:box-shadow .15s ease,border-color .15s ease}.leads-enquiries-pagination-btn:first-child,.leads-enquiries-pagination-btn:last-child{font-size:14px;min-width:32px;padding:0}.ld-field-row--block{align-items:flex-start;flex-direction:column;gap:4px}.ld-field-row--block .ld-field-val{text-align:left}.ld-field-val--note{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:7px;box-sizing:border-box;font-size:13px;line-height:1.55;padding:8px 10px;white-space:pre-wrap;width:100%}.leads-enquiries-table.cols-8 td:first-child,.leads-enquiries-table.cols-8 td:nth-child(2),.leads-enquiries-table.cols-8 th:first-child,.leads-enquiries-table.cols-8 th:nth-child(2){width:14%}.leads-enquiries-table.cols-8 td:nth-child(3),.leads-enquiries-table.cols-8 th:nth-child(3){width:10%}.leads-enquiries-table.cols-8 td:nth-child(4),.leads-enquiries-table.cols-8 td:nth-child(5),.leads-enquiries-table.cols-8 th:nth-child(4),.leads-enquiries-table.cols-8 th:nth-child(5){width:8%}.leads-enquiries-table.cols-8 td:nth-child(6),.leads-enquiries-table.cols-8 td:nth-child(7),.leads-enquiries-table.cols-8 th:nth-child(6),.leads-enquiries-table.cols-8 th:nth-child(7){width:9%}.leads-enquiries-table.cols-8 td:nth-child(8),.leads-enquiries-table.cols-8 th:nth-child(8){text-align:center;width:10%}.leads-enquiries-table td:last-child,.leads-enquiries-table th:last-child{min-width:180px;text-align:center;width:auto}.le-subsidy-toggle{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.le-subsidy-btn{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:9px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 16px;text-align:center;transition:all .15s}.le-subsidy-btn:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-color:#94a3b8;border-color:var(--c-94a3b8,#94a3b8)}.le-subsidy-btn--yes{background:#ecfdf5;background:var(--c-ecfdf5,#ecfdf5);border-color:#059669;border-color:var(--c-059669,#059669);color:#065f46;color:var(--ct-065f46,#065f46)}.le-subsidy-btn--no{background:#fef2f2;background:var(--c-fef2f2,#fef2f2);border-color:#dc2626;border-color:var(--c-dc2626,#dc2626);color:#991b1b;color:var(--ct-991b1b,#991b1b)}.le-subsidy-hint{color:#64748b;color:var(--ct-64748b,#64748b);display:block;font-size:12px;font-style:italic;margin-top:6px}.ld-pact-offline-view{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#bfdbfe;border-color:var(--c-bfdbfe,#bfdbfe);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.ld-pact-offline-view:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe)}.ld-pact-offline-dl{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);border-color:#bbf7d0;border-color:var(--c-bbf7d0,#bbf7d0);color:#16a34a;color:var(--ct-16a34a,#16a34a)}.ld-pact-offline-dl:hover{background:#dcfce7;background:var(--c-dcfce7,#dcfce7)}.ld-pact-upload{align-items:center;background:#faf5ff;background:var(--c-faf5ff,#faf5ff);border:1px solid;border-radius:6px;color:#7c3aed;color:var(--ct-7c3aed,#7c3aed);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:5px 10px;transition:background .15s}.ld-pact-upload:hover{background:#ede9fe;background:var(--c-ede9fe,#ede9fe)}.ld-offline-badge{align-items:center;background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border:1px solid #bfdbfe;border:1px solid var(--c-bfdbfe,#bfdbfe);border-radius:4px;color:#2563eb;color:var(--ct-2563eb,#2563eb);display:inline-flex;font-size:10px;font-weight:600;gap:3px;padding:1px 6px}.ld-pdf-modal-overlay{align-items:center;background:#000000b8;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.ld-pdf-modal{background:#fff;background:var(--c-fff,#fff);border-radius:14px;box-shadow:0 24px 60px #00000059;display:flex;flex-direction:column;height:min(88vh,860px);overflow:hidden;width:min(1100px,96vw)}.ld-pdf-modal-header{align-items:center;background:#1e3a5f;background:var(--c-1e3a5f,#1e3a5f);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 18px}.ld-pdf-modal-title{align-items:center;color:#f1f5f9;color:var(--ct-f1f5f9,#f1f5f9);display:flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-pdf-modal-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.ld-pdf-modal-body{background:#e5e7eb;background:var(--c-e5e7eb,#e5e7eb);flex:1 1;overflow:hidden}.ld-pdf-modal-body iframe{display:block}.ld-history-card--direct{background:#fffdf5;background:var(--c-fffdf5,#fffdf5);border-left:3px solid #d97706;border-left:3px solid var(--c-d97706,#d97706)}.ld-history-outcome{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);border-left:3px solid #10b981;border-left:3px solid var(--c-10b981,#10b981);border-radius:0 6px 6px 0;display:flex;flex-direction:column;font-size:12px;gap:4px;line-height:1.6;margin-top:8px;padding:8px 12px}.ld-history-outcome--direct{background:#fffbeb;background:var(--c-fffbeb,#fffbeb);border-left-color:#d97706;border-left-color:var(--c-d97706,#d97706)}.ld-history-outcome-label{color:#059669;color:var(--ct-059669,#059669);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ld-history-outcome--direct .ld-history-outcome-label{color:#d97706;color:var(--ct-d97706,#d97706)}.ld-history-outcome-text{color:#374151;color:var(--ct-374151,#374151);white-space:pre-wrap}.leads-enquiries-card-owner{align-items:center;color:#1b3a6b;color:var(--ct-1b3a6b,#1b3a6b);display:flex;font-size:11px;font-weight:500;gap:4px;margin-top:2px}.leads-enquiries-card-owner .leads-enquiries-card-icon{color:#2563eb;color:var(--ct-2563eb,#2563eb)}.leads-enquiries-card-owner strong{color:#111827;color:var(--ct-111827,#111827)}.lo-wrap{position:relative;width:100%}.lo-trigger{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1.5px solid #d1d5db;border:1.5px solid var(--c-d1d5db,#d1d5db);border-radius:7px;color:#6b7280;color:var(--ct-6b7280,#6b7280);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;gap:8px;padding:8px 11px;text-align:left;transition:border-color .18s,box-shadow .18s;width:100%}.lo-trigger:hover{border-color:#9ca3af;border-color:var(--c-9ca3af,#9ca3af)}.lo-trigger--open{box-shadow:0 0 0 2px #2563eb1a}.lo-trigger--open,.lo-trigger--selected{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb)}.lo-trigger--selected{color:#111827;color:var(--ct-111827,#111827)}.lo-trigger-icon{flex-shrink:0;font-size:14px}.lo-trigger-label{align-items:center;display:flex;flex:1 1;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lo-selected-dot{background:#2563eb;background:var(--c-2563eb,#2563eb);border-radius:50%;flex-shrink:0;height:7px;width:7px}.lo-clear{border-radius:4px;color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);cursor:pointer;flex-shrink:0;font-size:12px;padding:1px 4px;transition:color .15s,background .15s}.lo-clear:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#ef4444;color:var(--ct-ef4444,#ef4444)}.lo-chevron{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);flex-shrink:0;height:14px;transition:transform .2s;width:14px}.lo-chevron--up{transform:rotate(180deg)}.lo-dropdown{animation:lo-reveal .15s ease-out;background:#fff;background:var(--c-fff,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--c-e5e7eb,#e5e7eb);border-radius:10px;box-shadow:0 8px 30px #0000001f;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:600}@keyframes lo-reveal{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}.lo-search-wrap{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--c-f3f4f6,#f3f4f6);padding:10px 12px 8px;position:relative}.lo-search-icon{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);height:14px;left:22px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:14px}.lo-search{border:1.5px solid #e5e7eb;border:1.5px solid var(--c-e5e7eb,#e5e7eb);border-radius:6px;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:12px;outline:none;padding:7px 30px 7px 32px;transition:border-color .15s;width:100%}.lo-search:focus{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb)}.lo-search-clear{background:none;border:none;color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);cursor:pointer;font-size:12px;padding:2px 4px;position:absolute;right:22px;top:50%;transform:translateY(-50%)}.lo-search-clear:hover{color:#374151;color:var(--ct-374151,#374151)}.lo-list{max-height:220px;overflow-y:auto;scrollbar-color:#cbd5e1 #f8fafc;scrollbar-color:var(--c-cbd5e1,#cbd5e1) var(--c-f8fafc,#f8fafc);scrollbar-width:thin}.lo-list::-webkit-scrollbar{width:4px}.lo-list::-webkit-scrollbar-track{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.lo-list::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:4px}.lo-no-results{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-size:12px;padding:16px 14px;text-align:center}.lo-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:10px;padding:9px 14px;text-align:left;transition:background .12s;width:100%}.lo-item:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.lo-item--active{background:#eff6ff;background:var(--c-eff6ff,#eff6ff)}.lo-item--other{border-top:1px solid #f3f4f6;border-top:1px solid var(--c-f3f4f6,#f3f4f6)}.lo-avatar{align-items:center;background:#1b3a6b;background:var(--c-1b3a6b,#1b3a6b);border-radius:50%;color:#fff;color:var(--ct-fff,#fff);display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.lo-avatar--other{background:#6b7280;background:var(--c-6b7280,#6b7280);font-size:16px}.lo-item-info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.lo-item-name{color:#111827;color:var(--ct-111827,#111827);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lo-item-role{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-size:10px;letter-spacing:.03em;text-transform:uppercase}.lo-check{color:#2563eb;color:var(--ct-2563eb,#2563eb);flex-shrink:0;font-size:14px;font-weight:700}.lo-other-input{background:#fffbeb;background:var(--c-fffbeb,#fffbeb);border:1.5px solid #d97706;border:1.5px solid var(--c-d97706,#d97706);border-radius:7px;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:13px;margin-top:8px;outline:none;padding:8px 11px;transition:border-color .15s;width:100%}.lo-other-input:focus{border-color:#b45309;border-color:var(--c-b45309,#b45309);box-shadow:0 0 0 2px #d977061f}.lo-other-input::placeholder{color:#d97706;color:var(--ct-d97706,#d97706);opacity:.7}.leads-owner-cell{align-items:center;display:flex;gap:8px}.leads-owner-avatar{align-items:center;background:#dbeafe;background:var(--c-dbeafe,#dbeafe);border:1.5px solid #bfdbfe;border:1.5px solid var(--c-bfdbfe,#bfdbfe);border-radius:50%;display:flex;flex-shrink:0;height:28px;justify-content:center;overflow:hidden;width:28px}.leads-owner-avatar-img{display:block;height:100%;object-fit:cover;width:100%}.leads-owner-avatar-initials{color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8);font-size:11px;font-weight:700}.leads-owner-name{color:#1b3a6b;color:var(--ct-1b3a6b,#1b3a6b);font-size:13px;font-weight:500}.leads-enquiries-action-labeled-btn{align-items:center;border:1.5px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;gap:4px;padding:4px 10px;transition:all .15s;white-space:nowrap}.leads-enquiries-action-labeled-btn.leads-enquiries-action-view{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#bfdbfe;border-color:var(--c-bfdbfe,#bfdbfe);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.leads-enquiries-action-labeled-btn.leads-enquiries-action-view:hover{background:#2563eb;background:var(--c-2563eb,#2563eb);color:#fff;color:var(--ct-white,#fff)}.leads-enquiries-action-labeled-btn.leads-enquiries-action-edit{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);border-color:#bbf7d0;border-color:var(--c-bbf7d0,#bbf7d0);color:#16a34a;color:var(--ct-16a34a,#16a34a)}.leads-enquiries-action-labeled-btn.leads-enquiries-action-edit:hover{background:#16a34a;background:var(--c-16a34a,#16a34a);color:#fff;color:var(--ct-white,#fff)}.leads-enquiries-modal--wide{max-width:860px!important;width:92vw!important}@media (max-width:900px){.leads-enquiries-modal--wide{max-width:98vw!important;width:98vw!important}}.leads-enquiries-modal--fixed-layout{display:flex;flex-direction:column;max-height:92vh;overflow:hidden}.leads-enquiries-modal-header--fixed{background:#fff;background:var(--c-fff,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--c-e5e7eb,#e5e7eb);flex-shrink:0;padding:18px 24px 14px}.leads-enquiries-modal-scrollable-body{flex:1 1;min-height:0;overflow-y:auto;padding:0}.leads-enquiries-modal-footer{background:#fff;background:var(--c-fff,#fff);border-top:1px solid #e5e7eb;border-top:1px solid var(--c-e5e7eb,#e5e7eb);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:14px 24px}.leads-date-filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.leads-enquiries-form-section .leads-enquiries-form-grid{grid-gap:12px 16px;display:grid;gap:12px 16px;grid-template-columns:1fr 1fr}@media (max-width:600px){.leads-enquiries-form-section .leads-enquiries-form-grid{grid-template-columns:1fr}.leads-date-filter-group{align-items:flex-start;flex-direction:column}}.le-bill-upload-label{transition:all .18s}.le-bill-upload-label:hover{background:#eff6ff!important;background:var(--c-eff6ff,#eff6ff)!important;border-color:#2563eb!important;border-color:var(--c-2563eb,#2563eb)!important}.ld-bill-view-btn{align-items:center;background:none;border:1.5px solid #dbeafe;border:1.5px solid var(--c-dbeafe,#dbeafe);border-radius:6px;color:#2563eb;color:var(--ct-2563eb,#2563eb);cursor:pointer;display:inline-flex;font-size:13px;gap:5px;padding:3px 10px;transition:background .15s,border-color .15s}.ld-bill-view-btn:hover{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#2563eb;border-color:var(--c-2563eb,#2563eb)}.bill-preview-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.bill-preview-modal{animation:billModalIn .18s ease;background:#fff;background:var(--c-fff,#fff);border-radius:14px;box-shadow:0 24px 60px #00000038;display:flex;flex-direction:column;height:min(88vh,820px);overflow:hidden;width:min(900px,96vw)}@keyframes billModalIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.bill-preview-header{align-items:center;background:#f9fafb;background:var(--c-f9fafb,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:14px 14px 0 0;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:14px 20px}.bill-preview-title{align-items:center;color:#1e293b;color:var(--ct-1e293b,#1e293b);display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bill-preview-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.bill-preview-btn{align-items:center;border:none;border-radius:7px;cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:500;gap:5px;padding:6px 13px;text-decoration:none;transition:background .15s}.bill-preview-btn--newtab{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border:1.5px solid #bfdbfe;border:1.5px solid var(--c-bfdbfe,#bfdbfe);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.bill-preview-btn--newtab:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe)}.bill-preview-btn--download{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);border:1.5px solid #bbf7d0;border:1.5px solid var(--c-bbf7d0,#bbf7d0);color:#059669;color:var(--ct-059669,#059669)}.bill-preview-btn--download:hover{background:#dcfce7;background:var(--c-dcfce7,#dcfce7)}.bill-preview-btn--close{background:#f3f4f6;background:var(--c-f3f4f6,#f3f4f6);border:1.5px solid #e5e7eb;border:1.5px solid var(--c-e5e7eb,#e5e7eb);color:#374151;color:var(--ct-374151,#374151)}.bill-preview-btn--close:hover{background:#e5e7eb;background:var(--c-e5e7eb,#e5e7eb)}.bill-preview-body{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);flex:1 1;overflow:hidden}.bill-spinner{animation:billSpin .7s linear infinite;border:3px solid #e5e7eb;border-top-color:#2563eb;border:3px solid var(--c-e5e7eb,#e5e7eb);border-radius:50%;border-top-color:var(--c-2563eb,#2563eb);flex-shrink:0;height:28px;width:28px}@keyframes billSpin{to{transform:rotate(1turn)}}.ld-cal-trigger{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);font-family:inherit;font-size:13px;min-width:210px;transition:border-color .15s,box-shadow .15s}.ld-cal-dropdown{animation:ldCalDrop .14s ease-out;border-radius:12px;box-shadow:0 12px 32px #0f172a26;overflow:hidden}@keyframes ldCalDrop{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.ld-cal-head{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);padding:9px 11px}.ld-cal-month-btn{align-items:center;border-radius:20px;color:#0f172a;color:var(--ct-0f172a,#0f172a);display:flex;gap:4px;padding:4px 8px}.ld-cal-nav{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);padding:3px 6px}.ld-yr-grid{grid-gap:3px;gap:3px;padding:8px 8px 6px}.ld-yr-cell{color:#475569;color:var(--ct-475569,#475569);font-weight:500;padding:6px 2px;transition:background .13s,color .13s;-webkit-user-select:none;user-select:none}.ld-yr-cell:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.ld-yr-sel{background:#1d4ed8!important;background:var(--c-1d4ed8,#1d4ed8)!important;box-shadow:0 2px 6px #1d4ed859;color:#fff!important;color:var(--ct-fff,#fff)!important}.ld-cal-grid{grid-gap:2px;gap:2px;padding:9px 7px 5px}.ld-cal-dl{letter-spacing:.3px;padding:2px 0 4px;text-transform:uppercase}.ld-cal-cell{align-items:center;aspect-ratio:1;border-radius:5px;color:#475569;color:var(--ct-475569,#475569);display:flex;font-size:11px;justify-content:center;-webkit-user-select:none;user-select:none}.ld-cal-footer{background:#fff;background:var(--c-fff,#fff);border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);padding:10px 12px}.ld-cal-apply:disabled{background:#93c5fd;background:var(--c-93c5fd,#93c5fd);cursor:not-allowed}.ld-sno-th{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-weight:600;-webkit-user-select:none;user-select:none;white-space:nowrap}.ld-sno-td,.ld-sno-th{font-size:12px;min-width:52px;padding:10px 8px;text-align:center;width:52px}.ld-sno-td{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-weight:500}.leads-enquiries-form-group .filter-trigger{border-color:#d1d5db;border-color:var(--c-d1d5db,#d1d5db);font-family:Poppins,sans-serif;font-size:13px;height:38px;width:100%}.leads-enquiries-form-group .filter-trigger--open{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 0 0 3px #2563eb1a}.leads-enquiries-form-group .filter-dropdown-list{font-size:13px;min-width:0;min-width:auto;width:100%}.leads-enquiries-filters .filter-trigger{border-color:#e2e8f0;border-color:var(--c-e2e8f0,#e2e8f0);border-radius:8px;font-size:12px;height:32px;max-width:150px;min-width:110px;padding:0 28px 0 10px}.leads-enquiries-filters .filter-trigger__text{font-size:12px}.leads-enquiries-filters .filter-trigger:hover:not(.filter-trigger--disabled){border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.leads-enquiries-filters .filter-trigger--open{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 0 0 2px #2563eb1a}.leads-enquiries-filters .filter-dropdown-list{font-size:12px;min-width:150px}.ld-fgroup .filter-trigger{border:1px solid #d1d5db;border:1px solid var(--c-d1d5db,#d1d5db);border-radius:5px;box-shadow:none;font-family:Poppins,sans-serif;font-size:12px;height:34px;width:100%}.ld-fgroup .filter-trigger:hover:not(.filter-trigger--disabled){box-shadow:none}.ld-fgroup .filter-trigger--open{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 0 0 2px #2563eb14}.ld-bom-tbl td .filter-trigger{border:1px solid #d1d5db;border:1px solid var(--c-d1d5db,#d1d5db);border-radius:5px;box-shadow:none;font-family:Poppins,sans-serif;font-size:12px;height:30px;min-width:80px;padding:0 26px 0 8px;width:100%}.ld-bom-tbl td .filter-trigger:hover:not(.filter-trigger--disabled){border-color:#9ca3af;border-color:var(--c-9ca3af,#9ca3af);box-shadow:none}.ld-bom-tbl td .filter-trigger--open{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 0 0 2px #2563eb14}.leads-enquiries-pagination-info .filter-trigger{font-family:Poppins,sans-serif}[data-theme=dark] .leads-enquiries-table tbody tr:hover{background-color:#232c3e;background-color:var(--c-232c3e,#232c3e)}[data-theme=dark] .leads-enquiries-clickable-row:hover td{background:#232c3e!important;background:var(--c-232c3e,#232c3e)!important}[data-theme=dark] .leads-enquiries-search-input{background-color:#161b27;border-color:#2b3445;color:#e7ecf3}[data-theme=dark] .leads-enquiries-search-input::placeholder{color:#8893a7}[data-theme=dark] .leads-enquiries-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f62e}[data-theme=dark] .col-visibility-btn,[data-theme=dark] .col-visibility-header span{color:#cdd6e3}.group-project-filter{align-items:flex-end;display:flex;gap:8px;margin-left:auto}.filter-group{display:flex;flex-direction:column;gap:3px;min-width:0;position:relative}.filter-label{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-size:10px;font-weight:700;letter-spacing:.7px;padding-left:2px;text-transform:uppercase;white-space:nowrap}.filter-trigger{align-items:center;background-color:#fff;background-color:var(--c-ffffff,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;box-shadow:0 1px 2px #0000000a;box-sizing:border-box;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;display:flex;font-size:13px;font-weight:500;height:38px;outline:none;overflow:hidden;padding:0 30px 0 12px;position:relative;text-overflow:ellipsis;transition:border-color .15s,box-shadow .15s;-webkit-user-select:none;user-select:none;white-space:nowrap;width:220px}.filter-trigger:hover:not(.filter-trigger--disabled){box-shadow:0 1px 4px #2563eb1a}.filter-trigger--open{box-shadow:0 0 0 3px #2563eb1f}.filter-trigger--has-value{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-weight:600}.filter-trigger--disabled{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-color:#e2e8f0;border-color:var(--c-e2e8f0,#e2e8f0);box-shadow:none;color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1);cursor:not-allowed}.filter-trigger__chevron{align-items:center;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:flex;flex-shrink:0;pointer-events:none;position:absolute;right:9px;top:50%;transform:translateY(-50%);transition:transform .2s,color .15s}.filter-trigger--open .filter-trigger__chevron{color:#2563eb;color:var(--ct-2563eb,#2563eb);transform:translateY(-50%) rotate(180deg)}.filter-trigger--has-value .filter-trigger__chevron{color:#2563eb;color:var(--ct-2563eb,#2563eb)}.filter-trigger__text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-trigger__text--placeholder{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-style:italic;font-weight:400}.filter-group--project .filter-loading-bar--project,.filter-group--project .filter-trigger{width:320px}.filter-dropdown-list{animation:dropdown-in .12s ease;background:#fff;background:var(--c-ffffff,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:10px;box-shadow:0 8px 24px #0000001a,0 2px 6px #0000000f;left:0;list-style:none;margin:0;max-height:300px;min-width:220px;overflow-y:auto;padding:4px 0;position:absolute;top:calc(100% + 4px);width:100%;z-index:9999}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.filter-dropdown-list::-webkit-scrollbar{width:5px}.filter-dropdown-list::-webkit-scrollbar-track{background:#0000}.filter-dropdown-list::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);border-radius:4px}.filter-dropdown-search-wrapper{background:#fff;background:var(--c-ffffff,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);box-shadow:0 2px 6px #fff,0 3px 0 #e2e8f0;box-shadow:0 2px 6px #fff,0 3px 0 var(--c-e2e8f0,#e2e8f0);cursor:default;list-style:none;padding:6px 8px 5px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.filter-dropdown-search-inner{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;display:flex;gap:6px;padding:5px 8px;transition:border-color .15s,box-shadow .15s}.filter-dropdown-search-inner:focus-within{background:#fff;background:var(--c-ffffff,#fff);border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 0 0 2px #2563eb1a}.filter-dropdown-search-icon{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);flex-shrink:0;height:13px;width:13px}.filter-dropdown-search-input{background:#0000;border:none;color:#1e293b;color:var(--ct-1e293b,#1e293b);flex:1 1;font-size:12.5px;font-weight:400;line-height:1;min-width:0;outline:none}.filter-dropdown-search-input::placeholder{color:#b0bec5;color:var(--ct-b0bec5,#b0bec5);font-style:italic}.filter-dropdown-search-clear{align-items:center;background:none;border:none;border-radius:3px;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:2px;transition:color .12s,background .12s}.filter-dropdown-search-clear:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#ef4444;color:var(--ct-ef4444,#ef4444)}.filter-dropdown-item{var(--c-white, white)-space:nowrap;align-items:center;color:#1e293b;color:var(--ct-1e293b,#1e293b);cursor:pointer;display:flex;font-size:13px;font-weight:400;gap:8px;line-height:1.4;overflow:hidden;padding:8px 14px;text-overflow:ellipsis;transition:background-color .1s}.filter-dropdown-item:hover{color:#0b63d6;color:var(--ct-0b63d6,#0b63d6)}.filter-dropdown-item--selected,.filter-dropdown-item:hover{background-color:#eff6ff;background-color:var(--c-eff6ff,#eff6ff)}.filter-dropdown-item--selected{border-left:3px solid #2563eb;border-left:3px solid var(--c-2563eb,#2563eb);color:#2563eb;color:var(--ct-2563eb,#2563eb);font-weight:600}.filter-dropdown-item--selected:hover{background-color:#dbeafe;background-color:var(--c-dbeafe,#dbeafe)}.filter-dropdown-item--placeholder{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-style:italic;margin-bottom:2px}.filter-dropdown-item--placeholder:hover{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);color:#64748b;color:var(--ct-64748b,#64748b)}.filter-dropdown-item--placeholder-active{color:#3b82f6;color:var(--ct-3b82f6,#3b82f6);font-style:normal;font-weight:500}.filter-error{color:#ef4444;color:var(--ct-ef4444,#ef4444);font-size:10px;margin-top:2px;padding-left:2px}.filter-loading-bar{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);border-radius:2px;height:2px;margin-top:2px;overflow:hidden;position:relative;width:220px}.filter-loading-bar--project{width:320px}.filter-loading-bar:after{animation:filter-shimmer 1s ease-in-out infinite;background:linear-gradient(90deg,#0000,#2563eb,#0000);background:linear-gradient(90deg,#0000,var(--c-2563eb,#2563eb),#0000);content:"";height:100%;left:-60%;position:absolute;width:60%}@keyframes filter-shimmer{0%{left:-60%}to{left:160%}}@media (max-width:768px){.page-header-with-filter{align-items:flex-start;flex-direction:column}.group-project-filter{align-items:stretch;flex-direction:column;gap:8px;margin-left:0;width:100%}.filter-group,.filter-group--project .filter-loading-bar--project,.filter-group--project .filter-trigger{width:100%}.filter-dropdown-list,.filter-loading-bar,.filter-trigger{max-width:100%;min-width:0;min-width:auto;width:100%}}.toast-container{gap:10px;max-width:400px;z-index:9999}.toast-notification{background:#fff;background:var(--c-white,#fff);border-left:4px solid;min-width:320px;pointer-events:all}.toast-notification.removing{animation:slideOutRight .3s ease-out forwards}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast-icon-container{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.toast-icon{height:20px;width:20px}.toast-content{min-width:0}.toast-title{line-height:1.4}.toast-message{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:14px;line-height:1.5}.toast-close{transition:color .2s}.toast-close svg{height:100%;width:100%}.toast-success{border-left-color:#10b981;border-left-color:var(--c-10b981,#10b981)}.toast-success .toast-icon-container{color:#10b981;color:var(--ct-10b981,#10b981)}.toast-success .toast-title{color:#065f46;color:var(--ct-065f46,#065f46)}.toast-error{border-left-color:#ef4444;border-left-color:var(--c-ef4444,#ef4444)}.toast-error .toast-icon-container{color:#ef4444;color:var(--ct-ef4444,#ef4444)}.toast-error .toast-title{color:#991b1b;color:var(--ct-991b1b,#991b1b)}.toast-warning{background-color:#fffbeb;background-color:var(--c-fffbeb,#fffbeb);border-left-color:#f59e0b;border-left-color:var(--c-f59e0b,#f59e0b)}.toast-warning .toast-icon-container{color:#d97706;color:var(--ct-d97706,#d97706)}.toast-warning .toast-title{color:#92400e;color:var(--ct-92400e,#92400e)}.toast-warning .toast-message{color:#78350f;color:var(--ct-78350f,#78350f)}.toast-info{border-left-color:#3b82f6;border-left-color:var(--c-3b82f6,#3b82f6)}.toast-info .toast-icon-container{color:#3b82f6;color:var(--ct-3b82f6,#3b82f6)}.toast-info .toast-title{color:#1e40af;color:var(--ct-1e40af,#1e40af)}@media (max-width:640px){.toast-container{left:10px;max-width:none;right:10px;top:10px}.toast-notification{max-width:none;min-width:auto}}.crm-preloader-overlay{align-items:center;background:#ffffffbf;display:flex;inset:0;justify-content:center;position:fixed;will-change:opacity;z-index:9999}.crm-preloader-box{align-items:center;display:flex;flex-direction:column;gap:14px}.crm-spinner{animation:crm-spin .75s linear infinite;border:3px solid #e2e8f0;border-top-color:#0b63d6;border:3px solid var(--c-e2e8f0,#e2e8f0);border-radius:50%;border-top-color:var(--c-0b63d6,#0b63d6);height:38px;width:38px}.crm-loading-text{color:#475569;color:var(--ct-475569,#475569);font-size:13px;font-weight:500;letter-spacing:.2px}@keyframes crm-spin{to{transform:rotate(1turn)}}.crm-preloader-inline{align-items:center;display:flex;gap:7px}.crm-preloader-inline .crm-spinner{border-color:#e2e8f0;border-color:var(--c-e2e8f0,#e2e8f0);border-top-color:#0b63d6;border-top-color:var(--c-0b63d6,#0b63d6);border-width:2px;height:14px;width:14px}.crm-preloader-inline .crm-loading-text{color:#0b63d6;color:var(--ct-0b63d6,#0b63d6);font-size:11px;font-weight:500}[data-theme=dark] .crm-preloader-overlay{background:#0f1420c7}.timeline-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.timeline-modal{animation:slideUp .3s ease-out;background:#fff;background:var(--c-white,#fff);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.timeline-modal-header{align-items:flex-start;border-bottom:1px solid #eef2f7;border-bottom:1px solid var(--c-eef2f7,#eef2f7);display:flex;justify-content:space-between;padding:24px}.timeline-modal-header h2{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:20px;font-weight:600;margin:0 0 4px}.timeline-lead-name{font-size:14px;margin:0}.timeline-lead-name,.timeline-modal-close{color:#64748b;color:var(--ct-64748b,#64748b)}.timeline-modal-close{background:#0000;border:none;border-radius:8px;cursor:pointer;flex-shrink:0;padding:8px;transition:all .2s ease}.timeline-modal-close:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);color:#0f172a;color:var(--ct-0f172a,#0f172a)}.timeline-modal-close svg{height:20px;width:20px}.timeline-lead-summary{grid-gap:16px;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #eef2f7;border-bottom:1px solid var(--c-eef2f7,#eef2f7);display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:20px 24px}.timeline-summary-item{display:flex;flex-direction:column;gap:6px}.timeline-summary-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.timeline-summary-value{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:14px;font-weight:600}.timeline-priority-badge,.timeline-status-badge{border-radius:999px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.timeline-status-badge.status-new{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.timeline-status-badge.status-contacted{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);color:#92400e;color:var(--ct-92400e,#92400e)}.timeline-status-badge.status-in-discussion{background:#e0e7ff;background:var(--c-e0e7ff,#e0e7ff);color:#3730a3;color:var(--ct-3730a3,#3730a3)}.timeline-status-badge.status-proposal-sent{background:#e9d5ff;background:var(--c-e9d5ff,#e9d5ff);color:#6b21a8;color:var(--ct-6b21a8,#6b21a8)}.timeline-status-badge.status-closed-won{background:#d1fae5;background:var(--c-d1fae5,#d1fae5);color:#065f46;color:var(--ct-065f46,#065f46)}.timeline-priority-badge.priority-high,.timeline-status-badge.status-closed-lost{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#991b1b;color:var(--ct-991b1b,#991b1b)}.timeline-priority-badge.priority-medium{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);color:#92400e;color:var(--ct-92400e,#92400e)}.timeline-priority-badge.priority-low{background:#d1fae5;background:var(--c-d1fae5,#d1fae5);color:#065f46;color:var(--ct-065f46,#065f46)}.timeline-tabs{background:#fff;background:var(--c-white,#fff);border-bottom:2px solid #eef2f7;border-bottom:2px solid var(--c-eef2f7,#eef2f7);display:flex;padding:0 24px}.timeline-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:-2px;padding:14px 20px;transition:all .2s ease}.timeline-tab svg{height:18px;width:18px}.timeline-tab:hover{color:#0f172a;color:var(--ct-0f172a,#0f172a)}.timeline-tab.active{border-bottom-color:#3b82f6;border-bottom-color:var(--c-3b82f6,#3b82f6);color:#3b82f6;color:var(--ct-3b82f6,#3b82f6)}.timeline-content{flex:1 1;overflow-y:auto;padding:24px}.timeline-list{display:flex;flex-direction:column;gap:16px}.timeline-item{background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.timeline-item:hover{border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1);box-shadow:0 4px 6px -1px #0000001a}.timeline-item-icon{align-items:center;background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:10px;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;width:40px}.timeline-item-content{flex:1 1;min-width:0}.timeline-item-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.timeline-item-header h4{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:15px;font-weight:600;margin:0}.timeline-item-time{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:12px;white-space:nowrap}.timeline-item-change{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-radius:6px;display:flex;flex-wrap:wrap;font-size:13px;gap:8px;margin-bottom:8px;padding:8px 12px}.timeline-change-label{color:#475569;color:var(--ct-475569,#475569);font-weight:600}.timeline-change-old{color:#ef4444;color:var(--ct-ef4444,#ef4444);text-decoration:line-through}.timeline-change-arrow{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8)}.timeline-change-new{color:#10b981;color:var(--ct-10b981,#10b981);font-weight:600}.timeline-item-footer{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px}.timeline-item-user{font-style:italic}.followups-list{display:flex;flex-direction:column;gap:16px}.followup-card{background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:12px;overflow:hidden;transition:all .2s ease}.followup-card:hover{border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1);box-shadow:0 4px 6px -1px #0000001a}.followup-card-header{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;justify-content:space-between;padding:16px}.followup-type{align-items:center;display:flex;gap:10px}.followup-type-icon{font-size:20px}.followup-type-text{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:15px;font-weight:600}.followup-badges{display:flex;gap:8px}.followup-status-badge{border-radius:999px;color:#fff;color:var(--ct-white,#fff);font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.followup-priority-badge{background:#fff;background:var(--c-white,#fff);border:2px solid;padding:4px 12px}.followup-card-body{padding:16px}.followup-detail{align-items:center;color:#475569;color:var(--ct-475569,#475569);display:flex;font-size:14px;gap:10px;margin-bottom:10px}.followup-detail svg{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);flex-shrink:0;height:16px;width:16px}.followup-notes,.followup-outcome{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-radius:8px;margin-top:12px;padding:12px}.followup-notes strong,.followup-outcome strong{color:#475569;color:var(--ct-475569,#475569);display:block;font-size:13px;margin-bottom:6px}.followup-notes p,.followup-outcome p{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:14px;line-height:1.6;margin:0}.followup-outcome{background:#ecfdf5;background:var(--c-ecfdf5,#ecfdf5);border-left:3px solid #10b981;border-left:3px solid var(--c-10b981,#10b981)}.followup-card-footer{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);color:#64748b;color:var(--ct-64748b,#64748b);display:flex;font-size:12px;justify-content:space-between;padding:12px 16px}.followup-completed{color:#10b981;color:var(--ct-10b981,#10b981);font-weight:600}.timeline-empty{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);padding:60px 20px;text-align:center}.timeline-empty svg{height:64px;margin:0 auto 16px;opacity:.5;width:64px}.timeline-empty p{font-size:16px;margin:0 0 20px}.timeline-modal-footer{border-top:1px solid #eef2f7;border-top:1px solid var(--c-eef2f7,#eef2f7);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.timeline-btn-primary,.timeline-btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:all .2s ease}.timeline-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--c-3b82f6,#3b82f6) 0,var(--c-2563eb,#2563eb) 100%);color:#fff;color:var(--ct-white,#fff)}.timeline-btn-primary:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.timeline-btn-primary svg{height:16px;width:16px}.timeline-btn-secondary{background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);color:#64748b;color:var(--ct-64748b,#64748b)}.timeline-btn-secondary:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}@media (max-width:768px){.timeline-modal{border-radius:16px 16px 0 0;max-height:95vh;max-width:100%}.timeline-lead-summary{grid-template-columns:1fr}.timeline-tabs{overflow-x:auto}.followup-card-header{gap:12px}.followup-card-footer,.followup-card-header{align-items:flex-start;flex-direction:column}.followup-card-footer{gap:8px}}.add-followup-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.add-followup-modal{animation:slideUp .3s ease-out;background:#fff;background:var(--c-white,#fff);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.add-followup-modal-header{align-items:center;border-bottom:1px solid #eef2f7;border-bottom:1px solid var(--c-eef2f7,#eef2f7);display:flex;justify-content:space-between;padding:24px}.add-followup-modal-header h2{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:20px;font-weight:600;margin:0}.add-followup-modal-close{background:#0000;border:none;border-radius:8px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;padding:8px;transition:all .2s ease}.add-followup-modal-close:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);color:#0f172a;color:var(--ct-0f172a,#0f172a)}.add-followup-modal-close svg{height:20px;width:20px}.add-followup-lead-info{grid-gap:16px;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #eef2f7;border-bottom:1px solid var(--c-eef2f7,#eef2f7);display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:20px 24px}.add-followup-info-item{display:flex;flex-direction:column;gap:4px}.add-followup-info-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.add-followup-info-value{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:14px;font-weight:600}.add-followup-form{padding:24px}.add-followup-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.add-followup-form-group{display:flex;flex-direction:column;gap:8px}.add-followup-form-group label{color:#475569;color:var(--ct-475569,#475569);font-size:14px;font-weight:500}.add-followup-form-group input,.add-followup-form-group select,.add-followup-form-group textarea{background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:14px;padding:10px 14px;transition:all .2s ease}.add-followup-form-group input:focus,.add-followup-form-group select:focus,.add-followup-form-group textarea:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.add-followup-form-group textarea{font-family:inherit;resize:vertical}.add-followup-form-actions{border-top:1px solid #eef2f7;border-top:1px solid var(--c-eef2f7,#eef2f7);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.add-followup-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:all .2s ease}.add-followup-btn:disabled{cursor:not-allowed;opacity:.6}.add-followup-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--c-3b82f6,#3b82f6) 0,var(--c-2563eb,#2563eb) 100%);color:#fff;color:var(--ct-white,#fff)}.add-followup-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.add-followup-btn-secondary{background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);color:#64748b;color:var(--ct-64748b,#64748b)}.add-followup-btn-secondary:hover:not(:disabled){background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}@media (max-width:768px){.add-followup-modal{border-radius:16px 16px 0 0;max-height:95vh;max-width:100%}.add-followup-form-grid,.add-followup-lead-info{grid-template-columns:1fr}}.lep-wrap{position:relative}.lep-buttons{align-items:center;display:flex;gap:8px}.lep-btn{align-items:center;border:1.5px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .18s;white-space:nowrap}.lep-btn--template{background:#fff;background:var(--c-fff,#fff);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1);color:#475569;color:var(--ct-475569,#475569)}.lep-btn--template:hover{color:#6366f1;color:var(--ct-6366f1,#6366f1)}.lep-btn--import,.lep-btn--template:hover{border-color:#6366f1;border-color:var(--c-6366f1,#6366f1)}.lep-btn--import{background:#6366f1;background:var(--c-6366f1,#6366f1);color:#fff;color:var(--ct-fff,#fff)}.lep-btn--import:hover:not(:disabled){background:#4f46e5;background:var(--c-4f46e5,#4f46e5)}.lep-btn--import:disabled{cursor:not-allowed;opacity:.6}.lep-btn--export{background:#fff;background:var(--c-fff,#fff);border-color:#059669;border-color:var(--c-059669,#059669);color:#059669;color:var(--ct-059669,#059669)}.lep-btn--export:hover{background:#ecfdf5;background:var(--c-ecfdf5,#ecfdf5)}.lep-spinner{animation:lepSpin .6s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top:2px solid var(--c-fff,#fff);display:inline-block;height:13px;width:13px}@keyframes lepSpin{to{transform:rotate(1turn)}}.lep-result{animation:lepDrop .2s ease;background:#fff;background:var(--c-fff,#fff);border-radius:12px;border-top:4px solid #e2e8f0;border-top:4px solid var(--c-e2e8f0,#e2e8f0);box-shadow:0 8px 32px #00000024;font-size:13px;max-width:440px;min-width:300px;padding:16px;position:absolute;right:0;top:calc(100% + 8px);z-index:500}.lep-result--ok{border-top-color:#059669;border-top-color:var(--c-059669,#059669)}.lep-result--fail{border-top-color:#dc2626;border-top-color:var(--c-dc2626,#dc2626)}@keyframes lepDrop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lep-result-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.lep-result-close{background:none;border:none;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);cursor:pointer;font-size:14px;line-height:1;padding:0}.lep-result-close:hover{color:#374151;color:var(--ct-374151,#374151)}.lep-result-counts{display:flex;gap:16px;margin-bottom:8px}.lep-count-ok{color:#059669;color:var(--ct-059669,#059669);font-weight:700}.lep-count-skip{color:#d97706;color:var(--ct-d97706,#d97706);font-weight:700}.lep-error-list p{color:#374151;color:var(--ct-374151,#374151);font-weight:600;margin:4px 0 6px}.lep-error-list ul{display:flex;flex-direction:column;gap:3px;margin:0;padding-left:16px}.lep-error-list li{color:#dc2626;color:var(--ct-dc2626,#dc2626);line-height:1.4}.lep-progress-bar{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);border-radius:20px;height:8px;margin-top:8px;overflow:hidden;position:relative}.lep-progress-fill{background:linear-gradient(90deg,#6366f1,#818cf8);background:linear-gradient(90deg,var(--c-6366f1,#6366f1),var(--c-818cf8,#818cf8));border-radius:20px;height:100%;transition:width .2s ease}.lep-progress-bar span{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;position:absolute;right:0;top:10px;white-space:nowrap}.lep-tpl-overlay{align-items:center;animation:lepFadeIn .18s ease;background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes lepFadeIn{0%{opacity:0}to{opacity:1}}.lep-tpl-modal{animation:lepSlideUp .2s ease;background:#fff;background:var(--c-fff,#fff);border-radius:16px;box-shadow:0 20px 60px #00000038;max-width:95vw;padding:24px;width:520px}@keyframes lepSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.lep-tpl-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.lep-tpl-header h3{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:16px;font-weight:700;margin:0}.lep-tpl-close{background:none;border:none;border-radius:6px;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);cursor:pointer;font-size:18px;line-height:1;padding:2px 6px;transition:background .15s,color .15s}.lep-tpl-close:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);color:#374151;color:var(--ct-374151,#374151)}.lep-tpl-subtitle{color:#64748b;color:var(--ct-64748b,#64748b);font-size:13px;margin:0 0 18px}.lep-tpl-list{display:flex;flex-direction:column;gap:12px}.lep-tpl-item{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:12px;display:flex;gap:16px;justify-content:space-between;padding:14px 16px;transition:border-color .15s,background .15s}.lep-tpl-item:hover{background:#eef2ff;background:var(--c-eef2ff,#eef2ff);border-color:#6366f1;border-color:var(--c-6366f1,#6366f1)}.lep-tpl-item-info{flex:1 1;min-width:0}.lep-tpl-item-name{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:14px;font-weight:700;margin-bottom:3px}.lep-tpl-item-desc{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;line-height:1.4}.lep-tpl-autofill-badge{align-items:center;background:#ecfdf5;background:var(--c-ecfdf5,#ecfdf5);border:1px solid #6ee7b7;border:1px solid var(--c-6ee7b7,#6ee7b7);border-radius:6px;color:#059669;color:var(--ct-059669,#059669);display:inline-flex;font-size:11px;font-weight:600;margin-top:6px;padding:3px 8px}.lep-tpl-item-actions{display:flex;flex-direction:column;flex-shrink:0;gap:6px}.lep-tpl-btn{align-items:center;border:1.5px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:7px 14px;transition:all .15s;white-space:nowrap}.lep-tpl-btn--dl{background:#fff;background:var(--c-fff,#fff);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1);color:#475569;color:var(--ct-475569,#475569)}.lep-tpl-btn--dl:hover{color:#6366f1;color:var(--ct-6366f1,#6366f1)}.lep-tpl-btn--dl:hover,.lep-tpl-btn--imp{border-color:#6366f1;border-color:var(--c-6366f1,#6366f1)}.lep-tpl-btn--imp{background:#6366f1;background:var(--c-6366f1,#6366f1);color:#fff;color:var(--ct-fff,#fff)}.lep-tpl-btn--imp:hover{background:#4f46e5;background:var(--c-4f46e5,#4f46e5)}.lfu{padding:0}.lfu-toast{animation:lfu-slide-in .25s ease;border-radius:8px;box-shadow:0 4px 20px #00000026;font-size:13px;font-weight:500;padding:12px 20px;position:fixed;right:24px;top:20px;z-index:9999}.lfu-toast--success{background:#065f46;background:var(--c-065f46,#065f46);color:#fff;color:var(--ct-fff,#fff)}.lfu-toast--error{background:#991b1b;background:var(--c-991b1b,#991b1b);color:#fff;color:var(--ct-fff,#fff)}@keyframes lfu-slide-in{0%{opacity:0;transform:translateX(60px)}to{opacity:1;transform:none}}.lfu-head{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:16px}.lfu-head-actions,.lfu-head-left{align-items:center;display:flex;gap:8px}.lfu-head-actions{flex-wrap:wrap}.lfu-heading{color:#111827;color:var(--ct-111827,#111827);font-size:15px;font-weight:700;margin:0}.lfu-count-pill{background:#f3f4f6;background:var(--c-f3f4f6,#f3f4f6);border-radius:20px;color:#374151;color:var(--ct-374151,#374151);font-size:11px;font-weight:700;padding:2px 7px}.lfu-overdue-flag{background:#fef2f2;background:var(--c-fef2f2,#fef2f2);border:1px solid #fecaca;border:1px solid var(--c-fecaca,#fecaca);border-radius:20px;color:#dc2626;color:var(--ct-dc2626,#dc2626);font-size:11px;font-weight:600;padding:2px 8px}.lfu-add-btn{align-items:center;background:#1b3a6b;background:var(--c-1b3a6b,#1b3a6b);border:none;border-radius:8px;color:#fff;color:var(--ct-fff,#fff);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:background .15s}.lfu-add-btn:hover{background:#142d52;background:var(--c-142d52,#142d52)}.lfu-btn-direct{align-items:center;background:linear-gradient(135deg,#d97706,#f59e0b);background:linear-gradient(135deg,var(--c-d97706,#d97706),var(--c-f59e0b,#f59e0b));border:none;border-radius:8px;box-shadow:0 1px 4px #d9770659;color:#fff;color:var(--ct-fff,#fff);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:opacity .15s}.lfu-btn-direct:hover{opacity:.88}.lfu-filters{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:16px}.lfu-filter{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1px solid #e5e7eb;border:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:20px;color:#6b7280;color:var(--ct-6b7280,#6b7280);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:5px;padding:5px 12px;transition:all .15s}.lfu-filter:hover{border-color:#9ca3af;border-color:var(--c-9ca3af,#9ca3af);color:#374151;color:var(--ct-374151,#374151)}.lfu-filter.active{background:#1b3a6b;background:var(--c-1b3a6b,#1b3a6b);border-color:#1b3a6b;border-color:var(--c-1b3a6b,#1b3a6b);color:#fff;color:var(--ct-fff,#fff)}.lfu-filter.urgent{border-color:#fca5a5;border-color:var(--c-fca5a5,#fca5a5);color:#dc2626;color:var(--ct-dc2626,#dc2626)}.lfu-filter.urgent.active{background:#dc2626;background:var(--c-dc2626,#dc2626);border-color:#dc2626;border-color:var(--c-dc2626,#dc2626);color:#fff;color:var(--ct-fff,#fff)}.lfu-filter.direct{border-color:#fde68a;border-color:var(--c-fde68a,#fde68a);color:#d97706;color:var(--ct-d97706,#d97706)}.lfu-filter.direct.active{background:#d97706;background:var(--c-d97706,#d97706);border-color:#d97706;border-color:var(--c-d97706,#d97706);color:#fff;color:var(--ct-fff,#fff)}.lfu-filter-num{background:#ffffff40;border-radius:10px;font-size:10px;padding:0 5px}.lfu-filter:not(.active) .lfu-filter-num{background:#f3f4f6;background:var(--c-f3f4f6,#f3f4f6);color:#374151;color:var(--ct-374151,#374151)}.lfu-loading{align-items:center;color:#6b7280;color:var(--ct-6b7280,#6b7280);display:flex;gap:10px;justify-content:center;padding:32px 0}.lfu-spinner{animation:lfu-spin .7s linear infinite;border:2px solid #e5e7eb;border-top-color:#1b3a6b;border:2px solid var(--c-e5e7eb,#e5e7eb);border-radius:50%;border-top-color:var(--c-1b3a6b,#1b3a6b);height:18px;width:18px}@keyframes lfu-spin{to{transform:rotate(1turn)}}.lfu-empty{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);padding:48px 0;text-align:center}.lfu-empty-icon{font-size:36px;margin-bottom:10px}.lfu-empty-text{font-size:13px;margin:0 0 16px}.lfu-empty-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.lfu-list{display:flex;flex-direction:column;gap:10px}.lfu-card{animation:lfu-fade-in .3s ease both;background:#fff;background:var(--c-fff,#fff);border:1px solid #e5e7eb;border:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:10px;display:flex;overflow:hidden;transition:box-shadow .15s}.lfu-card:hover{box-shadow:0 2px 12px #00000012}.lfu-card--overdue{background:snow;background:var(--c-fffafa,snow);border-color:#fecaca;border-color:var(--c-fecaca,#fecaca)}.lfu-card--done{background:#f9fffe;background:var(--c-f9fffe,#f9fffe);border-color:#d1fae5;border-color:var(--c-d1fae5,#d1fae5);opacity:.92}.lfu-card--cancelled{opacity:.65}.lfu-card--direct{background:#fffdf0;background:var(--c-fffdf0,#fffdf0);border-color:#fde68a;border-color:var(--c-fde68a,#fde68a)}@keyframes lfu-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.lfu-card-accent{flex-shrink:0;width:4px}.lfu-card-inner{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:14px 16px}.lfu-card-row1{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.lfu-type-chip{align-items:center;border:1px solid;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:5px;padding:3px 10px;white-space:nowrap}.lfu-direct-chip{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);border:1px solid #fde68a;border:1px solid var(--c-fde68a,#fde68a);border-radius:20px;color:#d97706;color:var(--ct-d97706,#d97706);font-size:10px;font-weight:700;padding:2px 8px}.lfu-status-chip{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:5px;padding:3px 9px}.lfu-status-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.lfu-overdue-chip{background:#fef2f2;background:var(--c-fef2f2,#fef2f2);border:1px solid #fecaca;border:1px solid var(--c-fecaca,#fecaca);border-radius:20px;color:#dc2626;color:var(--ct-dc2626,#dc2626);font-size:10px;font-weight:700;padding:2px 8px}.lfu-priority-badge{align-items:center;display:flex;font-size:11px;font-weight:600;gap:3px}.lfu-card-datetime{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}.lfu-date{color:#374151;color:var(--ct-374151,#374151);font-size:12px;font-weight:600}.lfu-time{font-size:11px}.lfu-rel-day,.lfu-time{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af)}.lfu-rel-day{background:#f3f4f6;background:var(--c-f3f4f6,#f3f4f6);border-radius:10px;font-size:10px;padding:1px 6px}.lfu-card-row2{flex-wrap:wrap;gap:10px}.lfu-assignee,.lfu-card-row2{align-items:center;display:flex}.lfu-assignee{color:#374151;color:var(--ct-374151,#374151);font-size:12px;gap:5px}.lfu-avatar{align-items:center;background:#1b3a6b;background:var(--c-1b3a6b,#1b3a6b);border-radius:50%;color:#fff;color:var(--ct-fff,#fff);display:flex;font-size:10px;font-weight:700;height:22px;justify-content:center;width:22px}.lfu-created-by{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-size:11px}.lfu-completed-stamp{color:#059669;color:var(--ct-059669,#059669);font-size:11px;font-weight:500;margin-left:auto}.lfu-notes{background:#f9fafb;background:var(--c-f9fafb,#f9fafb);border:1px solid #f3f4f6;border:1px solid var(--c-f3f4f6,#f3f4f6);border-radius:8px;padding:10px 12px}.lfu-outcome{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);border:1px solid #bbf7d0;border:1px solid var(--c-bbf7d0,#bbf7d0);border-radius:8px;padding:10px 12px}.lfu-block-label{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:11px;font-weight:700;letter-spacing:.03em;margin-bottom:4px}.lfu-block-label--outcome{color:#065f46;color:var(--ct-065f46,#065f46)}.lfu-block-text{color:#374151;color:var(--ct-374151,#374151);font-size:12px;line-height:1.6;margin:0;white-space:pre-wrap}.lfu-block-text--outcome{color:#1c4532;color:var(--ct-1c4532,#1c4532)}.lfu-pending-hint{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-size:11px;font-style:italic}.lfu-overdue-hint{color:#dc2626;color:var(--ct-dc2626,#dc2626);font-size:11px;font-style:italic}.lfu-expand-btn{background:none;border:none;color:#1b3a6b;color:var(--ct-1b3a6b,#1b3a6b);cursor:pointer;font-size:11px;font-weight:600;padding:4px 0 0}.lfu-card-actions{display:flex;gap:8px;padding-top:4px}.lfu-btn-complete{background:#1b3a6b;background:var(--c-1b3a6b,#1b3a6b);border:none;border-radius:7px;color:#fff;color:var(--ct-fff,#fff);cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:background .15s}.lfu-btn-complete:hover{background:#142d52;background:var(--c-142d52,#142d52)}.lfu-btn-cancel{background:#fff;background:var(--c-fff,#fff);border:1px solid #fecaca;border:1px solid var(--c-fecaca,#fecaca);border-radius:7px;color:#dc2626;color:var(--ct-dc2626,#dc2626);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .15s}.lfu-btn-cancel:hover{background:#fef2f2;background:var(--c-fef2f2,#fef2f2)}.lfu-direct-card{animation:lfu-fade-in .25s ease;background:linear-gradient(135deg,#fffbeb,#fff7e6);background:linear-gradient(135deg,var(--c-fffbeb,#fffbeb) 0,var(--c-fff7e6,#fff7e6) 100%);border:2px solid #fde68a;border:2px solid var(--c-fde68a,#fde68a);border-radius:12px;margin-bottom:16px;overflow:hidden}.lfu-direct-header{align-items:flex-start;border-bottom:1px solid #fde68a;border-bottom:1px solid var(--c-fde68a,#fde68a);display:flex;justify-content:space-between;padding:14px 16px 12px}.lfu-direct-badge{align-items:center;background:#d97706;background:var(--c-d97706,#d97706);border-radius:20px;color:#fff;color:var(--ct-fff,#fff);display:inline-flex;font-size:11px;font-weight:700;gap:5px;margin-bottom:4px;padding:3px 10px;width:-webkit-fit-content;width:fit-content}.lfu-direct-subtitle{color:#92400e;color:var(--ct-92400e,#92400e);font-size:12px;margin:0}.lfu-direct-submit{background:linear-gradient(135deg,#d97706,#f59e0b);background:linear-gradient(135deg,var(--c-d97706,#d97706),var(--c-f59e0b,#f59e0b));border:none;border-radius:8px;box-shadow:0 2px 8px #d9770666;color:#fff;color:var(--ct-fff,#fff);cursor:pointer;font-size:13px;font-weight:700;padding:9px 20px;transition:opacity .15s}.lfu-direct-submit:hover{opacity:.88}.lfu-direct-submit:disabled{opacity:.55}.lfu-mood-row{display:flex;flex-wrap:wrap;gap:8px}.lfu-mood-btn{background:#fff;background:var(--c-fff,#fff);border:2px solid #e5e7eb;border:2px solid var(--c-e5e7eb,#e5e7eb);border-radius:20px;color:#6b7280;color:var(--ct-6b7280,#6b7280);cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .15s}.lfu-mood-btn:hover{border-color:#9ca3af;border-color:var(--c-9ca3af,#9ca3af);color:#374151;color:var(--ct-374151,#374151)}.lfu-mood-btn.active{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);border-color:#d97706;border-color:var(--c-d97706,#d97706);color:#d97706;color:var(--ct-d97706,#d97706)}.lfu-add-card{animation:lfu-fade-in .25s ease;background:#f8fafb;background:var(--c-f8fafb,#f8fafb);border:1.5px solid #e5e7eb;border:1.5px solid var(--c-e5e7eb,#e5e7eb);border-radius:12px;margin-bottom:16px;overflow:hidden}.lfu-add-card-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--c-e5e7eb,#e5e7eb);display:flex;justify-content:space-between;padding:12px 16px}.lfu-add-card-header h5{color:#111827;color:var(--ct-111827,#111827);font-size:14px;font-weight:700;margin:0}.lfu-add-body{gap:14px;padding:16px}.lfu-add-body,.lfu-form-group{display:flex;flex-direction:column}.lfu-form-group{gap:5px}.lfu-form-group label{color:#374151;color:var(--ct-374151,#374151);font-size:12px;font-weight:600}.lfu-form-hint{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-weight:400}.lfu-form-group input,.lfu-form-group select,.lfu-form-group textarea{background:#fff;background:var(--c-fff,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--c-e5e7eb,#e5e7eb);border-radius:8px;color:#111827;color:var(--ct-111827,#111827);font-family:inherit;font-size:13px;outline:none;padding:8px 11px;resize:vertical;transition:border-color .15s}.lfu-form-group input:focus,.lfu-form-group select:focus,.lfu-form-group textarea:focus{border-color:#1b3a6b;border-color:var(--c-1b3a6b,#1b3a6b)}.lfu-char-count{align-self:flex-end;color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-size:10px}.lfu-form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:480px){.lfu-form-row{grid-template-columns:1fr}}.lfu-type-grid{display:flex;flex-wrap:wrap;gap:6px}.lfu-type-opt{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--c-e5e7eb,#e5e7eb);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:3px;min-width:60px;padding:8px 12px;transition:all .15s}.lfu-type-opt:hover{border-color:#9ca3af;border-color:var(--c-9ca3af,#9ca3af)}.lfu-type-icon{font-size:16px}.lfu-type-opt span:last-child{font-size:11px;font-weight:600}.lfu-add-footer{border-top:1px solid #f3f4f6;border-top:1px solid var(--c-f3f4f6,#f3f4f6);display:flex;gap:8px;justify-content:flex-end;margin-top:4px;padding-top:4px}.lfu-btn-sec{background:#fff;background:var(--c-fff,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--c-e5e7eb,#e5e7eb);border-radius:8px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .15s}.lfu-btn-sec:hover{background:#f9fafb;background:var(--c-f9fafb,#f9fafb)}.lfu-icon-close{background:none;border:none;border-radius:4px;color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);cursor:pointer;font-size:16px;padding:2px 4px;transition:color .15s}.lfu-icon-close:hover{color:#374151;color:var(--ct-374151,#374151)}.lfu-modal-bg{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.lfu-modal{background:#fff;background:var(--c-fff,#fff);border-radius:14px;box-shadow:0 20px 60px #00000040;max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.lfu-modal-top{align-items:flex-start;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--c-f3f4f6,#f3f4f6);display:flex;justify-content:space-between;padding:18px 20px 14px}.lfu-modal-title{color:#111827;color:var(--ct-111827,#111827);font-size:16px;font-weight:700;margin:6px 0 2px}.lfu-modal-sub{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:12px;margin:0}.lfu-modal-body{display:flex;flex-direction:column;gap:14px;padding:18px 20px}.lfu-modal-footer{border-top:1px solid #f3f4f6;border-top:1px solid var(--c-f3f4f6,#f3f4f6);display:flex;gap:8px;justify-content:flex-end;padding-top:14px}.lfu-modal-reminder{background:#fffbeb;background:var(--c-fffbeb,#fffbeb);border:1px solid #fde68a;border:1px solid var(--c-fde68a,#fde68a);border-radius:8px;padding:10px 12px}.lfu-modal-reminder-label{color:#92400e;color:var(--ct-92400e,#92400e);display:block;font-size:11px;font-weight:700;margin-bottom:4px}.lfu-modal-reminder p{color:#78350f;color:var(--ct-78350f,#78350f);font-size:12px;margin:0}.lfu-status-opts{display:flex;flex-wrap:wrap;gap:8px}.lfu-status-opt{align-items:center;border:1.5px solid #e5e7eb;border:1.5px solid var(--c-e5e7eb,#e5e7eb);border-radius:10px;cursor:pointer;display:flex;flex:1 1;gap:8px;min-width:130px;padding:9px 12px;transition:all .15s}.lfu-status-opt input[type=radio]{display:none}.lfu-status-opt-icon{font-size:16px;font-weight:700}.lfu-status-opt div p{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:11px;margin:2px 0 0}.lfu-status-opt strong{font-size:13px}.lfu-list-scroll{max-height:480px;overflow-x:hidden;overflow-y:auto;padding-right:4px;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-color:var(--c-cbd5e1,#cbd5e1) var(--c-f1f5f9,#f1f5f9);scrollbar-width:thin}.lfu-list-scroll::-webkit-scrollbar{width:5px}.lfu-list-scroll::-webkit-scrollbar-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:4px}.lfu-list-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:4px}.lfu-list-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--c-94a3b8,#94a3b8)}.lfu-form-group .filter-trigger{border:1.5px solid #e5e7eb;border:1.5px solid var(--c-e5e7eb,#e5e7eb);border-radius:8px;box-shadow:none;font-size:13px;height:36px;width:100%}.lfu-form-group .filter-trigger:hover:not(.filter-trigger--disabled){border-color:#9ca3af;border-color:var(--c-9ca3af,#9ca3af);box-shadow:none}.lfu-form-group .filter-trigger--open{border-color:#1b3a6b;border-color:var(--c-1b3a6b,#1b3a6b);box-shadow:0 0 0 2px #1b3a6b1a}.cm-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.cm-modal,.cm-overlay{align-items:center;display:flex}.cm-modal{animation:cm-pop .18s ease;background:#fff;background:var(--c-ffffff,#fff);border-radius:14px;box-shadow:0 24px 48px -8px #00000038,0 0 0 1px #0000000f;flex-direction:column;gap:0;max-width:420px;padding:28px 28px 20px;width:100%}@keyframes cm-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.cm-type-alert,.cm-type-error{border-top:4px solid #ef4444;border-top:4px solid var(--c-ef4444,#ef4444)}.cm-type-confirm{border-top:4px solid #3b82f6;border-top:4px solid var(--c-3b82f6,#3b82f6)}.cm-type-success{border-top:4px solid #22c55e;border-top:4px solid var(--c-22c55e,#22c55e)}.cm-icon-wrap{align-items:center;border-radius:50%;display:flex;height:64px;justify-content:center;margin-bottom:14px;width:64px}.cm-type-alert .cm-icon-wrap,.cm-type-error .cm-icon-wrap{background:#fef2f2;background:var(--c-fef2f2,#fef2f2)}.cm-type-confirm .cm-icon-wrap{background:#eff6ff;background:var(--c-eff6ff,#eff6ff)}.cm-type-success .cm-icon-wrap{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4)}.cm-title{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:17px;font-weight:700;line-height:1.3;margin:0 0 12px;text-align:center}.cm-body{margin-bottom:20px;width:100%}.cm-message{color:#475569;color:var(--ct-475569,#475569);font-size:13.5px;line-height:1.6;margin:0;text-align:center}.cm-structured-message{display:flex;flex-direction:column;gap:10px;width:100%}.cm-lead{color:#475569;color:var(--ct-475569,#475569);font-size:13px;margin:0 0 4px;text-align:center}.cm-info-card{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;overflow:hidden}.cm-info-row{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;gap:12px;justify-content:space-between;padding:8px 14px}.cm-info-row:last-child{border-bottom:none}.cm-info-key{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;font-weight:600;white-space:nowrap}.cm-info-value{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:13px;font-weight:500;text-align:right}.cm-info-value.cm-amount{color:#dc2626;color:var(--ct-dc2626,#dc2626);font-size:14px;font-weight:700}.cm-warning-box{background:#fef2f2;background:var(--c-fef2f2,#fef2f2);border:1px solid #fecaca;border:1px solid var(--c-fecaca,#fecaca);border-radius:6px;padding:10px 14px}.cm-warning-box p{color:#b91c1c;color:var(--ct-b91c1c,#b91c1c);font-size:12px;line-height:1.5;margin:0}.cm-note{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:11.5px;font-style:italic;margin:0;text-align:center}.cm-actions{display:flex;gap:10px;justify-content:flex-end;width:100%}.cm-btn{align-items:center;border:none;border-radius:7px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 20px;transition:all .18s ease;white-space:nowrap}.cm-btn-cancel{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);color:#475569;color:var(--ct-475569,#475569)}.cm-btn-cancel:hover{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);color:#334155;color:var(--ct-334155,#334155)}.cm-btn-primary{background:#2563eb;background:var(--c-2563eb,#2563eb);color:#fff;color:var(--ct-fff,#fff)}.cm-btn-primary:hover{background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8);box-shadow:0 3px 10px #2563eb4d}.cm-btn-danger{background:#dc2626;background:var(--c-dc2626,#dc2626);color:#fff;color:var(--ct-fff,#fff)}.cm-btn-danger:hover{background:#b91c1c;background:var(--c-b91c1c,#b91c1c);box-shadow:0 3px 10px #dc26264d}@media (max-width:480px){.cm-modal{max-width:100%;padding:22px 18px 18px}.cm-actions{flex-direction:column-reverse}.cm-btn{justify-content:center;width:100%}}.proposal-page-container{padding:24px}.proposal-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.proposal-page-title{color:#1a202c;color:var(--ct-1a202c,#1a202c);font-size:32px;font-weight:700;margin-bottom:8px}.proposal-page-breadcrumb{color:#718096;color:var(--ct-718096,#718096);font-size:14px}.proposal-page-action-bar{align-items:center;background:#fff;background:var(--c-white,#fff);border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:20px}.proposal-page-search-filters{display:flex;flex:1 1;flex-wrap:wrap;gap:12px}.proposal-page-search{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;flex:1 1;font-size:14px;min-width:300px;padding:10px 16px;transition:border-color .3s}.proposal-page-search:focus{border-color:#3182ce;border-color:var(--c-3182ce,#3182ce);box-shadow:0 0 0 3px #3182ce1a;outline:none}.proposal-page-filter{background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;cursor:pointer;font-size:14px;padding:10px 16px;transition:border-color .3s}.proposal-page-filter:focus{border-color:#3182ce;border-color:var(--c-3182ce,#3182ce);outline:none}.proposal-page-action-buttons{display:flex;flex-wrap:wrap;gap:12px}.proposal-page-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s;white-space:nowrap}.proposal-page-btn-primary{background:#3182ce;background:var(--c-3182ce,#3182ce);color:#fff;color:var(--ct-white,#fff)}.proposal-page-btn-primary:hover{background:#2c5aa0;background:var(--c-2c5aa0,#2c5aa0);box-shadow:0 4px 6px #3182ce4d;transform:translateY(-1px)}.proposal-page-btn-secondary{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);color:#2d3748;color:var(--ct-2d3748,#2d3748)}.proposal-page-btn-secondary:hover{background:#cbd5e0;background:var(--c-cbd5e0,#cbd5e0)}.proposal-page-btn-sm{font-size:13px;padding:6px 12px}.proposal-page-table-container{background:#fff;background:var(--c-white,#fff);border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;overflow-x:auto}.proposal-page-table{border-collapse:collapse;width:100%}.proposal-page-table thead{background:#f7fafc;background:var(--c-f7fafc,#f7fafc);position:-webkit-sticky;position:sticky;top:0;z-index:10}.proposal-page-table th{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--c-e2e8f0,#e2e8f0);color:#4a5568;color:var(--ct-4a5568,#4a5568);cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.proposal-page-table th:hover{background:#edf2f7;background:var(--c-edf2f7,#edf2f7)}.proposal-page-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);font-size:14px;padding:16px}.proposal-page-table tbody tr{transition:background-color .2s}.proposal-page-table tbody tr:hover{background:#f7fafc;background:var(--c-f7fafc,#f7fafc)}.proposal-page-id{color:#3182ce;color:var(--ct-3182ce,#3182ce);font-family:Courier New,monospace;font-weight:600}.proposal-page-version{background:#edf2f7;background:var(--c-edf2f7,#edf2f7);border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.proposal-page-status{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-draft{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);color:#4a5568;color:var(--ct-4a5568,#4a5568)}.status-sent{background:#bee3f8;background:var(--c-bee3f8,#bee3f8);color:#2c5282;color:var(--ct-2c5282,#2c5282)}.status-approved{background:#c6f6d5;background:var(--c-c6f6d5,#c6f6d5);color:#22543d;color:var(--ct-22543d,#22543d)}.status-rejected{background:#fed7d7;background:var(--c-fed7d7,#fed7d7);color:#742a2a;color:var(--ct-742a2a,#742a2a)}.status-hold{background:#feebc8;background:var(--c-feebc8,#feebc8);color:#7c2d12;color:var(--ct-7c2d12,#7c2d12)}.proposal-page-actions{display:flex;gap:8px}.proposal-page-action-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#4a5568;color:var(--ct-4a5568,#4a5568);cursor:pointer;display:inline-flex;font-size:16px;justify-content:center;padding:6px 10px;transition:all .2s}.proposal-page-action-btn:hover{background:#edf2f7;background:var(--c-edf2f7,#edf2f7);color:#2d3748;color:var(--ct-2d3748,#2d3748);transform:scale(1.1)}.proposal-page-action-delete:hover{background:#fed7d7;background:var(--c-fed7d7,#fed7d7);color:#742a2a;color:var(--ct-742a2a,#742a2a)}.proposal-page-pagination{align-items:center;background:#fff;background:var(--c-white,#fff);border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 20px}.proposal-page-pagination-info{color:#4a5568;color:var(--ct-4a5568,#4a5568);font-size:14px}.proposal-page-pagination-controls{align-items:center;display:flex;gap:12px}.proposal-page-rows-select{padding:6px 12px}.proposal-page-pagination-btn,.proposal-page-rows-select{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:4px;cursor:pointer;font-size:14px}.proposal-page-pagination-btn{background:#fff;background:var(--c-white,#fff);padding:6px 16px;transition:all .2s}.proposal-page-pagination-btn:hover:not(:disabled){background:#edf2f7;background:var(--c-edf2f7,#edf2f7);border-color:#cbd5e0;border-color:var(--c-cbd5e0,#cbd5e0)}.proposal-page-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.proposal-page-pagination-current{color:#2d3748;color:var(--ct-2d3748,#2d3748);font-size:14px;font-weight:600}.proposal-page-modal-overlay{align-items:center;animation:fadeIn .2s;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.proposal-page-modal{animation:slideUp .3s;background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.proposal-page-modal-large{max-width:1000px}.proposal-page-modal-header{align-items:center;background:#fff;background:var(--c-white,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.proposal-page-modal-header h2{color:#1a202c;color:var(--ct-1a202c,#1a202c);font-size:24px;font-weight:700}.proposal-page-modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#718096;color:var(--ct-718096,#718096);cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;transition:all .2s;width:40px}.proposal-page-modal-close:hover{background:#edf2f7;background:var(--c-edf2f7,#edf2f7);color:#2d3748;color:var(--ct-2d3748,#2d3748)}.proposal-page-modal-content{padding:24px}.proposal-page-card{background:#f7fafc;background:var(--c-f7fafc,#f7fafc);border-radius:8px;margin-bottom:20px;padding:20px}.proposal-page-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.proposal-page-card-header h3{font-size:18px;margin-bottom:4px}.proposal-page-card h3,.proposal-page-card-header h3{color:#1a202c;color:var(--ct-1a202c,#1a202c);font-weight:600}.proposal-page-card h3{font-size:16px;margin-bottom:16px}.proposal-page-card h4{color:#4a5568;color:var(--ct-4a5568,#4a5568);font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.proposal-page-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.proposal-page-info-grid div{font-size:14px}.proposal-page-info-grid strong{color:#4a5568;color:var(--ct-4a5568,#4a5568);display:block;font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.proposal-page-full-width{grid-column:1/-1}.proposal-page-content-section{margin-bottom:20px}.proposal-page-content-section p,.proposal-page-content-section pre{color:#2d3748;color:var(--ct-2d3748,#2d3748);font-size:14px;line-height:1.6}.proposal-page-content-section pre{background:#fff;background:var(--c-white,#fff);border-radius:4px;font-family:Courier New,monospace;padding:12px;white-space:pre-wrap}.proposal-page-modal-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.proposal-page-status-dropdown{background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px}.proposal-page-form{display:flex;flex-direction:column;gap:20px}.proposal-page-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.proposal-page-form-group{display:flex;flex-direction:column}.proposal-page-form-group label{color:#4a5568;color:var(--ct-4a5568,#4a5568);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.proposal-page-form-group input,.proposal-page-form-group select,.proposal-page-form-group textarea{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;font-family:inherit;font-size:14px;padding:10px 16px;transition:border-color .3s}.proposal-page-form-group input:focus,.proposal-page-form-group select:focus,.proposal-page-form-group textarea:focus{border-color:#3182ce;border-color:var(--c-3182ce,#3182ce);box-shadow:0 0 0 3px #3182ce1a;outline:none}.proposal-page-form-group textarea{min-height:80px;resize:vertical}.proposal-page-version-list{display:flex;flex-direction:column;gap:16px}.proposal-page-version-item{align-items:center;background:#f7fafc;background:var(--c-f7fafc,#f7fafc);border-left:4px solid #3182ce;border-left:4px solid var(--c-3182ce,#3182ce);border-radius:8px;display:flex;justify-content:space-between;padding:16px}.proposal-page-version-item strong{color:#1a202c;color:var(--ct-1a202c,#1a202c);display:block;font-size:16px;margin-bottom:4px}.proposal-page-version-item p{color:#718096;color:var(--ct-718096,#718096);font-size:13px}.proposal-delete-modal{animation:slideUp .3s;background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:480px;padding:32px 24px;text-align:center;width:90%}.proposal-delete-modal-icon{display:flex;justify-content:center;margin-bottom:20px}.proposal-delete-icon-circle{align-items:center;animation:pulse 1.5s infinite;background:#fed7d7;background:var(--c-fed7d7,#fed7d7);border-radius:50%;color:#c53030;color:var(--ct-c53030,#c53030);display:flex;font-size:32px;font-weight:700;height:60px;justify-content:center;width:60px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.proposal-delete-modal-title{color:#1a202c;color:var(--ct-1a202c,#1a202c);font-size:24px;font-weight:700;margin:0 0 12px}.proposal-delete-modal-text{color:#4a5568;color:var(--ct-4a5568,#4a5568);font-size:14px;line-height:1.6;margin:0 0 24px}.proposal-delete-modal-actions{display:flex;gap:12px;justify-content:center}.proposal-delete-btn{background:#c53030;background:var(--c-c53030,#c53030);border:none;border-radius:6px;color:#fff;color:var(--ct-white,#fff);cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s}.proposal-delete-btn:hover{background:#9b2c2c;background:var(--c-9b2c2c,#9b2c2c);box-shadow:0 4px 6px #c530304d;transform:translateY(-1px)}.proposal-unit-dropdown{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);font-size:13px;padding:8px;transition:border-color .3s}.proposal-unit-dropdown:focus{border-color:#3182ce;border-color:var(--c-3182ce,#3182ce);box-shadow:0 0 0 3px #3182ce1a}.unit-input-container{position:relative}.unit-input-container input:focus{border-color:#3b82f6!important;border-color:var(--c-3b82f6,#3b82f6)!important;box-shadow:0 0 0 3px #3b82f61a;outline:none}.unit-input-container>div::-webkit-scrollbar{width:8px}.unit-input-container>div::-webkit-scrollbar-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:4px}.unit-input-container>div::-webkit-scrollbar-thumb{background:#cbd5e0;background:var(--c-cbd5e0,#cbd5e0);border-radius:4px}.unit-input-container>div::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--c-94a3b8,#94a3b8)}@media (max-width:1024px){.proposal-page-action-bar{align-items:stretch;flex-direction:column}.proposal-page-search-filters{flex-direction:column}.proposal-page-search{min-width:100%}.proposal-page-action-buttons{justify-content:stretch}.proposal-page-action-buttons button{flex:1 1}}@media (max-width:768px){.proposal-page-container{padding:16px}.proposal-page-title{font-size:24px}.proposal-page-table{font-size:12px}.proposal-page-table td,.proposal-page-table th{padding:12px 8px}.proposal-page-modal{max-width:95%}.proposal-page-form-row{grid-template-columns:1fr}.proposal-page-pagination{align-items:stretch;flex-direction:column}.proposal-page-pagination-controls{justify-content:center}}.proposal-page-modal::-webkit-scrollbar{width:8px}.proposal-page-modal::-webkit-scrollbar-track{background:#f1f1f1;background:var(--c-f1f1f1,#f1f1f1)}.proposal-page-modal::-webkit-scrollbar-thumb{background:#cbd5e0;background:var(--c-cbd5e0,#cbd5e0);border-radius:4px}.proposal-page-modal::-webkit-scrollbar-thumb:hover{background:#a0aec0;background:var(--c-a0aec0,#a0aec0)}.proposal-page-table-container::-webkit-scrollbar{height:8px}.proposal-page-table-container::-webkit-scrollbar-track{background:#f1f1f1;background:var(--c-f1f1f1,#f1f1f1)}.proposal-page-table-container::-webkit-scrollbar-thumb{background:#cbd5e0;background:var(--c-cbd5e0,#cbd5e0);border-radius:4px}.proposal-page-table-container::-webkit-scrollbar-thumb:hover{background:#a0aec0;background:var(--c-a0aec0,#a0aec0)}.proposals-btn-disabled{cursor:not-allowed;filter:grayscale(100%);opacity:.45;pointer-events:none}.proposal-actions-inline{align-items:center;display:flex;gap:14px;justify-content:center;white-space:nowrap}.proposal-action-icon{align-items:center;background:#0000;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 10px;transition:background-color .2s ease,transform .1s ease}.proposal-action-icon svg{font-size:15px}.proposal-view{color:#2563eb;color:var(--ct-2563eb,#2563eb)}.proposal-view:hover{background-color:#2563eb1f}.proposal-edit{color:#059669;color:var(--ct-059669,#059669)}.proposal-edit:hover{background-color:#0596691f}.proposal-pdf{color:#7f1d1d;color:var(--ct-7f1d1d,#7f1d1d)}.proposal-pdf:hover{background-color:#7f1d1d1f}.proposal-delete{color:#dc2626;color:var(--ct-dc2626,#dc2626)}.proposal-delete:hover{background-color:#dc26261f}.proposal-action-icon:disabled{cursor:not-allowed;opacity:.4}:root{--p-blue:var(--c-2563eb,#2563eb);--p-blue-lt:var(--c-dbeafe,#dbeafe);--p-blue-dk:var(--c-1d4ed8,#1d4ed8);--p-green:var(--c-059669,#059669);--p-red:var(--c-dc2626,#dc2626);--p-amber:var(--c-d97706,#d97706);--p-purple:var(--c-7c3aed,#7c3aed);--p-border:var(--c-e5e7eb,#e5e7eb);--p-bg:var(--c-f9fafb,#f9fafb);--p-text:var(--c-111827,#111827);--p-muted:var(--c-6b7280,#6b7280);--p-shadow:0 1px 3px #00000012;--p-radius:6px;--p-font:"Poppins",sans-serif}.p-container{color:#111827;color:var(--p-text);font-family:Poppins,sans-serif;font-family:var(--p-font);padding:14px}.p-breadcrumb{color:#6b7280;color:var(--p-muted);font-size:11px;margin-bottom:10px}.p-page-hdr{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px}.p-page-title{color:#111827;color:var(--p-text);font-size:20px;font-weight:700;margin:0}.p-no-permission{color:#6b7280;color:var(--p-muted);font-size:13px;padding:40px;text-align:center}.p-action-bar{background:#fff;background:var(--c-white,#fff);border:1px solid #e5e7eb;border:1px solid var(--p-border);border-radius:6px;border-radius:var(--p-radius);box-shadow:0 1px 3px #00000012;box-shadow:var(--p-shadow);flex-wrap:wrap;margin-bottom:8px;padding:10px 12px}.p-action-bar,.p-search-filters{align-items:center;display:flex;gap:8px}.p-search-filters{flex:1 1;flex-wrap:wrap}.p-search-wrap{flex:1 1;min-width:180px;position:relative}.p-search-ico{color:#6b7280;color:var(--p-muted);left:9px;position:absolute;top:50%;transform:translateY(-50%)}.p-search-input{border:1px solid #e5e7eb;border:1px solid var(--p-border);border-radius:6px;border-radius:var(--p-radius);box-sizing:border-box;font-family:Poppins,sans-serif;font-family:var(--p-font);font-size:12px;padding:6px 8px 6px 30px;transition:border-color .2s;width:100%}.p-search-input:focus{border-color:#2563eb;border-color:var(--p-blue);box-shadow:0 0 0 2px #2563eb1a;outline:none}.p-filter-sel{background:#fff;background:var(--c-white,#fff);border:1px solid #e5e7eb;border:1px solid var(--p-border);border-radius:6px;border-radius:var(--p-radius);cursor:pointer;font-family:Poppins,sans-serif;font-family:var(--p-font);font-size:12px;min-width:110px;padding:6px 10px}.p-filter-sel:focus{border-color:#2563eb;border-color:var(--p-blue);outline:none}.p-action-btns{display:flex;gap:8px;margin-left:auto}.p-btn{align-items:center;border:none;border-radius:6px;border-radius:var(--p-radius);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-family:var(--p-font);font-size:12px;font-weight:600;gap:5px;padding:6px 12px;transition:all .2s;white-space:nowrap}.p-btn-primary{background:#2563eb;background:var(--p-blue);color:#fff;color:var(--ct-white,#fff)}.p-btn-primary:hover{background:#1d4ed8;background:var(--p-blue-dk)}.p-btn-secondary{background:#fff;background:var(--c-white,#fff);border:1px solid #e5e7eb;border:1px solid var(--p-border);color:#374151;color:var(--ct-374151,#374151)}.p-btn-secondary:hover{background:#f9fafb;background:var(--p-bg)}.p-btn-outline{background:#fff;background:var(--c-white,#fff);border:1px solid #2563eb;border:1px solid var(--p-blue);color:#2563eb;color:var(--p-blue)}.p-btn-outline:hover{background:#dbeafe;background:var(--p-blue-lt)}.p-btn-danger{background:#dc2626;background:var(--p-red);color:#fff;color:var(--ct-white,#fff)}.p-btn-danger:hover{background:#b91c1c;background:var(--c-b91c1c,#b91c1c)}.p-btn-sm{font-size:11px;padding:4px 9px}.p-table-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-bottom:6px}.p-toolbar-info{color:#6b7280;color:var(--p-muted);font-size:11px;margin-right:auto}.p-col-vis-wrap{position:relative}.p-col-vis-btn{align-items:center;background:#fff;background:var(--c-white,#fff);border:1px solid #e5e7eb;border:1px solid var(--p-border);border-radius:6px;border-radius:var(--p-radius);color:#374151;color:var(--ct-374151,#374151);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-family:var(--p-font);font-size:12px;font-weight:500;gap:5px;padding:5px 10px;transition:all .2s}.p-col-vis-btn.has-hidden,.p-col-vis-btn:hover{background:#dbeafe;background:var(--p-blue-lt);border-color:#2563eb;border-color:var(--p-blue);color:#2563eb;color:var(--p-blue)}.p-col-vis-badge{align-items:center;background:#2563eb;background:var(--p-blue);border-radius:9999px;color:#fff;color:var(--ct-white,#fff);display:inline-flex;font-size:9px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px}.p-col-vis-dropdown{animation:pDropReveal .15s ease-out;background:#fff;background:var(--c-white,#fff);border:1px solid #e5e7eb;border:1px solid var(--p-border);border-radius:8px;box-shadow:0 8px 24px #0000001f;left:0;min-width:190px;overflow:hidden;position:absolute;top:calc(100% + 5px);z-index:300}@keyframes pDropReveal{0%{opacity:0;transform:translateY(-5px) scale(.97)}to{opacity:1;transform:none}}.p-col-vis-hdr{align-items:center;background:#f9fafb;background:var(--p-bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--p-border);display:flex;justify-content:space-between;padding:8px 11px}.p-col-vis-hdr span{color:#374151;color:var(--ct-374151,#374151);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.p-col-vis-reset{background:none;border:none;border-radius:3px;color:#2563eb;color:var(--p-blue);cursor:pointer;font-family:Poppins,sans-serif;font-family:var(--p-font);font-size:11px;padding:2px 5px}.p-col-vis-reset:hover{background:#dbeafe;background:var(--p-blue-lt)}.p-col-vis-list{max-height:260px;overflow-y:auto;padding:4px 0}.p-col-vis-item{align-items:center;cursor:pointer;display:flex;gap:7px;padding:6px 11px;transition:background .15s;-webkit-user-select:none;user-select:none}.p-col-vis-item:hover:not(.p-col-required){background:#f9fafb;background:var(--p-bg)}.p-col-required{cursor:not-allowed;opacity:.6}.p-col-vis-item input[type=checkbox]{accent-color:#2563eb;accent-color:var(--p-blue);flex-shrink:0;height:13px;width:13px}.p-col-vis-label{color:#374151;color:var(--ct-374151,#374151);flex:1 1;font-size:12px}.p-col-req-tag{background:#f9fafb;background:var(--p-bg);border-radius:3px;color:#6b7280;color:var(--p-muted);font-size:9px;font-weight:600;padding:1px 4px;text-transform:uppercase}.p-table-card{background:#fff;background:var(--c-white,#fff);border:1px solid #e5e7eb;border:1px solid var(--p-border);border-radius:6px;border-radius:var(--p-radius);box-shadow:0 1px 3px #00000012;box-shadow:var(--p-shadow);overflow:hidden}.p-table-wrap{overflow-x:auto}.p-table{border-collapse:collapse;width:100%}.p-table thead{background:#f9fafb;background:var(--p-bg);position:-webkit-sticky;position:sticky;top:0;z-index:10}.p-table th,.p-th-draggable{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--p-border);color:#374151;color:var(--ct-374151,#374151);cursor:grab;font-size:10px;font-weight:700;letter-spacing:.04em;padding:8px 11px;text-align:left;text-transform:uppercase;transition:background .15s;-webkit-user-select:none;user-select:none;white-space:nowrap}.p-th-actions{text-align:center}.p-th-inner{align-items:center;display:flex;gap:4px}.p-drag-dots{color:#d1d5db;color:var(--ct-d1d5db,#d1d5db);display:inline-flex;flex-shrink:0;opacity:0;transition:opacity .15s}.p-th-draggable:hover .p-drag-dots{opacity:1}.p-sort-icon{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);display:inline-flex;flex-shrink:0}.p-sort-icon.active{color:#2563eb;color:var(--p-blue)}.p-th-draggable:hover{background:#dbeafe;background:var(--p-blue-lt);cursor:grab}.p-th-draggable.p-th-dragging{box-shadow:inset 0 0 0 2px #2563eb;box-shadow:inset 0 0 0 2px var(--p-blue);opacity:.45}.p-th-draggable.p-th-drag-over,.p-th-draggable.p-th-dragging{background:#dbeafe!important;background:var(--p-blue-lt)!important}.p-th-draggable.p-th-drag-over{box-shadow:-3px 0 0 0 #2563eb;box-shadow:-3px 0 0 0 var(--p-blue)}.p-th-draggable.p-th-drag-over:before{animation:pDropLine .5s ease infinite alternate;background:#2563eb;background:var(--p-blue);border-radius:2px;bottom:0;content:"";left:-2px;position:absolute;top:0;width:3px}@keyframes pDropLine{0%{opacity:.7}to{opacity:1}}.p-table tbody tr,.p-tr{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--p-border);transition:background .15s}.p-table tbody tr:hover,.p-tr:hover{background:#f9fafb;background:var(--p-bg)}.p-table td{color:#374151;color:var(--ct-374151,#374151);font-size:12px;padding:8px 11px;white-space:nowrap}.p-td-actions{text-align:center}.p-cell-code{background:#dbeafe;background:var(--p-blue-lt);border-radius:3px;color:#2563eb;color:var(--p-blue);font-family:monospace;font-size:11px;font-weight:600;padding:2px 6px}.p-cell-title{color:#111827;color:var(--p-text);font-weight:500}.p-cell-version{background:#f9fafb;background:var(--p-bg);border-radius:3px;font-size:11px;font-weight:600;padding:2px 6px}.p-status-badge{border-radius:9999px;display:inline-flex;font-size:10px;font-weight:600;letter-spacing:.04em;padding:3px 9px;text-transform:uppercase;white-space:nowrap}.status-draft{background:#f3f4f6;background:var(--c-f3f4f6,#f3f4f6);color:#374151;color:var(--ct-374151,#374151)}.status-sent{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.status-approved{background:#d1fae5;background:var(--c-d1fae5,#d1fae5);color:#065f46;color:var(--ct-065f46,#065f46)}.status-rejected{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#991b1b;color:var(--ct-991b1b,#991b1b)}.status-hold{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);color:#92400e;color:var(--ct-92400e,#92400e)}.p-actions-cell{align-items:center;display:flex;gap:3px;justify-content:center}.p-action-btn{background:#0000;border:none;border-radius:5px;cursor:pointer;display:inline-flex;font-size:13px;padding:5px;transition:all .18s}.p-act-view{color:#2563eb;color:var(--p-blue)}.p-act-view:hover{background:#dbeafe;background:var(--p-blue-lt)}.p-act-edit{color:#059669;color:var(--p-green)}.p-act-edit:hover{background:#d1fae5;background:var(--c-d1fae5,#d1fae5)}.p-act-pdf{color:#7f1d1d;color:var(--ct-7f1d1d,#7f1d1d)}.p-act-pdf:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2)}.p-act-delete{color:#dc2626;color:var(--p-red)}.p-act-delete:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2)}.p-td-center{padding:30px;text-align:center}.p-td-empty,.p-td-loading{color:#6b7280;color:var(--p-muted);font-size:13px}.p-td-loading{align-items:center;display:flex;gap:8px;justify-content:center}.p-loading-spinner{animation:pSpin .6s linear infinite;border:2px solid #e5e7eb;border-top-color:#2563eb;border:2px solid var(--p-border);border-radius:50%;border-top-color:var(--p-blue);height:16px;width:16px}@keyframes pSpin{to{transform:rotate(1turn)}}.p-pagination{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--p-border);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:9px 12px}.p-pagination-info{color:#6b7280;color:var(--p-muted);font-size:11px}.p-pagination-ctrl{align-items:center;display:flex;gap:8px}.p-rows-sel{padding:4px 8px}.p-page-btn,.p-rows-sel{border:1px solid #e5e7eb;border:1px solid var(--p-border);border-radius:4px;font-family:Poppins,sans-serif;font-family:var(--p-font);font-size:11px}.p-page-btn{background:#fff;background:var(--c-white,#fff);cursor:pointer;padding:4px 10px;transition:all .18s}.p-page-btn:hover:not(:disabled){background:#dbeafe;background:var(--p-blue-lt);border-color:#2563eb;border-color:var(--p-blue);color:#2563eb;color:var(--p-blue)}.p-page-btn:disabled{cursor:not-allowed;opacity:.45}.p-page-cur{color:#374151;color:var(--ct-374151,#374151);font-size:11px;font-weight:600}.p-modal-overlay{align-items:center;animation:pFadeIn .2s;background:#00000080;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:14px;position:fixed;z-index:1000}@keyframes pFadeIn{0%{opacity:0}to{opacity:1}}.p-modal{animation:pSlideUp .22s ease-out;background:#fff;background:var(--c-white,#fff);border-radius:8px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:680px;overflow-y:auto;width:100%}.p-modal-lg{max-width:860px}.p-modal-xl{max-width:1100px}@keyframes pSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.p-modal-hdr{align-items:flex-start;background:#fff;background:var(--c-white,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--p-border);display:flex;justify-content:space-between;padding:14px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.p-modal-hdr h2{color:#111827;color:var(--p-text);font-size:15px;font-weight:700;margin:0}.p-modal-subtitle{display:block;font-size:11px;margin-top:2px}.p-modal-close,.p-modal-subtitle{color:#6b7280;color:var(--p-muted)}.p-modal-close{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;line-height:1;transition:all .18s;width:30px}.p-modal-close:hover{background:#f9fafb;background:var(--p-bg);color:#111827;color:var(--p-text)}.p-modal-body{padding:16px}.p-modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--p-border);display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:14px;padding-top:14px}.p-view-card{background:#f9fafb;background:var(--p-bg);border-radius:6px;border-radius:var(--p-radius);margin-bottom:14px;padding:14px}.p-view-card-hdr{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.p-view-company{color:#6b7280;color:var(--p-muted);font-size:10px;font-weight:600;letter-spacing:.05em;margin:0 0 3px;text-transform:uppercase}.p-view-title{color:#111827;color:var(--p-text);font-size:15px;font-weight:700;margin:0}.p-info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.p-info-item{display:flex;flex-direction:column;gap:2px}.p-info-label{color:#6b7280;color:var(--p-muted);font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.p-info-val{color:#111827;color:var(--p-text);font-size:12px;font-weight:500}.p-view-section{background:#f9fafb;background:var(--p-bg);border-left:3px solid #2563eb;border-left:3px solid var(--p-blue);border-radius:6px;border-radius:var(--p-radius);margin-bottom:14px;padding:12px 14px}.p-view-section h4{color:#2563eb;color:var(--p-blue);font-size:11px;font-weight:700;letter-spacing:.05em;margin:0 0 8px;text-transform:uppercase}.p-view-section p{color:#374151;color:var(--ct-374151,#374151);font-size:12px;line-height:1.55;margin:0}.p-inner-table{border-collapse:collapse;font-size:12px;width:100%}.p-inner-table th{background:#f9fafb;background:var(--p-bg);color:#374151;color:var(--ct-374151,#374151);font-size:10px;font-weight:600;text-transform:uppercase;white-space:nowrap}.p-inner-table td,.p-inner-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--p-border);padding:7px 10px}.p-inner-table td{vertical-align:middle}.p-inner-table tbody tr:hover{background:#f9fafb;background:var(--p-bg)}.p-edit-table td input,.p-edit-table td select,.p-edit-table td textarea{background:#fff;background:var(--c-white,#fff);border:1px solid #e5e7eb;border:1px solid var(--p-border);border-radius:4px;box-sizing:border-box;font-family:Poppins,sans-serif;font-family:var(--p-font);font-size:12px;padding:5px 7px;transition:border-color .15s;width:100%}.p-edit-table td input:focus,.p-edit-table td select:focus,.p-edit-table td textarea:focus{border-color:#2563eb;border-color:var(--p-blue);box-shadow:0 0 0 2px #2563eb17;outline:none}.p-edit-table td textarea{min-height:40px;resize:vertical}.p-amount-field{background:#f9fafb!important;background:var(--p-bg)!important;color:#111827!important;color:var(--p-text)!important;font-weight:600}.p-del-row-btn{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);border:none;border-radius:4px;color:#991b1b;color:var(--ct-991b1b,#991b1b);cursor:pointer;font-size:12px;padding:4px 8px;transition:background .15s}.p-del-row-btn:hover{background:#fecaca;background:var(--c-fecaca,#fecaca)}.p-subtotal-row td{background:#f9fafb;background:var(--p-bg);border-top:1px solid #e5e7eb;border-top:1px solid var(--p-border)}.p-total-row td{background:#ecfdf5;background:var(--c-ecfdf5,#ecfdf5);border-top:2px solid #86efac;border-top:2px solid var(--c-86efac,#86efac);font-weight:700}.p-bom-table th:first-child{min-width:170px}.p-bom-table th:nth-child(2){min-width:140px}.p-bom-dropdown{background:#fff;background:var(--c-white,#fff);border:2px solid #2563eb;border:2px solid var(--p-blue);border-radius:6px;box-shadow:0 6px 20px #00000021;left:0;margin-top:3px;max-height:260px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:400}.p-bom-dropdown-hdr{background:#f9fafb;background:var(--p-bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--p-border);color:#6b7280;color:var(--p-muted);font-size:10px;font-weight:700;padding:6px 10px}.p-bom-dropdown-item{border-bottom:1px solid #f9fafb;border-bottom:1px solid var(--p-bg);cursor:pointer;padding:8px 10px;transition:background .15s}.p-bom-dropdown-item:hover{background:#f9fafb;background:var(--p-bg);border-left:3px solid #2563eb;border-left:3px solid var(--p-blue);padding-left:7px}.p-bom-dropdown-item strong{color:#111827;color:var(--p-text);display:block;font-size:12px;margin-bottom:2px}.p-bom-dropdown-item span{color:#6b7280;color:var(--p-muted);display:block;font-size:10px;margin-bottom:2px}.p-bom-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.p-bom-tags span{background:#f9fafb;background:var(--p-bg);border-radius:3px;color:#6b7280;color:var(--p-muted);font-size:9px;padding:1px 5px}.p-tabs{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--p-border);display:flex;flex-wrap:wrap;gap:3px;margin-bottom:16px}.p-tab{background:#0000;border:none;border-radius:5px 5px 0 0;color:#6b7280;color:var(--p-muted);cursor:pointer;font-family:Poppins,sans-serif;font-family:var(--p-font);font-size:12px;font-weight:500;padding:7px 14px;transition:all .18s}.p-tab:hover{background:#f9fafb;background:var(--p-bg);color:#111827;color:var(--p-text)}.p-tab.active{background:#2563eb;background:var(--p-blue);color:#fff;color:var(--ct-white,#fff);font-weight:600}.p-tab-content{min-height:320px}.p-section-hdr{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.p-section-hdr h4{color:#111827;color:var(--p-text);font-size:13px;font-weight:700;margin:0}.p-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:4px}.p-form-full{grid-column:1/-1}.p-form-group{display:flex;flex-direction:column;gap:4px}.p-form-group label{color:#374151;color:var(--ct-374151,#374151);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.p-form-group input,.p-form-group select,.p-form-group textarea{border:1px solid #e5e7eb;border:1px solid var(--p-border);border-radius:6px;border-radius:var(--p-radius);font-family:Poppins,sans-serif;font-family:var(--p-font);font-size:12px;padding:7px 10px;transition:border-color .2s}.p-form-group input:focus,.p-form-group select:focus,.p-form-group textarea:focus{border-color:#2563eb;border-color:var(--p-blue);box-shadow:0 0 0 2px #2563eb17;outline:none}.p-form-group textarea{min-height:72px;resize:vertical}.p-form-static{background:#f9fafb;background:var(--p-bg);color:#374151;color:var(--ct-374151,#374151);font-weight:500;padding:7px 10px}.p-form-static,.p-status-sel{border:1px solid #e5e7eb;border:1px solid var(--p-border);border-radius:6px;border-radius:var(--p-radius);font-size:12px}.p-status-sel{cursor:pointer;font-family:Poppins,sans-serif;font-family:var(--p-font);padding:6px 10px}.p-delete-modal,.p-status-sel{background:#fff;background:var(--c-white,#fff)}.p-delete-modal{animation:pSlideUp .22s;border:2px solid #fee2e2;border:2px solid var(--c-fee2e2,#fee2e2);border-radius:10px;box-shadow:0 20px 40px #00000026;max-width:420px;padding:26px 22px;text-align:center;width:90%}.p-delete-icon-wrap{display:flex;justify-content:center;margin-bottom:14px}.p-delete-icon-circle{align-items:center;animation:pPulse 1.5s infinite;background:#fee2e2;background:var(--c-fee2e2,#fee2e2);border-radius:50%;color:#dc2626;color:var(--p-red);display:flex;font-size:26px;font-weight:900;height:52px;justify-content:center;width:52px}@keyframes pPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.p-delete-title{color:#111827;color:var(--p-text);font-size:17px;font-weight:700;margin:0 0 8px}.p-delete-text{color:#6b7280;color:var(--p-muted);font-size:12px;line-height:1.55;margin:0 0 20px}.p-delete-actions{display:flex;gap:10px;justify-content:center}.proposal-unit-dropdown{background:#fff;background:var(--c-white,#fff);border:1px solid #e5e7eb;border:1px solid var(--p-border);border-radius:4px;cursor:pointer;font-family:Poppins,sans-serif;font-family:var(--p-font);font-size:12px;padding:5px 7px;width:100%}.proposal-unit-dropdown:focus{border-color:#2563eb;border-color:var(--p-blue);outline:none}.p-bom-dropdown::-webkit-scrollbar,.p-col-vis-list::-webkit-scrollbar,.p-modal::-webkit-scrollbar,.p-table-wrap::-webkit-scrollbar{height:5px;width:5px}.p-bom-dropdown::-webkit-scrollbar-track,.p-col-vis-list::-webkit-scrollbar-track,.p-modal::-webkit-scrollbar-track,.p-table-wrap::-webkit-scrollbar-track{background:#f9fafb;background:var(--p-bg)}.p-bom-dropdown::-webkit-scrollbar-thumb,.p-col-vis-list::-webkit-scrollbar-thumb,.p-modal::-webkit-scrollbar-thumb,.p-table-wrap::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--c-d1d5db,#d1d5db);border-radius:3px}@media (max-width:768px){.p-container{padding:10px}.p-action-bar{align-items:stretch}.p-action-bar,.p-search-filters{flex-direction:column}.p-search-wrap{min-width:100%}.p-filter-sel{width:100%}.p-action-btns{justify-content:stretch}.p-action-btns .p-btn{flex:1 1;justify-content:center}.p-form-grid{grid-template-columns:1fr}.p-form-full{grid-column:auto}.p-modal{border-radius:0;max-height:100vh;max-width:100%}.p-modal-overlay{align-items:flex-end;padding:0}.p-delete-modal{border-radius:10px;max-width:calc(100% - 24px)}.p-pagination{align-items:flex-start;flex-direction:column}.p-pagination-ctrl{flex-wrap:wrap}.p-table td,.p-table th{font-size:11px;padding:6px 8px}.p-tabs{gap:2px}.p-tab{font-size:11px;padding:6px 10px}}@media (max-width:480px){.p-page-title{font-size:17px}.p-page-hdr,.p-table-toolbar{align-items:flex-start;flex-direction:column}}.proposal-page-container{font-family:Poppins,sans-serif;font-family:var(--p-font);padding:14px}.page-header-with-filter{margin-bottom:12px}.procurement-quotation-received-container{padding:24px 24px 0}.procurement-quotation-received-header{margin-bottom:20px}.procurement-quotation-received-breadcrumb{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;margin-bottom:8px}.procurement-quotation-received-title{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:24px;font-weight:600;margin:0}.procurement-quotation-received-count{color:#64748b;color:var(--ct-64748b,#64748b);font-size:20px;font-weight:400}.procurement-quotation-received-action-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.procurement-quotation-received-search-filters{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:10px}.procurement-quotation-received-search{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;flex:1 1;font-size:14px;min-width:250px;padding:10px 14px;transition:all .2s}.procurement-quotation-received-search:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.procurement-quotation-received-filter{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;cursor:pointer;font-size:14px;min-width:140px;padding:10px 14px;transition:all .2s}.procurement-quotation-received-filter:hover{border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.procurement-quotation-received-filter:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);outline:none}.procurement-quotation-received-checkbox-filter{align-items:center;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;display:flex;font-size:14px;gap:8px;-webkit-user-select:none;user-select:none}.procurement-quotation-received-checkbox-filter input[type=checkbox]{cursor:pointer;height:16px;width:16px}.procurement-quotation-received-actions{align-items:center;display:flex;gap:10px}.procurement-quotation-received-btn-primary{align-items:center;background-color:#3b82f6;background-color:var(--c-3b82f6,#3b82f6);border:none;border-radius:8px;color:#fff;color:var(--ct-white,#fff);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s}.procurement-quotation-received-btn-primary:hover{background-color:#2563eb;background-color:var(--c-2563eb,#2563eb);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.procurement-quotation-received-btn-secondary{align-items:center;background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s}.procurement-quotation-received-btn-secondary:hover{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.procurement-btn-icon{gap:6px}.procurement-quotation-received-btn-danger{background-color:#ef4444;background-color:var(--c-ef4444,#ef4444);border:none;border-radius:8px;color:#fff;color:var(--ct-white,#fff);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.procurement-quotation-received-btn-danger:hover{background-color:#dc2626;background-color:var(--c-dc2626,#dc2626);box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.procurement-column-picker-container{position:relative}.procurement-column-picker-dropdown{animation:slideDown .2s ease-out;background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 10px 25px #00000026;min-width:250px;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.procurement-column-picker-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);color:#0f172a;color:var(--ct-0f172a,#0f172a);display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:14px 16px}.procurement-column-picker-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:24px}.procurement-column-picker-close:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);color:#0f172a;color:var(--ct-0f172a,#0f172a)}.procurement-column-picker-list{max-height:400px;overflow-y:auto;padding:8px}.procurement-column-picker-item{align-items:center;border-radius:6px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;transition:background .15s ease;-webkit-user-select:none;user-select:none}.procurement-column-picker-item:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.procurement-column-picker-item input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--c-3b82f6,#3b82f6);cursor:pointer;height:16px;width:16px}.procurement-column-picker-item input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.procurement-column-picker-item span{flex:1 1}.procurement-quotation-received-kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.procurement-quotation-received-kpi-card{align-items:center;background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:14px;padding:16px;transition:all .2s}.procurement-quotation-received-kpi-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.procurement-quotation-received-kpi-icon{align-items:center;background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9);border-radius:12px;display:flex;font-size:28px;height:50px;justify-content:center;width:50px}.procurement-quotation-received-kpi-content{flex:1 1}.procurement-quotation-received-kpi-value{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:22px;font-weight:700;margin-bottom:4px}.procurement-quotation-received-kpi-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;font-weight:500}.procurement-quotation-received-table-container{background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden;width:100%}.procurement-table-scroll{-webkit-overflow-scrolling:touch;flex:1 1;max-height:500px;overflow-x:auto;overflow-y:auto}.procurement-table-scroll::-webkit-scrollbar{height:5px;width:5px}.procurement-table-scroll::-webkit-scrollbar-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.procurement-table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:4px}.procurement-table-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--c-94a3b8,#94a3b8)}.procurement-table-wrapper{width:100%}.procurement-quotation-received-table{border-collapse:initial;border-spacing:0;min-width:1050px;table-layout:auto;width:100%}.procurement-quotation-received-table thead{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc)}.procurement-quotation-received-table th{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);position:-webkit-sticky;position:sticky;top:0;z-index:20}.procurement-quotation-received-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#334155;color:var(--ct-334155,#334155);font-size:13px;padding:12px 14px}.procurement-quotation-received-table-row{transition:background-color .15s}.procurement-quotation-received-table-row:hover{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc)}.procurement-quotation-received-table-id{color:#3b82f6;color:var(--ct-3b82f6,#3b82f6);font-weight:600}.procurement-quotation-received-table-vendor{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-weight:500}.procurement-quotation-received-table-value{color:#059669;color:var(--ct-059669,#059669);font-weight:600}.procurement-quotation-received-expiring{color:#ea580c;color:var(--ct-ea580c,#ea580c);font-weight:500}.procurement-quotation-received-warning-icon{font-size:14px;margin-left:4px}.procurement-quotation-received-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;padding:3px 10px;text-transform:uppercase}.procurement-quotation-received-badge-new{background-color:#dbeafe;background-color:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.procurement-quotation-received-badge-review{background-color:#fef3c7;background-color:var(--c-fef3c7,#fef3c7);color:#92400e;color:var(--ct-92400e,#92400e)}.procurement-quotation-received-badge-shortlisted{background-color:#e0e7ff;background-color:var(--c-e0e7ff,#e0e7ff);color:#4338ca;color:var(--ct-4338ca,#4338ca)}.procurement-quotation-received-badge-approved{background-color:#d1fae5;background-color:var(--c-d1fae5,#d1fae5);color:#065f46;color:var(--ct-065f46,#065f46)}.procurement-quotation-received-badge-rejected{background-color:#fee2e2;background-color:var(--c-fee2e2,#fee2e2);color:#991b1b;color:var(--ct-991b1b,#991b1b)}.procurement-quotation-received-badge-expiring{background-color:#fed7aa;background-color:var(--c-fed7aa,#fed7aa);color:#9a3412;color:var(--ct-9a3412,#9a3412)}.procurement-quotation-received-badge-expired{background-color:#fecaca;background-color:var(--c-fecaca,#fecaca);color:#7f1d1d;color:var(--ct-7f1d1d,#7f1d1d)}.procurement-quotation-received-badge-po-created{background-color:#d1fae5;background-color:var(--c-d1fae5,#d1fae5);color:#065f46;color:var(--ct-065f46,#065f46)}.procurement-quotation-received-actions-cell{align-items:center;display:flex;flex-wrap:nowrap;gap:4px;justify-content:flex-start;min-width:150px}.procurement-quotation-received-action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:6px;transition:all .2s}.procurement-quotation-received-action-btn:hover{transform:scale(1.1)}.procurement-quotation-received-action-btn.action-view{color:#4d7ce0;color:var(--ct-4d7ce0,#4d7ce0)}.procurement-quotation-received-action-btn.action-view:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe)}.procurement-quotation-received-action-btn.action-edit{color:#059669;color:var(--ct-059669,#059669)}.procurement-quotation-received-action-btn.action-edit:hover{background:#d1fae5;background:var(--c-d1fae5,#d1fae5)}.procurement-quotation-received-action-btn.action-shortlist{color:#f59e0b;color:var(--ct-f59e0b,#f59e0b)}.procurement-quotation-received-action-btn.action-shortlist:hover{background:#fef3c7;background:var(--c-fef3c7,#fef3c7)}.procurement-quotation-received-action-btn.action-approve{color:#16a34a;color:var(--ct-16a34a,#16a34a)}.procurement-quotation-received-action-btn.action-approve:hover{background:#dcfce7;background:var(--c-dcfce7,#dcfce7)}.procurement-quotation-received-action-btn.action-delete{color:#dc2626;color:var(--ct-dc2626,#dc2626)}.procurement-quotation-received-action-btn.action-delete:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2)}.procurement-quotation-received-create-po-btn{color:#166534;color:var(--ct-166534,#166534)}.procurement-quotation-received-create-po-btn:hover{background:#dcfce7;background:var(--c-dcfce7,#dcfce7)}.empty-state{font-style:italic;padding:50px 20px!important}.file-link{color:#3b82f6;color:var(--ct-3b82f6,#3b82f6);font-size:13px;text-decoration:none;transition:color .2s}.file-link:hover{color:#2563eb;color:var(--ct-2563eb,#2563eb);text-decoration:underline}.procurement-quotation-received-drawer-overlay{align-items:center;animation:procurement-quotation-received-fadeIn .2s;background-color:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes procurement-quotation-received-fadeIn{0%{opacity:0}to{opacity:1}}.procurement-quotation-received-drawer{animation:procurement-quotation-received-slideIn .3s ease-out;background:#fff;background:var(--c-white,#fff);box-shadow:-4px 0 20px #00000026;height:100vh;max-width:90vw;overflow-y:auto;width:600px}@keyframes procurement-quotation-received-slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.procurement-quotation-received-drawer-header{align-items:flex-start;background:#fff;background:var(--c-white,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.procurement-quotation-received-drawer-header h2{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:20px;margin:0 0 4px}.procurement-quotation-received-drawer-subtitle{color:#64748b;color:var(--ct-64748b,#64748b);font-size:13px;margin:0}.procurement-quotation-received-drawer-close{background:none;border:none;border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;font-size:24px;line-height:1;padding:4px;transition:all .2s}.procurement-quotation-received-drawer-close:hover{background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9);color:#1e293b;color:var(--ct-1e293b,#1e293b)}.procurement-quotation-received-drawer-content{padding:20px}.procurement-quotation-received-drawer-section{margin-bottom:24px}.procurement-quotation-received-drawer-section h3{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:15px;font-weight:600;margin:0 0 14px}.quotation-details-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.quotation-detail-item{display:flex;flex-direction:column;gap:4px}.quotation-detail-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.quotation-value{color:#059669;color:var(--ct-059669,#059669);font-size:14px;font-weight:600}.quotation-items-table-wrapper{overflow-x:auto}.quotation-items-table{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-collapse:collapse;border-radius:8px;font-size:13px;overflow:hidden;width:100%}.quotation-items-table thead{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc)}.quotation-items-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);color:#475569;color:var(--ct-475569,#475569);font-size:11px;font-weight:600;padding:10px 12px;text-align:left;text-transform:uppercase}.quotation-items-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#334155;color:var(--ct-334155,#334155);padding:10px 12px}.quotation-items-table tbody tr:last-child td{border-bottom:none}.text-right{text-align:right}.text-center{text-align:center}.procurement-quotation-received-drawer-actions{background:#fff;background:var(--c-white,#fff);border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);bottom:0;display:flex;flex-wrap:wrap;gap:10px;padding:16px 20px;position:-webkit-sticky;position:sticky}.procurement-quotation-received-modal-overlay{align-items:center;animation:procurement-quotation-received-fadeIn .2s;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.procurement-quotation-received-comparison-modal,.procurement-quotation-received-po-modal,.procurement-quotation-received-upload-modal{animation:procurement-quotation-received-scaleIn .3s ease-out;background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:1200px;overflow-y:auto;width:100%}@keyframes procurement-quotation-received-scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.procurement-quotation-received-po-modal{max-width:700px}.procurement-quotation-received-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;justify-content:space-between;padding:20px}.procurement-quotation-received-modal-header h2{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:18px;margin:0}.procurement-quotation-received-modal-close{background:none;border:none;border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;font-size:24px;line-height:1;padding:4px;transition:all .2s}.procurement-quotation-received-modal-close:hover{background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9);color:#1e293b;color:var(--ct-1e293b,#1e293b)}.procurement-quotation-received-upload-form{display:flex;flex-direction:column;gap:20px;padding:20px}.procurement-quotation-received-form-section{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-radius:8px;padding:16px}.procurement-quotation-received-form-section h3{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:15px;font-weight:600;margin:0 0 14px}.procurement-quotation-received-form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr);margin-bottom:14px}.procurement-quotation-received-form-row:last-child{margin-bottom:0}.procurement-quotation-received-form-group{display:flex;flex-direction:column;gap:6px}.procurement-quotation-received-form-group label{color:#475569;color:var(--ct-475569,#475569);font-size:12px;font-weight:600}.procurement-quotation-received-form-group input,.procurement-quotation-received-form-group select,.procurement-quotation-received-form-group textarea{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;font-family:inherit;font-size:14px;padding:8px 12px;transition:all .2s}.procurement-quotation-received-form-group input:focus,.procurement-quotation-received-form-group select:focus,.procurement-quotation-received-form-group textarea:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.procurement-quotation-received-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.procurement-quotation-received-btn-add-item{background-color:#3b82f6;background-color:var(--c-3b82f6,#3b82f6);border:none;border-radius:6px;color:#fff;color:var(--ct-white,#fff);cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.procurement-quotation-received-btn-add-item:hover{background-color:#2563eb;background-color:var(--c-2563eb,#2563eb)}.procurement-quotation-received-items-table-wrapper{margin-bottom:16px;overflow-x:auto}.procurement-quotation-received-items-table{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-collapse:collapse;border-radius:8px;font-size:13px;min-width:900px;overflow:hidden;table-layout:fixed;width:100%}.procurement-quotation-received-items-table thead{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc)}.procurement-quotation-received-items-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);color:#475569;color:var(--ct-475569,#475569);font-size:11px;font-weight:600;overflow:hidden;padding:10px 8px;text-align:left;text-transform:uppercase;white-space:nowrap}.procurement-quotation-received-items-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);box-sizing:border-box;color:#334155;color:var(--ct-334155,#334155);overflow:hidden;padding:8px;vertical-align:middle}.procurement-quotation-received-items-table tbody tr{height:56px}.procurement-quotation-received-items-table tbody tr:last-child td{border-bottom:none}.procurement-quotation-received-items-table .table-input{box-sizing:border-box;max-width:100%;min-width:0;width:100%}.table-input{border:1px solid #d1d5db;border:1px solid var(--c-d1d5db,#d1d5db);border-radius:4px;font-family:inherit;font-size:13px;padding:6px 8px;transition:all .2s;width:100%}.table-input:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.table-input::placeholder{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-style:italic;opacity:.7}.table-input:focus::placeholder{opacity:.5}.procurement-quotation-received-btn-remove-item{align-items:center;background:#ef4444;background:var(--c-ef4444,#ef4444);border:none;border-radius:6px;color:#fff;color:var(--ct-white,#fff);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:24px;justify-content:center;transition:all .2s;width:24px}.procurement-quotation-received-btn-remove-item:hover{background:#dc2626;background:var(--c-dc2626,#dc2626)}.procurement-quotation-received-quote-summary{background-color:#fff;background-color:var(--c-white,#fff);border:2px solid #e2e8f0;border:2px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;padding:14px}.procurement-quotation-received-summary-row{color:#475569;color:var(--ct-475569,#475569);display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.procurement-quotation-received-summary-total{border-top:2px solid #e2e8f0;border-top:2px solid var(--c-e2e8f0,#e2e8f0);color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:15px;margin-top:8px;padding-top:10px}.procurement-quotation-received-summary-total span{color:#059669;color:var(--ct-059669,#059669)}.procurement-quotation-received-modal-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding:16px 20px}.file-info-box{background-color:#f0f9ff;background-color:var(--c-f0f9ff,#f0f9ff);border:1px solid #bae6fd;border:1px solid var(--c-bae6fd,#bae6fd);border-radius:6px;color:#0c4a6e;color:var(--ct-0c4a6e,#0c4a6e);font-size:13px;margin-top:8px;padding:10px}.table-footer{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc)}.table-footer-left{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.records-per-page{align-items:center;display:flex;gap:8px}.records-per-page label{color:#475569;color:var(--ct-475569,#475569);font-size:13px;font-weight:500}.page-size-select{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #cbd5e1;border:1px solid var(--c-cbd5e1,#cbd5e1);border-radius:6px;color:#1e293b;color:var(--ct-1e293b,#1e293b);cursor:pointer;font-size:13px;padding:6px 10px;transition:all .2s}.page-size-select:hover{border-color:#94a3b8;border-color:var(--c-94a3b8,#94a3b8)}.page-size-select:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.page-btn{border:1px solid var(--c-e2e8f0,#e2e8f0)}.page-btn:hover:not(:disabled){background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.page-btn.active{background:#3b82f6;background:var(--c-3b82f6,#3b82f6)}@media (max-width:1024px){.procurement-quotation-received-kpi-grid{grid-template-columns:repeat(2,1fr)}.quotation-details-grid{grid-template-columns:1fr}.procurement-quotation-received-table{font-size:12px}.procurement-quotation-received-table td,.procurement-quotation-received-table th{padding:10px 8px}}@media (max-width:768px){.procurement-quotation-received-container{padding:12px}.procurement-quotation-received-breadcrumb{font-size:11px}.procurement-quotation-received-title{font-size:18px}.procurement-quotation-received-count{font-size:16px}.page-header-with-filter{align-items:stretch;flex-direction:column;gap:12px}.procurement-quotation-received-action-bar{align-items:stretch;flex-direction:column;gap:10px}.procurement-quotation-received-search-filters{flex-direction:column;gap:8px;width:100%}.procurement-quotation-received-search{font-size:14px;min-width:100%;padding:10px 12px}.procurement-quotation-received-filter{padding:10px 12px;width:100%}.procurement-quotation-received-actions{flex-direction:column;gap:8px;width:100%}.procurement-quotation-received-btn-primary,.procurement-quotation-received-btn-secondary{font-size:14px;justify-content:center;padding:12px;width:100%}.procurement-column-picker-container{width:100%}.procurement-column-picker-dropdown{left:0;max-width:100%;right:0;width:100%}.procurement-quotation-received-kpi-grid{gap:12px;grid-template-columns:1fr}.procurement-quotation-received-kpi-card{padding:14px}.procurement-quotation-received-kpi-icon{font-size:24px;height:44px;width:44px}.procurement-quotation-received-kpi-value{font-size:20px}.procurement-quotation-received-kpi-label{font-size:11px}.procurement-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.procurement-quotation-received-table{font-size:11px;min-width:900px}.procurement-quotation-received-table th{font-size:10px;padding:8px 6px}.procurement-quotation-received-table td{font-size:11px;padding:8px 6px}.procurement-quotation-received-badge{font-size:9px;padding:2px 6px}.procurement-quotation-received-action-btn{font-size:14px;padding:4px}.procurement-quotation-received-actions-cell{gap:4px}.procurement-quotation-received-drawer{border-radius:0;max-width:100vw;width:100%}.procurement-quotation-received-drawer-header{padding:16px}.procurement-quotation-received-drawer-header h2{font-size:18px}.procurement-quotation-received-drawer-content{padding:16px}.procurement-quotation-received-drawer-section{margin-bottom:20px}.procurement-quotation-received-drawer-section h3{font-size:14px}.quotation-details-grid{gap:10px;grid-template-columns:1fr}.procurement-quotation-received-form-row{gap:12px;grid-template-columns:1fr}.procurement-quotation-received-upload-modal{border-radius:0;max-height:100vh;max-width:100vw;width:100%}.procurement-quotation-received-modal-header{padding:16px}.procurement-quotation-received-upload-form{gap:16px;padding:16px}.procurement-quotation-received-form-section{padding:14px}.procurement-quotation-received-items-table{font-size:11px}.procurement-quotation-received-items-table td,.procurement-quotation-received-items-table th{font-size:11px;padding:6px 4px}.table-input{font-size:12px;padding:6px}.table-footer{padding:12px}.table-footer,.table-footer-left{align-items:stretch;flex-direction:column;gap:10px}.table-footer-left{width:100%}.table-footer-left>span{font-size:12px}.records-per-page{justify-content:space-between;width:100%}.records-per-page label{font-size:12px}.page-size-select{font-size:13px;padding:8px 10px}.pagination{flex-wrap:wrap;justify-content:center;width:100%}.page-btn{font-size:12px;min-width:32px;padding:8px 12px}}@media (max-width:480px){.procurement-quotation-received-container{padding:10px}.procurement-quotation-received-title{font-size:16px}.procurement-quotation-received-count{font-size:14px}.procurement-quotation-received-search{font-size:13px}.procurement-column-picker-container{width:100%}.procurement-quotation-received-btn-primary,.procurement-quotation-received-btn-secondary{font-size:13px;padding:10px}.procurement-quotation-received-kpi-value{font-size:18px}.procurement-quotation-received-table{font-size:10px;min-width:800px}.procurement-quotation-received-table td,.procurement-quotation-received-table th{padding:6px 4px}.procurement-quotation-received-modal-header h2{font-size:16px}.page-btn{font-size:11px;padding:6px 10px}}@media (max-width:375px){.procurement-quotation-received-title{font-size:15px}.procurement-quotation-received-kpi-grid{gap:10px}.procurement-quotation-received-kpi-card{padding:12px}.procurement-quotation-received-table{min-width:700px}}.tm-dtp-trigger{box-sizing:border-box}.tm-dtp-month,.tm-dtp-month:hover{align-items:center;background:none;border:none;border-radius:20px;color:#0f172a;color:var(--ct-0f172a,#0f172a);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:4px;padding:4px 8px;transition:background .13s}.tm-cal-cell:hover:not(.tm-cal-empty):not(.tm-dtp-sel){background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.tm-cal-empty{color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1)}.tm-yr-num{color:#4f46e5;color:var(--ct-4f46e5,#4f46e5)}.tm-yr-sel{background:#4f46e5!important;background:var(--c-4f46e5,#4f46e5)!important}.po-dtp-dropdown{animation:qrDtpIn .13s ease-out;box-shadow:0 8px 24px #0f172a24}@keyframes qrDtpIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.po-dtp-grid{padding:8px 7px 6px}.procurement-quotation-received-form-group,.procurement-quotation-received-form-row,.procurement-quotation-received-form-section{overflow:visible!important}.procurement-quotation-received-form-group{position:relative}.procurement-quotation-received-form-group .filter-trigger,.procurement-quotation-received-form-group .filter-trigger--open{font-family:inherit;font-size:13px;height:38px;width:100%}.procurement-quotation-received-form-group .filter-dropdown-list{width:100%}.qr-filter-select-wrap{flex-shrink:0}.qr-filter-select-wrap .filter-trigger{font-size:13px;height:36px;width:148px}.qr-filter-select-wrap .filter-dropdown-list{min-width:148px}.qr-unit-select-wrap .filter-trigger{border-radius:6px;font-size:12px;height:32px;padding:0 28px 0 8px;width:130px}.qr-unit-select-wrap .filter-trigger--disabled{opacity:.5;pointer-events:none}.qr-unit-select-wrap .filter-dropdown-list{font-size:12px;max-height:200px;min-width:130px}.qr-unit-select-wrap .filter-dropdown-item{font-size:12px;padding:6px 10px}.procurement-quotation-received-form-group .filter-trigger{border-radius:6px;font-family:inherit;font-size:13px;height:38px;width:100%}.procurement-quotation-received-form-group .filter-dropdown-list{font-size:13px;min-width:0;min-width:auto}.iac-wrapper{position:relative;width:100%}.iac-input{padding-right:24px;width:100%}.iac-spinner{animation:iac-spin .6s linear infinite;border:2px solid #e2e8f0;border-top-color:#3b82f6;border:2px solid var(--c-e2e8f0,#e2e8f0);border-radius:50%;border-top-color:var(--c-3b82f6,#3b82f6);height:13px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:13px}@keyframes iac-spin{to{transform:translateY(-50%) rotate(1turn)}}.iac-dropdown{background:#fff;background:var(--c-fff,#fff);border:1px solid #cbd5e1;border:1px solid var(--c-cbd5e1,#cbd5e1);border-radius:8px;box-shadow:0 8px 24px #0000001f;list-style:none;margin:0;max-height:260px;overflow-y:auto;padding:4px 0}.iac-option{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);cursor:pointer;padding:9px 14px;transition:background .12s}.iac-option:last-child{border-bottom:none}.iac-option--active,.iac-option:hover{background:#eff6ff;background:var(--c-eff6ff,#eff6ff)}.iac-option-name{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iac-option-meta{align-items:center;color:#64748b;color:var(--ct-64748b,#64748b);display:flex;flex-wrap:wrap;font-size:11.5px;gap:8px;margin-top:2px}.iac-badge{background:#e0f2fe;background:var(--c-e0f2fe,#e0f2fe);border-radius:4px;color:#0369a1;color:var(--ct-0369a1,#0369a1);font-size:11px;font-weight:600;padding:1px 6px}.iac-price{color:#16a34a;color:var(--ct-16a34a,#16a34a);font-weight:600}.iac-dropdown::-webkit-scrollbar{width:5px}.iac-dropdown::-webkit-scrollbar-track{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.iac-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:3px}.Invoices-page-container{color:#1a202c;color:var(--ct-1a202c,#1a202c);padding:0 24px}.Invoices-page-breadcrumb{align-items:center;color:#64748b;color:var(--ct-64748b,#64748b);display:flex;font-size:13px;gap:6px;margin-bottom:12px}.Invoices-page-separator{color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1)}.Invoices-page-current{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-weight:500}.Invoices-page-title{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:24px;font-weight:700}.Invoices-page-action-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.Invoices-page-search-filters{display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.Invoices-page-search{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#374151;color:var(--ct-374151,#374151);flex:1 1;font-size:13px;min-width:200px;padding:10px 12px;transition:all .2s}.Invoices-page-search::placeholder{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8)}.Invoices-page-search:focus{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 0 0 2px #2563eb1a;outline:none}.Invoices-page-filter{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;font-size:13px;min-width:140px;padding:6px 12px;transition:all .2s}.Invoices-page-filter:hover{border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.Invoices-page-filter:focus{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 0 0 2px #2563eb1a;outline:none}.Invoices-page-actions{display:flex;gap:8px}.Invoices-page-btn-primary{align-items:center;background-color:#2563eb;background-color:var(--c-2563eb,#2563eb);border:none;border-radius:6px;color:#fff;color:var(--ct-white,#fff);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s;white-space:nowrap}.Invoices-page-btn-primary:hover{background-color:#1d4ed8;background-color:var(--c-1d4ed8,#1d4ed8);box-shadow:0 2px 8px #2563eb4d;transform:translateY(-1px)}.Invoices-page-btn-secondary{align-items:center;background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 14px;transition:all .2s;white-space:nowrap}.Invoices-page-btn-secondary:hover{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.Invoices-page-btn-add{background-color:#10b981;background-color:var(--c-10b981,#10b981);border:none;border-radius:6px;color:#fff;color:var(--ct-white,#fff);cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.Invoices-page-btn-add:hover{background-color:#059669;background-color:var(--c-059669,#059669)}.Invoices-page-btn-remove{align-items:center;align-self:center;background:#fee2e2;background:var(--c-fee2e2,#fee2e2);border:none;border-radius:5px;color:#991b1b;color:var(--ct-991b1b,#991b1b);cursor:pointer;display:flex;font-size:15px;height:26px;justify-content:center;line-height:1;padding:0;transition:background .15s;width:26px}.Invoices-page-btn-remove:hover{background:#fca5a5;background:var(--c-fca5a5,#fca5a5)}.Invoices-page-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}.Invoices-page-stat-card{background:#fff;background:var(--c-white,#fff);border-radius:8px;box-shadow:0 1px 3px #00000014;padding:12px 16px;transition:all .2s}.Invoices-page-stat-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.Invoices-page-stat-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:500;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.Invoices-page-stat-value{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:22px;font-weight:700}.Invoices-page-stat-success{color:#10b981;color:var(--ct-10b981,#10b981)}.Invoices-page-stat-warning{color:#f59e0b;color:var(--ct-f59e0b,#f59e0b)}.Invoices-page-stat-danger{color:#ef4444;color:var(--ct-ef4444,#ef4444)}.Invoices-page-table-container{background:#fff;background:var(--c-white,#fff);border-radius:8px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;overflow:hidden;width:100%}.Invoices-page-table-scroll{-webkit-overflow-scrolling:touch;flex:1 1;max-height:600px;overflow-x:auto;overflow-y:auto}.Invoices-page-table-scroll::-webkit-scrollbar{height:5px;width:5px}.Invoices-page-table-scroll::-webkit-scrollbar-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.Invoices-page-table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:4px}.Invoices-page-table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--c-94a3b8,#94a3b8)}.Invoices-page-table{border-collapse:collapse;min-width:1100px;table-layout:auto;width:100%}.Invoices-page-table thead{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);position:-webkit-sticky;position:sticky;top:0;z-index:10}.Invoices-page-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:600;letter-spacing:.3px;padding:8px 12px;text-align:left;text-transform:uppercase}.Invoices-page-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#334155;color:var(--ct-334155,#334155);font-size:13px;padding:8px 12px}.Invoices-page-table tbody tr{transition:all .15s}.Invoices-page-table tbody tr:hover{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc)}.Invoices-page-invoice-id{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-size:13px;font-weight:600}.Invoices-page-total{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-weight:600}.Invoices-page-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;text-align:center;white-space:nowrap}.Invoices-page-status-draft{background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9)}.Invoices-page-status-sent{background-color:#dbeafe;background-color:var(--c-dbeafe,#dbeafe)}.Invoices-page-status-paid{background-color:#d1fae5;background-color:var(--c-d1fae5,#d1fae5);color:#065f46;color:var(--ct-065f46,#065f46)}.Invoices-page-status-cancelled{background-color:#fee2e2;background-color:var(--c-fee2e2,#fee2e2)}.Invoices-page-status-pending-approval{background-color:#fff7ed;background-color:var(--c-fff7ed,#fff7ed);border:1px solid #fed7aa;border:1px solid var(--c-fed7aa,#fed7aa);color:#9a3412;color:var(--ct-9a3412,#9a3412);font-weight:600}.Invoices-page-status-approved{background-color:#d1fae5;background-color:var(--c-d1fae5,#d1fae5);border:1px solid #6ee7b7;border:1px solid var(--c-6ee7b7,#6ee7b7);color:#064e3b;color:var(--ct-064e3b,#064e3b);font-weight:600}.Invoices-page-payment-partial,.Invoices-page-payment-pending{background-color:#fef3c7;background-color:var(--c-fef3c7,#fef3c7)}.Invoices-page-payment-pending{color:#92400e;color:var(--ct-92400e,#92400e)}.Invoices-page-payment-paid{background-color:#d1fae5;background-color:var(--c-d1fae5,#d1fae5);color:#065f46;color:var(--ct-065f46,#065f46)}.Invoices-page-status-overdue{background-color:#fee2e2;background-color:var(--c-fee2e2,#fee2e2);color:#991b1b;color:var(--ct-991b1b,#991b1b)}.Invoices-page-action-buttons{display:flex;gap:4px}.Invoices-page-action-btn{align-items:center;background:#0000;border:none;border-radius:5px;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:all .2s}.Invoices-page-btn-view{color:#4d7ce0;color:var(--ct-4d7ce0,#4d7ce0)}.Invoices-page-btn-view:hover{background-color:#dbeafe;background-color:var(--c-dbeafe,#dbeafe)}.Invoices-page-btn-edit{color:#059669;color:var(--ct-059669,#059669)}.Invoices-page-btn-edit:hover{background-color:#d1fae5;background-color:var(--c-d1fae5,#d1fae5)}.Invoices-page-btn-download{color:#059669;color:var(--ct-059669,#059669)}.Invoices-page-btn-download:hover{background-color:#d1fae5;background-color:var(--c-d1fae5,#d1fae5)}.Invoices-page-btn-payment{color:#059669;color:var(--ct-059669,#059669)}.Invoices-page-btn-payment:hover{background-color:#d1fae5;background-color:var(--c-d1fae5,#d1fae5)}.Invoices-page-btn-approve{color:#f59e0b;color:var(--ct-f59e0b,#f59e0b)}.Invoices-page-btn-approve:hover{background-color:#fef3c7;background-color:var(--c-fef3c7,#fef3c7)}.Invoices-page-btn-delete{color:#dc2626;color:var(--ct-dc2626,#dc2626)}.Invoices-page-btn-delete:hover{background-color:#fee2e2;background-color:var(--c-fee2e2,#fee2e2)}.Invoices-page-pagination{align-items:center;background:#fafafa;background:var(--c-fafafa,#fafafa);border-top:1px solid #f1f5f9;border-top:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px 18px}.Invoices-page-pagination-info{align-items:center;color:#64748b;color:var(--ct-64748b,#64748b);display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.Invoices-page-pagination-controls-wrapper{align-items:center;display:flex;gap:16px}.Invoices-page-pagination-size{align-items:center;color:#64748b;color:var(--ct-64748b,#64748b);display:flex;font-size:12px;gap:6px}.Invoices-page-pagination-size label{font-weight:500}.Invoices-page-pagination-size-select{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:5px;cursor:pointer;font-size:12px;padding:4px 8px}.Invoices-page-pagination-size-select:hover{border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.Invoices-page-pagination-size-select:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);outline:none}.Invoices-page-pagination-buttons,.Invoices-page-pagination-controls{align-items:center;display:flex;gap:4px}.Invoices-page-pagination-btn{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:7px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;height:32px;justify-content:center;padding:0;transition:all .15s;width:32px}.Invoices-page-pagination-btn:hover:not(:disabled){background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1);color:#0f172a;color:var(--ct-0f172a,#0f172a)}.Invoices-page-pagination-btn:disabled{cursor:not-allowed;opacity:.4}.Invoices-page-pagination-btn-active{background:#0f172a!important;background:var(--c-0f172a,#0f172a)!important;border-color:#0f172a!important;border-color:var(--c-0f172a,#0f172a)!important;color:#fff!important;color:var(--ct-fff,#fff)!important;font-weight:700}.Invoices-page-pagination-current{color:#334155;color:var(--ct-334155,#334155);font-size:12px;font-weight:500}.Invoices-page-pagination-info .filter-trigger{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:5px;box-shadow:none;font-family:inherit;font-size:12px;height:26px;min-width:auto;min-width:80px;padding:0 24px 0 8px;width:auto}.Invoices-page-pagination-info .filter-trigger:hover:not(.filter-trigger--disabled){border-color:#9ca3af;border-color:var(--c-9ca3af,#9ca3af);box-shadow:none}.Invoices-page-pagination-info .filter-trigger--open{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 2px #3b82f614}.Invoices-page-pagination-info .filter-trigger__chevron{right:5px}.Invoices-page-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:16px;position:fixed;right:0;top:0;z-index:1000}.Invoices-page-modal{background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.Invoices-page-modal-large{max-width:900px}.Invoices-page-modal-xlarge{max-width:1200px}.Invoices-page-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;justify-content:space-between;padding:16px 20px}.Invoices-page-modal-header h2{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:18px;font-weight:700}.Invoices-page-modal-close{align-items:center;background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9);border:none;border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;transition:all .2s;width:28px}.Invoices-page-modal-close:hover{background-color:#e2e8f0;background-color:var(--c-e2e8f0,#e2e8f0);color:#334155;color:var(--ct-334155,#334155)}.Invoices-page-modal-body{flex:1 1;overflow-y:auto;padding:16px 20px}.Invoices-page-modal-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;gap:8px;justify-content:flex-end;padding:12px 20px}.Invoices-page-invoice-view{max-width:100%}.Invoices-page-invoice-header{align-items:flex-start;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--c-e2e8f0,#e2e8f0);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.Invoices-page-invoice-company h1{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:28px;font-weight:700;margin-bottom:6px}.Invoices-page-invoice-number{color:#64748b;color:var(--ct-64748b,#64748b);font-size:16px;font-weight:500}.Invoices-page-invoice-status-badge{margin-top:6px}.Invoices-page-invoice-meta{grid-gap:12px;background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px;padding:14px}.Invoices-page-invoice-meta-item{font-size:13px}.Invoices-page-invoice-meta-item strong{color:#64748b;color:var(--ct-64748b,#64748b);display:block;font-weight:500;margin-bottom:4px}.Invoices-page-invoice-section{margin-bottom:20px}.Invoices-page-invoice-section h3{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:16px;font-weight:600;margin-bottom:12px}.Invoices-page-invoice-section h4{color:#334155;color:var(--ct-334155,#334155);font-size:14px;font-weight:600;margin-bottom:10px;margin-top:16px}.Invoices-page-client-info{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-radius:8px;font-size:13px;line-height:1.6;padding:14px}.Invoices-page-client-info p{color:#334155;color:var(--ct-334155,#334155);margin-bottom:4px}.Invoices-page-invoice-items-table{border-collapse:collapse;margin-top:12px;width:100%}.Invoices-page-invoice-items-table thead{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc)}.Invoices-page-invoice-items-table th{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--c-e2e8f0,#e2e8f0);color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:600;letter-spacing:.3px;padding:8px 10px;text-align:left;text-transform:uppercase}.Invoices-page-invoice-items-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#334155;color:var(--ct-334155,#334155);font-size:13px;padding:8px 10px}.Invoices-page-invoice-totals{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-radius:8px;margin-left:auto;margin-top:16px;max-width:350px;padding:14px}.Invoices-page-total-row{color:#334155;color:var(--ct-334155,#334155);display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.Invoices-page-grand-total{border-top:2px solid #e2e8f0;border-top:2px solid var(--c-e2e8f0,#e2e8f0);color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:16px;font-weight:700;margin-top:10px;padding-top:10px}.Invoices-page-payment-summary{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-radius:8px;padding:14px}.Invoices-page-payment-info{margin-bottom:16px}.Invoices-page-payment-row{color:#334155;color:var(--ct-334155,#334155);display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.Invoices-page-balance-due{border-top:2px solid #e2e8f0;border-top:2px solid var(--c-e2e8f0,#e2e8f0);font-size:15px;font-weight:600;margin-top:10px;padding-top:10px}.Invoices-page-text-success{color:#10b981;color:var(--ct-10b981,#10b981)}.Invoices-page-text-danger{color:#ef4444;color:var(--ct-ef4444,#ef4444)}.Invoices-page-payment-history{margin-top:16px}.Invoices-page-payment-table{border-collapse:collapse;margin-top:10px;width:100%}.Invoices-page-payment-table th{background-color:#fff;background-color:var(--c-white,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:600;padding:8px;text-align:left}.Invoices-page-payment-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#334155;color:var(--ct-334155,#334155);font-size:13px;padding:8px}.Invoices-page-invoice-actions{border-top:2px solid #e2e8f0;border-top:2px solid var(--c-e2e8f0,#e2e8f0);display:flex;gap:8px;justify-content:flex-end;margin-top:20px;padding-top:16px}.Invoices-page-form{width:100%}.Invoices-page-form-section{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);margin-bottom:20px;padding-bottom:16px}.Invoices-page-form-section:last-child{border-bottom:none}.Invoices-page-form-section h3{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:15px;font-weight:600;margin-bottom:12px}.Invoices-page-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.Invoices-page-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.Invoices-page-form-group{display:flex;flex-direction:column;gap:6px}.Invoices-page-form-group-full{grid-column:span 2}.Invoices-page-form-group-small{flex:0 0 100px}.Invoices-page-form-group label{color:#334155;color:var(--ct-334155,#334155);font-size:12px;font-weight:500}.Invoices-page-form-group input,.Invoices-page-form-group select,.Invoices-page-form-group textarea{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;font-family:inherit;font-size:13px;padding:6px 10px;transition:all .2s}.Invoices-page-form-group input:focus,.Invoices-page-form-group select:focus,.Invoices-page-form-group textarea:focus{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 0 0 2px #2563eb1a;outline:none}.Invoices-page-item-header-row,.Invoices-page-item-row{grid-gap:6px;align-items:center;display:grid;gap:6px;grid-template-columns:minmax(160px,2.6fr) 100px 90px 110px 72px 120px 28px}.Invoices-page-item-header-row{margin-bottom:2px;padding:4px 10px 6px}.Invoices-page-item-header-row span{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:600;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.Invoices-page-item-row{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;margin-bottom:8px;padding:8px 10px;position:relative;transition:border-color .15s}.Invoices-page-item-row:hover{border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.Invoices-page-ifield{display:flex;flex-direction:column;gap:2px;min-width:0;position:relative}.Invoices-page-iinput{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:13px;padding:5px 8px;transition:border-color .15s,box-shadow .15s;width:100%}.Invoices-page-iinput:focus{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 0 0 2px #2563eb1a;outline:none}.Invoices-page-iinput-error{border-color:#ef4444!important;border-color:var(--c-ef4444,#ef4444)!important;box-shadow:0 0 0 2px #ef44441a!important}.Invoices-page-qty-cap{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:10px;line-height:1;padding-left:2px}.Invoices-page-ifield-total{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#0f172a;color:var(--ct-0f172a,#0f172a);display:flex;font-size:12px;font-weight:600;justify-content:flex-end;overflow:hidden;padding:5px 8px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.Invoices-page-item-fields{display:contents}.Invoices-page-item-row .Invoices-page-form-group-small{flex:initial}.Invoices-page-item-total{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:13px;font-weight:600;padding:6px 10px}.Invoices-page-calculation-summary{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-radius:8px;margin-left:auto;margin-top:16px;max-width:350px;padding:14px}.Invoices-page-calc-row{color:#334155;color:var(--ct-334155,#334155);display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.Invoices-page-calc-grand{border-top:2px solid #e2e8f0;border-top:2px solid var(--c-e2e8f0,#e2e8f0);color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:16px;font-weight:700;margin-top:10px;padding-top:10px}.invoice-item-dropdown{background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;box-shadow:0 4px 6px #0000001a;left:0;margin-top:2px;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.invoice-item-dropdown>div{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);cursor:pointer;padding:10px 12px;transition:background-color .2s}.invoice-item-dropdown>div:hover{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc)}.invoice-item-dropdown>div:last-child{border-bottom:none}@media (max-width:1200px){.Invoices-page-form-grid{grid-template-columns:1fr}.Invoices-page-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.Invoices-page-container{padding:12px}.Invoices-page-action-bar{align-items:stretch;flex-direction:column}.Invoices-page-search-filters{flex-direction:column}.Invoices-page-stats{grid-template-columns:1fr}.Invoices-page-table-container{overflow-x:auto}.Invoices-page-modal{margin:10px;max-width:95%}.Invoices-page-pagination{flex-direction:column;gap:8px}.Invoices-page-invoice-meta{grid-template-columns:1fr}.column-manager-modal{left:12px;right:12px;width:auto}.Invoices-page-item-fields,.Invoices-page-item-row{flex-direction:column}}@media (max-width:480px){.Invoices-page-title{font-size:20px}.Invoices-page-table td,.Invoices-page-table th{font-size:12px;padding:6px 8px}.Invoices-page-action-buttons{flex-wrap:wrap}}.Invoices-page-action-btn.action-btn-disabled,.Invoices-page-action-btn:disabled{cursor:not-allowed!important;opacity:.6;pointer-events:auto}.Invoices-page-action-btn.action-btn-disabled,.Invoices-page-action-btn.action-btn-disabled:hover,.Invoices-page-action-btn:disabled,.Invoices-page-action-btn:disabled:hover{background-color:#f1f5f9!important;background-color:var(--c-f1f5f9,#f1f5f9)!important;color:#94a3b8!important;color:var(--ct-94a3b8,#94a3b8)!important}.Invoices-page-permission-notice{align-items:center;background:#fffbeb;background:var(--c-fffbeb,#fffbeb);border:1px solid #fde68a;border:1px solid var(--c-fde68a,#fde68a);border-radius:8px;color:#92400e;color:var(--ct-92400e,#92400e);display:flex;font-size:12px;font-weight:500;gap:8px;padding:8px 14px}.Invoices-page-permission-notice svg,.inv-filter-select-wrap{flex-shrink:0}.inv-filter-select-wrap .filter-trigger{font-size:12px;height:36px;padding:0 28px 0 10px;width:160px}.inv-filter-select-wrap .filter-trigger__text--placeholder{font-size:11px}.inv-filter-select-wrap .filter-dropdown-list{font-size:12px;min-width:170px}.inv-filter-select-wrap .filter-dropdown-item{font-size:12px;padding:7px 12px}.Invoices-page-form-group .filter-trigger{border-radius:6px;font-family:inherit;font-size:13px;height:38px;width:100%}.Invoices-page-form-group .filter-trigger__text--placeholder{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:12px;font-style:italic}.Invoices-page-form-group .filter-dropdown-list{font-size:13px;min-width:0;min-width:auto}.Invoices-page-form-group .filter-dropdown-item{font-size:13px;padding:8px 12px}.receipts-page-container{color:#1a202c;color:var(--ct-1a202c,#1a202c);padding:24px 24px 0}.receipts-page-breadcrumb{align-items:center;color:#64748b;color:var(--ct-64748b,#64748b);display:flex;font-size:13px;gap:6px;margin-bottom:12px}.receipts-page-separator{color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1)}.receipts-page-current{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-weight:500}.receipts-page-title{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:24px;font-weight:700}.receipts-page-action-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.receipts-page-search-filters{display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.receipts-page-search{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;flex:1 1;font-size:13px;min-width:200px;padding:6px 12px;transition:all .2s}.receipts-page-search:focus{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 0 0 2px #2563eb1a;outline:none}.receipts-page-filter{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;cursor:pointer;font-size:13px;min-width:140px;padding:6px 12px;transition:all .2s}.receipts-page-filter:hover{border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.receipts-page-filter:focus{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 0 0 2px #2563eb1a;outline:none}.receipts-page-actions{display:flex;gap:8px}.receipts-page-btn-primary{align-items:center;background-color:#2563eb;background-color:var(--c-2563eb,#2563eb);border:none;border-radius:6px;color:#fff;color:var(--ct-white,#fff);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 14px;transition:all .2s;white-space:nowrap}.receipts-page-btn-primary:hover{background-color:#1d4ed8;background-color:var(--c-1d4ed8,#1d4ed8);box-shadow:0 2px 8px #2563eb4d;transform:translateY(-1px)}.receipts-page-btn-secondary{align-items:center;background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 14px;transition:all .2s;white-space:nowrap}.receipts-page-btn-secondary:hover{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.receipts-page-btn-danger{align-items:center;background:#dc2626;background:var(--c-dc2626,#dc2626);border:none;border-radius:6px;color:#fff;color:var(--ct-white,#fff);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px;transition:all .2s ease}.receipts-page-btn-danger:hover{background:#b91c1c;background:var(--c-b91c1c,#b91c1c);box-shadow:0 2px 6px #dc262633}.receipts-page-btn-danger:active{transform:translateY(1px)}.receipts-page-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}.receipts-page-stat-card{background:#fff;background:var(--c-white,#fff);border-radius:8px;box-shadow:0 1px 3px #00000014;padding:12px 16px;transition:all .2s}.receipts-page-stat-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.receipts-page-stat-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:500;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.receipts-page-stat-value{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:22px;font-weight:700}.receipts-page-stat-success{color:#10b981;color:var(--ct-10b981,#10b981)}.receipts-page-stat-warning{color:#f59e0b;color:var(--ct-f59e0b,#f59e0b)}.receipts-page-table-container{background:#fff;background:var(--c-white,#fff);border-radius:8px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;overflow:hidden;width:100%}.receipts-page-table-scroll{-webkit-overflow-scrolling:touch;flex:1 1;max-height:500px;overflow-x:auto;overflow-y:auto}.receipts-page-table-scroll::-webkit-scrollbar{height:5px;width:5px}.receipts-page-table-scroll::-webkit-scrollbar-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.receipts-page-table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:4px}.receipts-page-table{border-collapse:collapse;min-width:1000px;table-layout:auto;width:100%}.receipts-page-table thead{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);position:-webkit-sticky;position:sticky;top:0;z-index:10}.receipts-page-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:600;letter-spacing:.3px;padding:8px 12px;text-align:left;text-transform:uppercase}.receipts-page-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#334155;color:var(--ct-334155,#334155);font-size:13px;padding:8px 12px}.receipts-page-table tbody tr{transition:all .15s}.receipts-page-table tbody tr:hover{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc)}.receipt-no{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-size:13px;font-weight:600}.receipt-amount{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-weight:600}.text-success{color:#10b981;color:var(--ct-10b981,#10b981);font-weight:500}.text-warning{color:#f59e0b;color:var(--ct-f59e0b,#f59e0b);font-weight:500}.text-danger{color:#ef4444;color:var(--ct-ef4444,#ef4444);font-weight:500}.receipt-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;text-align:center;white-space:nowrap}.receipt-type-advance{background-color:#dbeafe;background-color:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.receipt-type-invoice{background-color:#d1fae5;background-color:var(--c-d1fae5,#d1fae5);color:#065f46;color:var(--ct-065f46,#065f46)}.receipt-type-other{background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9);color:#64748b;color:var(--ct-64748b,#64748b)}.Invoices-page-status-draft{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);color:#64748b;color:var(--ct-64748b,#64748b)}.Invoices-page-status-sent{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.Invoices-page-status-paid{background:#dcfce7;background:var(--c-dcfce7,#dcfce7);color:#166534;color:var(--ct-166534,#166534)}.Invoices-page-payment-partial{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);color:#92400e;color:var(--ct-92400e,#92400e)}.Invoices-page-status-cancelled{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#991b1b;color:var(--ct-991b1b,#991b1b)}.receipt-action-buttons{display:flex;gap:4px}.receipt-action-btn{align-items:center;background:#0000;border:none;border-radius:5px;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:all .2s}.btn-view{color:#4d7ce0;color:var(--ct-4d7ce0,#4d7ce0)}.btn-view:hover{background-color:#dbeafe;background-color:var(--c-dbeafe,#dbeafe)}.btn-edit{color:#059669;color:var(--ct-059669,#059669)}.btn-edit:hover{background-color:#d1fae5;background-color:var(--c-d1fae5,#d1fae5)}.btn-edit-allocation{color:#7c3aed;color:var(--ct-7c3aed,#7c3aed)}.btn-edit-allocation:hover{background-color:#ede9fe;background-color:var(--c-ede9fe,#ede9fe)}.btn-adjust{color:#7c3aed;color:var(--ct-7c3aed,#7c3aed)}.btn-adjust:hover{background-color:#ede9fe;background-color:var(--c-ede9fe,#ede9fe)}.btn-download{color:#059669;color:var(--ct-059669,#059669)}.btn-download:hover{background-color:#d1fae5;background-color:var(--c-d1fae5,#d1fae5)}.btn-delete{color:#dc2626;color:var(--ct-dc2626,#dc2626)}.btn-delete:hover{background-color:#fee2e2;background-color:var(--c-fee2e2,#fee2e2)}.btn-restore{background:#16a34a;background:var(--c-16a34a,#16a34a);border:none;border-radius:4px;color:#fff;color:var(--ct-white,#fff);cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px}.btn-restore:hover{background:#15803d;background:var(--c-15803d,#15803d)}.btn-edit-small,.btn-remove-small{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px;transition:all .2s ease}.btn-edit-small{background:#3b82f6;background:var(--c-3b82f6,#3b82f6);color:#fff;color:var(--ct-white,#fff)}.btn-edit-small:hover{background:#2563eb;background:var(--c-2563eb,#2563eb)}.btn-remove-small{background:#ef4444;background:var(--c-ef4444,#ef4444);color:#fff;color:var(--ct-white,#fff)}.btn-remove-small:hover{background:#dc2626;background:var(--c-dc2626,#dc2626)}.receipts-page-pagination{align-items:center;background:#fafafa;background:var(--c-fafafa,#fafafa);border-top:1px solid #f1f5f9;border-top:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px 18px}.receipts-page-pagination-info{align-items:center;color:#64748b;color:var(--ct-64748b,#64748b);display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.receipts-page-pagination-controls-wrapper{align-items:center;display:flex;gap:16px}.receipts-page-pagination-size{align-items:center;color:#64748b;color:var(--ct-64748b,#64748b);display:flex;font-size:12px;gap:6px}.receipts-page-pagination-size label{font-weight:500}.receipts-page-pagination-size-select{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:5px;cursor:pointer;font-size:12px;padding:4px 8px}.receipts-page-pagination-size-select:hover{border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.receipts-page-pagination-size-select:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);outline:none}.receipts-page-pagination-buttons,.receipts-page-pagination-controls{align-items:center;display:flex;gap:4px}.receipts-page-pagination-btn{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:7px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;height:32px;justify-content:center;padding:0;transition:all .15s;width:32px}.receipts-page-pagination-btn:hover:not(:disabled){background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1);color:#0f172a;color:var(--ct-0f172a,#0f172a)}.receipts-page-pagination-btn:disabled{cursor:not-allowed;opacity:.4}.receipts-page-pagination-btn-active{background:#0f172a!important;background:var(--c-0f172a,#0f172a)!important;border-color:#0f172a!important;border-color:var(--c-0f172a,#0f172a)!important;color:#fff!important;color:var(--ct-fff,#fff)!important;font-weight:700}.receipts-page-pagination-current{color:#334155;color:var(--ct-334155,#334155);font-size:12px;font-weight:500}.receipts-page-pagination-info .filter-trigger{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:5px;box-shadow:none;font-family:inherit;font-size:12px;height:26px;min-width:auto;min-width:80px;padding:0 24px 0 8px;width:auto}.receipts-page-pagination-info .filter-trigger:hover:not(.filter-trigger--disabled){border-color:#9ca3af;border-color:var(--c-9ca3af,#9ca3af);box-shadow:none}.receipts-page-pagination-info .filter-trigger--open{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 2px #3b82f614}.receipts-page-pagination-info .filter-trigger__chevron{right:5px}.receipts-page-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:16px;position:fixed;right:0;top:0;z-index:1000}.receipts-page-modal{background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.receipts-page-modal-large{max-width:900px}.receipts-page-modal-xlarge{max-width:1200px}.receipts-page-modal-small{max-width:550px}.receipts-page-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;justify-content:space-between;padding:16px 20px}.receipts-page-modal-header h2{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:18px;font-weight:700}.receipts-page-modal-close{align-items:center;background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9);border:none;border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;transition:all .2s;width:28px}.receipts-page-modal-close:hover{background-color:#e2e8f0;background-color:var(--c-e2e8f0,#e2e8f0);color:#334155;color:var(--ct-334155,#334155)}.receipts-page-modal-body{flex:1 1;overflow-y:auto;padding:16px 20px}.receipts-page-modal-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;gap:8px;justify-content:flex-end;padding:12px 20px}.receipt-view{max-width:100%}.receipt-meta{grid-gap:12px;background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px;padding:14px}.receipt-meta-item{font-size:13px}.receipt-meta-item strong{color:#64748b;color:var(--ct-64748b,#64748b);display:block;font-weight:500;margin-bottom:4px}.receipt-details{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-radius:8px;margin-bottom:20px;padding:14px}.receipt-detail-row{color:#334155;color:var(--ct-334155,#334155);display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.receipt-amounts{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-radius:8px;padding:14px}.receipt-amount-row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.receipt-amount-row:last-child{border-bottom:none;border-top:2px solid #cbd5e1;border-top:2px solid var(--c-cbd5e1,#cbd5e1);margin-top:8px;padding-top:12px}.amount-value{font-size:16px;font-weight:600}.receipts-page-form{width:100%}.receipts-page-form-section{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);margin-bottom:20px;padding-bottom:16px}.receipts-page-form-section:last-child{border-bottom:none}.receipts-page-form-section h3{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:15px;font-weight:600;margin-bottom:12px}.receipts-page-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.receipts-page-form-group{display:flex;flex-direction:column;gap:6px}.receipts-page-form-group-full{grid-column:span 2}.receipts-page-form-group label{color:#334155;color:var(--ct-334155,#334155);font-size:12px;font-weight:500}.receipts-page-form-group input,.receipts-page-form-group select,.receipts-page-form-group textarea{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;font-family:inherit;font-size:13px;padding:6px 10px;transition:all .2s}.receipts-page-form-group input:focus,.receipts-page-form-group select:focus,.receipts-page-form-group textarea:focus{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 0 0 2px #2563eb1a;outline:none}.receipt-type-selection{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.receipt-type-option{cursor:pointer;position:relative}.receipt-type-option input[type=radio]{opacity:0;position:absolute}.receipt-type-content{border:2px solid #e2e8f0;border:2px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;display:flex;flex-direction:column;gap:6px;height:100%;padding:14px;transition:all .2s}.receipt-type-content strong{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:14px}.receipt-type-content span{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px}.receipt-type-option input[type=radio]:checked+.receipt-type-content{background-color:#eff6ff;background-color:var(--c-eff6ff,#eff6ff);border-color:#2563eb;border-color:var(--c-2563eb,#2563eb)}.receipt-type-option:hover .receipt-type-content{border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.invoice-selection-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.invoice-selection-item{cursor:pointer;position:relative}.invoice-selection-item input[type=radio]{opacity:0;position:absolute}.invoice-selection-content{border:2px solid #e2e8f0;border:2px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;padding:12px;transition:all .2s}.invoice-selection-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.invoice-selection-header strong{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:14px}.invoice-selection-details{color:#64748b;color:var(--ct-64748b,#64748b);display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.invoice-selection-item input[type=radio]:checked+.invoice-selection-content{background-color:#eff6ff;background-color:var(--c-eff6ff,#eff6ff);border-color:#2563eb;border-color:var(--c-2563eb,#2563eb)}.invoice-selection-item:hover .invoice-selection-content{border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.adjustment-form{padding:0}.adjustment-info{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.adjustment-info-card{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--c-667eea,#667eea) 0,var(--c-764ba2,#764ba2) 100%);border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;color:var(--ct-white,#fff);padding:14px}.adjustment-info-label{font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;opacity:.9;text-transform:uppercase}.adjustment-info-value{font-size:20px;font-weight:700;margin-top:4px}.adjustment-section{background:#fff;background:var(--c-white,#fff)}.adjustment-section h3{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:15px;font-weight:600;margin-bottom:8px}.adjustment-hint{color:#64748b;color:var(--ct-64748b,#64748b);font-size:13px;margin-bottom:16px}.invoice-adjustment-list{display:flex;flex-direction:column;gap:12px;max-height:350px;overflow-y:auto;padding:4px}.invoice-adjustment-item{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:2px solid #e2e8f0;border:2px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:14px;transition:all .2s ease}.invoice-adjustment-item:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1);box-shadow:0 2px 8px #0000000d}.invoice-adjustment-info{flex:1 1;min-width:0}.invoice-adjustment-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.invoice-adjustment-header strong{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:14px;font-weight:600}.invoice-adjustment-details{color:#64748b;color:var(--ct-64748b,#64748b);display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.invoice-adjustment-details span{white-space:nowrap}.invoice-adjustment-input{display:flex;flex-direction:column;gap:6px;min-width:180px}.invoice-adjustment-input label{color:#475569;color:var(--ct-475569,#475569);font-size:12px;font-weight:600}.invoice-adjustment-input input{border:2px solid #cbd5e1;border:2px solid var(--c-cbd5e1,#cbd5e1);border-radius:6px;font-size:14px;font-weight:600;padding:6px 10px;transition:all .2s ease}.invoice-adjustment-input input:focus{border-color:#667eea;border-color:var(--c-667eea,#667eea);box-shadow:0 0 0 2px #667eea1a;outline:none}.invoice-adjustment-input small{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:500}.edit-allocation-container{display:flex;flex-direction:column;gap:20px}.allocation-summary-card{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--c-667eea,#667eea) 0,var(--c-764ba2,#764ba2) 100%);border-radius:8px;color:#fff;color:var(--ct-white,#fff);padding:16px}.allocation-summary-card h3{font-size:16px;font-weight:600;margin:0 0 12px}.summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-item label{font-size:11px;opacity:.9}.summary-item span{font-size:18px;font-weight:700}.current-allocations-section h3{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:15px;font-weight:600;margin-bottom:12px}.allocations-list{display:flex;flex-direction:column;gap:10px}.allocation-card{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:2px solid #e2e8f0;border:2px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;padding:12px}.allocation-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.allocation-header>div:first-child{align-items:center;display:flex;gap:10px}.allocation-actions{display:flex;gap:6px}.allocation-details-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.allocation-details-grid>div{display:flex;flex-direction:column;gap:4px}.allocation-details-grid label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:600}.allocation-details-grid span{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:13px;font-weight:500}.edit-allocation-form{background:#fff;background:var(--c-fff,#fff);border:2px solid #3b82f6;border:2px solid var(--c-3b82f6,#3b82f6);border-radius:8px;padding:16px}.edit-allocation-form h3{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:15px;font-weight:600;margin-bottom:12px}.allocation-move-info{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr auto 1fr;margin-bottom:16px}.move-from,.move-to{display:flex;flex-direction:column;gap:6px}.move-from label,.move-to label{color:#475569;color:var(--ct-475569,#475569);font-size:12px;font-weight:600}.invoice-display{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:6px;display:flex;justify-content:space-between;padding:10px}.invoice-display strong{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:13px}.invoice-display span{color:#10b981;color:var(--ct-10b981,#10b981);font-size:13px;font-weight:700}.move-arrow{color:#3b82f6;color:var(--ct-3b82f6,#3b82f6);font-size:20px;font-weight:700}.invoice-select{border:2px solid #cbd5e1;border:2px solid var(--c-cbd5e1,#cbd5e1);border-radius:6px;font-size:13px;font-weight:500;padding:8px 10px}.invoice-select:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);outline:none}.amount-input-section{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.amount-input-section label{color:#475569;color:var(--ct-475569,#475569);font-size:12px;font-weight:600}.amount-input-section input{border:2px solid #cbd5e1;border:2px solid var(--c-cbd5e1,#cbd5e1);border-radius:6px;font-size:14px;font-weight:600;padding:8px 10px}.amount-input-section input:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);outline:none}.amount-input-section small{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px}.edit-allocation-actions{display:flex;gap:8px;justify-content:flex-end}.delete-confirmation-content{text-align:center}.warning-icon{align-items:center;display:flex;justify-content:center;margin:16px 0}.delete-confirmation-content h3{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:17px;font-weight:600;margin-bottom:20px}.receipt-delete-info{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;margin:16px 0;padding:12px;text-align:left}.info-row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;justify-content:space-between;padding:6px 0}.info-row:last-child{border-bottom:none}.info-row strong{color:#64748b;color:var(--ct-64748b,#64748b);font-size:13px}.info-row span{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:13px;font-weight:500}.amount-highlight{color:#dc2626!important;color:var(--ct-dc2626,#dc2626)!important;font-weight:700!important}.delete-warning{background:#fef2f2;background:var(--c-fef2f2,#fef2f2);border:1px solid #fecaca;border:1px solid var(--c-fecaca,#fecaca);border-radius:6px;margin:16px 0;padding:12px;text-align:left}.delete-warning strong{color:#dc2626;color:var(--ct-dc2626,#dc2626);display:block;font-size:13px;margin-bottom:6px}.delete-warning p{font-size:13px;margin:6px 0}.delete-warning p,.delete-warning ul{color:#991b1b;color:var(--ct-991b1b,#991b1b)}.delete-warning ul{font-size:12px;margin:6px 0 0 16px}.delete-warning li{margin:4px 0}.delete-note{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;font-style:italic;margin-top:12px}.deleted-receipts-section{background:#fef2f2;background:var(--c-fef2f2,#fef2f2);border:1px solid #fecaca;border:1px solid var(--c-fecaca,#fecaca);border-radius:8px;margin-top:20px;padding:16px}.deleted-receipts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.deleted-receipts-header h3{color:#991b1b;color:var(--ct-991b1b,#991b1b);font-size:15px;font-weight:600;margin:0}.deleted-table{background:#fff;background:var(--c-white,#fff)}.deleted-row{background:#fef2f2;background:var(--c-fef2f2,#fef2f2);opacity:.8}.deleted-row:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);opacity:1}.column-manager-modal{background:#fff;background:var(--c-white,#fff);border-radius:8px;box-shadow:0 10px 25px #00000026;position:fixed;right:20px;top:70px;width:320px;z-index:1001}.column-manager-content{display:flex;flex-direction:column;max-height:500px}.column-manager-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;justify-content:space-between;padding:12px 16px}.column-manager-header h3{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:14px;font-weight:600}.column-manager-header button{align-items:center;background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9);border:none;border-radius:4px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;transition:all .2s;width:24px}.column-manager-header button:hover{background-color:#e2e8f0;background-color:var(--c-e2e8f0,#e2e8f0)}.column-manager-body{max-height:380px;overflow-y:auto;padding:8px}.column-item{align-items:center;background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;display:flex;justify-content:space-between;margin-bottom:6px;padding:8px;transition:all .2s}.column-item:hover{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc)}.column-item-left{align-items:center;display:flex;gap:8px}.drag-handle{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8)}.column-item input[type=checkbox]{cursor:pointer;height:16px;width:16px}.column-item span{color:#334155;color:var(--ct-334155,#334155);font-size:13px}.fixed-badge{background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9);border-radius:3px;color:#64748b;color:var(--ct-64748b,#64748b);font-size:10px;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}.column-manager-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;gap:8px;justify-content:space-between;padding:12px 16px}.empty-state{padding:24px}.empty-state-small{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-radius:6px;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:12px;padding:16px;text-align:center}.loading-state{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:2px dashed #cbd5e1;border:2px dashed var(--c-cbd5e1,#cbd5e1);border-radius:8px;color:#64748b;color:var(--ct-64748b,#64748b);font-size:13px;padding:20px;text-align:center}@media (max-width:1200px){.receipts-page-form-grid{grid-template-columns:1fr}.receipts-page-stats{grid-template-columns:repeat(2,1fr)}.adjustment-info,.receipt-type-selection,.summary-grid{grid-template-columns:1fr}}@media (max-width:768px){.receipts-page-container{padding:12px}.receipts-page-action-bar{align-items:stretch;flex-direction:column}.receipts-page-search-filters{flex-direction:column}.receipts-page-stats{grid-template-columns:1fr}.receipts-page-table-container{overflow-x:auto}.receipts-page-modal{margin:10px;max-width:95%}.receipts-page-pagination{flex-direction:column;gap:8px}.receipt-meta{grid-template-columns:1fr}.column-manager-modal{left:12px;right:12px;width:auto}.allocation-move-info{grid-template-columns:1fr}.allocation-details-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.receipts-page-title{font-size:20px}.receipts-page-table td,.receipts-page-table th{font-size:12px;padding:6px 8px}.receipt-action-buttons{flex-wrap:wrap}}.search-clear-btn{right:8px}@media (max-width:1024px){.receipts-page-container{padding:16px 16px 0}.page-header-with-filter{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:16px}.page-header-with-filter .group-project-filter{align-items:stretch!important;flex-direction:column;gap:8px;margin-left:0!important;width:100%}.page-header-with-filter .group-project-filter .filter-group{min-width:0;min-width:auto;width:100%}.page-header-with-filter .group-project-filter .filter-select{max-width:100%!important;min-width:0!important;min-width:auto!important;width:100%!important}.receipts-page-action-bar{align-items:stretch;flex-direction:column;gap:10px}.receipts-page-search-filters{flex-direction:column;gap:8px;width:100%}.receipts-page-search{font-size:14px}.receipts-page-filter,.receipts-page-search{min-width:0;min-width:auto;padding:8px 12px;width:100%}.po-order-date-filter{flex-wrap:wrap;width:100%}.po-cal-trigger{flex:1 1;min-width:0}.receipts-page-actions{flex-wrap:wrap;gap:8px;width:100%}.receipts-page-actions>*{flex:1 1;justify-content:center;min-width:100px}}@media (max-width:768px){.receipts-page-title{font-size:20px}.receipts-page-stats{gap:10px;grid-template-columns:repeat(2,1fr)}.receipts-page-stat-value{font-size:18px;word-break:break-all}.receipts-page-pagination{align-items:stretch;flex-direction:column;gap:10px;padding:12px}.receipts-page-pagination-info{flex-wrap:wrap;gap:8px;justify-content:space-between}.pagination-controls{flex-wrap:wrap;gap:4px;justify-content:center}.receipts-page-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.receipts-page-table{min-width:650px}}@media (max-width:480px){.receipts-page-container{padding:10px 10px 0}.receipts-page-title{font-size:18px}.receipts-page-stats{gap:8px;grid-template-columns:1fr 1fr}.receipts-page-stat-card{padding:10px 12px}.receipts-page-stat-value{font-size:16px}.receipts-page-stat-label{font-size:10px}.receipts-page-actions>*{font-size:12px;padding:6px 10px}.page-number{font-size:12px;min-width:30px;padding:5px 9px}.column-manager-modal{left:8px;max-height:70vh;right:8px;width:auto}}@media (max-width:360px){.receipts-page-stats{grid-template-columns:1fr}}.rec-filter-select-wrap{flex-shrink:0}.rec-filter-select-wrap .filter-trigger{font-size:12px;height:36px;padding:0 28px 0 10px;width:160px}.rec-filter-select-wrap .filter-trigger__text--placeholder{font-size:11px}.rec-filter-select-wrap .filter-dropdown-list{font-size:12px;min-width:175px}.rec-filter-select-wrap .filter-dropdown-item{font-size:12px;padding:7px 12px}.receipts-page-form-group .filter-trigger__text--placeholder{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:12px;font-style:italic}.receipts-page-form-group .filter-dropdown-item{font-size:13px;padding:8px 12px}.invoices-receipts-container{display:flex;flex-direction:column}.tab-navigation{background-color:#fff;background-color:var(--c-white,#fff);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--c-e2e8f0,#e2e8f0);display:flex;gap:0;left:0;overflow-x:auto;padding:5px 24px 0;position:fixed;right:0;scrollbar-width:none;top:64px;z-index:49}.tab-navigation::-webkit-scrollbar{display:none}@media (min-width:1024px){.app.sidebar-expanded .tab-navigation{left:256px}.app.sidebar-collapsed .tab-navigation{left:72px}}.tab-content{background-color:#f5f7fa;background-color:var(--c-f5f7fa,#f5f7fa);padding-top:67px}.tab-button{align-items:center;background-color:initial;border:none;border-bottom:3px solid #0000;bottom:-2px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;position:relative;transition:color .2s,background .2s;white-space:nowrap;z-index:1}.tab-button:hover{background-color:#eff6ff;background-color:var(--c-eff6ff,#eff6ff)}.tab-button.active,.tab-button:hover{color:#2563eb;color:var(--ct-2563eb,#2563eb)}.tab-button.active{background-color:initial;font-weight:600}.tab-button span{white-space:nowrap}.tab-indicator{background:#2563eb;background:var(--c-2563eb,#2563eb);border-radius:3px 3px 0 0;bottom:0;height:3px;pointer-events:none;position:absolute;transition:left .28s cubic-bezier(.4,0,.2,1),width .28s cubic-bezier(.4,0,.2,1);z-index:2}@media (max-width:1023px){.tab-navigation{left:0;padding:5px 16px 0}.tab-content{padding-top:63px}.tab-button{font-size:14px;padding:10px 16px}.tab-button svg{height:18px;width:18px}}.tc-page{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);color:#1e293b;color:var(--ct-1e293b,#1e293b);font-family:Poppins,sans-serif;min-height:100vh;padding:24px}.tc-toast{animation:tcSlideIn .2s ease;border-radius:10px;box-shadow:0 8px 24px #0000001f;font-size:13px;font-weight:600;padding:12px 20px;position:fixed;right:24px;top:24px;z-index:9999}.tc-toast--success{background:#059669;background:var(--c-059669,#059669);color:#fff;color:var(--ct-fff,#fff)}.tc-toast--error{background:#dc2626;background:var(--c-dc2626,#dc2626)}.tc-toast--error,.tc-toast--info{color:#fff;color:var(--ct-fff,#fff)}.tc-toast--info{background:#2563eb;background:var(--c-2563eb,#2563eb)}@keyframes tcSlideIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.tc-header{align-items:center;display:flex;margin-bottom:14px}.tc-title{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:22px;font-weight:700;margin:0}.tc-subtitle{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;margin:0}.tc-view-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.tc-view-toggle{background:#fff;background:var(--c-white,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;display:flex;overflow:hidden}.tc-view-btn{align-items:center;background:#0000;border:none;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;gap:6px;padding:7px 14px;transition:all .15s}.tc-view-btn.active{background:#2563eb;background:var(--c-2563eb,#2563eb);color:#fff;color:var(--ct-white,#fff)}.tc-view-btn:not(.active):hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.tc-stats-bar{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin-bottom:16px}.tc-stat-card{align-items:center;background:#fff;background:var(--c-white,#fff);border-radius:10px;border-top:3px solid #e2e8f0;border-top:3px solid var(--c-e2e8f0,#e2e8f0);box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;flex-direction:column;gap:3px;min-width:0;padding:14px 16px;transition:transform .15s,box-shadow .15s}.tc-stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.tc-stat-card--urgent{box-shadow:0 0 0 2px #f59e0b;box-shadow:0 0 0 2px var(--c-f59e0b,#f59e0b)}.tc-stat-value{font-size:26px;font-weight:700;line-height:1}.tc-stat-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:10px;letter-spacing:.05em;text-align:center;text-transform:uppercase}.tc-group-bar{border-radius:12px}.tc-group-bar,.tc-search-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;padding:12px 16px}.tc-search-filter-bar{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:12px;box-shadow:0 1px 3px #0000000a}.tc-search,.tc-search-filter-bar{background:#fff;background:var(--c-white,#fff)}.tc-search{border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;flex:1 1;font-family:Poppins,sans-serif;font-size:13px;min-width:200px;outline:none;padding:9px 14px;transition:border-color .2s}.tc-search:focus{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb)}.tc-filter-date{display:flex}.tc-filter-select{background:#fff;background:var(--c-white,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;outline:none;padding:8px 12px;transition:border-color .2s}.tc-filter-select:focus{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb)}.tc-cards{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-height:100vh;overflow-y:auto;padding-right:4px}@media (min-width:1200px){.tc-cards{max-height:calc(100vh - 450px)}}.tc-cards::-webkit-scrollbar{width:5px}.tc-cards::-webkit-scrollbar-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:3px}.tc-cards::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:3px}.tc-cards::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--c-94a3b8,#94a3b8)}.tc-card{background:#fff;background:var(--c-white,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:12px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px;transition:box-shadow .15s,border-color .15s,transform .15s}.tc-card:hover{border-color:#bfdbfe;border-color:var(--c-bfdbfe,#bfdbfe);box-shadow:0 4px 16px #2563eb1a;transform:translateY(-1px)}.tc-card--handed-off{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);border-color:#bbf7d0;border-color:var(--c-bbf7d0,#bbf7d0)}.tc-card--new{border-left:3px solid #2563eb;border-left:3px solid var(--c-2563eb,#2563eb)}.tc-card-top{display:flex;flex-direction:column;gap:2px}.tc-card-name-row{align-items:center;display:flex;gap:8px}.tc-card-name{color:#0f172a;color:var(--ct-0f172a,#0f172a);flex:1 1;font-size:15px;font-weight:700}.tc-priority-dot{border-radius:50%;flex-shrink:0;height:9px;width:9px}.tc-card-status-badge{align-items:center;border-radius:20px;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;padding:2px 9px;white-space:nowrap}.tc-card-code{font-family:monospace}.tc-card-code,.tc-card-date{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:11px}.tc-card-date{margin-left:6px}.tc-card-contact{color:#475569;color:var(--ct-475569,#475569);display:flex;flex-direction:column;font-size:12px;gap:2px}.tc-card-address{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px}.tc-card-group{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-size:12px;font-weight:500}.tc-card-enquiry{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;line-height:1.5;margin:0}.tc-scheme-badge{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:4px;color:#475569;color:var(--ct-475569,#475569);font-size:10px;margin-left:4px;padding:1px 6px}.tc-card-footer{align-items:center;border-top:1px solid #f1f5f9;border-top:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;gap:8px;justify-content:space-between;margin-top:2px;padding-top:8px}.tc-handed-off-label{background:#d1fae5;background:var(--c-d1fae5,#d1fae5);border-radius:20px;color:#059669;color:var(--ct-059669,#059669);font-size:12px;font-weight:600;padding:3px 10px}.tc-card-actions{align-items:center;display:flex;gap:6px}.tc-btn-status{background:#2563eb;background:var(--c-2563eb,#2563eb);border:none;border-radius:7px;color:#fff;color:var(--ct-white,#fff);cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;padding:6px 12px;transition:background .15s}.tc-btn-status:hover{background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8)}.tc-btn-view-sm{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border:1.5px solid #bfdbfe;border:1.5px solid var(--c-bfdbfe,#bfdbfe);border-radius:6px;color:#2563eb;color:var(--ct-2563eb,#2563eb);cursor:pointer;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;padding:5px 10px;transition:all .15s}.tc-btn-view-sm:hover{background:#2563eb;background:var(--c-2563eb,#2563eb);color:#fff;color:var(--ct-white,#fff)}.tc-btn-edit-sm{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;padding:5px 10px;transition:all .15s}.tc-btn-edit-sm:hover{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);border-color:#94a3b8;border-color:var(--c-94a3b8,#94a3b8)}.tc-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;padding:3px 10px}.tc-loading{align-items:center;color:#64748b;color:var(--ct-64748b,#64748b);display:flex;font-size:14px;gap:10px;justify-content:center;padding:60px 0}.tc-spinner{animation:spin .7s linear infinite;border:3px solid #e2e8f0;border-top-color:#2563eb;border:3px solid var(--c-e2e8f0,#e2e8f0);border-radius:50%;border-top-color:var(--c-2563eb,#2563eb);height:22px;width:22px}.tc-empty{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);padding:60px 20px;text-align:center}.tc-empty-icon{font-size:40px;margin-bottom:10px}.tc-pagination-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px 0 4px}.tc-pagination-size{align-items:center;color:#64748b;color:var(--ct-64748b,#64748b);display:flex;font-size:12px;gap:8px}.tc-pagination-size select{background:#fff;background:var(--c-white,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:7px;cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;padding:5px 10px}.tc-pagination-info{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px}.tc-pagination-info strong{color:#1e293b;color:var(--ct-1e293b,#1e293b)}.tc-pagination-controls{align-items:center;display:flex;gap:4px}.tc-page-btn{align-items:center;background:#fff;background:var(--c-white,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:7px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;height:32px;justify-content:center;min-width:32px;padding:0 8px;transition:all .15s}.tc-page-btn:hover:not(:disabled){background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.tc-page-btn:disabled{cursor:not-allowed;opacity:.35}.tc-page-num--active{background:#2563eb;background:var(--c-2563eb,#2563eb);border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);color:#fff!important;color:var(--ct-white,#fff)!important;font-weight:700}.tc-page-ellipsis{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:13px;padding:0 4px}.tc-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a66;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.tc-modal{animation:modalIn .18s ease;background:#fff;background:var(--c-white,#fff);border-radius:14px;box-shadow:0 20px 50px #00000029;max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.tc-modal--sm{max-width:480px}.tc-modal--wide{max-width:820px!important;width:92vw!important}.tc-modal--edit{max-width:680px;width:95vw}@keyframes modalIn{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.tc-modal-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;padding:20px 22px 0}.tc-modal-header h2{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:17px;font-weight:700;margin:0}.tc-lead-code{font-family:monospace;font-size:11px}.tc-lead-code,.tc-modal-close{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8)}.tc-modal-close{background:none;border:none;cursor:pointer;font-size:17px;padding:0}.tc-modal-close:hover{color:#1e293b;color:var(--ct-1e293b,#1e293b)}.tc-modal-body{display:flex;flex-direction:column;gap:8px;padding:16px 22px}.tc-modal-body--grid{grid-gap:0 24px;display:grid;gap:0 24px;grid-template-columns:1fr 1fr}.tc-modal-footer{border-top:1px solid #f1f5f9;border-top:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;gap:8px;justify-content:flex-end;padding:14px 22px 20px}.tc-handed-off-banner{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);border:1px solid #bbf7d0;border:1px solid var(--c-bbf7d0,#bbf7d0);border-radius:8px;color:#065f46;color:var(--ct-065f46,#065f46);font-size:12px;font-weight:500;margin:12px 22px 0;padding:10px 14px}.tc-btn-primary{background:#2563eb;background:var(--c-2563eb,#2563eb);border:none;border-radius:8px;color:#fff;color:var(--ct-white,#fff);cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;padding:9px 20px;transition:background .15s}.tc-btn-primary:hover:not(:disabled){background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8)}.tc-btn-primary:disabled{cursor:not-allowed;opacity:.5}.tc-btn-secondary{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border:none;border-radius:8px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;padding:9px 20px;transition:background .15s}.tc-btn-secondary:hover{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0)}.tc-btn-edit{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;padding:9px 18px;transition:all .15s}.tc-btn-edit:hover{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);border-color:#94a3b8;border-color:var(--c-94a3b8,#94a3b8)}.tc-section-title{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:10px;font-weight:700;letter-spacing:.6px;margin:14px 0 6px;padding-bottom:4px;text-transform:uppercase}.tc-detail-row{align-items:flex-start;border-bottom:1px solid #f8fafc;border-bottom:1px solid var(--c-f8fafc,#f8fafc);display:flex;font-size:13px;gap:10px;padding:6px 0}.tc-detail-label{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.03em;padding-top:1px;text-transform:uppercase;width:112px}.tc-detail-value{color:#1e293b;color:var(--ct-1e293b,#1e293b);flex:1 1;font-weight:500;word-break:break-word}.tc-detail-enquiry{display:flex;flex-direction:column;gap:5px}.tc-detail-enquiry p{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-radius:8px;color:#374151;color:var(--ct-374151,#374151);font-size:13px;line-height:1.6;margin:0;padding:10px 12px}.tc-discussion-note p{background:#f0f9ff;background:var(--c-f0f9ff,#f0f9ff);border-left:3px solid #2563eb;border-left:3px solid var(--c-2563eb,#2563eb)}.tc-lead-name-hint{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;margin:0 0 12px}.tc-team-panel{display:flex;flex-direction:column;gap:8px;margin-top:4px}.tc-team-member{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;display:flex;gap:10px;padding:9px 12px}.tc-team-member:first-child{border-left:3px solid #2563eb;border-left:3px solid var(--c-2563eb,#2563eb)}.tc-team-member:last-child:not(:first-child){border-left:3px solid #059669;border-left:3px solid var(--c-059669,#059669)}.tc-team-icon{align-items:center;background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:34px;justify-content:center;width:34px}.tc-team-member:first-child .tc-team-icon{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#bfdbfe;border-color:var(--c-bfdbfe,#bfdbfe)}.tc-team-member:last-child:not(:first-child) .tc-team-icon{background:#ecfdf5;background:var(--c-ecfdf5,#ecfdf5);border-color:#bbf7d0;border-color:var(--c-bbf7d0,#bbf7d0)}.tc-team-role{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.tc-team-name{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:13px;font-weight:700;margin-top:1px}.tc-team-since{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;margin-top:1px}.tc-capacity-chip{align-items:center;background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border:1px solid #bfdbfe;border:1px solid var(--c-bfdbfe,#bfdbfe);border-radius:6px;color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8);display:inline-flex;font-size:12px;font-weight:700;gap:4px;padding:2px 9px}.tc-status-options{display:flex;flex-direction:column;gap:8px}.tc-status-option{align-items:flex-start;background:#fafafa;background:var(--c-fafafa,#fafafa);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .15s}.tc-status-option:hover{background:#f0f9ff;background:var(--c-f0f9ff,#f0f9ff);border-color:#93c5fd;border-color:var(--c-93c5fd,#93c5fd)}.tc-status-option.selected{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#2563eb;border-color:var(--c-2563eb,#2563eb)}.tc-status-option input[type=radio]{display:none}.tc-status-emoji{flex-shrink:0;font-size:20px;margin-top:1px}.tc-status-option strong{color:#0f172a;color:var(--ct-0f172a,#0f172a);display:block;font-size:13px}.tc-status-option p{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;line-height:1.4;margin:2px 0 0}.tc-reason-field{margin-top:12px}.tc-reason-field label{color:#374151;color:var(--ct-374151,#374151);display:block;font-size:12px;font-weight:600;margin-bottom:5px}.tc-req{color:#dc2626;color:var(--ct-dc2626,#dc2626)}.tc-reason-field input[type=date],.tc-reason-field input[type=number],.tc-reason-field input[type=text],.tc-reason-field textarea{background:#fff;background:var(--c-white,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:13px;outline:none;padding:9px 12px;resize:vertical;transition:border-color .15s;width:100%}.tc-reason-field input:focus,.tc-reason-field textarea:focus{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 0 0 3px #2563eb14}.tc-field-hint{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:block;font-size:11px;margin-top:3px}.tc-property-toggle{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.tc-prop-btn{background:#fff;background:var(--c-white,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:7px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;padding:7px 14px;transition:all .15s}.tc-prop-btn:hover{background:#f0f9ff;background:var(--c-f0f9ff,#f0f9ff);border-color:#93c5fd;border-color:var(--c-93c5fd,#93c5fd)}.tc-prop-btn.active{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8);font-weight:600}.tc-interested-fields{gap:0}.tc-handoff-note{background:#f0f9ff;background:var(--c-f0f9ff,#f0f9ff);border:1px solid #bae6fd;border:1px solid var(--c-bae6fd,#bae6fd);border-radius:8px;color:#0369a1;color:var(--ct-0369a1,#0369a1);font-size:12px;line-height:1.5;margin-top:12px;padding:10px 12px}.tc-edit-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}@media (max-width:520px){.tc-edit-grid{grid-template-columns:1fr}}.tc-edit-field{display:flex;flex-direction:column;gap:4px}.tc-edit-field--full{margin-bottom:8px}.tc-edit-field label{color:#374151;color:var(--ct-374151,#374151);font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.tc-edit-field input,.tc-edit-field select,.tc-edit-field textarea{background:#fff;background:var(--c-white,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:7px;box-sizing:border-box;color:#1e293b;color:var(--ct-1e293b,#1e293b);font-family:Poppins,sans-serif;font-size:13px;outline:none;padding:8px 10px;transition:border-color .15s;width:100%}.tc-edit-field input:focus,.tc-edit-field select:focus,.tc-edit-field textarea:focus{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 0 0 3px #2563eb14}.tc-edit-field textarea{resize:vertical}.tc-edit-note{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:7px;color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;margin-top:8px;padding:9px 12px}.tc-subsidy-field{margin-top:4px}.tc-subsidy-toggle{display:flex;flex-wrap:wrap;gap:8px}.tc-subsidy-btn{background:#fff;background:var(--c-white,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;padding:9px 14px;text-align:center;transition:all .15s}.tc-subsidy-btn:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-color:#94a3b8;border-color:var(--c-94a3b8,#94a3b8)}.tc-subsidy-btn.active--yes{background:#ecfdf5;background:var(--c-ecfdf5,#ecfdf5);border-color:#059669;border-color:var(--c-059669,#059669);color:#065f46;color:var(--ct-065f46,#065f46)}.tc-subsidy-btn.active--no{background:#fef2f2;background:var(--c-fef2f2,#fef2f2);border-color:#dc2626;border-color:var(--c-dc2626,#dc2626);color:#991b1b;color:var(--ct-991b1b,#991b1b)}.tc-subsidy-hint{color:#64748b;color:var(--ct-64748b,#64748b);display:block;font-size:11px;font-style:italic;margin-top:5px}.tc-datetime-row{display:flex;gap:10px;margin-top:4px}.tc-datetime-field{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;display:flex;flex:1 1;gap:8px;padding:9px 12px;transition:border-color .15s}.tc-datetime-field:focus-within{background:#fff;background:var(--c-white,#fff);border-color:#2563eb;border-color:var(--c-2563eb,#2563eb)}.tc-datetime-icon{flex-shrink:0;font-size:15px}.tc-date-input,.tc-time-input{background:#0000;border:none;color:#1e293b;color:var(--ct-1e293b,#1e293b);cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;outline:none;width:100%}.tc-time-presets{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.tc-time-preset{background:#fff;background:var(--c-white,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:20px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;padding:3px 10px;transition:all .15s}.tc-time-preset.active,.tc-time-preset:hover{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.tc-board{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);padding-bottom:40px}@media (max-width:1400px){.tc-board{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.tc-board{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.tc-board{grid-template-columns:1fr}}.tc-board-col{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:10px;min-height:200px;transition:border-color .15s}.tc-board-col--drag-over{background:#f0f9ff;background:var(--c-f0f9ff,#f0f9ff);border-color:#2563eb;border-color:var(--c-2563eb,#2563eb)}.tc-board-col-header{align-items:center;background:#fff;background:var(--c-white,#fff);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);border-radius:10px 10px 0 0;border-top:3px solid #e2e8f0;border-top:3px solid var(--c-e2e8f0,#e2e8f0);display:flex;gap:8px;padding:10px 12px 9px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.tc-board-col-icon{font-size:14px}.tc-board-col-title{flex:1 1;font-size:12px;font-weight:700}.tc-board-col-count{border-radius:10px;font-size:11px;font-weight:700;min-width:20px;padding:1px 7px;text-align:center}.tc-board-col-body{display:flex;flex-direction:column;gap:7px;max-height:calc(100vh - 340px);overflow-y:auto;padding:8px}.tc-board-card{background:#fff;background:var(--c-white,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--c-e5e7eb,#e5e7eb);border-radius:9px;cursor:grab;padding:11px;transition:box-shadow .15s,border-color .15s;-webkit-user-select:none;user-select:none}.tc-board-card:hover{border-color:#93c5fd;border-color:var(--c-93c5fd,#93c5fd);box-shadow:0 3px 12px #00000014}.tc-board-card:active{cursor:grabbing}.tc-board-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:3px}.tc-board-card-name{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:12px;font-weight:600}.tc-board-priority-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.tc-board-card-code{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:block;font-size:10px;margin-bottom:5px}.tc-board-card-contact{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;margin-bottom:3px}.tc-board-card-loc{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:11px;margin-bottom:3px}.tc-board-card-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.tc-board-card-date{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:10px}.tc-board-card-actions{display:flex;gap:5px;margin-top:7px}.tc-board-card-btn{border:1.5px solid;border-radius:6px;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;padding:5px 7px;transition:all .15s}.tc-board-card-btn--status{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#bfdbfe;border-color:var(--c-bfdbfe,#bfdbfe);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.tc-board-card-btn--status:hover{background:#2563eb;background:var(--c-2563eb,#2563eb);color:#fff;color:var(--ct-white,#fff)}.tc-board-card-btn--edit{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-color:#e2e8f0;border-color:var(--c-e2e8f0,#e2e8f0);color:#475569;color:var(--ct-475569,#475569)}.tc-board-card-btn--edit:hover{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);border-color:#94a3b8;border-color:var(--c-94a3b8,#94a3b8)}.tc-board-drag-hint{color:#d1d5db;color:var(--ct-d1d5db,#d1d5db);font-size:10px;margin-top:5px;text-align:center}.tc-board-sentinel{height:16px}.tc-board-col-loading{align-items:center;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:flex;font-size:12px;gap:8px;justify-content:center;padding:8px}.tc-board-col-end{font-size:11px;padding:8px}.tc-board-col-empty,.tc-board-col-end{color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1);text-align:center}.tc-board-col-empty{font-size:12px;padding:28px 8px}.tc-board-resurfaced-divider{align-items:center;color:#d97706;color:var(--ct-d97706,#d97706);display:flex;font-size:10px;font-weight:700;gap:6px;margin:8px 0 4px}.tc-board-resurfaced-divider:after,.tc-board-resurfaced-divider:before{background:#fde68a;background:var(--c-fde68a,#fde68a);content:"";flex:1 1;height:1px}.tc-board-card--resurfaced{background:#fffbeb!important;background:var(--c-fffbeb,#fffbeb)!important;border-color:#fcd34d!important;border-color:var(--c-fcd34d,#fcd34d)!important}.tc-board-card--resurfaced:hover{box-shadow:0 3px 12px #f59e0b26!important}.tc-board-resurfaced-tag{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);border:1px solid #fde68a;border:1px solid var(--c-fde68a,#fde68a);border-radius:8px;color:#d97706;color:var(--ct-d97706,#d97706);display:inline-block;font-size:10px;font-weight:700;margin-bottom:4px;padding:1px 6px}.tc-board-resurfaced-dot{font-size:11px}.tc-board-resurfaced-since{color:#d97706;color:var(--ct-d97706,#d97706);font-size:10px}@media (max-width:600px){.tc-page{padding:14px}.tc-cards{grid-template-columns:1fr;max-height:calc(100vh - 380px)}.tc-pagination-bar{align-items:flex-start;flex-direction:column}.tc-modal-body--grid{grid-template-columns:1fr}.tc-modal--wide{width:98vw!important}}.tc-modal--fixed-layout{display:flex;flex-direction:column;max-height:92vh;overflow:hidden}.tc-modal-header--fixed{background:#fff;background:var(--c-fff,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--c-e5e7eb,#e5e7eb);flex-shrink:0;padding:16px 20px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.tc-modal-body--scrollable{flex:1 1;overflow-y:auto;padding:16px 20px}.tc-modal-footer--fixed{align-items:center;background:#fff;background:var(--c-fff,#fff);border-top:1px solid #e5e7eb;border-top:1px solid var(--c-e5e7eb,#e5e7eb);bottom:0;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:12px 20px;position:-webkit-sticky;position:sticky;z-index:10}.tc-modal--interested{min-width:340px;width:min(820px,96vw)}.tc-interested-fields{display:flex;flex-direction:column;gap:14px}.tc-field--full{grid-column:1/-1}.tc-styled-input{border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:13px;outline:none;padding:8px 12px;transition:border-color .15s;width:100%}.tc-styled-input:focus{border-color:#6366f1;border-color:var(--c-6366f1,#6366f1);box-shadow:0 0 0 3px #eef2ff;box-shadow:0 0 0 3px var(--c-eef2ff,#eef2ff)}.tc-bill-upload{transition:all .18s}.tc-bill-upload:hover{background:#f5f3ff!important;background:var(--c-f5f3ff,#f5f3ff)!important;border-color:#6366f1!important;border-color:var(--c-6366f1,#6366f1)!important}.tc-reason-field select{background:#fff;background:var(--c-white,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;outline:none;padding:8px 12px}.tc-reason-field select:focus{border-color:#6366f1;border-color:var(--c-6366f1,#6366f1);box-shadow:0 0 0 3px #eef2ff;box-shadow:0 0 0 3px var(--c-eef2ff,#eef2ff)}.tc-reason-field input[type=date],.tc-reason-field input[type=number],.tc-reason-field input[type=text],.tc-reason-field input[type=time],.tc-reason-field textarea{border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:13px;outline:none;padding:8px 12px;transition:border-color .15s;width:100%}.tc-reason-field input:focus,.tc-reason-field textarea:focus{border-color:#6366f1;border-color:var(--c-6366f1,#6366f1);box-shadow:0 0 0 3px #eef2ff;box-shadow:0 0 0 3px var(--c-eef2ff,#eef2ff)}.tc-bill-view-btn{align-items:center;background:none;border:1.5px solid #dbeafe;border:1.5px solid var(--c-dbeafe,#dbeafe);border-radius:6px;color:#2563eb;color:var(--ct-2563eb,#2563eb);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:13px;gap:5px;padding:3px 10px;transition:background .15s,border-color .15s}.tc-bill-view-btn:hover{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#2563eb;border-color:var(--c-2563eb,#2563eb)}.tc-bill-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.tc-bill-modal{animation:tcBillIn .18s ease;background:#fff;background:var(--c-fff,#fff);border-radius:14px;box-shadow:0 24px 60px #00000038;display:flex;flex-direction:column;height:min(88vh,820px);overflow:hidden;width:min(900px,96vw)}@keyframes tcBillIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.tc-bill-header{align-items:center;background:#f9fafb;background:var(--c-f9fafb,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:14px 14px 0 0;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:14px 20px}.tc-bill-title{color:#1e293b;color:var(--ct-1e293b,#1e293b);flex:1 1;font-size:14px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-bill-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.tc-bill-btn{align-items:center;border:none;border-radius:7px;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:12.5px;font-weight:500;gap:5px;padding:6px 13px;text-decoration:none;transition:background .15s}.tc-bill-btn--newtab{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border:1.5px solid #bfdbfe;border:1.5px solid var(--c-bfdbfe,#bfdbfe);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.tc-bill-btn--newtab:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe)}.tc-bill-btn--download{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);border:1.5px solid #bbf7d0;border:1.5px solid var(--c-bbf7d0,#bbf7d0);color:#059669;color:var(--ct-059669,#059669)}.tc-bill-btn--download:hover{background:#dcfce7;background:var(--c-dcfce7,#dcfce7)}.tc-bill-btn--close{background:#f3f4f6;background:var(--c-f3f4f6,#f3f4f6);border:1.5px solid #e5e7eb;border:1.5px solid var(--c-e5e7eb,#e5e7eb);color:#374151;color:var(--ct-374151,#374151)}.tc-bill-btn--close:hover{background:#e5e7eb;background:var(--c-e5e7eb,#e5e7eb)}.tc-bill-body{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);flex:1 1;overflow:hidden}.tc-bill-spinner{animation:tcBillSpin .7s linear infinite;border:3px solid #e5e7eb;border-top-color:#6366f1;border:3px solid var(--c-e5e7eb,#e5e7eb);border-radius:50%;border-top-color:var(--c-6366f1,#6366f1);flex-shrink:0;height:28px;width:28px}@keyframes tcBillSpin{to{transform:rotate(1turn)}}.tc-edit-section-divider{border-top:1.5px solid #f1f5f9;border-top:1.5px solid var(--c-f1f5f9,#f1f5f9);color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:12px;font-weight:700;grid-column:1/-1;letter-spacing:.05em;margin-top:6px;padding:10px 0 4px;text-transform:uppercase}.tc-edit-field .filter-trigger,.tc-reason-field .filter-trigger{border-color:#d1d5db;border-color:var(--c-d1d5db,#d1d5db);border-radius:6px;font-size:12px;height:36px;width:100%}.tc-edit-field .filter-trigger--open,.tc-reason-field .filter-trigger--open{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 0 0 3px #2563eb14}.tc-edit-field .filter-dropdown-list,.tc-reason-field .filter-dropdown-list{font-size:12px;min-width:0;min-width:auto;width:100%}.tc-toolbar .filter-trigger{border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;height:36px;min-width:150px}.tc-toolbar .filter-trigger--open{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 0 0 3px #2563eb14}.tc-toolbar .filter-dropdown-list{font-size:13px;min-width:180px}.tc-filter-item{display:flex;flex-direction:column;gap:0;min-width:140px}.tc-filter-date{align-items:center;flex-direction:row;gap:8px;min-width:auto}.tc-filter-date-label{color:#64748b;color:var(--ct-64748b,#64748b)}.tc-filter-clear-all,.tc-filter-date-label{font-size:12px;font-weight:600;white-space:nowrap}.tc-filter-clear-all{align-items:center;align-self:flex-end;background:#fef2f2;background:var(--c-fef2f2,#fef2f2);border:1.5px solid #fca5a5;border:1.5px solid var(--c-fca5a5,#fca5a5);border-radius:8px;color:#dc2626;color:var(--ct-dc2626,#dc2626);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;gap:6px;padding:7px 13px;transition:all .15s}.tc-filter-clear-all:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);border-color:#f87171;border-color:var(--c-f87171,#f87171)}.tc-board-card-group{color:#6366f1;color:var(--ct-6366f1,#6366f1);font-size:11px;margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-cal-trigger{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:12px;gap:6px;padding:7px 11px;transition:border-color .15s;white-space:nowrap}.ld-cal-trigger:hover{border-color:#94a3b8;border-color:var(--c-94a3b8,#94a3b8)}.ld-cal--open{box-shadow:0 0 0 3px #2563eb1a}.ld-cal--applied,.ld-cal--open{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb)}.ld-cal--applied{background:#eff6ff;background:var(--c-eff6ff,#eff6ff)}.ld-cal-ph{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:12px;letter-spacing:.3px}.ld-cal-val{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:12px;font-weight:600}.ld-cal-sep{color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1);font-size:12px}.ld-cal-x{align-items:center;border-radius:4px;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:flex;padding:2px;transition:color .13s,background .13s}.ld-cal-x:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#ef4444;color:var(--ct-ef4444,#ef4444)}.ld-cal-dropdown{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:10px;box-shadow:0 8px 24px #0000001f;padding:12px;-webkit-user-select:none;user-select:none}.ld-cal-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.ld-cal-month-btn{background:none;border:none;border-radius:6px;color:#1e293b;color:var(--ct-1e293b,#1e293b);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:3px 8px;transition:background .13s}.ld-cal-month-btn:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.ld-cal-yr-num{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-weight:700}.ld-cal-nav{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:flex;height:26px;justify-content:center;transition:background .13s;width:26px}.ld-cal-nav:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.ld-yr-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(4,1fr);padding:4px 0}.ld-yr-cell{border-radius:6px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;font-size:12px;padding:5px 2px;text-align:center;transition:background .13s}.ld-yr-cell:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.ld-yr-sel{background:#2563eb;background:var(--c-2563eb,#2563eb);color:#fff;color:var(--ct-fff,#fff);font-weight:700}.ld-cal-grid{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);margin-bottom:10px}.ld-cal-dl{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:10px;font-weight:600;letter-spacing:.03em;padding:4px 0;text-align:center}.ld-cal-cell{border-radius:4px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;font-size:12px;padding:5px 2px;position:relative;text-align:center;transition:background .1s}.ld-cal-cell:hover:not(.ld-cal-empty):not(.ld-cal-from):not(.ld-cal-to){background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.ld-cal-empty{cursor:default;pointer-events:none}.ld-cal-today{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-weight:700}.ld-cal-today:after{background:#2563eb;background:var(--c-2563eb,#2563eb);border-radius:50%;bottom:2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:3px}.ld-cal-from{border-radius:5px 0 0 5px}.ld-cal-from,.ld-cal-to{background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8);color:#fff;color:var(--ct-fff,#fff);font-weight:600}.ld-cal-to{border-radius:0 5px 5px 0}.ld-cal-from.ld-cal-to{border-radius:5px}.ld-cal-in-range{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);border-radius:0;color:#1e40af;color:var(--ct-1e40af,#1e40af)}.ld-cal-rr-s{border-radius:5px 0 0 5px}.ld-cal-rr-e{border-radius:0 5px 5px 0}.ld-cal-footer{border-top:1px solid #f1f5f9;border-top:1px solid var(--c-f1f5f9,#f1f5f9);flex-direction:column;gap:8px;padding-top:10px}.ld-cal-chips,.ld-cal-footer{align-items:center;display:flex}.ld-cal-chips{gap:6px;justify-content:center;width:100%}.ld-cal-chips svg{flex-shrink:0}.ld-cal-chip,.ld-cal-chips svg{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8)}.ld-cal-chip{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:5px;font-size:11px;font-style:italic;padding:2px 7px;white-space:nowrap}.ld-cal-chip--set{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#93c5fd;border-color:var(--c-93c5fd,#93c5fd);color:#1e40af;color:var(--ct-1e40af,#1e40af);font-style:normal;font-weight:600}.ld-cal-clear{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;font-family:inherit;font-size:11px;padding:4px 10px;transition:background .13s}.ld-cal-clear:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.ld-cal-apply{background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8);border:none;border-radius:6px;color:#fff;color:var(--ct-fff,#fff);cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;padding:4px 12px;transition:background .13s}.ld-cal-apply:hover:not(:disabled){background:#1e40af;background:var(--c-1e40af,#1e40af)}.ld-cal-apply:disabled{cursor:default;opacity:.5}.tc-stat-card--active{transform:translateY(-2px)}.col-visibility-btn{background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);color:#475569;color:var(--ct-475569,#475569);display:inline-flex;font-size:12px;gap:5px;transition:all .15s}.col-visibility-btn:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.col-visibility-btn.has-hidden{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);color:var(--ct-2563eb,#2563eb)}.col-visibility-badge{background:#3b82f6;background:var(--c-3b82f6,#3b82f6);border-radius:999px;color:var(--ct-white,#fff);font-weight:700;padding:1px 6px}.col-visibility-dropdown{animation:cvSlideDown .15s ease-out;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);box-shadow:0 8px 20px #0000001f;left:0;top:calc(100% + 5px)}@keyframes cvSlideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.col-visibility-header{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:12px;font-weight:600;padding:9px 12px}.col-visibility-reset{background:#0000;color:#3b82f6;color:var(--ct-3b82f6,#3b82f6)}.col-visibility-reset:hover{background:#eff6ff;background:var(--c-eff6ff,#eff6ff)}.col-visibility-list{padding:4px}.col-visibility-item{border-radius:4px;gap:7px;padding:6px 8px}.col-visibility-item:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.col-visibility-item input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--c-3b82f6,#3b82f6);height:13px;width:13px}.col-visibility-item input[type=checkbox]:disabled{opacity:.5}.col-visibility-label{color:#475569;color:var(--ct-475569,#475569);font-size:12px}.col-required{opacity:.65}.col-required-tag{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);color:#64748b;color:var(--ct-64748b,#64748b)}.col-draggable{cursor:grab;transition:background .12s;-webkit-user-select:none;user-select:none}.col-draggable:active{cursor:grabbing}.col-draggable.col-drag-over{background:#dbeafe!important;background:var(--c-dbeafe,#dbeafe)!important;border-bottom:2px solid #3b82f6;border-bottom:2px solid var(--c-3b82f6,#3b82f6)}.col-draggable.col-dragging{opacity:.4}.th-content{justify-content:center;white-space:nowrap}.col-drag-handle{color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1)}.col-draggable:hover .col-drag-handle{opacity:1}.col-draggable:hover{background:#f1f5f9!important;background:var(--c-f1f5f9,#f1f5f9)!important}.sort-icon{display:inline-block}.sort-icon-default{color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1)}.sort-icon-active{color:#3b82f6;color:var(--ct-3b82f6,#3b82f6)}.cust-clickable-row:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.cust-clickable-row:hover td{color:#0f172a;color:var(--ct-0f172a,#0f172a)}.cust-view-toggle-container{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px}.cust-view-toggle{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:7px;display:flex;gap:4px;padding:3px}.cust-view-btn{align-items:center;border:none;border-radius:5px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:inline-flex;font-size:12px;gap:5px;padding:5px 10px;transition:all .15s}.cust-view-btn.active{background:#fff;background:var(--c-white,#fff);box-shadow:0 1px 3px #0000001a;color:#0f172a;color:var(--ct-0f172a,#0f172a);font-weight:500}.cust-grid{grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:16px}.cust-card{background:var(--c-white,#fff);border:1px solid #f1f5f9;border:1px solid var(--c-f1f5f9,#f1f5f9);border-radius:10px;box-shadow:0 1px 3px #00000014;transition:all .2s}.cust-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.cust-card-clickable{padding:14px}.cust-card-clickable:hover{background:#fafbfc;background:var(--c-fafbfc,#fafbfc)}.cust-card-header{margin-bottom:10px}.cust-card-id{color:#3b82f6;color:var(--ct-3b82f6,#3b82f6);letter-spacing:.3px}.cust-card-title{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-weight:700;margin:0 0 6px}.cust-card-info{margin-bottom:6px}.cust-card-info-item{color:#64748b;color:var(--ct-64748b,#64748b)}.cust-card-description,.cust-card-icon{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8)}.cust-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:11px;line-height:1.4;margin-top:4px;overflow:hidden}.cust-card-footer{background:#fafbfc;background:var(--c-fafbfc,#fafbfc);border-top:1px solid #f1f5f9;border-top:1px solid var(--c-f1f5f9,#f1f5f9);padding:8px 14px}.cust-card-source{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8)}.cust-card-action-btn{border-radius:5px;display:flex;padding:5px;transition:all .15s}.cust-card-action-btn svg{height:13px;width:13px}.cust-card-action-btn:hover{transform:scale(1.1)}.cust-card-action-btn.cust-action-view:hover{background:#2563eb1a;color:#2563eb;color:var(--ct-2563eb,#2563eb)}.cust-card-action-btn.cust-action-edit:hover{background:#16a34a1a;color:#16a34a;color:var(--ct-16a34a,#16a34a)}.cust-card-action-btn.cust-action-delete:hover{background:#dc26261a;color:#dc2626;color:var(--ct-dc2626,#dc2626)}.cust-card-action-btn.cust-action-timeline:hover{background:#7c3aed1a;color:#7c3aed;color:var(--ct-7c3aed,#7c3aed)}.cust-card-action-btn.cust-action-followup:hover{background:#fb923c1a;color:#ea580c;color:var(--ct-ea580c,#ea580c)}.ld-detail-page{animation:ldFadeIn .2s ease-out}@keyframes ldFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ld-detail-topbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.ld-back-btn{align-items:center;background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:6px 12px;transition:all .15s}.ld-back-btn:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);color:#3b82f6;color:var(--ct-3b82f6,#3b82f6)}.ld-detail-breadcrumb{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:12px}.ld-detail-breadcrumb,.ld-hero{align-items:center;display:flex}.ld-hero{background:#fff;background:var(--c-white,#fff);border-radius:10px;box-shadow:0 1px 3px #00000014;flex-wrap:wrap;gap:16px;margin-bottom:14px;padding:16px}.ld-hero-left{flex:1 1;gap:12px;min-width:200px}.ld-hero-avatar,.ld-hero-left{align-items:center;display:flex}.ld-hero-avatar{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--c-3b82f6,#3b82f6),var(--c-2563eb,#2563eb));border-radius:10px;color:#fff;color:var(--ct-white,#fff);flex-shrink:0;font-size:20px;font-weight:700;height:44px;justify-content:center;width:44px}.ld-hero-name{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:18px;font-weight:700;margin:0 0 2px}.ld-hero-code{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-family:monospace;font-size:11px;font-weight:600;letter-spacing:.5px}.ld-hero-actions,.ld-hero-badges{display:flex;flex-wrap:wrap;gap:6px}.ld-tabs{border-bottom:2px solid #f1f5f9;border-bottom:2px solid var(--c-f1f5f9,#f1f5f9);display:flex;gap:2px;margin-bottom:14px}.ld-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;font-size:13px;font-weight:500;margin-bottom:-2px;padding:8px 16px;transition:all .15s}.ld-tab:hover{color:#0f172a;color:var(--ct-0f172a,#0f172a)}.ld-tab.active{border-bottom-color:#3b82f6;border-bottom-color:var(--c-3b82f6,#3b82f6);color:#3b82f6;color:var(--ct-3b82f6,#3b82f6);font-weight:600}.ld-info-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr);margin-bottom:14px}.ld-info-card{background:#fff;background:var(--c-white,#fff);border-radius:10px;box-shadow:0 1px 3px #0000000f;padding:14px}.ld-card-title{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:13px;font-weight:700;margin:0 0 10px;padding-bottom:8px}.ld-field-list{display:flex;flex-direction:column;gap:8px}.ld-field-row{align-items:flex-start;display:flex;gap:8px}.ld-field-label{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:11px;font-weight:600;letter-spacing:.3px;min-width:100px;text-transform:uppercase;white-space:nowrap}.ld-field-val{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:12px}.ld-enquiry-card{background:#fff;background:var(--c-white,#fff);border-radius:10px;box-shadow:0 1px 3px #0000000f;margin-bottom:14px;padding:14px}.ld-enquiry-text{color:#475569;color:var(--ct-475569,#475569);font-size:13px;line-height:1.6}.ld-overview-proposals{background:#fff;background:var(--c-white,#fff);border-radius:10px;box-shadow:0 1px 3px #0000000f;margin-top:14px;padding:14px}.ld-overview-proposals-empty{align-items:center;display:flex;gap:12px}.ld-ovp-icon{flex-shrink:0;font-size:28px}.ld-ovp-text{display:flex;flex:1 1;flex-direction:column}.ld-ovp-label{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:13px;font-weight:600}.ld-ovp-sub{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:11px}.ld-ovp-header{align-items:center;justify-content:space-between}.ld-ovp-header,.ld-ovp-stats{display:flex;margin-bottom:10px}.ld-ovp-stats{flex-wrap:wrap;gap:20px}.ld-ovp-stat{display:flex;flex-direction:column;gap:2px}.ld-ovp-stat-val{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:18px;font-weight:700}.ld-ovp-stat-money .ld-ovp-stat-val{color:#059669;color:var(--ct-059669,#059669)}.ld-ovp-stat-label{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:10px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.ld-ovp-latest{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-radius:6px;display:flex;flex-wrap:wrap;font-size:12px;gap:6px;padding:7px 10px}.ld-ovp-latest-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:600}.ld-ovp-latest-title{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-weight:500}.ld-section-hdr{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px}.ld-proposals-list{display:flex;flex-direction:column;gap:10px}.ld-proposal-card{align-items:center;background:#fff;background:var(--c-white,#fff);border:1px solid #f1f5f9;border:1px solid var(--c-f1f5f9,#f1f5f9);border-radius:8px;box-shadow:0 1px 2px #0000000f;display:flex;gap:14px;padding:12px 14px;transition:all .15s}.ld-proposal-card:hover{box-shadow:0 3px 8px #0000001a}.ld-proposal-card-left{flex:1 1;min-width:0}.ld-proposal-no{color:#3b82f6;color:var(--ct-3b82f6,#3b82f6);font-family:monospace;font-size:11px;font-weight:700;margin-bottom:3px}.ld-proposal-title{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:13px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-proposal-meta{align-items:center;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:flex;flex-wrap:wrap;font-size:11px;gap:6px}.ld-proposal-card-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.ld-proposal-actions{display:flex;gap:4px}.ld-pact-btn{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:5px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:4px 9px;transition:all .15s}.ld-pact-btn:hover{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#93c5fd;border-color:var(--c-93c5fd,#93c5fd);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.ld-pact-edit:hover{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);border-color:#86efac;border-color:var(--c-86efac,#86efac);color:#16a34a;color:var(--ct-16a34a,#16a34a)}.ld-proposal-status{border-radius:999px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.2px;padding:2px 8px;text-transform:uppercase}.ld-ps-draft{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);color:#475569;color:var(--ct-475569,#475569)}.ld-ps-sent{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.ld-ps-approved{background:#d1fae5;background:var(--c-d1fae5,#d1fae5);color:#065f46;color:var(--ct-065f46,#065f46)}.ld-ps-rejected{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#991b1b;color:var(--ct-991b1b,#991b1b)}.ld-ps-hold{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);color:#92400e;color:var(--ct-92400e,#92400e)}.ob-s-draft{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);color:#475569;color:var(--ct-475569,#475569)}.ob-s-confirmed{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.ob-s-production{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);color:#92400e;color:var(--ct-92400e,#92400e)}.ob-s-ready{background:#e0e7ff;background:var(--c-e0e7ff,#e0e7ff);color:#4338ca;color:var(--ct-4338ca,#4338ca)}.ob-s-dispatched{background:#ddd6fe;background:var(--c-ddd6fe,#ddd6fe);color:#6b21a8;color:var(--ct-6b21a8,#6b21a8)}.ob-s-completed{background:#d1fae5;background:var(--c-d1fae5,#d1fae5);color:#065f46;color:var(--ct-065f46,#065f46)}.ob-s-cancelled{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#991b1b;color:var(--ct-991b1b,#991b1b)}.ld-history-list{display:flex;flex-direction:column;gap:10px}.ld-history-item{align-items:flex-start;background:#fff;background:var(--c-white,#fff);border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;gap:12px;padding:10px}.ld-history-icon{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-radius:8px;display:flex;flex-shrink:0;font-size:15px;height:32px;justify-content:center;width:32px}.ld-history-body{flex:1 1}.ld-history-hdr{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:3px}.ld-history-type{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:12px;font-weight:600}.ld-history-date{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:11px}.ld-history-by{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px}.ld-history-desc{color:#475569;color:var(--ct-475569,#475569);font-size:12px;line-height:1.4}.ld-history-change{align-items:center;display:flex;flex-wrap:wrap;font-size:11px;gap:4px;margin-top:4px}.ld-chg-field{color:#64748b;color:var(--ct-64748b,#64748b);font-weight:600}.ld-chg-old{color:#dc2626;color:var(--ct-dc2626,#dc2626);text-decoration:line-through}.ld-chg-new{color:#16a34a;color:var(--ct-16a34a,#16a34a);font-weight:600}.ld-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:6px 14px;transition:all .15s}.ld-btn-pri{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--c-3b82f6,#3b82f6),var(--c-2563eb,#2563eb));color:#fff;color:var(--ct-white,#fff)}.ld-btn-pri:hover:not(:disabled){box-shadow:0 3px 8px #3b82f659;transform:translateY(-1px)}.ld-btn-sec{background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);color:#64748b;color:var(--ct-64748b,#64748b)}.ld-btn-sec:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.ld-btn-sm{font-size:11px;padding:4px 10px}.ld-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.ld-pform-footer{border-top:1px solid #f1f5f9;border-top:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;gap:8px;justify-content:flex-end;margin-top:12px;padding-top:12px}.ld-empty-state{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);padding:32px 20px;text-align:center}.ld-empty-icon{font-size:36px;margin-bottom:8px}.ld-empty-state p{font-size:13px;margin:0 0 12px}.ld-loading-row{align-items:center;color:#64748b;color:var(--ct-64748b,#64748b);display:flex;font-size:13px;gap:8px;justify-content:center;padding:20px}.badge-blue{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.badge-yellow{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);color:#92400e;color:var(--ct-92400e,#92400e)}.badge-green{background:#dcfce7;background:var(--c-dcfce7,#dcfce7);color:#166534;color:var(--ct-166534,#166534)}.badge-purple{background:#f3e8ff;background:var(--c-f3e8ff,#f3e8ff);color:#6b21a8;color:var(--ct-6b21a8,#6b21a8)}.badge-orange{background:#fed7aa;background:var(--c-fed7aa,#fed7aa);color:#9a3412;color:var(--ct-9a3412,#9a3412)}.badge-grey{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);color:#475569;color:var(--ct-475569,#475569)}.badge-Active{background:#dcfce7;background:var(--c-dcfce7,#dcfce7);color:#166534;color:var(--ct-166534,#166534)}.badge-Inactive{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);color:#475569;color:var(--ct-475569,#475569)}.badge-Prospect{background:#fed7aa;background:var(--c-fed7aa,#fed7aa);color:#9a3412;color:var(--ct-9a3412,#9a3412)}.badge-Lead{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.cust-badge.badge-blue{background:#dbeafe!important;background:var(--c-dbeafe,#dbeafe)!important;color:#1e40af!important;color:var(--ct-1e40af,#1e40af)!important}.cust-badge.badge-yellow{background:#fef3c7!important;background:var(--c-fef3c7,#fef3c7)!important;color:#92400e!important;color:var(--ct-92400e,#92400e)!important}.cust-badge.badge-green{background:#dcfce7!important;background:var(--c-dcfce7,#dcfce7)!important;color:#166534!important;color:var(--ct-166534,#166534)!important}.cust-badge.badge-purple{background:#f3e8ff!important;background:var(--c-f3e8ff,#f3e8ff)!important;color:#6b21a8!important;color:var(--ct-6b21a8,#6b21a8)!important}.cust-badge.badge-orange{background:#fed7aa!important;background:var(--c-fed7aa,#fed7aa)!important;color:#9a3412!important;color:var(--ct-9a3412,#9a3412)!important}.cust-badge.badge-grey{background:#f1f5f9!important;background:var(--c-f1f5f9,#f1f5f9)!important;color:#475569!important;color:var(--ct-475569,#475569)!important}.phone-error-message{color:#dc2626;color:var(--ct-dc2626,#dc2626);font-size:11px;margin-top:2px}@media (max-width:1024px){.ld-info-grid{grid-template-columns:1fr}.cust-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:768px){.ld-hero{align-items:flex-start;flex-direction:column}.ld-hero-actions{width:100%}.ld-hero-actions .cust-btn{flex:1 1;justify-content:center}.ld-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.ld-tab{white-space:nowrap}.cust-grid{grid-template-columns:1fr}.ld-proposal-card{align-items:flex-start;flex-direction:column}.ld-proposal-card-right{justify-content:space-between;width:100%}.cust-view-toggle-container{align-items:flex-start;flex-direction:column;gap:6px}.ld-ovp-stats{gap:12px}.ld-detail-topbar{gap:6px}}@media (max-width:480px){.ld-hero-name{font-size:16px}.ld-proposal-actions{flex-wrap:wrap}.ld-pact-btn{flex:1 1;justify-content:center}.col-visibility-dropdown{left:auto;right:0}}.cust-view-toolbar{align-items:center!important;box-sizing:border-box;display:flex!important;justify-content:space-between!important;margin-bottom:.75rem;width:100%!important}.cust-view-toolbar-left{align-items:center;display:flex;min-width:0}.cust-view-toolbar-right{align-items:center;background:#f3f4f6;background:var(--c-f3f4f6,#f3f4f6);border-radius:8px;display:flex;flex-shrink:0;gap:4px;margin-left:auto;padding:3px}.cust-view-btn{align-items:center!important;background:#0000;border:none!important;border-radius:6px!important;box-shadow:none;color:#6b7280;color:var(--ct-6b7280,#6b7280);cursor:pointer!important;display:flex!important;font-size:13px!important;font-weight:500!important;gap:5px!important;padding:5px 14px!important;transition:background .15s,box-shadow .15s,color .15s;white-space:nowrap}.cust-view-btn.active{background:#fff!important;background:var(--c-ffffff,#fff)!important;box-shadow:0 1px 3px #0000001f!important;color:#111827!important;color:var(--ct-111827,#111827)!important}.cust-view-btn svg{flex-shrink:0;height:15px;width:15px}@media (max-width:480px){.cust-view-btn span{display:none}}.clients-title{color:#111827;color:var(--ct-111827,#111827);font-size:22px;font-weight:600;margin:0}.cust-container{padding:24px 24px 0}.cust-breadcrumb{align-items:center;color:#6b7280;color:var(--ct-6b7280,#6b7280);display:flex;font-size:13px;gap:6px;margin-bottom:1rem}.cust-breadcrumb-separator{color:#d1d5db;color:var(--ct-d1d5db,#d1d5db)}.cust-breadcrumb-active{color:#111827;color:var(--ct-111827,#111827);font-weight:500}.cust-header{margin-bottom:1rem}.cust-action-bar,.cust-header.page-header-with-filter{align-items:center;display:flex}.cust-action-bar{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.cust-search-wrapper{flex:1 1;min-width:200px;position:relative}.cust-search-icon{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);height:16px;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px}.cust-search-input{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;box-sizing:border-box;font-size:13px;outline:none;padding:10px 12px 10px 34px;width:100%}.cust-search-input:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a}.cust-filters{display:flex;flex-wrap:wrap;gap:.5rem}.cust-filter-select{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;font-size:13px;outline:none;padding:10px}.cust-filter-select:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6)}.cust-action-buttons{display:flex;flex-shrink:0;gap:.5rem}.cust-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .15s;white-space:nowrap}.cust-btn-primary{background:#3b82f6;background:var(--c-3b82f6,#3b82f6);color:#fff;color:var(--ct-fff,#fff);padding:8px}.cust-btn-primary:hover{background:#2563eb;background:var(--c-2563eb,#2563eb)}.cust-btn-secondary{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);color:#374151;color:var(--ct-374151,#374151);padding:10px}.cust-btn-secondary:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.cust-btn-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.cust-btn-icon{height:14px;width:14px}.cust-table-card{background:#fff;background:var(--c-fff,#fff);border-radius:12px;box-shadow:0 1px 4px #00000014;overflow:hidden}.cust-table-wrapper{max-height:500px;overflow-x:auto;overflow-y:auto}.cust-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.cust-table-wrapper::-webkit-scrollbar{height:5px;width:5px}.cust-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.cust-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:4px}.cust-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--c-94a3b8,#94a3b8)}.cust-table{border-collapse:collapse;font-size:13px;width:100%}.cust-table thead tr{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0)}.cust-table th{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:600;letter-spacing:.05em;padding:8px 12px;text-align:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.cust-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#374151;color:var(--ct-374151,#374151);font-size:13px;overflow:hidden;padding:7px 12px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.cust-table tbody tr:last-child td{border-bottom:none}.cust-table tbody tr:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.cust-clickable-row{cursor:pointer}.cust-font-medium{color:#111827;color:var(--ct-111827,#111827);font-weight:600}.cust-action-buttons-cell-center{align-items:center;display:flex;gap:4px;justify-content:center}.cust-action-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:inline-flex;height:30px;justify-content:center;transition:background .15s;width:30px}.cust-action-btn svg{height:15px;width:15px}.cust-action-view{color:#3b82f6;color:var(--ct-3b82f6,#3b82f6)}.cust-action-view:hover{background:#eff6ff;background:var(--c-eff6ff,#eff6ff)}.cust-action-edit{color:#10b981;color:var(--ct-10b981,#10b981)}.cust-action-edit:hover{background:#ecfdf5;background:var(--c-ecfdf5,#ecfdf5)}.cust-action-delete{color:#ef4444;color:var(--ct-ef4444,#ef4444)}.cust-action-delete:hover{background:#fef2f2;background:var(--c-fef2f2,#fef2f2)}.cust-action-disabled{cursor:not-allowed;opacity:.4}.cust-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:1.25rem}.cust-card{background:#fff;background:var(--c-fff,#fff);border:1px solid #e5e7eb;border:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:12px;overflow:hidden;transition:box-shadow .2s}.cust-card:hover{box-shadow:0 4px 12px #0000001a}.cust-card-clickable{cursor:pointer}.cust-card-header{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--c-f3f4f6,#f3f4f6);display:flex;justify-content:space-between;padding:10px 12px 6px}.cust-card-id{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:11px;font-weight:700;letter-spacing:.04em}.cust-card-badges{display:flex;flex-wrap:wrap;gap:4px}.cust-card-body{padding:10px 12px}.cust-card-title{color:#111827;color:var(--ct-111827,#111827);font-size:14px;font-weight:600;margin:0 0 4px}.cust-card-info{display:flex;flex-direction:column;gap:4px;margin-top:6px}.cust-card-info-item{align-items:center;color:#6b7280;color:var(--ct-6b7280,#6b7280);display:flex;font-size:12px;gap:6px}.cust-card-icon{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);flex-shrink:0;height:13px;width:13px}.cust-card-footer{align-items:center;background:#f9fafb;background:var(--c-f9fafb,#f9fafb);border-top:1px solid #f3f4f6;border-top:1px solid var(--c-f3f4f6,#f3f4f6);display:flex;justify-content:space-between;padding:8px 12px}.cust-card-source{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-size:11px}.cust-card-actions{display:flex;gap:4px}.cust-card-action-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:inline-flex;height:28px;justify-content:center;transition:background .15s;width:28px}.cust-card-action-btn svg{height:14px;width:14px}.cust-pagination,.leads-enquiries-pagination{align-items:center;background:#fafafa;background:var(--c-fafafa,#fafafa);border-top:1px solid #f1f5f9;border-top:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px 18px}.cust-pagination-controls,.leads-enquiries-pagination-controls{align-items:center;display:flex;gap:6px}.cust-pagination-buttons,.leads-enquiries-pagination-buttons{align-items:center;display:flex;gap:4px}.cust-pagination-info,.leads-enquiries-pagination-info{align-items:center;color:#64748b;color:var(--ct-64748b,#64748b);display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.cust-pagination-current,.leads-enquiries-pagination-current{color:#374151;color:var(--ct-374151,#374151);font-size:12px;font-weight:500;padding:0 4px}.cust-rows-select{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;cursor:pointer;font-size:12px;outline:none;padding:5px 8px}.cust-pagination-btn,.leads-enquiries-pagination-btn{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:7px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;display:flex;font-size:13px;font-weight:600;height:32px;justify-content:center;padding:0;transition:all .15s;white-space:nowrap;width:32px}.cust-pagination-btn:hover:not(:disabled),.leads-enquiries-pagination-btn:hover:not(:disabled){background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1);color:#0f172a;color:var(--ct-0f172a,#0f172a)}.cust-pagination-btn:disabled,.leads-enquiries-pagination-btn:disabled{cursor:not-allowed;opacity:.4}.leads-enquiries-pagination-btn-active{background:#0f172a!important;background:var(--c-0f172a,#0f172a)!important;border-color:#0f172a!important;border-color:var(--c-0f172a,#0f172a)!important;color:#fff!important;color:var(--ct-fff,#fff)!important;font-weight:700}.leads-enquiries-pagination-btn-active:hover{background:#1e293b!important;background:var(--c-1e293b,#1e293b)!important}.leads-enquiries-pagination-ellipsis{align-items:center;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:inline-flex;font-size:13px;height:32px;justify-content:center;-webkit-user-select:none;user-select:none;width:32px}.cust-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.cust-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.cust-modal{background:#fff;background:var(--c-fff,#fff);border-radius:12px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.cust-modal-xlarge{max-width:860px}.cust-modal-header{align-items:center;background:#fff;background:var(--c-fff,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--c-e5e7eb,#e5e7eb);display:flex;justify-content:space-between;padding:1rem 1.25rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.cust-modal-header h2{color:#111827;color:var(--ct-111827,#111827);font-size:16px;font-weight:600;margin:0}.cust-modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;color:var(--ct-6b7280,#6b7280);cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.cust-modal-close:hover{background:#f3f4f6;background:var(--c-f3f4f6,#f3f4f6);color:#111827;color:var(--ct-111827,#111827)}.cust-modal-close svg{height:18px;width:18px}.cust-form{padding:0}.cust-form-section{padding:1rem 1.25rem}.cust-form-section+.cust-form-section{border-top:1px solid #f1f5f9;border-top:1px solid var(--c-f1f5f9,#f1f5f9)}.cust-form-section-title{color:#374151;color:var(--ct-374151,#374151);font-size:13px;font-weight:600;letter-spacing:.04em;margin:0 0 .75rem;text-transform:uppercase}.cust-form-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.cust-form-group{display:flex;flex-direction:column;gap:4px}.cust-form-group label{color:#374151;color:var(--ct-374151,#374151);font-size:12px;font-weight:500}.cust-form-group input,.cust-form-group select,.cust-form-group textarea,.cust-form-input{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;box-sizing:border-box;color:#111827;color:var(--ct-111827,#111827);font-size:13px;outline:none;padding:8px 10px;width:100%}.cust-form-group input:focus,.cust-form-group select:focus,.cust-form-group textarea:focus,.cust-form-input:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 2px #3b82f61a}.cust-form-actions{border-top:1px solid #f1f5f9;border-top:1px solid var(--c-f1f5f9,#f1f5f9);bottom:0;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem;position:-webkit-sticky;position:sticky}.cust-form-actions,.customer-delete-modal{background:#fff;background:var(--c-fff,#fff)}.customer-delete-modal{border-radius:12px;box-shadow:0 20px 60px #0003;max-width:400px;padding:2rem;text-align:center;width:100%}.customer-delete-modal-icon{margin-bottom:1rem}.customer-delete-icon-circle{align-items:center;background:#fee2e2;background:var(--c-fee2e2,#fee2e2);border-radius:50%;color:#ef4444;color:var(--ct-ef4444,#ef4444);display:inline-flex;font-size:24px;font-weight:700;height:56px;justify-content:center;width:56px}.customer-delete-modal-title{color:#111827;color:var(--ct-111827,#111827);font-size:18px;font-weight:600;margin:0 0 .5rem}.customer-delete-modal-text{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:13px;line-height:1.5;margin:0 0 1.5rem}.customer-delete-modal-actions{display:flex;gap:.75rem;justify-content:center}.customer-delete-btn{background:#ef4444!important;background:var(--c-ef4444,#ef4444)!important;border:none;color:#fff!important;color:var(--ct-fff,#fff)!important}.customer-delete-btn:hover{background:#dc2626!important;background:var(--c-dc2626,#dc2626)!important}.cl-cal-trigger{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;gap:6px;min-width:210px;padding:7px 11px;transition:border-color .15s,box-shadow .15s;white-space:nowrap}.cl-cal-trigger:hover{border-color:#94a3b8;border-color:var(--c-94a3b8,#94a3b8)}.cl-cal--open{box-shadow:0 0 0 3px #2563eb1a}.cl-cal--applied,.cl-cal--open{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb)}.cl-cal--applied{background:#eff6ff;background:var(--c-eff6ff,#eff6ff)}.cl-cal-ph{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:12px;letter-spacing:.3px}.cl-cal-val{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:12px;font-weight:600}.cl-cal-sep{color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1);font-size:12px}.cl-cal-x{align-items:center;border-radius:4px;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:flex;padding:2px;transition:color .13s,background .13s}.cl-cal-x:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#ef4444;color:var(--ct-ef4444,#ef4444)}.cl-cal-dropdown{animation:clCalDrop .14s ease-out;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:12px;box-shadow:0 12px 32px #0f172a26;overflow:hidden}@keyframes clCalDrop{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.cl-cal-head{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);justify-content:space-between;padding:9px 11px}.cl-cal-head,.cl-cal-month-btn{align-items:center;display:flex}.cl-cal-month-btn{background:none;border:none;border-radius:20px;color:#0f172a;color:var(--ct-0f172a,#0f172a);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;gap:4px;padding:4px 8px;transition:background .13s}.cl-cal-month-btn:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.cl-cal-yr-num{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-weight:700}.cl-cal-nav{align-items:center;background:none;border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:flex;padding:3px 6px;transition:background .13s}.cl-cal-nav:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.cl-yr-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(4,1fr);padding:8px 8px 6px}.cl-yr-cell{border-radius:6px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;font-size:12px;font-weight:500;padding:6px 2px;text-align:center;transition:background .13s,color .13s;-webkit-user-select:none;user-select:none}.cl-yr-cell:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.cl-yr-sel{background:#1d4ed8!important;background:var(--c-1d4ed8,#1d4ed8)!important;box-shadow:0 2px 6px #1d4ed859;color:#fff!important;color:var(--ct-fff,#fff)!important;font-weight:700}.cl-cal-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);padding:9px 7px 5px}.cl-cal-dl{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 0 4px;text-align:center;text-transform:uppercase}.cl-cal-cell{align-items:center;aspect-ratio:1;border-radius:5px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;display:flex;font-size:11px;justify-content:center;position:relative;transition:background .1s;-webkit-user-select:none;user-select:none}.cl-cal-cell:hover:not(.cl-cal-empty):not(.cl-cal-from):not(.cl-cal-to){background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.cl-cal-empty{cursor:default;pointer-events:none}.cl-cal-today{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-weight:700}.cl-cal-today:after{background:#2563eb;background:var(--c-2563eb,#2563eb);border-radius:50%;bottom:2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:3px}.cl-cal-from{border-radius:5px 0 0 5px}.cl-cal-from,.cl-cal-to{background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8);color:#fff;color:var(--ct-fff,#fff);font-weight:600}.cl-cal-to{border-radius:0 5px 5px 0}.cl-cal-from.cl-cal-to{border-radius:5px}.cl-cal-in-range{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);border-radius:0;color:#1e40af;color:var(--ct-1e40af,#1e40af)}.cl-cal-rr-s{border-radius:5px 0 0 5px}.cl-cal-rr-e{border-radius:0 5px 5px 0}.cl-cal-footer{background:#fff;background:var(--c-fff,#fff);border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);flex-direction:column;gap:8px;padding:10px 12px}.cl-cal-chips,.cl-cal-footer{align-items:center;display:flex}.cl-cal-chips{gap:6px;justify-content:center;width:100%}.cl-cal-chips svg{flex-shrink:0}.cl-cal-chip,.cl-cal-chips svg{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8)}.cl-cal-chip{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:5px;font-size:11px;font-style:italic;padding:2px 7px;white-space:nowrap}.cl-cal-chip--set{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#93c5fd;border-color:var(--c-93c5fd,#93c5fd);color:#1e40af;color:var(--ct-1e40af,#1e40af);font-style:normal;font-weight:600}.cl-cal-clear{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;font-family:inherit;font-size:11px;padding:4px 10px;transition:background .13s}.cl-cal-clear:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.cl-cal-apply{background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8);border:none;border-radius:6px;color:#fff;color:var(--ct-fff,#fff);cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;padding:4px 12px;transition:background .13s}.cl-cal-apply:hover:not(:disabled){background:#1e40af;background:var(--c-1e40af,#1e40af)}.cl-cal-apply:disabled{background:#93c5fd;background:var(--c-93c5fd,#93c5fd);cursor:not-allowed}.cust-form-group .filter-trigger{border-color:#d1d5db;border-color:var(--c-d1d5db,#d1d5db);border-radius:6px;font-size:13px;height:36px;width:100%}.cust-form-group .filter-trigger--open{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 2px #3b82f61a}.cust-form-group .filter-dropdown-list{font-size:13px;min-width:0;min-width:auto;width:100%}.ld-detail-page{display:flex;flex-direction:column;min-height:0}.ld-detail-hero,.ld-detail-topbar,.ld-tabs{flex-shrink:0}.ld-tab-content{box-sizing:border-box;max-height:calc(100vh - 260px);min-height:200px;overflow-y:auto;padding:20px 24px}.ld-tab-content .filter-trigger{border-color:#d1d5db;border-color:var(--c-d1d5db,#d1d5db);font-size:13px;height:36px;width:100%}.ld-tab-content .filter-trigger--open{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 2px #3b82f61a}.ld-tab-content .filter-dropdown-list{font-size:13px;min-width:0;min-width:auto;width:100%}.cust-filters .filter-trigger{border-color:#e2e8f0;border-color:var(--c-e2e8f0,#e2e8f0);font-size:13px;height:36px;min-width:130px}.cust-filters .filter-trigger:hover:not(.filter-trigger--disabled){border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.cust-filters .filter-trigger--open{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a}.cust-filters .filter-dropdown-list{min-width:160px}.orderbook-form-group .filter-trigger{border-color:#d1d5db;border-color:var(--c-d1d5db,#d1d5db);font-size:13px;height:38px}.orderbook-form-group .filter-trigger--open{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 2px #3b82f61a}.orderbook-form-group .filter-dropdown-list{font-size:13px;width:100%}.ld-info-card{padding:18px 20px!important}.ld-card-title{margin-bottom:14px!important;padding-bottom:10px!important}.ld-field-label{min-width:120px!important}.ld-field-row{padding:3px 0}.ld-overview-proposals{padding:18px 20px!important}.ld-proposal-card{padding:14px 18px!important}.ld-section-hdr{margin-bottom:16px!important;padding:0 2px}.ld-info-grid{gap:16px!important}.ld-fu-card,.ld-ob-row{padding:14px 18px!important}.ld-tab-content table td,.ld-tab-content table th{padding:10px 14px!important}.ob-form-wrapper{padding:0 2px}.orderbook-card{margin-bottom:16px!important;padding:18px 20px!important}.ld-history-item{padding:12px 16px!important}@media (max-width:768px){.ld-info-card,.ld-tab-content{padding:14px 16px!important}.ld-field-label{min-width:90px!important}}@media (max-width:480px){.ld-tab-content{padding:12px!important}.ld-info-grid{grid-template-columns:1fr!important}}.orderbook-items-table td .filter-trigger{min-width:75px}.leads-enquiries-pagination-info .filter-trigger{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:5px;box-shadow:none;font-family:inherit;font-size:12px;height:26px;min-width:auto;min-width:80px;padding:0 24px 0 8px;width:auto}.leads-enquiries-pagination-info .filter-trigger:hover:not(.filter-trigger--disabled){border-color:#9ca3af;border-color:var(--c-9ca3af,#9ca3af);box-shadow:none}.leads-enquiries-pagination-info .filter-trigger--open{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 0 0 2px #2563eb14}.leads-enquiries-pagination-info .filter-trigger__chevron{right:5px}[data-theme=dark] .col-visibility-btn{background:#1b2130}[data-theme=dark] .col-visibility-btn:hover{background:#232b3b}[data-theme=dark] .col-visibility-dropdown{box-shadow:0 8px 20px #00000073}[data-theme=dark] .col-visibility-header{border-bottom-color:#2b3445;color:#e7ecf3}[data-theme=dark] .col-visibility-reset:hover{background:#15243d}[data-theme=dark] .col-visibility-item:hover{background:#232b3b}.followups-page-root{padding:16px 16px 0}.followups-breadcrumb{align-items:center;color:#64748b;color:var(--ct-64748b,#64748b);display:flex;font-size:14px;gap:8px;margin-bottom:20px}.followups-breadcrumb-separator{color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1)}.followups-breadcrumb-active{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-weight:500}.followups-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:14px}.followups-header h1{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:22px;font-weight:700;margin:0}.followups-kpi-container{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:16px}.followups-kpi-card{align-items:center;background:#fff;background:var(--c-white,#fff);border-radius:10px;box-shadow:0 1px 3px #0000001a;display:flex;gap:10px;padding:14px;transition:all .3s ease}.followups-kpi-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.kpi-icon{height:38px;width:38px}.kpi-icon svg{height:18px;width:18px}.kpi-label{font-size:11px;margin-bottom:2px}.kpi-value{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:20px}.kpi-total .kpi-icon{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#3b82f6;color:var(--ct-3b82f6,#3b82f6)}.kpi-pending .kpi-icon{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);color:#f59e0b;color:var(--ct-f59e0b,#f59e0b)}.kpi-today .kpi-icon{background:#e0e7ff;background:var(--c-e0e7ff,#e0e7ff);color:#6366f1;color:var(--ct-6366f1,#6366f1)}.kpi-overdue .kpi-icon{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#ef4444;color:var(--ct-ef4444,#ef4444)}.kpi-completed .kpi-icon{background:#d1fae5;background:var(--c-d1fae5,#d1fae5);color:#10b981;color:var(--ct-10b981,#10b981)}.followups-action-bar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.followups-search-wrapper{flex:1 1 180px;max-width:300px;min-width:160px;position:relative}.followups-action-bar .fu-cal-wrapper{flex-shrink:0;width:260px}.fu-filter-item{flex-shrink:0;width:155px}.fu-filter-item .filter-trigger{width:100%}.fu-add-btn{flex-shrink:0;height:38px;padding:0 18px;white-space:nowrap}.followups-search-icon{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);flex-shrink:0;height:16px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px}.followups-search-input{background:#fff;background:var(--c-fff,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;box-sizing:border-box;font-size:13px;height:38px;padding:0 36px;transition:border-color .15s,box-shadow .15s;width:100%}.followups-search-input:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.followups-search-clear{align-items:center;background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);border:none;border-radius:50%;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:background .15s,color .15s;width:20px}.followups-search-clear:hover{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);color:#1e293b;color:var(--ct-1e293b,#1e293b)}.followups-filters{display:flex;flex-wrap:wrap;gap:12px}.followups-filter-select{background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;cursor:pointer;font-size:14px;min-width:140px;padding:10px 14px;transition:all .2s ease}.followups-filter-select:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.followups-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.followups-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--c-3b82f6,#3b82f6) 0,var(--c-2563eb,#2563eb) 100%);color:#fff;color:var(--ct-white,#fff)}.followups-btn-primary:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.followups-btn-secondary{background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);color:#64748b;color:var(--ct-64748b,#64748b)}.followups-btn-secondary:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.followups-btn-icon{height:18px;width:18px}.followups-btn:disabled{cursor:not-allowed;opacity:.6}.followups-form-card{background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:24px}.followups-form-header{align-items:center;border-bottom:1px solid #eef2f7;border-bottom:1px solid var(--c-eef2f7,#eef2f7);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.followups-form-header h3{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:18px;font-weight:600;margin:0}.followups-form-close{background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;padding:8px;transition:all .2s ease}.followups-form-close:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);color:#0f172a;color:var(--ct-0f172a,#0f172a)}.followups-form-close svg{height:20px;width:20px}.followups-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:16px}.followups-form-group{display:flex;flex-direction:column;gap:8px}.followups-form-group label{color:#475569;color:var(--ct-475569,#475569);font-size:14px;font-weight:500}.followups-form-group input,.followups-form-group select,.followups-form-group textarea{background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;font-family:inherit;font-size:14px;padding:10px 14px;transition:all .2s ease}.followups-form-group input:focus,.followups-form-group select:focus,.followups-form-group textarea:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.followups-form-group textarea{min-height:80px;resize:vertical}.followups-form-actions{border-top:1px solid #eef2f7;border-top:1px solid var(--c-eef2f7,#eef2f7);display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px}.followups-table-card{background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden}.followups-table-scroll-wrapper{-webkit-overflow-scrolling:touch;max-height:480px;overflow-x:auto;overflow-y:auto;position:relative}.followups-table-scroll-wrapper::-webkit-scrollbar{height:5px;width:5px}.followups-table-scroll-wrapper::-webkit-scrollbar-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.followups-table-scroll-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:4px}.followups-table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--c-94a3b8,#94a3b8)}.followups-table{border-collapse:collapse;width:100%}.followups-table th,.followups-table thead{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--c-e2e8f0,#e2e8f0)}.followups-table th{color:#475569;color:var(--ct-475569,#475569);font-size:12px;font-weight:600;letter-spacing:.5px;padding:10px 14px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:10}.followups-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:13px;padding:10px 14px;vertical-align:middle}.followups-table tbody tr{transition:background-color .2s ease}.followups-table tbody tr:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.followups-table tbody tr.followup-overdue{background:#fef2f2;background:var(--c-fef2f2,#fef2f2)}.followups-table tbody tr.followup-overdue:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2)}@media (max-width:1200px){.followups-table{min-width:850px}.followups-table tbody td:first-child,.followups-table thead th:first-child{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);box-shadow:2px 0 6px -2px #00000014;left:0;position:-webkit-sticky;position:sticky;z-index:2}.followups-table tbody td:first-child{background:#fff;background:var(--c-fff,#fff)}.followups-table tbody tr:hover td:first-child{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.followups-table tbody tr.followup-overdue td:first-child{background:#fef2f2;background:var(--c-fef2f2,#fef2f2)}.followups-table tbody td:last-child,.followups-table thead th:last-child{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);box-shadow:-2px 0 6px -2px #00000014;position:-webkit-sticky;position:sticky;right:0;z-index:2}.followups-table tbody td:last-child{background:#fff;background:var(--c-fff,#fff)}.followups-table tbody tr:hover td:last-child{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.followups-table tbody tr.followup-overdue td:last-child{background:#fef2f2;background:var(--c-fef2f2,#fef2f2)}}@media (max-width:900px){.followups-table-scroll-wrapper{max-height:420px}}@media (max-width:640px){.followups-table-scroll-wrapper{max-height:380px;overflow-x:visible}}@media (max-width:768px){.followups-table-scroll-wrapper{overflow-x:visible}.followups-table,.followups-table tbody{display:block;width:100%}.followups-table thead{display:none}.followups-table tbody tr,.followups-table tbody tr.followup-overdue{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;box-shadow:0 1px 3px #0000000d;display:block;margin-bottom:8px;overflow:hidden}.followups-table tbody tr.followup-overdue{background:#fef2f2;background:var(--c-fef2f2,#fef2f2);border-color:#fca5a5;border-color:var(--c-fca5a5,#fca5a5)}.followups-table tbody tr.followup-overdue:hover,.followups-table tbody tr:hover{background:#fff;background:var(--c-fff,#fff);box-shadow:0 4px 12px #0000001a}.followups-table td{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;font-size:12.5px;gap:8px;justify-content:space-between;min-height:0;padding:7px 12px}.followups-table td:last-child{border-bottom:none}.followups-table td:before{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);content:attr(data-label);flex-shrink:0;font-size:9.5px;font-weight:700;letter-spacing:.4px;min-width:78px;text-transform:uppercase}.followups-table td.followup-actions-td{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);justify-content:flex-end;padding:6px 10px}.followups-table td.followup-actions-td:before{display:none}.followup-action-btn{padding:6px}.followup-action-btn svg{height:15px;width:15px}.followup-lead-info{gap:2px}.followup-lead-info strong{font-size:12.5px;line-height:1.2}.followup-group-badge{font-size:10px;padding:1px 5px}.followup-type-badge{font-size:11.5px;padding:3px 7px}.followup-priority-badge{font-size:11px;padding:2px 8px}.followup-status-btn{font-size:11px;padding:3px 8px}.followup-overdue-badge{font-size:10px;padding:1px 5px}.followup-notes-preview{font-size:11.5px;max-width:none}.followup-scheduled{gap:1px}.followups-pagination,.followups-pagination-controls{align-items:stretch;flex-direction:column}.followups-pagination-buttons{justify-content:space-between}}@media (max-width:480px){.followups-table td{font-size:12px;padding:6px 10px}.followups-table td:before{font-size:9px;min-width:68px}}.followup-lead-info{display:flex;flex-direction:column;gap:3px}.followup-lead-info strong{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:13px;font-weight:600}.followup-group-badge{border-radius:4px;color:#64748b;color:var(--ct-64748b,#64748b);display:inline-block;font-size:11px;padding:1px 6px}.followup-group-badge,.followup-type-badge{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);font-weight:500}.followup-type-badge{align-items:center;border-radius:5px;color:#475569;color:var(--ct-475569,#475569);display:inline-flex;font-size:12px;gap:5px;padding:3px 8px}.followup-scheduled{display:flex;flex-direction:column;gap:2px}.followup-overdue-badge{background:#fef2f2;background:var(--c-fef2f2,#fef2f2);border-radius:4px;color:#ef4444;color:var(--ct-ef4444,#ef4444);font-size:10px;padding:1px 6px}.followup-overdue-badge,.followup-priority-badge{display:inline-block;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.followup-priority-badge{border-radius:999px;font-size:11px;padding:3px 10px}.followup-priority-badge.priority-high{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#991b1b;color:var(--ct-991b1b,#991b1b)}.followup-priority-badge.priority-medium{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);color:#92400e;color:var(--ct-92400e,#92400e)}.followup-priority-badge.priority-low{background:#d1fae5;background:var(--c-d1fae5,#d1fae5);color:#065f46;color:var(--ct-065f46,#065f46)}.followup-status-btn{border:none;border-radius:999px;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;transition:all .2s ease}.followup-status-btn.status-pending{background:#fff7ed;background:var(--c-fff7ed,#fff7ed);color:#b45309;color:var(--ct-b45309,#b45309)}.followup-status-btn.status-pending:hover{background:#fed7aa;background:var(--c-fed7aa,#fed7aa)}.followup-status-btn.status-completed{background:#ecfdf5;background:var(--c-ecfdf5,#ecfdf5);color:#059669;color:var(--ct-059669,#059669)}.followup-status-btn.status-completed:hover{background:#a7f3d0;background:var(--c-a7f3d0,#a7f3d0)}.followup-status-btn.status-cancelled{background:#fff1f2;background:var(--c-fff1f2,#fff1f2);color:#be123c;color:var(--ct-be123c,#be123c)}.followup-status-btn.status-cancelled:hover{background:#fecdd3;background:var(--c-fecdd3,#fecdd3)}.followup-status-btn.status-rescheduled{background:#f3e8ff;background:var(--c-f3e8ff,#f3e8ff);color:#7c3aed;color:var(--ct-7c3aed,#7c3aed)}.followup-status-btn.status-rescheduled:hover{background:#ddd6fe;background:var(--c-ddd6fe,#ddd6fe)}.followup-notes-preview{color:#64748b;color:var(--ct-64748b,#64748b);font-size:13px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.followup-actions{display:flex;gap:6px}.followup-action-btn{align-items:center;background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.followup-action-btn svg{height:14px;width:14px}.followup-action-btn.action-edit{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);color:#3b82f6;color:var(--ct-3b82f6,#3b82f6)}.followup-action-btn.action-edit:hover{background:#3b82f6;background:var(--c-3b82f6,#3b82f6);color:#fff;color:var(--ct-white,#fff)}.followup-action-btn.action-delete{border-color:#ef4444;border-color:var(--c-ef4444,#ef4444);color:#ef4444;color:var(--ct-ef4444,#ef4444)}.followup-action-btn.action-delete:hover{background:#ef4444;background:var(--c-ef4444,#ef4444);color:#fff;color:var(--ct-white,#fff)}.followups-empty-state{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);padding:60px 20px!important;text-align:center}.followups-empty-state svg{height:64px;margin:0 auto 16px;opacity:.5;width:64px}.followups-empty-state p{font-size:16px;margin:0}.followups-pagination{align-items:center;border-top:1px solid #f1f5f9;border-top:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px 20px}.followups-pagination-left{align-items:center;display:flex;flex-shrink:0;gap:10px}.followups-pagination-info{color:#64748b;color:var(--ct-64748b,#64748b);font-size:13px;white-space:nowrap}.followups-rows-dropdown{flex-shrink:0;width:110px}.followups-rows-dropdown .filter-trigger{font-size:13px;height:34px;width:110px}.followups-pagination-controls{align-items:center;display:flex;gap:12px}.followups-rows-select{background:#fff;background:var(--c-white,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;cursor:pointer;font-size:13px;padding:6px 10px}.followups-pagination-buttons{align-items:center;display:flex;gap:8px}.followups-pagination-btn{background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.followups-pagination-btn:hover:not(:disabled){background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.followups-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.followups-pagination-current{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:14px;font-weight:500;padding:0 8px}@media (max-width:1024px){.followups-kpi-container{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (max-width:768px){.followups-page-root{padding:12px 12px 0}.followups-header h1{font-size:20px}.followups-kpi-container{gap:8px;grid-template-columns:repeat(2,1fr)}.followups-form-grid{grid-template-columns:1fr}.followups-table-wrapper{overflow-x:hidden}.followups-table{min-width:0;min-width:auto}.followups-pagination{align-items:stretch;flex-direction:column;gap:8px}.followups-pagination-left{flex-wrap:wrap;justify-content:flex-start}.followups-pagination-buttons{justify-content:space-between}}@media (max-width:480px){.followups-kpi-container{gap:6px;grid-template-columns:repeat(2,1fr)}.followups-kpi-card{gap:8px;padding:10px}.kpi-icon{height:32px;width:32px}.kpi-value{font-size:17px}.kpi-label{font-size:10px}.followup-actions{flex-direction:row}.followups-btn{justify-content:center;width:100%}}.followup-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.followup-modal{animation:slideUp .3s ease-out;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;flex-direction:column;margin:auto;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.followup-modal,.followup-modal-header{background:#fff;background:var(--c-white,#fff);display:flex}.followup-modal-header{align-items:center;border-bottom:1px solid #eef2f7;border-bottom:1px solid var(--c-eef2f7,#eef2f7);border-radius:16px 16px 0 0;flex-shrink:0;justify-content:space-between;padding:24px}.followup-modal-header h2{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:20px;font-weight:600;margin:0}.followup-modal-close{background:#0000;border:none;border-radius:8px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;padding:8px;transition:all .2s ease}.followup-modal-close:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);color:#0f172a;color:var(--ct-0f172a,#0f172a)}.followup-modal-close svg{height:20px;width:20px}.followup-modal-lead-info{grid-gap:16px;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #eef2f7;border-bottom:1px solid var(--c-eef2f7,#eef2f7);display:grid;flex-shrink:0;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:20px 24px}.followup-info-item{display:flex;flex-direction:column;gap:4px}.followup-info-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.followup-info-value{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:14px;font-weight:600}.followup-modal-form{flex:1 1;min-height:0;overflow-y:auto;padding:24px}.followup-form-section{margin-bottom:24px}.followup-form-section h3{border-bottom:1px solid #eef2f7;border-bottom:1px solid var(--c-eef2f7,#eef2f7);color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:12px}.followup-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.followup-form-group{display:flex;flex-direction:column;gap:8px}.followup-form-group.followup-form-full{grid-column:1/-1}.followup-form-group label{color:#475569;color:var(--ct-475569,#475569);font-size:14px;font-weight:500}.followup-form-group input,.followup-form-group select,.followup-form-group textarea{background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;font-family:inherit;font-size:14px;padding:10px 14px;transition:all .2s ease}.followup-form-group input:focus,.followup-form-group select:focus,.followup-form-group textarea:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.followup-form-group input:disabled,.followup-form-group select:disabled{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);cursor:not-allowed}.followup-form-group textarea{min-height:100px;resize:vertical}.followup-help-text{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;font-style:italic}.followup-modal-actions{background:#fff;background:var(--c-white,#fff);border-radius:0 0 16px 16px;border-top:1px solid #eef2f7;border-top:1px solid var(--c-eef2f7,#eef2f7);bottom:0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding:16px 24px;position:-webkit-sticky;position:sticky}@media (max-width:768px){.followup-modal{border-radius:16px 16px 0 0;margin:0;max-height:95vh;max-width:100%}.followup-form-grid,.followup-modal-lead-info{grid-template-columns:1fr}}@media (max-width:480px){.followup-modal-form,.followup-modal-header{padding:16px}.followup-modal-actions{flex-direction:column;padding:12px 16px}.followup-modal-actions button{width:100%}}.fu-lead-trigger{align-items:center;background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;font-family:inherit;font-size:14px;justify-content:space-between;min-height:44px;padding:10px 36px 10px 14px;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:100%}.fu-lead-trigger:hover{border-color:#94a3b8;border-color:var(--c-94a3b8,#94a3b8)}.fu-lead-trigger.open{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a}.fu-lead-trigger.disabled{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);cursor:not-allowed}.fu-lead-dropdown{animation:fuDropIn .15s ease;background:#fff;background:var(--c-white,#fff);border:1.5px solid #3b82f6;border:1.5px solid var(--c-3b82f6,#3b82f6);border-radius:10px;box-shadow:0 8px 32px #00000021;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:9999}@keyframes fuDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.fu-lead-search-box{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);padding:8px}.fu-lead-search-box input{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:13px;outline:none;padding:8px 12px;transition:border-color .2s;width:100%}.fu-lead-search-box input:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6)}.fu-lead-options{max-height:260px;overflow-y:auto}.fu-lead-option{border-bottom:1px solid #f8fafc;border-bottom:1px solid var(--c-f8fafc,#f8fafc);border-left:3px solid #0000;cursor:pointer;padding:10px 14px;transition:background .12s}.fu-lead-option:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.fu-lead-option.selected{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-left-color:#3b82f6;border-left-color:var(--c-3b82f6,#3b82f6)}.fu-lead-option-header{align-items:center;display:flex;gap:8px}.fu-lead-code-badge{background:#eef2ff;background:var(--c-eef2ff,#eef2ff);border-radius:4px;color:#6366f1;color:var(--ct-6366f1,#6366f1);flex-shrink:0;font-family:monospace;font-size:11px;padding:1px 6px}.fu-lead-name{color:#111827;color:var(--ct-111827,#111827);flex:1 1;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fu-lead-status-badge{border-radius:20px;flex-shrink:0;font-size:11px;font-weight:600;margin-left:auto;padding:1px 7px}.fu-lead-contact{color:#64748b;color:var(--ct-64748b,#64748b);display:flex;font-size:12px;gap:12px;margin-top:3px}.fu-lead-no-results{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-size:13px;padding:16px;text-align:center}.fu-lead-footer{border-top:1px solid #f1f5f9;border-top:1px solid var(--c-f1f5f9,#f1f5f9);color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:flex;font-size:11px;justify-content:space-between;padding:6px 14px}.followup-action-btn.action-view{border-color:#0891b2;border-color:var(--c-0891b2,#0891b2);color:#0891b2;color:var(--ct-0891b2,#0891b2)}.followup-action-btn.action-view:hover{background:#0891b2;background:var(--c-0891b2,#0891b2);color:#fff;color:var(--ct-white,#fff)}.followups-table tbody tr{cursor:pointer}.followup-time-trigger{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;color:#0f172a;color:var(--ct-0f172a,#0f172a);cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:7px;padding:10px 14px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.followup-time-trigger:hover{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a}.followup-time-trigger svg{color:#64748b;color:var(--ct-64748b,#64748b);flex-shrink:0}.followup-time-popover{animation:fuTimeIn .14s ease-out;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:10px;box-shadow:0 8px 24px #0f172a21;display:flex;flex-direction:column;gap:10px;left:0;min-width:210px;padding:13px;position:absolute;top:calc(100% + 5px);z-index:9999}@keyframes fuTimeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.followup-time-popover-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.followup-time-input{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:7px;box-sizing:border-box;color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:14px;padding:9px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.followup-time-input:focus{background:#fff;background:var(--c-fff,#fff);border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.followup-time-popover-actions{display:flex;gap:7px;justify-content:flex-end}.followup-time-btn-cancel,.followup-time-btn-save{border:none;border-radius:7px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:7px 16px;transition:all .15s ease}.followup-time-btn-cancel{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);color:#64748b;color:var(--ct-64748b,#64748b)}.followup-time-btn-cancel:hover{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0)}.followup-time-btn-save{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--c-3b82f6,#3b82f6) 0,var(--c-2563eb,#2563eb) 100%);color:#fff;color:var(--ct-fff,#fff)}.followup-time-btn-save:hover{box-shadow:0 3px 10px #3b82f666;transform:translateY(-1px)}.fu-cal-wrapper{position:relative}.fu-cal-trigger{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;gap:7px;height:38px;padding:0 12px;transition:border-color .2s,box-shadow .2s;white-space:nowrap;width:100%}.fu-cal-trigger:hover{border-color:#94a3b8;border-color:var(--c-94a3b8,#94a3b8)}.fu-cal-trigger--open{box-shadow:0 0 0 3px #3b82f61a}.fu-cal-trigger--applied,.fu-cal-trigger--open{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6)}.fu-cal-trigger--applied{background:#eff6ff;background:var(--c-eff6ff,#eff6ff)}.fu-cal-trigger svg:first-child{color:#64748b;color:var(--ct-64748b,#64748b);flex-shrink:0}.fu-cal-ph{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:13px;letter-spacing:.3px}.fu-cal-val{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:13px;font-weight:500}.fu-cal-sep{color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1);font-size:13px}.fu-cal-x{align-items:center;border-radius:4px;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:flex;padding:2px;transition:color .15s,background .15s}.fu-cal-x:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#ef4444;color:var(--ct-ef4444,#ef4444)}.fu-cal-dropdown{animation:fuCalDrop .15s ease-out;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:12px;box-shadow:0 10px 30px #0f172a1f;left:0;overflow:hidden;position:absolute;top:calc(100% + 6px);width:264px;z-index:500}@keyframes fuCalDrop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.fu-cal-head{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);justify-content:space-between;padding:10px 12px}.fu-cal-head,.fu-cal-nav-btn{align-items:center;display:flex}.fu-cal-nav-btn{background:none;border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;padding:4px 7px;transition:background .15s}.fu-cal-nav-btn:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.fu-cal-month-label{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:13px;font-weight:600}.fu-cal-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);padding:10px 8px 6px}.fu-cal-day-label{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:10px;font-weight:600;letter-spacing:.3px;padding:3px 0 5px;text-align:center;text-transform:uppercase}.fu-cal-cell{align-items:center;aspect-ratio:1;border-radius:6px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;display:flex;font-size:12px;justify-content:center;position:relative;transition:background .1s;-webkit-user-select:none;user-select:none}.fu-cal-cell:hover:not(.fu-cal-empty):not(.fu-cal-from):not(.fu-cal-to){background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.fu-cal-empty{cursor:default;pointer-events:none}.fu-cal-today{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-weight:700}.fu-cal-today:after{background:#2563eb;background:var(--c-2563eb,#2563eb);border-radius:50%;bottom:3px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}.fu-cal-from{border-radius:6px 0 0 6px}.fu-cal-from,.fu-cal-to{background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8);color:#fff;color:var(--ct-fff,#fff);font-weight:600}.fu-cal-to{border-radius:0 6px 6px 0}.fu-cal-from.fu-cal-to{border-radius:6px}.fu-cal-in-range{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);border-radius:0;color:#1e40af;color:var(--ct-1e40af,#1e40af)}.fu-cal-rr-start{border-radius:6px 0 0 6px}.fu-cal-rr-end{border-radius:0 6px 6px 0}.fu-cal-footer{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;flex-direction:column;gap:8px;padding:10px 12px}.fu-cal-range-chips{align-items:center;display:flex;gap:6px;justify-content:center;width:100%}.fu-cal-range-chips svg{flex-shrink:0}.fu-cal-chip,.fu-cal-range-chips svg{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8)}.fu-cal-chip{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;font-size:11px;font-style:italic;padding:3px 7px;white-space:nowrap}.fu-cal-chip--set{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#93c5fd;border-color:var(--c-93c5fd,#93c5fd);color:#1e40af;color:var(--ct-1e40af,#1e40af);font-style:normal;font-weight:600}.fu-cal-footer-actions{display:flex;gap:8px;justify-content:center;width:100%}.fu-cal-clear-btn{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;font-size:11px;padding:4px 10px;transition:background .15s}.fu-cal-clear-btn:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.fu-cal-apply-btn{background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8);border:none;border-radius:6px;color:#fff;color:var(--ct-fff,#fff);cursor:pointer;font-size:11px;font-weight:600;padding:4px 12px;transition:background .15s}.fu-cal-apply-btn:hover:not(:disabled){background:#1e40af;background:var(--c-1e40af,#1e40af)}.fu-cal-apply-btn:disabled{background:#93c5fd;background:var(--c-93c5fd,#93c5fd);cursor:not-allowed}@media (max-width:860px){.followups-action-bar{flex-wrap:wrap}.fu-cal-trigger{min-width:200px}.fu-cal-dropdown{min-width:264px;width:100%}}.fu-datepicker-trigger{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:8px;min-height:42px;padding:10px 14px;text-align:left;transition:border-color .15s,box-shadow .15s;width:100%}.fu-datepicker-trigger:hover{border-color:#94a3b8;border-color:var(--c-94a3b8,#94a3b8)}.fu-datepicker--open{box-shadow:0 0 0 3px #3b82f61a}.fu-datepicker--open,.fu-datepicker--set{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6)}.fu-datepicker--set{background:#eff6ff;background:var(--c-eff6ff,#eff6ff)}.fu-dp-x{align-items:center;border-radius:4px;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:flex;padding:2px;transition:color .13s,background .13s}.fu-dp-x:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#ef4444;color:var(--ct-ef4444,#ef4444)}.fu-datepicker-dropdown{animation:fuDpDrop .14s ease-out;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:12px;box-shadow:0 12px 32px #0f172a26;overflow:hidden}@keyframes fuDpDrop{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.fu-dp-head{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);justify-content:space-between;padding:10px 13px}.fu-dp-head,.fu-dp-nav{align-items:center;display:flex}.fu-dp-nav{background:none;border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;padding:4px 7px;transition:background .13s}.fu-dp-nav:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.fu-dp-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);padding:10px 8px 8px}.fu-dp-dl{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 0 5px;text-align:center;text-transform:uppercase}.fu-dp-cell{align-items:center;aspect-ratio:1;border-radius:6px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;display:flex;font-size:12px;justify-content:center;position:relative;transition:background .1s;-webkit-user-select:none;user-select:none}.fu-dp-cell:hover:not(.fu-dp-empty):not(.fu-dp-sel):not(.fu-dp-disabled){background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.fu-dp-empty{cursor:default;pointer-events:none}.fu-dp-disabled{color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1);cursor:not-allowed}.fu-dp-today{color:#3b82f6;color:var(--ct-3b82f6,#3b82f6);font-weight:700}.fu-dp-today:after{background:#3b82f6;background:var(--c-3b82f6,#3b82f6);border-radius:50%;bottom:2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:3px}.fu-dp-sel{background:#1d4ed8!important;background:var(--c-1d4ed8,#1d4ed8)!important;border-radius:6px;color:#fff!important;color:var(--ct-fff,#fff)!important;font-weight:600}.fu-dp-month{border-radius:6px;padding:3px 6px}.fu-dp-yr{text-decoration:underline;text-underline-offset:2px}.fu-yr-grid{grid-gap:4px;gap:4px;grid-template-columns:repeat(3,1fr);padding:10px 8px}.fu-yr-cell{border-radius:7px;font-size:13px;padding:7px 4px;transition:background .13s}.fu-yr-cell:hover{color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8)}.fu-cal-month-btn{align-items:center;background:none;border:none;border-radius:20px;color:#0f172a;color:var(--ct-0f172a,#0f172a);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:4px;padding:4px 8px;transition:background .13s}.fu-cal-month-btn:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.fu-cal-yr-num{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-weight:700}.fu-inline-yr-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(4,1fr);padding:8px 8px 6px}.fu-inline-yr-cell{border-radius:6px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;font-size:12px;font-weight:500;padding:7px 2px;text-align:center;transition:background .13s,color .13s;-webkit-user-select:none;user-select:none}.fu-inline-yr-cell:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.fu-inline-yr-sel{background:#1d4ed8!important;background:var(--c-1d4ed8,#1d4ed8)!important;box-shadow:0 2px 6px #1d4ed859;color:#fff!important;color:var(--ct-fff,#fff)!important;font-weight:700}.fu-yr-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(4,1fr);padding:8px 8px 6px}.fu-yr-cell{border-radius:6px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;font-size:12px;font-weight:500;padding:7px 2px;text-align:center;transition:background .13s,color .13s;-webkit-user-select:none;user-select:none}.fu-yr-cell:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.fu-yr-sel{background:#1d4ed8!important;background:var(--c-1d4ed8,#1d4ed8)!important;box-shadow:0 2px 6px #1d4ed859;color:#fff!important;color:var(--ct-fff,#fff)!important;font-weight:700}.fu-dp-month{align-items:center;background:none;border:none;border-radius:20px;color:#0f172a;color:var(--ct-0f172a,#0f172a);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:4px;padding:4px 8px;transition:background .13s}.fu-dp-month:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.fu-dp-yr{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-weight:700}.fu-status-dd-wrapper{display:inline-block;position:relative}.fu-status-dd-wrapper .followup-status-btn{align-items:center;display:inline-flex;gap:2px}.fu-status-dd-panel{animation:dropdown-in .12s ease;background:#fff;background:var(--c-ffffff,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:10px;box-shadow:0 8px 24px #0000001f,0 2px 6px #0000000f;padding:4px}.fu-status-dd-opt{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:600;gap:8px;padding:7px 10px;text-align:left;transition:background .1s;width:100%}.fu-sopt-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.fu-sopt-pending{color:#b45309;color:var(--ct-b45309,#b45309)}.fu-sopt-pending .fu-sopt-dot{background:#f59e0b;background:var(--c-f59e0b,#f59e0b)}.fu-sopt-pending:hover{background:#fff7ed;background:var(--c-fff7ed,#fff7ed)}.fu-sopt-completed{color:#059669;color:var(--ct-059669,#059669)}.fu-sopt-completed .fu-sopt-dot{background:#10b981;background:var(--c-10b981,#10b981)}.fu-sopt-completed:hover{background:#ecfdf5;background:var(--c-ecfdf5,#ecfdf5)}.fu-sopt-cancelled{color:#be123c;color:var(--ct-be123c,#be123c)}.fu-sopt-cancelled .fu-sopt-dot{background:#f43f5e;background:var(--c-f43f5e,#f43f5e)}.fu-sopt-cancelled:hover{background:#fff1f2;background:var(--c-fff1f2,#fff1f2)}.fu-sopt-rescheduled{color:#7c3aed;color:var(--ct-7c3aed,#7c3aed)}.fu-sopt-rescheduled .fu-sopt-dot{background:#8b5cf6;background:var(--c-8b5cf6,#8b5cf6)}.fu-sopt-rescheduled:hover{background:#f3e8ff;background:var(--c-f3e8ff,#f3e8ff)}.fu-sopt-current{font-weight:700}.fu-sopt-pending.fu-sopt-current{background:#fff7ed;background:var(--c-fff7ed,#fff7ed)}.fu-sopt-completed.fu-sopt-current{background:#ecfdf5;background:var(--c-ecfdf5,#ecfdf5)}.fu-sopt-cancelled.fu-sopt-current{background:#fff1f2;background:var(--c-fff1f2,#fff1f2)}.fu-sopt-rescheduled.fu-sopt-current{background:#f3e8ff;background:var(--c-f3e8ff,#f3e8ff)}.fu-hm-picker{gap:8px;min-width:180px;padding:10px}.fu-hm-ampm-row{display:flex;gap:6px;justify-content:center;margin-bottom:2px}.fu-hm-ampm-btn{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;flex:1 1;font-family:inherit;font-size:12px;font-weight:700;padding:5px 0;transition:all .15s}.fu-hm-ampm-btn.fu-hm-ampm-active{background:#2563eb;background:var(--c-2563eb,#2563eb);border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);color:#fff;color:var(--ct-fff,#fff)}.fu-hm-columns{align-items:flex-start;display:flex;gap:4px}.fu-hm-col{display:flex;flex:1 1;flex-direction:column;gap:2px}.fu-hm-col-label{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:2px;padding-bottom:3px;text-align:center;text-transform:uppercase}.fu-hm-col-scroll{display:flex;flex-direction:column;gap:1px;max-height:168px;overflow-y:auto}.fu-hm-col-scroll::-webkit-scrollbar{width:3px}.fu-hm-col-scroll::-webkit-scrollbar-track{background:#0000}.fu-hm-col-scroll::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);border-radius:4px}.fu-hm-divider{align-self:center;color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1);font-size:16px;font-weight:700;margin-top:22px;padding:0 2px}.fu-hm-item{background:#0000;border:none;border-radius:5px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:5px 0;text-align:center;transition:background .1s,color .1s;width:100%}.fu-hm-item:hover{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.fu-hm-item.fu-hm-active{background:#2563eb;background:var(--c-2563eb,#2563eb);color:#fff;color:var(--ct-fff,#fff);font-weight:700}.followup-modal .followup-form-section:first-child .followup-form-group .filter-trigger{width:100%}@media (max-width:1199px){.followups-header.page-header-with-filter{align-items:flex-start;flex-direction:column;gap:12px}.followups-header .group-project-filter{margin-left:0;width:100%}.followups-header .filter-loading-bar,.followups-header .filter-trigger{width:100%}.followups-header .filter-group{flex:1 1;min-width:0}}@media (max-width:1024px){.fu-filter-item{width:138px}.followups-action-bar .fu-cal-wrapper{width:190px}.followups-kpi-container{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (max-width:860px){.fu-filter-item{width:120px}.followups-action-bar .fu-cal-wrapper{width:170px}}@media (max-width:768px){.followups-page-root{padding:12px 12px 0}.followups-header h1{font-size:18px}.followups-header .group-project-filter{flex-direction:column}.followups-action-bar{gap:8px}.followups-search-wrapper{flex:1 1 100%;max-width:100%;min-width:0;min-width:auto;width:100%}.followups-action-bar .fu-cal-wrapper{flex:1 1;min-width:160px;width:auto}.fu-add-btn{justify-content:center;order:10;width:100%}.fu-filter-item{flex:1 1;min-width:120px;width:auto}.followups-kpi-container{gap:10px;grid-template-columns:repeat(2,1fr)}.followups-pagination{align-items:stretch;flex-direction:column;gap:8px}.followups-pagination-left{flex-wrap:wrap;gap:8px}.followups-rows-dropdown{width:100px}.followups-rows-dropdown .filter-trigger{width:100px!important}.followups-pagination-buttons{justify-content:space-between}}@media (max-width:600px){.followups-page-root{padding:10px 10px 0}.followups-header h1{font-size:16px}.followups-action-bar .fu-cal-wrapper{flex:initial;width:100%}.fu-filter-item{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;min-width:0}.followups-kpi-container{gap:8px;grid-template-columns:repeat(2,1fr)}.followups-kpi-card{padding:12px 14px}.followups-pagination-btn{font-size:13px;padding:6px 12px}.followups-pagination-current{font-size:13px}}@media (max-width:480px){.fu-filter-item{flex:1 1 100%}.followups-kpi-container{gap:6px;grid-template-columns:1fr 1fr}.followups-kpi-card{min-height:70px;padding:10px 12px}.followups-btn{font-size:13px;padding:9px 14px}.followups-pagination-btn{font-size:12px;padding:5px 10px}}[data-theme=dark] .followup-modal .filter-trigger,[data-theme=dark] .followup-modal .followup-form-group input,[data-theme=dark] .followup-modal .followup-form-group select,[data-theme=dark] .followup-modal .followup-form-group textarea,[data-theme=dark] .followup-modal .followup-time-trigger,[data-theme=dark] .followup-modal .fu-datepicker-trigger{background:#161b27!important;border:1px solid #2b3445!important;box-shadow:none!important;color:#e7ecf3!important}[data-theme=dark] .followup-modal .filter-trigger.filter-trigger--open,[data-theme=dark] .followup-modal .followup-form-group input:focus,[data-theme=dark] .followup-modal .followup-form-group select:focus,[data-theme=dark] .followup-modal .followup-form-group textarea:focus,[data-theme=dark] .followup-modal .followup-time-trigger.followup-time-trigger--open,[data-theme=dark] .followup-modal .fu-datepicker-trigger.fu-datepicker--open,[data-theme=dark] .followup-modal .fu-datepicker-trigger.fu-datepicker--set{background:#15243d!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f62e!important}[data-theme=dark] .followup-modal .followup-form-group input::placeholder,[data-theme=dark] .followup-modal .followup-form-group textarea::placeholder{color:#8893a7!important}[data-theme=dark] .followup-modal .followup-form-group input:disabled,[data-theme=dark] .followup-modal .followup-form-group select:disabled{background:#11151f!important;color:#8893a7!important}.analytics-dashboard{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);background:linear-gradient(135deg,var(--c-f5f7fa,#f5f7fa) 0,var(--c-e8ecf1,#e8ecf1) 100%);min-height:100vh;padding:24px}.dashboard-header{border-radius:12px;margin-bottom:24px;padding:24px}.header-content{margin-bottom:20px}.breadcrumb{color:#64748b;color:var(--ct-64748b,#64748b);font-size:14px;margin-bottom:8px}.page-title{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:32px;font-weight:700;margin:0}.filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.filter-select{background:#fff;background:var(--c-white,#fff);border:2px solid #e2e8f0;border:2px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;font-size:14px;outline:none;padding:10px 16px;transition:all .3s ease}.filter-select:focus,.filter-select:hover{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb)}.filter-select:focus{box-shadow:0 0 0 3px #2563eb1a}.export-btn{background:#2563eb;background:var(--c-2563eb,#2563eb);border:none;border-radius:8px;color:#fff;color:var(--ct-white,#fff);cursor:pointer;font-size:14px;font-weight:600;margin-left:auto;padding:10px 20px;transition:all .3s ease}.export-btn:hover{background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8);box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.kpi-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.kpi-card{align-items:flex-start;animation:fadeInUp .5s ease;border-radius:12px;box-shadow:0 2px 8px #0000000f;gap:16px;padding:24px;transition:all .3s ease}.kpi-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.kpi-icon{background:#f0f9ff;background:var(--c-f0f9ff,#f0f9ff);border-radius:12px;font-size:32px;height:56px;width:56px}.kpi-title{color:#64748b;color:var(--ct-64748b,#64748b);font-size:14px;font-weight:500;margin-bottom:8px}.kpi-value{font-size:28px;margin-bottom:8px}.kpi-trend{display:flex;font-size:14px}.trend-up{color:#22c55e;color:var(--ct-22c55e,#22c55e)}.trend-down{color:#ef4444;color:var(--ct-ef4444,#ef4444)}.trend-arrow{font-size:16px}.section-title{border-left:4px solid #2563eb;border-left:4px solid var(--c-2563eb,#2563eb);font-size:20px;font-weight:700;margin:32px 0 16px;padding-left:12px}.two-column-grid{grid-gap:20px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.three-column-grid,.two-column-grid{display:grid;gap:20px;margin-bottom:24px}.three-column-grid{grid-gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.chart-card{animation:fadeInUp .5s ease;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:24px}.chart-card.span-2{grid-column:span 2}.card-title{border-bottom:2px solid #f1f5f9;border-bottom:2px solid var(--c-f1f5f9,#f1f5f9);color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:12px}.line-chart{padding:20px 0}.chart-svg{height:200px;width:100%}.chart-labels{color:#64748b;color:var(--ct-64748b,#64748b);display:flex;font-size:14px;justify-content:space-around;margin-top:16px}.funnel-chart{padding:12px 0}.funnel-stage{gap:12px;margin-bottom:12px}.funnel-bar,.funnel-stage{align-items:center;display:flex}.funnel-bar{background:linear-gradient(90deg,#2563eb,#3b82f6);background:linear-gradient(90deg,var(--c-2563eb,#2563eb) 0,var(--c-3b82f6,#3b82f6) 100%);border-radius:8px;color:#fff;color:var(--ct-white,#fff);font-weight:600;justify-content:space-between;padding:12px 16px;transition:all .3s ease}.funnel-bar:hover{transform:translateX(4px)}.funnel-label{font-size:14px}.funnel-count{font-size:16px}.funnel-percentage{color:#64748b;color:var(--ct-64748b,#64748b);font-size:14px;font-weight:600;min-width:50px;text-align:right}.bar-chart{align-items:flex-end;display:flex;gap:12px;height:250px;justify-content:space-around;padding:20px 0}.bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.bar{align-items:flex-start;background:linear-gradient(180deg,#2563eb,#3b82f6);background:linear-gradient(180deg,var(--c-2563eb,#2563eb) 0,var(--c-3b82f6,#3b82f6) 100%);border-radius:8px 8px 0 0;display:flex;justify-content:center;max-width:60px;min-height:40px;padding-top:8px;transition:all .3s ease;width:100%}.bar:hover{box-shadow:0 4px 12px #2563eb4d;transform:translateY(-4px)}.bar-value{color:#fff;color:var(--ct-white,#fff);font-size:12px;font-weight:600}.bar-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:14px;font-weight:500}.donut-chart{align-items:center;display:flex;flex-direction:column;gap:20px;padding:20px 0}.donut-svg{height:200px;transform:rotate(-90deg);width:200px}.donut-legend{width:100%}.legend-item{align-items:center;color:#475569;color:var(--ct-475569,#475569);display:flex;font-size:14px;gap:8px;margin-bottom:8px}.legend-color{border-radius:4px;height:16px;width:16px}.pie-stats{padding:20px 0}.stat-row{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .3s ease}.stat-row:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);transform:translateX(4px)}.stat-color{border-radius:3px;height:12px;width:12px}.stat-color.approved{background:#22c55e;background:var(--c-22c55e,#22c55e)}.stat-color.pending{background:#f59e0b;background:var(--c-f59e0b,#f59e0b)}.stat-color.rejected{background:#ef4444;background:var(--c-ef4444,#ef4444)}.stat-label{flex:1 1;font-size:14px;font-weight:500}.stat-value{font-size:14px;font-weight:600}.data-table{overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}th{font-size:13px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}td,th{color:#475569;color:var(--ct-475569,#475569);padding:14px 16px}td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);font-size:14px}tbody tr{transition:all .3s ease}tbody tr:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.client-name,.employee-name{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-weight:600}.revenue-cell{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-weight:600}.deals-cell{color:#22c55e;color:var(--ct-22c55e,#22c55e);font-weight:600}.rate-badge{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);border-radius:12px;color:#2563eb;color:var(--ct-2563eb,#2563eb);display:inline-block;font-size:13px;font-weight:600;padding:4px 12px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.chart-card.span-2{grid-column:span 1}}@media (max-width:768px){.analytics-dashboard{padding:16px}.page-title{font-size:24px}.kpi-section,.three-column-grid,.two-column-grid{grid-template-columns:1fr}.filter-bar{align-items:stretch;flex-direction:column}.export-btn{margin-left:0}.bar-chart{height:200px}.data-table{font-size:12px}td,th{padding:10px 12px}}.vendor-management-container{padding:24px 24px 0}.vendor-management-header{margin-bottom:16px}.vendor-management-breadcrumb{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;margin-bottom:6px}.page-header-with-filter{margin-bottom:16px}.page-header-with-filter .vendor-management-title{flex:1 1 auto;margin-bottom:0}.vendor-management-title{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:22px;font-weight:600;margin:0}.vendor-management-count{color:#64748b;color:var(--ct-64748b,#64748b);font-size:18px;font-weight:400}@media (max-width:768px){.pagination-info,.table-footer{align-items:stretch;flex-direction:column}.page-size-selector{width:100%}.pagination{justify-content:center}}.vendor-management-action-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.vendor-management-search-filters{display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.vendor-management-search{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;flex:1 1;font-size:13px;min-width:250px;padding:10px 12px;transition:all .2s}.vendor-management-search:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 2px #3b82f61a;outline:none}.vendor-management-filter{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;cursor:pointer;font-size:13px;padding:7px 12px;transition:all .2s}.vendor-management-filter:hover{border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.vendor-management-filter:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);outline:none}.vendor-filter-select-wrap{flex-shrink:0}.vendor-filter-select-wrap .filter-trigger{font-size:13px;height:36px;width:148px}.vendor-filter-select-wrap .filter-dropdown-list{min-width:148px}.vendor-management-actions{display:flex;flex-wrap:wrap;gap:8px}.vendor-management-btn-primary{align-items:center;background-color:#3b82f6;background-color:var(--c-3b82f6,#3b82f6);border:none;border-radius:6px;color:#fff;color:var(--ct-white,#fff);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:7px 14px;transition:all .2s}.vendor-management-btn-primary:hover{background-color:#2563eb;background-color:var(--c-2563eb,#2563eb);box-shadow:0 3px 8px #3b82f64d;transform:translateY(-1px)}.vendor-management-btn-secondary{align-items:center;background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:7px 14px;transition:all .2s}.vendor-management-btn-secondary:hover{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.vendor-management-btn-danger{background-color:#ef4444;background-color:var(--c-ef4444,#ef4444);border:none;border-radius:6px;color:#fff;color:var(--ct-white,#fff);cursor:pointer;font-size:13px;font-weight:500;padding:7px 14px;transition:all .2s}.vendor-management-btn-danger:hover{background-color:#dc2626;background-color:var(--c-dc2626,#dc2626);box-shadow:0 3px 8px #ef44444d;transform:translateY(-1px)}.vendor-management-kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}.vendor-management-kpi-card{align-items:center;background:#fff;background:var(--c-white,#fff);border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;gap:12px;padding:14px;transition:all .2s}.vendor-management-kpi-card:hover{box-shadow:0 3px 8px #0000001a;transform:translateY(-1px)}.vendor-management-kpi-icon{align-items:center;background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9);border-radius:8px;display:flex;font-size:26px;height:44px;justify-content:center;width:44px}.vendor-management-kpi-content{flex:1 1}.vendor-management-kpi-value{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:20px;font-weight:700;margin-bottom:2px}.vendor-management-kpi-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:500}.vendor-management-table-container{background:#fff;background:var(--c-white,#fff);border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;overflow:hidden;width:100%}.vendor-management-table-scroll{-webkit-overflow-scrolling:touch;flex:1 1;max-height:480px;overflow-x:auto;overflow-y:auto}.vendor-management-table-scroll::-webkit-scrollbar{height:5px;width:5px}.vendor-management-table-scroll::-webkit-scrollbar-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.vendor-management-table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:4px}.vendor-management-table-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--c-94a3b8,#94a3b8)}.vendor-management-table{border-collapse:collapse;min-width:1200px;width:100%}.vendor-management-table thead{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);position:-webkit-sticky;position:sticky;top:0;z-index:10}.vendor-management-table th{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--c-e2e8f0,#e2e8f0);color:#475569;color:var(--ct-475569,#475569);font-size:11px;font-weight:600;letter-spacing:.03em;padding:10px 12px;text-align:left;text-transform:uppercase}.vendor-management-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#334155;color:var(--ct-334155,#334155);font-size:13px;padding:10px 12px}.vendor-management-table-row{transition:background-color .15s}.vendor-management-table-row:hover{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc)}.vendor-name-cell{font-weight:500}.vendor-name-info{display:flex;flex-direction:column;gap:3px}.vendor-code{background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9);border-radius:3px;color:#64748b;color:var(--ct-64748b,#64748b);display:inline-block;font-size:10px;font-weight:500;letter-spacing:.03em;padding:2px 6px}.vendor-contact-cell{font-size:12px}.vendor-contact{display:flex;flex-direction:column;gap:3px}.contact-item{align-items:center;color:#64748b;color:var(--ct-64748b,#64748b);display:flex;gap:5px}.contact-item svg{flex-shrink:0}.star-rating{display:flex;gap:1px}.no-rating{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:11px}.vendor-orders-cell{font-weight:500}.orders-badge{align-items:center;background-color:#eff6ff;background-color:var(--c-eff6ff,#eff6ff);border-radius:10px;color:#2563eb;color:var(--ct-2563eb,#2563eb);display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:3px 8px}.vendor-value-cell{color:#059669;color:var(--ct-059669,#059669);font-size:13px;font-weight:600;text-align:left}.empty-state{padding:30px 16px}.vendor-management-badge{border-radius:10px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.03em;padding:3px 10px;text-transform:uppercase}.vendor-badge-active{background-color:#d1fae5;background-color:var(--c-d1fae5,#d1fae5);color:#065f46;color:var(--ct-065f46,#065f46)}.vendor-badge-inactive{background-color:#fee2e2;background-color:var(--c-fee2e2,#fee2e2);color:#991b1b;color:var(--ct-991b1b,#991b1b)}.vendor-management-actions-cell{align-items:center;display:flex;gap:4px}.vendor-management-action-btn{align-items:center;background:none;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:5px;transition:all .2s}.vendor-management-action-btn:hover{transform:scale(1.05)}.vendor-management-action-view{color:#4d7ce0;color:var(--ct-4d7ce0,#4d7ce0)}.vendor-management-action-view:hover{background-color:#dbeafe!important;background-color:var(--c-dbeafe,#dbeafe)!important;transform:scale(1.05)}.vendor-management-action-edit{color:#059669;color:var(--ct-059669,#059669)}.vendor-management-action-edit:hover{background-color:#d1fae5!important;background-color:var(--c-d1fae5,#d1fae5)!important;transform:scale(1.05)}.vendor-management-action-delete{color:#dc2626;color:var(--ct-dc2626,#dc2626)}.vendor-management-action-delete:hover{background-color:#fee2e2!important;background-color:var(--c-fee2e2,#fee2e2)!important;transform:scale(1.05)}.table-footer{gap:10px;padding:10px 16px}.vendor-management-drawer-overlay{align-items:center;animation:fadeIn .2s;background-color:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.vendor-management-drawer{animation:slideIn .3s ease-out;background:#fff;background:var(--c-white,#fff);box-shadow:-4px 0 20px #00000026;height:100vh;max-width:90vw;overflow-y:auto;width:650px}.vendor-management-drawer-header{align-items:flex-start;background:#fff;background:var(--c-white,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;justify-content:space-between;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.vendor-management-drawer-header h2{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:20px;margin:0 0 3px}.vendor-management-drawer-subtitle{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;margin:0}.vendor-management-drawer-close{background:none;border:none;border-radius:5px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;font-size:20px;line-height:1;padding:4px;transition:all .2s}.vendor-management-drawer-close:hover{background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9);color:#1e293b;color:var(--ct-1e293b,#1e293b)}.vendor-management-drawer-content{padding:16px}.vendor-management-drawer-section{margin-bottom:20px}.vendor-management-drawer-section h3{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:14px;font-weight:600;margin:0 0 12px}.vendor-info-grid{grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.vendor-info-item{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;padding:10px}.vendor-info-item svg{color:var(--ct-64748b,#64748b);height:16px;width:16px}.vendor-info-item>div{flex:1 1;gap:3px}.info-label{color:var(--ct-64748b,#64748b);font-weight:600}.info-value{word-wrap:break-word;color:#1e293b;color:var(--ct-1e293b,#1e293b);line-height:1.4}.vendor-stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.vendor-stat-card{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--c-f8fafc,#f8fafc) 0,var(--c-f1f5f9,#f1f5f9) 100%);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;display:flex;gap:10px;padding:12px}.vendor-stat-card svg{color:#3b82f6;color:var(--ct-3b82f6,#3b82f6);flex-shrink:0;height:20px;width:20px}.stat-value{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:16px;font-weight:700}.stat-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;margin-top:1px}.purchase-history-list{display:flex;flex-direction:column;gap:10px;max-height:450px;overflow-y:auto;padding-right:6px}.purchase-history-list::-webkit-scrollbar{width:5px}.purchase-history-list::-webkit-scrollbar-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:3px}.purchase-history-list::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:3px}.purchase-history-list::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--c-94a3b8,#94a3b8)}.purchase-history-item{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;padding:12px;transition:all .2s}.purchase-history-item:hover{background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1);box-shadow:0 2px 6px #0000000d}.po-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.po-item-header>div{align-items:center;display:flex;gap:6px}.po-number{color:#3b82f6;color:var(--ct-3b82f6,#3b82f6);font-size:13px;font-weight:600}.po-value{font-size:14px}.po-item-details{color:#64748b;color:var(--ct-64748b,#64748b);display:flex;flex-wrap:wrap;font-size:11px;gap:12px}.po-item-details span{align-items:center;display:flex;gap:4px}.po-item-details svg{height:12px;width:12px}.po-timeline{margin:8px 0;overflow-x:auto;padding:10px 0}.po-timeline,.timeline-step{align-items:center;display:flex}.timeline-step{flex:1 1;flex-direction:column;min-width:65px;position:relative}.timeline-dot{border:2px solid #fff;border:2px solid var(--c-white,#fff);border-radius:50%;box-shadow:0 1px 4px #00000026;height:12px;transition:all .3s;width:12px;z-index:2}.timeline-step.completed .timeline-dot{transform:scale(1.15)}.timeline-label{align-items:center;display:flex;flex-direction:column;margin-top:6px;text-align:center}.timeline-status{color:#475569;color:var(--ct-475569,#475569);font-size:9px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.timeline-date{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:8px;margin-top:1px}.timeline-line{height:2px;left:50%;position:absolute;right:-50%;top:6px;transition:all .3s;z-index:1}.timeline-step:last-child .timeline-line{display:none}.po-notes{align-items:flex-start;background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-radius:5px;color:#64748b;color:var(--ct-64748b,#64748b);display:flex;font-size:11px;gap:6px;margin-top:6px;padding:6px 10px}.po-notes svg{flex-shrink:0;height:12px;margin-top:1px;width:12px}.po-notes span{flex:1 1;line-height:1.4}.vendor-management-drawer-actions{background:#fff;background:var(--c-white,#fff);border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);bottom:0;display:flex;flex-wrap:wrap;gap:10px;padding:14px 16px;position:-webkit-sticky;position:sticky}.vendor-management-modal-overlay{align-items:center;animation:fadeIn .2s;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1001}.vendor-management-edit-modal{animation:scaleIn .3s ease-out;background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:92vh;max-width:980px;overflow-y:auto;width:100%}.vendor-management-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;justify-content:space-between;padding:16px}.vendor-management-modal-header h2{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:18px;margin:0}.vendor-management-modal-close{background:none;border:none;border-radius:5px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;font-size:20px;line-height:1;padding:4px;transition:all .2s}.vendor-management-modal-close:hover{background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9);color:#1e293b;color:var(--ct-1e293b,#1e293b)}.vendor-management-edit-form{padding:16px}.vendor-form-section{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;margin-bottom:16px;padding:14px}.vendor-form-section h3{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--c-e2e8f0,#e2e8f0);color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:14px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.vendor-form-row{grid-template-columns:repeat(2,1fr)}.vendor-form-row:last-child{margin-bottom:0}.vendor-form-group label{color:#475569;color:var(--ct-475569,#475569)}.vendor-form-group input,.vendor-form-group select,.vendor-form-group textarea{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:5px;font-family:inherit;padding:7px 10px;transition:all .2s}.vendor-form-group input:focus,.vendor-form-group select:focus,.vendor-form-group textarea:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 2px #3b82f61a;outline:none}.vendor-form-group textarea{min-height:60px;resize:vertical}.vendor-management-modal-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding:14px 16px}@media (max-width:1024px){.vendor-management-kpi-grid{grid-template-columns:repeat(2,1fr)}.vendor-form-row,.vendor-stats-grid{grid-template-columns:1fr}}@media (max-width:768px){.vendor-management-container{padding:12px}.vendor-management-title{font-size:18px}.vendor-management-count{font-size:15px}.vendor-management-action-bar{align-items:stretch;flex-direction:column}.vendor-management-search-filters{flex-direction:column}.vendor-management-search{min-width:100%}.vendor-management-actions{flex-direction:column}.vendor-management-kpi-grid{grid-template-columns:1fr}.vendor-management-kpi-card{padding:12px}.vendor-management-kpi-icon{font-size:22px;height:40px;width:40px}.vendor-management-kpi-value{font-size:18px}.vendor-management-drawer{max-width:100vw;width:100%}.vendor-management-table-container{overflow-x:auto}.vendor-management-table{min-width:1200px}.vendor-management-table td,.vendor-management-table th{padding:8px 10px}.page-header-with-filter,.table-footer{align-items:flex-start;flex-direction:column}.pagination{justify-content:center;width:100%}.vendor-info-grid{grid-template-columns:1fr}.po-timeline{padding:8px 0}.timeline-step{min-width:55px}.timeline-dot{height:10px;width:10px}.timeline-status{font-size:8px}.timeline-date{font-size:7px}.purchase-history-list{max-height:350px}}@media (max-width:480px){.vendor-management-container{padding:10px}.vendor-management-title{font-size:16px}.vendor-management-breadcrumb{font-size:10px}.vendor-management-btn-danger,.vendor-management-btn-primary,.vendor-management-btn-secondary{font-size:12px;padding:6px 12px}.vendor-management-kpi-value{font-size:16px}.vendor-management-kpi-label{font-size:10px}.vendor-form-section{padding:12px}}.columns-picker-wrapper{position:relative}.vendor-management-btn--columns{align-items:center;display:inline-flex;gap:6px;white-space:nowrap}.columns-count-badge{background:#e0e7ff;background:var(--c-e0e7ff,#e0e7ff);border-radius:20px;color:#3730a3;color:var(--ct-3730a3,#3730a3);font-size:10px;font-weight:700;letter-spacing:.02em;line-height:1.6;padding:1px 6px}.columns-picker{animation:pickerSlideDown .18s ease-out;background:#fff;background:var(--c-ffffff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:10px;box-shadow:0 8px 24px #0000001f,0 2px 8px #0000000f;min-width:210px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:200}@keyframes pickerSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.columns-picker__header{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);color:#475569;color:var(--ct-475569,#475569);display:flex;font-size:11px;font-weight:700;justify-content:space-between;letter-spacing:.06em;padding:10px 14px;text-transform:uppercase}.columns-picker__close{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);cursor:pointer;display:flex;padding:2px;transition:color .15s,background .15s}.columns-picker__close:hover{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);color:#475569;color:var(--ct-475569,#475569)}.columns-picker__list{display:flex;flex-direction:column;gap:1px;padding:6px}.columns-picker__item{align-items:center;background:#0000;border:none;border-radius:6px;color:#334155;color:var(--ct-334155,#334155);cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:8px;padding:8px 10px;text-align:left;transition:background .12s;width:100%}.columns-picker__item:hover:not(:disabled){background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.columns-picker__item:disabled{cursor:not-allowed;opacity:.4}.columns-picker__checkbox{align-items:center;background:#fff;background:var(--c-white,#fff);border:1.5px solid #cbd5e1;border:1.5px solid var(--c-cbd5e1,#cbd5e1);border-radius:4px;color:#0000;display:flex;flex-shrink:0;height:16px;justify-content:center;transition:all .15s;width:16px}.columns-picker__item--checked .columns-picker__checkbox{background:#2563eb;background:var(--c-2563eb,#2563eb);border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);color:#fff;color:var(--ct-white,#fff)}.vendor-management-table__th{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--c-e2e8f0,#e2e8f0);color:#475569;color:var(--ct-475569,#475569);font-size:11px;font-weight:600;letter-spacing:.03em;padding:10px 12px;text-align:left;text-transform:uppercase;transition:background .15s;-webkit-user-select:none;user-select:none}.vendor-management-table__th--sortable{cursor:pointer}.vendor-management-table__th--sortable:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.vendor-management-table__th--drag-over{background:#eff6ff!important;background:var(--c-eff6ff,#eff6ff)!important;outline:2px dashed #3b82f6;outline:2px dashed var(--c-3b82f6,#3b82f6);outline-offset:-2px}.th-inner{display:inline-flex;white-space:nowrap}.drag-handle{align-items:center;color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1);cursor:grab;display:inline-flex;flex-shrink:0;padding:0 1px;transition:color .15s}.vendor-management-table__th:hover .drag-handle{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8)}.drag-handle:active{cursor:grabbing}.th-label{flex:1 1}.sort-icon{transition:color .15s,transform .2s}.sort-icon--idle{color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1);opacity:.7}.sort-icon--active{color:#2563eb;color:var(--ct-2563eb,#2563eb)}.vendor-management-table th[draggable=true]:active{opacity:.6}@media (max-width:768px){.columns-picker{left:0;min-width:190px;right:auto}.columns-count-badge,.vendor-management-btn--columns span{display:none}}.kyc-verified-badge{flex-shrink:0;font-size:10px;gap:3px;padding:2px 7px}.kyc-verified-badge,.kyc-verified-badge-lg{align-items:center;background:#dcfce7;background:var(--c-dcfce7,#dcfce7);border:1px solid #86efac;border:1px solid var(--c-86efac,#86efac);border-radius:20px;color:#15803d;color:var(--ct-15803d,#15803d);display:inline-flex;font-weight:700;white-space:nowrap}.kyc-verified-badge-lg{font-size:11px;gap:4px;padding:3px 10px}.vendor-drawer-tabs{background:#fff;background:var(--c-fff,#fff);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--c-e2e8f0,#e2e8f0);display:flex;flex-shrink:0;gap:4px;padding:0 16px}.vendor-drawer-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:-2px;padding:10px 14px;transition:all .2s;white-space:nowrap}.vendor-drawer-tab:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);color:#1e293b;color:var(--ct-1e293b,#1e293b)}.vendor-drawer-tab.active{border-bottom-color:#2563eb;border-bottom-color:var(--c-2563eb,#2563eb);color:#2563eb;color:var(--ct-2563eb,#2563eb);font-weight:600}.tab-badge{align-items:center;border-radius:10px;display:inline-flex;margin-left:2px;padding:1px 4px}.tab-badge--verified{background:#dcfce7;background:var(--c-dcfce7,#dcfce7);color:#15803d;color:var(--ct-15803d,#15803d)}.tab-badge--pending{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);color:#b45309;color:var(--ct-b45309,#b45309)}.kyc-tab-content{display:flex;flex-direction:column;gap:0;padding:16px!important}.kyc-status-banner{align-items:center;border-radius:10px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px;padding:14px 16px}.kyc-status-banner--verified{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);border:1.5px solid #86efac;border:1.5px solid var(--c-86efac,#86efac);color:#15803d;color:var(--ct-15803d,#15803d)}.kyc-status-banner--pending{background:#fffbeb;background:var(--c-fffbeb,#fffbeb);border:1.5px solid #fcd34d;border:1.5px solid var(--c-fcd34d,#fcd34d);color:#92400e;color:var(--ct-92400e,#92400e)}.kyc-banner-title{font-size:14px;font-weight:700}.kyc-banner-sub{font-size:12px;margin-top:2px;opacity:.8}.kyc-progress-pill{background:#0000000f;border-radius:20px;font-size:12px;font-weight:600;margin-left:auto;padding:4px 10px;white-space:nowrap}.kyc-progress-bar-wrap{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);border-radius:10px;height:6px;margin-bottom:16px;overflow:hidden}.kyc-progress-bar-fill{background:linear-gradient(90deg,#22c55e,#16a34a);background:linear-gradient(90deg,var(--c-22c55e,#22c55e),var(--c-16a34a,#16a34a));border-radius:10px;height:100%;transition:width .4s ease}.kyc-section-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.kyc-docs-list{display:flex;flex-direction:column;gap:8px}.kyc-doc-card{align-items:flex-start;background:#fff;background:var(--c-fff,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:10px;display:flex;gap:12px;padding:12px 14px;transition:border-color .2s,background .2s}.kyc-doc-card--uploaded{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);border-color:#86efac;border-color:var(--c-86efac,#86efac)}.kyc-doc-icon{flex-shrink:0;font-size:22px;line-height:1;margin-top:2px}.kyc-doc-info{flex:1 1;min-width:0}.kyc-doc-label{align-items:center;color:#1e293b;color:var(--ct-1e293b,#1e293b);display:flex;flex-wrap:wrap;font-size:13px;font-weight:600;gap:6px}.kyc-required-tag{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#dc2626;color:var(--ct-dc2626,#dc2626)}.kyc-optional-tag,.kyc-required-tag{border-radius:20px;font-size:10px;font-weight:600;padding:1px 7px}.kyc-optional-tag{background:#ede9fe;background:var(--c-ede9fe,#ede9fe);color:#6366f1;color:var(--ct-6366f1,#6366f1)}.kyc-doc-desc{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;line-height:1.4;margin-top:3px}.kyc-doc-uploaded-info{align-items:center;color:#15803d;color:var(--ct-15803d,#15803d);display:flex;flex-wrap:wrap;font-size:11px;gap:5px;margin-top:5px}.kyc-upload-date{color:#64748b;color:var(--ct-64748b,#64748b)}.kyc-doc-actions{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px}.kyc-upload-btn{align-items:center;background:#2563eb;background:var(--c-2563eb,#2563eb);border:none;border-radius:6px;color:#fff;color:var(--ct-fff,#fff);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:6px 14px;transition:background .2s;white-space:nowrap}.kyc-upload-btn:hover{background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8)}.kyc-upload-btn--loading{background:#93c5fd;background:var(--c-93c5fd,#93c5fd);cursor:not-allowed}.kyc-reupload-btn{align-items:center;background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:4px 10px;transition:all .2s;white-space:nowrap}.kyc-reupload-btn:hover{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0)}.kyc-status-chip{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 9px;white-space:nowrap}.kyc-status-chip--done{background:#dcfce7;background:var(--c-dcfce7,#dcfce7);border:1px solid #86efac;border:1px solid var(--c-86efac,#86efac);color:#15803d;color:var(--ct-15803d,#15803d)}.kyc-view-link{color:#2563eb;color:var(--ct-2563eb,#2563eb);cursor:pointer;font-size:11px;font-weight:600;text-decoration:underline}.kyc-spinner{animation:spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top:2px solid var(--c-fff,#fff);display:inline-block;height:12px;width:12px}.vendor-management-drawer{display:flex;flex-direction:column}.vendor-management-drawer-content{flex:1 1;overflow-y:auto}.vd-page{background:#fff;background:var(--c-ffffff,#fff);border:1px solid #e5e7eb;border:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:10px;box-shadow:0 1px 4px #0000000f;display:flex;flex-direction:column;height:100%;max-height:calc(100vh - 80px);overflow:hidden}.vd-topbar{align-items:center;background:#f9fafb;background:var(--c-f9fafb,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--c-e5e7eb,#e5e7eb);display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;padding:10px 18px}.vd-back-btn{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1px solid #d1d5db;border:1px solid var(--c-d1d5db,#d1d5db);border-radius:6px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 13px;transition:all .18s;white-space:nowrap}.vd-back-btn:hover{background:#f3f4f6;background:var(--c-f3f4f6,#f3f4f6);border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.vd-breadcrumb{align-items:center;color:#6b7280;color:var(--ct-6b7280,#6b7280);display:flex;font-size:12px}.vd-btn{align-items:center;border:none;border-radius:7px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:7px 14px;transition:all .18s;white-space:nowrap}.vd-btn--primary{background:#2563eb;background:var(--c-2563eb,#2563eb);color:#fff;color:var(--ct-fff,#fff)}.vd-btn--primary:hover{background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8)}.vd-btn--secondary{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);color:#475569;color:var(--ct-475569,#475569)}.vd-btn--secondary:hover{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0)}.vd-btn--danger{background:#fef2f2;background:var(--c-fef2f2,#fef2f2);border:1px solid #fecaca;border:1px solid var(--c-fecaca,#fecaca);color:#dc2626;color:var(--ct-dc2626,#dc2626)}.vd-btn--danger:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2)}.vd-hero{align-items:flex-start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--c-e5e7eb,#e5e7eb);display:flex;flex-shrink:0;flex-wrap:wrap;gap:16px;padding:18px 20px}.vd-hero-left{flex:1 1;gap:14px;min-width:200px}.vd-avatar,.vd-hero-left{align-items:center;display:flex}.vd-avatar{background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--c-2563eb,#2563eb) 0,var(--c-7c3aed,#7c3aed) 100%);border-radius:50%;color:#fff;color:var(--ct-fff,#fff);flex-shrink:0;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.vd-hero-name{color:#111827;color:var(--ct-111827,#111827);font-size:18px;font-weight:700;margin:0 0 4px}.vd-hero-code{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);border-radius:20px;color:#2563eb;color:var(--ct-2563eb,#2563eb);display:inline-block;font-size:11px;font-weight:600;padding:2px 8px}.vd-verified-badge{align-items:center;background:#dcfce7;background:var(--c-dcfce7,#dcfce7);border:1px solid #86efac;border:1px solid var(--c-86efac,#86efac);border-radius:20px;color:#15803d;color:var(--ct-15803d,#15803d);display:inline-flex;font-size:11px;font-weight:700;gap:4px;padding:3px 9px;white-space:nowrap}.vd-hero-chips{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.vd-chip{border-radius:20px;font-size:11px;font-weight:600;padding:3px 10px;white-space:nowrap}.vd-hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.vd-kpi-strip{background:#f9fafb;background:var(--c-f9fafb,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--c-e5e7eb,#e5e7eb);display:flex;flex-shrink:0;flex-wrap:wrap}.vd-kpi-item{align-items:center;border-right:1px solid #e5e7eb;border-right:1px solid var(--c-e5e7eb,#e5e7eb);display:flex;flex:1 1;gap:10px;min-width:140px;padding:12px 20px}.vd-kpi-item:last-child{border-right:none}.vd-kpi-icon{color:#2563eb;color:var(--ct-2563eb,#2563eb);flex-shrink:0}.vd-kpi-value{color:#111827;color:var(--ct-111827,#111827);font-size:15px;font-weight:700}.vd-kpi-label{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:11px;margin-top:1px}.vd-tabs{background:#fafafa;background:var(--c-fafafa,#fafafa);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--c-e5e7eb,#e5e7eb);display:flex;flex-shrink:0;flex-wrap:wrap;padding:0 16px}.vd-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;color:var(--ct-6b7280,#6b7280);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:5px;margin-bottom:-2px;padding:11px 18px;transition:all .18s;white-space:nowrap}.vd-tab:hover{background:#f3f4f6;background:var(--c-f3f4f6,#f3f4f6);color:#374151;color:var(--ct-374151,#374151)}.vd-tab.active{background:#0000;border-bottom-color:#2563eb;border-bottom-color:var(--c-2563eb,#2563eb);color:#2563eb;color:var(--ct-2563eb,#2563eb);font-weight:700}.vd-tab-body{flex:1 1;min-height:0;overflow-y:auto;padding:20px}.vd-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.vd-info-card{background:#f9fafb;background:var(--c-f9fafb,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:8px;padding:16px}.vd-info-card--wide{grid-column:1/-1}.vd-card-title{color:#374151;color:var(--ct-374151,#374151);font-size:11px;font-weight:700;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.vd-field-list{display:flex;flex-direction:column;gap:9px}.vd-field-row{align-items:flex-start;display:flex;font-size:12.5px;gap:10px;justify-content:space-between}.vd-field-left{align-items:center;display:flex;flex-shrink:0;gap:6px}.vd-field-label{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-weight:500}.vd-field-val{color:#111827;color:var(--ct-111827,#111827);font-weight:500;text-align:right;word-break:break-word}.vd-empty{align-items:center;color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-size:13px;gap:6px;justify-content:center;padding:48px 24px;text-align:center}.vd-empty,.vd-po-list{display:flex;flex-direction:column}.vd-po-list{gap:12px}.vd-po-card{background:#fff;background:var(--c-fff,#fff);border:1px solid #e5e7eb;border:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:8px;padding:14px 16px;transition:box-shadow .18s}.vd-po-card:hover{box-shadow:0 2px 8px #00000012}.vd-po-head{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:10px}.vd-po-no{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:13px;font-weight:700;margin-right:8px}.vd-po-badge{border-radius:20px;font-size:11px;font-weight:600;padding:2px 9px}.vd-po-value{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-size:14px;font-weight:700}.vd-po-meta{color:#64748b;color:var(--ct-64748b,#64748b);display:flex;flex-wrap:wrap;font-size:12px;gap:16px;margin-top:8px}.vd-po-meta span{align-items:center;display:flex;gap:5px}.vd-po-notes{align-items:flex-start;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-radius:5px;color:#64748b;color:var(--ct-64748b,#64748b);display:flex;font-size:12px;gap:6px;margin-top:8px;padding:7px 10px}.vd-po-timeline{flex-wrap:wrap;gap:0;margin:8px 0}.vd-po-timeline,.vd-tl-step{align-items:center;display:flex}.vd-tl-step{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:10px;gap:4px}.vd-tl-step.done{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-weight:600}.vd-tl-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.vd-tl-label{font-size:10px;white-space:nowrap}.vd-tl-line{flex-shrink:0;height:2px;margin:0 2px;width:28px}.vd-kyc-banner{align-items:center;border-radius:10px;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:12px;padding:16px 18px}.vd-kyc-banner--ok{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);border:1.5px solid #86efac;border:1.5px solid var(--c-86efac,#86efac);color:#15803d;color:var(--ct-15803d,#15803d)}.vd-kyc-banner--pending{background:#fffbeb;background:var(--c-fffbeb,#fffbeb);border:1.5px solid #fcd34d;border:1.5px solid var(--c-fcd34d,#fcd34d);color:#92400e;color:var(--ct-92400e,#92400e)}.vd-kyc-banner-icon{flex-shrink:0}.vd-kyc-banner-body{flex:1 1}.vd-kyc-banner-title{font-size:14px;font-weight:700}.vd-kyc-banner-sub{font-size:12px;line-height:1.45;margin-top:3px;opacity:.8}.vd-kyc-banner-pill{background:#0000000f;border-radius:20px;flex-shrink:0;font-size:12px;font-weight:700;padding:5px 12px;white-space:nowrap}.vd-kyc-progress-wrap{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);border-radius:10px;height:7px;margin-bottom:20px;overflow:hidden}.vd-kyc-progress-bar{background:linear-gradient(90deg,#22c55e,#16a34a);background:linear-gradient(90deg,var(--c-22c55e,#22c55e),var(--c-16a34a,#16a34a));border-radius:10px;height:100%;transition:width .4s ease}.vd-kyc-section-label{align-items:center;color:#475569;color:var(--ct-475569,#475569);display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.06em;margin-bottom:10px;text-transform:uppercase}.vd-kyc-list{display:flex;flex-direction:column;gap:10px}.vd-kyc-card{align-items:flex-start;background:#fff;background:var(--c-fff,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:10px;display:flex;gap:0;overflow:hidden;transition:border-color .2s,box-shadow .2s}.vd-kyc-card--done{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);border-color:#86efac;border-color:var(--c-86efac,#86efac)}.vd-kyc-card:hover{box-shadow:0 2px 8px #0000000f}.vd-kyc-stripe{align-self:stretch;flex-shrink:0;width:4px}.vd-kyc-stripe--done{background:#22c55e;background:var(--c-22c55e,#22c55e)}.vd-kyc-stripe--req{background:#ef4444;background:var(--c-ef4444,#ef4444)}.vd-kyc-stripe--opt{background:#6366f1;background:var(--c-6366f1,#6366f1)}.vd-kyc-emoji{flex-shrink:0;font-size:24px;line-height:1;padding:14px 10px 14px 14px}.vd-kyc-info{flex:1 1;min-width:0;padding:12px 10px 12px 0}.vd-kyc-header{align-items:center;display:flex;flex-wrap:wrap;gap:7px;margin-bottom:4px}.vd-kyc-label{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:13px;font-weight:600}.vd-kyc-tag{border-radius:20px;font-size:10px;font-weight:700;padding:1px 7px}.vd-kyc-tag--req{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#dc2626;color:var(--ct-dc2626,#dc2626)}.vd-kyc-tag--opt{background:#ede9fe;background:var(--c-ede9fe,#ede9fe);color:#6366f1;color:var(--ct-6366f1,#6366f1)}.vd-kyc-desc{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11.5px;line-height:1.45;margin:0}.vd-kyc-uploaded-row{align-items:center;display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.vd-kyc-filename{color:#15803d;color:var(--ct-15803d,#15803d);font-size:11px;font-weight:500;word-break:break-all}.vd-kyc-uptime{color:#64748b;color:var(--ct-64748b,#64748b);font-size:10.5px}.vd-kyc-actions{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:6px;justify-content:center;padding:12px 14px}.vd-kyc-chip{background:#dcfce7;background:var(--c-dcfce7,#dcfce7);border:1px solid #86efac;border:1px solid var(--c-86efac,#86efac);border-radius:20px;color:#15803d;color:var(--ct-15803d,#15803d);font-size:11px;gap:4px;padding:3px 9px}.vd-kyc-chip,.vd-kyc-upload-btn{align-items:center;display:inline-flex;font-weight:600;white-space:nowrap}.vd-kyc-upload-btn{background:#2563eb;background:var(--c-2563eb,#2563eb);border:none;border-radius:7px;color:#fff;color:var(--ct-fff,#fff);cursor:pointer;font-size:12px;gap:6px;padding:7px 16px;transition:background .18s}.vd-kyc-upload-btn:hover:not(:disabled){background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8)}.vd-kyc-upload-btn--loading{background:#93c5fd;background:var(--c-93c5fd,#93c5fd);cursor:not-allowed}.vd-kyc-view-btn{align-items:center;background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border:1px solid #bfdbfe;border:1px solid var(--c-bfdbfe,#bfdbfe);border-radius:6px;color:#2563eb;color:var(--ct-2563eb,#2563eb);cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px;text-decoration:none;transition:all .18s;white-space:nowrap}.vd-kyc-view-btn:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe)}.vd-kyc-replace-btn{align-items:center;background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:4px 10px;transition:all .18s;white-space:nowrap}.vd-kyc-replace-btn:hover:not(:disabled){background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0)}.vd-kyc-spin{animation:vd-spin .7s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top:2px solid var(--c-fff,#fff);display:inline-block;flex-shrink:0;height:12px;width:12px}@keyframes vd-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.vd-topbar{align-items:flex-start;flex-direction:column;gap:8px}.vd-topbar>div:last-child{width:100%}.vd-hero{flex-direction:column;gap:12px}.vd-hero-actions,.vd-hero-chips{width:100%}.vd-kpi-strip{flex-direction:column}.vd-kpi-item{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--c-e5e7eb,#e5e7eb);border-right:none}.vd-kpi-item:last-child{border-bottom:none}.vd-info-grid{grid-template-columns:1fr}.vd-info-card--wide{grid-column:auto}.vd-tab-body{overflow-y:auto;padding:14px}.vd-kyc-card{flex-wrap:wrap}.vd-kyc-actions{border-top:1px solid #f1f5f9;border-top:1px solid var(--c-f1f5f9,#f1f5f9);flex-direction:row;flex-wrap:wrap;justify-content:flex-start;padding:10px 14px;width:100%}.vd-po-meta{flex-direction:column;gap:5px}.vd-kyc-banner{align-items:flex-start;flex-direction:column}.vd-tabs{flex-wrap:nowrap;overflow-x:auto}}@media (max-width:480px){.vd-hero-name{font-size:15px}.vd-avatar{font-size:16px;height:40px;width:40px}.vd-btn{font-size:12px;padding:6px 10px}.vd-tabs{padding:0 8px}.vd-tab{font-size:12px;padding:9px 12px}}.vd-kyc-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:4px}.vd-kyc-grid-card{background:#fff;background:var(--c-fff,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px;transition:border-color .2s,box-shadow .2s}.vd-kyc-grid-card:hover{box-shadow:0 2px 10px #00000012}.vd-kyc-grid-card--done{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);border-color:#86efac;border-color:var(--c-86efac,#86efac)}.vd-kyc-gc-head{align-items:flex-start;display:flex;gap:10px}.vd-kyc-gc-icon{flex-shrink:0;font-size:22px;line-height:1;margin-top:1px}.vd-kyc-gc-title-wrap{display:flex;flex:1 1;flex-direction:column;gap:4px}.vd-kyc-gc-title{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:13px;font-weight:700;line-height:1.3}.vd-kyc-gc-check{color:#16a34a;color:var(--ct-16a34a,#16a34a);flex-shrink:0;margin-top:2px}.vd-kyc-gc-desc{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11.5px;line-height:1.45;margin:0}.vd-kyc-gc-inputs{display:flex;flex-direction:column;gap:8px}.vd-kyc-gc-field{display:flex;flex-direction:column;gap:4px}.vd-kyc-gc-label{color:#475569;color:var(--ct-475569,#475569);font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.vd-kyc-gc-input{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;box-sizing:border-box;color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:12.5px;padding:7px 10px;transition:border-color .18s,box-shadow .18s;width:100%}.vd-kyc-gc-input:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.vd-kyc-grid-card--done .vd-kyc-gc-input{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);border-color:#bbf7d0;border-color:var(--c-bbf7d0,#bbf7d0)}.vd-kyc-drop-zone{align-items:center;border:2px dashed #cbd5e1;border:2px dashed var(--c-cbd5e1,#cbd5e1);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:5px;justify-content:center;min-height:80px;padding:14px 10px;text-align:center;transition:border-color .18s,background .18s}.vd-kyc-drop-zone:hover{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6)}.vd-kyc-drop-zone--done{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);border-color:#86efac;border-color:var(--c-86efac,#86efac);border-style:solid;cursor:default}.vd-kyc-drop-zone--done:hover{background:#dcfce7;background:var(--c-dcfce7,#dcfce7);border-color:#4ade80;border-color:var(--c-4ade80,#4ade80)}.vd-kyc-dz-text{color:#475569;color:var(--ct-475569,#475569);font-size:12px;font-weight:600}.vd-kyc-dz-hint{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:10.5px}.vd-kyc-dz-filename{color:#15803d;color:var(--ct-15803d,#15803d);font-size:12px;font-weight:600;word-break:break-all}.vd-kyc-dz-date{color:#64748b;color:var(--ct-64748b,#64748b);font-size:10.5px}.vd-kyc-gc-footer{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}.vd-kyc-spin--dark{border-color:#1e293b #1e293b33 #1e293b33;border-top-color:var(--c-1e293b,#1e293b)}.vd-kyc-opt-list{display:flex;flex-direction:column;gap:8px}.vd-kyc-opt-row{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;display:flex;gap:12px;padding:11px 14px;transition:border-color .18s}.vd-kyc-opt-row--done{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);border-color:#86efac;border-color:var(--c-86efac,#86efac)}.vd-kyc-opt-icon{flex-shrink:0;font-size:20px}.vd-kyc-opt-info{flex:1 1;min-width:0}.vd-kyc-opt-label{color:#1e293b;color:var(--ct-1e293b,#1e293b);display:block;font-size:13px;font-weight:600}.vd-kyc-opt-desc{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11.5px}.vd-kyc-opt-actions{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px}@media (max-width:1100px){.vd-kyc-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.vd-kyc-grid{grid-template-columns:1fr}.vd-kyc-opt-row{flex-wrap:wrap}.vd-kyc-opt-actions{width:100%}}.vc-stepper{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);flex-shrink:0;gap:0;padding:14px 24px}.vc-step,.vc-stepper{align-items:center;display:flex}.vc-step{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:13px;font-weight:500;gap:8px}.vc-step--active{color:#2563eb;color:var(--ct-2563eb,#2563eb)}.vc-step--done{color:#16a34a;color:var(--ct-16a34a,#16a34a)}.vc-step-dot{align-items:center;background:#fff;background:var(--c-fff,#fff);border:2px solid;border-radius:50%;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.vc-step--active .vc-step-dot{background:#2563eb;background:var(--c-2563eb,#2563eb);border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);color:#fff;color:var(--ct-fff,#fff)}.vc-step--done .vc-step-dot{background:#dcfce7;background:var(--c-dcfce7,#dcfce7);border-color:#86efac;border-color:var(--c-86efac,#86efac);color:#16a34a;color:var(--ct-16a34a,#16a34a)}.vc-step-label{white-space:nowrap}.vc-step-line{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);flex:1 1;height:2px;margin:0 12px;min-width:40px}.vd-kyc-grid-card--warn{background:#fffbeb;background:var(--c-fffbeb,#fffbeb);border-color:#fcd34d;border-color:var(--c-fcd34d,#fcd34d)}.vd-kyc-tag--done{background:#dcfce7;background:var(--c-dcfce7,#dcfce7);color:#15803d;color:var(--ct-15803d,#15803d)}.vd-kyc-tag--done,.vd-kyc-tag--warn{border-radius:20px;font-size:10px;font-weight:700;padding:1px 7px}.vd-kyc-tag--warn{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);color:#b45309;color:var(--ct-b45309,#b45309)}.vd-kyc-banner--empty{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);color:#475569;color:var(--ct-475569,#475569)}.vd-kyc-drop-zone--required{background:#fffbeb;background:var(--c-fffbeb,#fffbeb);border-color:#f59e0b;border-color:var(--c-f59e0b,#f59e0b);border-style:dashed}.vd-kyc-drop-zone--required:hover{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);border-color:#d97706;border-color:var(--c-d97706,#d97706)}.kyc-table-wrap{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;margin-bottom:8px;overflow-x:visible}.kyc-table{border-collapse:collapse;font-size:13px;width:100%}.kyc-table thead tr{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--c-e2e8f0,#e2e8f0)}.kyc-table thead th{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:700;letter-spacing:.04em;padding:9px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.kyc-row{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);transition:background .15s}.kyc-row:last-child{border-bottom:none}.kyc-row:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.kyc-row--done{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4)}.kyc-row--done:hover{background:#dcfce7;background:var(--c-dcfce7,#dcfce7)}.kyc-row--warn{background:#fffbeb;background:var(--c-fffbeb,#fffbeb)}.kyc-row--warn:hover{background:#fef3c7;background:var(--c-fef3c7,#fef3c7)}.kyc-row td{padding:10px 12px;vertical-align:middle}.kyc-row-status{text-align:center;width:28px}.kyc-row-dot{background:#d1d5db;background:var(--c-d1d5db,#d1d5db);border-radius:50%;display:inline-block;height:8px;width:8px}.kyc-row-name{align-items:center;display:flex;gap:8px;min-width:180px;white-space:nowrap}.kyc-row-icon{flex-shrink:0;font-size:18px}.kyc-row-label{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:13px;font-weight:600}.kyc-row-num{min-width:160px;width:22%}.kyc-row-input{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;box-sizing:border-box;color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:12.5px;padding:6px 9px;transition:border-color .15s,box-shadow .15s;width:100%}.kyc-row-input:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.kyc-row--done .kyc-row-input{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);border-color:#bbf7d0;border-color:var(--c-bbf7d0,#bbf7d0)}.kyc-row--warn .kyc-row-input{background:#fffbeb;background:var(--c-fffbeb,#fffbeb)}.kyc-row-file{min-width:180px;width:30%}.kyc-row-file-done{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.kyc-row-filename{color:#15803d;color:var(--ct-15803d,#15803d);flex:1 1;font-size:12px;font-weight:500;max-width:120px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kyc-row-view{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-weight:600;text-decoration:underline}.kyc-row-replace,.kyc-row-view{font-size:11px;white-space:nowrap}.kyc-row-replace{align-items:center;background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:5px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;display:inline-flex;font-weight:500;gap:3px;padding:3px 8px}.kyc-row-replace:hover{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0)}.kyc-row-upload-btn{align-items:center;background:#0000;border:1px dashed #cbd5e1;border:1px dashed var(--c-cbd5e1,#cbd5e1);border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:5px 12px;transition:all .15s;white-space:nowrap}.kyc-row-upload-btn:hover{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.kyc-row-upload-btn--req{background:#fffbeb;background:var(--c-fffbeb,#fffbeb);border-color:#f59e0b;border-color:var(--c-f59e0b,#f59e0b);color:#b45309;color:var(--ct-b45309,#b45309)}.kyc-row-upload-btn--req:hover{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);border-color:#d97706;border-color:var(--c-d97706,#d97706)}.kyc-row-upload-btn--loading{cursor:not-allowed;opacity:.7}@media (max-width:640px){.kyc-row-name,.kyc-row-num{min-width:130px}.kyc-row-file{min-width:160px}}.kyc-section-hd{align-items:center;color:#475569;color:var(--ct-475569,#475569);display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.kyc-section-count{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:11px;font-weight:500;letter-spacing:0;margin-left:auto;text-transform:none}.kyc-add-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.kyc-add-card{background:#fff;background:var(--c-fff,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:14px;transition:border-color .18s,box-shadow .18s}.kyc-add-card:hover{box-shadow:0 2px 8px #00000012}.kyc-add-card--done{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);border-color:#86efac;border-color:var(--c-86efac,#86efac)}.kyc-add-card--warn{background:#fffbeb;background:var(--c-fffbeb,#fffbeb);border-color:#fcd34d;border-color:var(--c-fcd34d,#fcd34d)}.kyc-add-card-head{align-items:center;display:flex;gap:8px}.kyc-add-card-icon{flex-shrink:0;font-size:20px}.kyc-add-card-label{font-size:12.5px;font-weight:700;line-height:1.3}.kyc-add-card-input,.kyc-add-card-label{color:#1e293b;color:var(--ct-1e293b,#1e293b)}.kyc-add-card-input{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;box-sizing:border-box;font-size:12px;padding:6px 9px;transition:border-color .15s,box-shadow .15s;width:100%}.kyc-add-card-input:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.kyc-add-card--done .kyc-add-card-input{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);border-color:#bbf7d0;border-color:var(--c-bbf7d0,#bbf7d0)}.kyc-add-card--warn .kyc-add-card-input{background:#fffbeb;background:var(--c-fffbeb,#fffbeb)}.kyc-add-drop{align-items:center;border:1.5px dashed #cbd5e1;border:1.5px dashed var(--c-cbd5e1,#cbd5e1);border-radius:7px;cursor:pointer;display:flex;gap:7px;min-height:38px;padding:8px 10px;transition:border-color .15s,background .15s}.kyc-add-drop:hover{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6)}.kyc-add-drop--done{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);border-color:#86efac;border-color:var(--c-86efac,#86efac);border-style:solid;cursor:default}.kyc-add-drop--done:hover{background:#dcfce7;background:var(--c-dcfce7,#dcfce7);border-color:#4ade80;border-color:var(--c-4ade80,#4ade80)}.kyc-add-drop--req{background:#fffbeb;background:var(--c-fffbeb,#fffbeb);border-color:#f59e0b;border-color:var(--c-f59e0b,#f59e0b)}.kyc-add-drop--req:hover{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);border-color:#d97706;border-color:var(--c-d97706,#d97706)}.kyc-add-drop-filename{color:#15803d;color:var(--ct-15803d,#15803d);flex:1 1;font-size:11px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:900px){.kyc-add-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.kyc-add-grid{grid-template-columns:1fr}}.kyc-row-view-btn{align-items:center;background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border:1px solid #bfdbfe;border:1px solid var(--c-bfdbfe,#bfdbfe);border-radius:5px;color:#2563eb;color:var(--ct-2563eb,#2563eb);cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:3px;padding:3px 8px;transition:all .15s;white-space:nowrap}.kyc-row-view-btn:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe)}.kyc-row-save{text-align:center;width:90px}.kyc-save-btn{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);cursor:not-allowed;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:5px 11px;transition:all .15s;white-space:nowrap}.kyc-save-btn--active{background:#2563eb;background:var(--c-2563eb,#2563eb);border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);color:#fff;color:var(--ct-fff,#fff);cursor:pointer}.kyc-save-btn--active:hover{background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8)}.kyc-save-done{align-items:center;color:#16a34a;color:var(--ct-16a34a,#16a34a);display:inline-flex;font-size:11px;font-weight:700;gap:4px;white-space:nowrap}.kyc-row--ready{background:#eff6ff;background:var(--c-eff6ff,#eff6ff)}.kyc-row--ready:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe)}.vendor-form-group .filter-trigger,.vendor-form-group .filter-trigger--open{font-family:inherit;font-size:13px;height:38px;width:100%}.vendor-form-group .filter-dropdown-list{font-size:13px;min-width:0;min-width:auto;width:100%}@media (max-width:1040px){.vendor-management-edit-modal{border-radius:8px;max-width:98vw}}@media (max-width:820px){.vendor-management-modal-overlay{align-items:flex-end;padding:8px}.vendor-management-edit-modal{border-radius:10px 10px 0 0;max-height:96vh;max-width:100vw}.kyc-table-wrap{overflow-x:auto}.kyc-table{min-width:540px}.kyc-row-num{min-width:130px;width:auto}.kyc-row-file{min-width:160px;width:auto}.kyc-add-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:520px){.vendor-management-modal-overlay{padding:0}.vendor-management-edit-modal{border-radius:0;max-height:100vh}.kyc-table{font-size:12px;min-width:460px}.kyc-row td{padding:8px}.kyc-row-name,.kyc-row-num{min-width:120px}.kyc-row-file{min-width:140px}.kyc-add-grid{grid-template-columns:1fr!important}.vendor-form-row{flex-direction:column}}@media (max-width:640px){.vendor-form-row{flex-direction:column;gap:10px}.vendor-form-section h3{font-size:13px}.vendor-management-modal-header h2{font-size:16px}}.documents-page-root{background:#f6f8fa;background:var(--c-f6f8fa,#f6f8fa);color:#1f2d3d;color:var(--ct-1f2d3d,#1f2d3d);min-height:100vh}.documents-page-layout{display:flex}.documents-page-main{box-sizing:border-box;flex:1 1;padding:20px}.documents-page-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.documents-page-header h1{color:#0b4c9d;color:var(--ct-0b4c9d,#0b4c9d);font-size:22px;margin:0}.documents-page-breadcrumb{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:13px}.documents-page-card{background:#fff;background:var(--c-white,#fff);border-radius:10px;box-shadow:0 6px 18px #1118270f;margin-bottom:14px;padding:14px}.documents-page-actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.documents-page-actions-left{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.documents-page-search{border:1px solid #e6edf3;border:1px solid var(--c-e6edf3,#e6edf3);border-radius:8px;box-sizing:border-box;max-width:520px;min-width:220px;padding:10px 12px;width:100%}.documents-page-filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.documents-page-filter,.documents-page-filter-date{background:#fff;background:var(--c-white,#fff);border:1px solid #e6edf3;border:1px solid var(--c-e6edf3,#e6edf3);border-radius:8px;padding:8px 10px}.documents-page-actions-right{align-items:center;display:flex;gap:8px}.documents-page-action-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:8px 12px}.documents-page-action-primary{background:#0b63d6;background:var(--c-0b63d6,#0b63d6);border-color:#0b63d6;border-color:var(--c-0b63d6,#0b63d6);color:#fff;color:var(--ct-white,#fff)}.documents-page-action-danger{background:#0000;border-color:#0000;color:#b91c1c;color:var(--ct-b91c1c,#b91c1c)}.documents-page-summary{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 18px}.documents-page-stat-card{background:#fff;background:var(--c-white,#fff);border-radius:8px;box-shadow:0 6px 18px #1118270a;flex:1 1;min-width:160px;padding:12px}.documents-page-card-title{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:13px}.documents-page-card-value{font-size:18px;font-weight:700;margin-top:6px}.documents-page-view-toggle{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.documents-page-toggle{background:#fff;background:var(--c-white,#fff);border:1px solid #e6edf3;border:1px solid var(--c-e6edf3,#e6edf3);border-radius:8px;cursor:pointer;padding:6px 10px}.documents-page-toggle.active{background:#eef6ff;background:var(--c-eef6ff,#eef6ff);border-color:#0b63d6;border-color:var(--c-0b63d6,#0b63d6)}.documents-page-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.documents-page-file-card{background:#fff;background:var(--c-white,#fff);border-radius:8px;box-shadow:0 6px 18px #1118270a;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;min-height:140px;padding:12px;position:relative}.documents-page-select{position:absolute;right:12px;top:12px}.documents-page-file-top{align-items:center;display:flex;gap:12px}.documents-page-file-icon{align-items:center;background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:8px;color:#0b4c9d;color:var(--ct-0b4c9d,#0b4c9d);display:flex;flex-shrink:0;font-weight:700;height:56px;justify-content:center;width:56px}.documents-page-file-info{min-width:0}.documents-page-file-name{color:#0f1724;color:var(--ct-0f1724,#0f1724);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.documents-page-file-sub{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:12px;margin-top:4px}.documents-page-file-meta-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:4px}.documents-page-file-category{border-radius:999px;color:#fff;color:var(--ct-white,#fff);display:inline-block;font-size:12px;padding:6px 10px}.documents-page-file-size{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:12px}.documents-page-file-actions{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:auto}.documents-page-action-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.documents-page-action-group-right{justify-content:flex-end}.documents-page-table{background:#fff;background:var(--c-white,#fff);border-collapse:collapse;border-radius:8px;box-sizing:border-box;overflow:hidden;width:100%}.documents-page-table thead th{background:#fafbfd;background:var(--c-fafbfd,#fafbfd);border-bottom:1px solid #eef2f6;border-bottom:1px solid var(--c-eef2f6,#eef2f6);color:#475569;color:var(--ct-475569,#475569);font-weight:600;padding:10px;text-align:left}.documents-page-table tbody td{border-top:1px solid #eef2f6;border-top:1px solid var(--c-eef2f6,#eef2f6);padding:10px;vertical-align:middle}.documents-page-list-row:hover{background:#fbfcff;background:var(--c-fbfcff,#fbfcff)}.documents-page-modal-overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:80}.documents-page-modal{background:#fff;background:var(--c-white,#fff);border-radius:10px;box-shadow:0 12px 40px #02061733;max-height:90vh;overflow:auto;width:1000px}.documents-page-modal-header{align-items:center;border-bottom:1px solid #eef2f6;border-bottom:1px solid var(--c-eef2f6,#eef2f6);display:flex;justify-content:space-between;padding:14px 18px}.documents-page-modal-title{font-size:16px;margin:0}.documents-page-modal-body{display:flex;gap:18px;padding:18px}.documents-page-preview-area{align-items:center;border:1px dashed #e6edf3;border:1px dashed var(--c-e6edf3,#e6edf3);border-radius:8px;display:flex;flex:1 1;justify-content:center;min-height:360px}.documents-page-meta-panel{display:flex;flex-direction:column;gap:10px;width:320px}.upload-modal .documents-page-modal-body{display:block}.documents-page-upload-row{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.documents-page-upload-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.documents-page-category-form{align-items:center;display:flex;gap:8px;margin-bottom:12px}.documents-page-category-list{display:flex;flex-direction:column;gap:8px}.documents-page-category-item{align-items:center;border:1px solid #eef2f6;border:1px solid var(--c-eef2f6,#eef2f6);border-radius:6px;display:flex;gap:8px;justify-content:space-between;padding:8px}.documents-page-category-swatch{border-radius:4px;height:18px;width:18px}@media (max-width:900px){.documents-page-meta-panel,.documents-page-modal{width:100%}.documents-page-modal-body,.documents-page-summary{flex-direction:column}.documents-page-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.documents-page-card-title,.documents-page-card-value{display:block}.profile-user-page-root{box-sizing:border-box;width:100%}.profile-user-page-grid{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:320px 1fr}.card{background:#fff;background:var(--c-fff,#fff);border:1px solid #eef2f6;border:1px solid var(--c-eef2f6,#eef2f6);border-radius:10px;box-shadow:0 6px 18px #1118270f;padding:16px}.profile-user-page-card{display:flex;flex-direction:column;gap:12px}.profile-user-page-top{align-items:flex-start;display:flex;gap:16px;overflow:hidden}.profile-avatar-section{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:8px}.profile-avatar-circle{align-items:center;background:#eef2f9;background:var(--c-eef2f9,#eef2f9);border:3px solid #e5e7eb;border:3px solid var(--c-e5e7eb,#e5e7eb);border-radius:50%;cursor:pointer;display:flex;height:84px;justify-content:center;overflow:hidden;position:relative;transition:border-color .2s;width:84px}.profile-avatar-circle:hover{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb)}.profile-user-page-avatar-img{display:block;height:100%;object-fit:cover;width:100%}.profile-user-page-avatar-initials{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-size:28px;font-weight:700}.profile-avatar-overlay{align-items:center;background:#00000085;border-radius:50%;color:#fff;color:var(--ct-fff,#fff);display:flex;flex-direction:column;font-size:9px;font-weight:600;gap:4px;inset:0;justify-content:center;letter-spacing:.3px;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s}.profile-avatar-circle:hover .profile-avatar-overlay{opacity:1}.profile-user-page-meta{display:flex;flex-direction:column;gap:4px;min-width:0;overflow:hidden;padding-top:4px}.profile-user-page-name{color:#0b4c9d;color:var(--ct-0b4c9d,#0b4c9d);font-size:20px;margin:0}.profile-user-page-role{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:13px}.profile-user-page-email{color:#374151;color:var(--ct-374151,#374151);font-size:13px;overflow-wrap:anywhere;word-break:break-all}.profile-user-page-stats{display:flex;flex-direction:column;gap:8px;margin-top:8px}.profile-user-page-stat{background:#fafbfd;background:var(--c-fafbfd,#fafbfd);border-radius:8px;color:#334155;color:var(--ct-334155,#334155);display:flex;font-size:13px;justify-content:space-between;padding:8px 10px}.profile-user-page-stat-title{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:12px}.profile-user-page-main{display:flex;flex-direction:column;gap:12px}.profile-user-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.profile-user-page-form h3,.profile-user-page-password h3{color:#0b4c9d;color:var(--ct-0b4c9d,#0b4c9d);margin:0}.profile-user-page-row{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.profile-user-page-row label{color:#374151;color:var(--ct-374151,#374151);font-size:13px}.profile-user-page-row input{background:#fff;background:var(--c-white,#fff);border:1px solid #e6edf3;border:1px solid var(--c-e6edf3,#e6edf3);border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 12px;width:100%}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:40px}.password-toggle-btn{align-items:center;background:none;border:none;color:#6b7280;color:var(--ct-6b7280,#6b7280);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:10px;transition:color .2s}.password-toggle-btn:hover{color:#374151;color:var(--ct-374151,#374151)}.password-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.profile-user-page-avatar-controls{align-items:center;display:flex;gap:8px}.profile-user-page-avatar-note{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:12px;margin-top:6px}.profile-user-page-actions-row{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.profile-user-page-password{padding:16px}@media (max-width:980px){.profile-user-page-grid{grid-template-columns:1fr}.profile-user-page-card{align-items:center;flex-direction:row;gap:12px;padding:12px}.profile-user-page-meta{align-items:flex-start}}@media (max-width:480px){.profile-user-page-top{align-items:center;flex-direction:column;text-align:center}.profile-user-page-meta{align-items:center}}.btn{background:#0000;border:1px solid #e6edf3;border:1px solid var(--c-e6edf3,#e6edf3);border-radius:8px;cursor:pointer;font-size:14px;padding:8px 12px}.btn.primary{background:#0b63d6;background:var(--c-0b63d6,#0b63d6);border-color:#0b63d6;border-color:var(--c-0b63d6,#0b63d6);color:#fff;color:var(--ct-white,#fff)}.btn:disabled{cursor:not-allowed;opacity:.6}input:disabled{background-color:#f5f5f5;background-color:var(--c-f5f5f5,#f5f5f5);cursor:not-allowed}.toast-notification{align-items:flex-start;animation:slideInRight .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;justify-content:space-between;max-width:400px;min-width:300px;padding:16px;position:fixed;right:20px;top:20px;z-index:9999}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.toast-content{align-items:flex-start;display:flex;flex:1 1;gap:12px}.toast-text{flex:1 1}.toast-title{margin-bottom:4px}.toast-message{font-size:13px;line-height:1.4}.toast-close{font-size:18px;height:20px;opacity:.6;padding:0;transition:opacity .2s;width:20px}.toast-close:hover{opacity:1}.toast-success{background-color:#d4edda;background-color:var(--c-d4edda,#d4edda);border-left:4px solid #28a745;border-left:4px solid var(--c-28a745,#28a745)}.toast-success .toast-icon{background-color:#28a745;background-color:var(--c-28a745,#28a745);color:#fff;color:var(--ct-white,#fff)}.toast-success .toast-close,.toast-success .toast-message,.toast-success .toast-title{color:#155724;color:var(--ct-155724,#155724)}.toast-error{background-color:#f8d7da;background-color:var(--c-f8d7da,#f8d7da);border-left:4px solid #dc3545;border-left:4px solid var(--c-dc3545,#dc3545)}.toast-error .toast-icon{background-color:#dc3545;background-color:var(--c-dc3545,#dc3545);color:#fff;color:var(--ct-white,#fff)}.toast-error .toast-close,.toast-error .toast-message,.toast-error .toast-title{color:#721c24;color:var(--ct-721c24,#721c24)}.toast-warning{background-color:#fff3cd;background-color:var(--c-fff3cd,#fff3cd);border-left:4px solid #ffc107;border-left:4px solid var(--c-ffc107,#ffc107)}.toast-warning .toast-icon{background-color:#ffc107;background-color:var(--c-ffc107,#ffc107)}.toast-warning .toast-close,.toast-warning .toast-icon,.toast-warning .toast-message,.toast-warning .toast-title{color:#856404;color:var(--ct-856404,#856404)}@media (max-width:768px){.toast-notification{left:20px;min-width:auto;right:20px}}.photo-modal-overlay{align-items:center;animation:photoFadeIn .18s ease;background:#0009;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}@keyframes photoFadeIn{0%{opacity:0}to{opacity:1}}.photo-modal{animation:photoSlideUp .2s ease;background:#fff;background:var(--c-fff,#fff);border-radius:16px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:460px;overflow:hidden;overflow-y:auto;width:100%}@keyframes photoSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.photo-modal-header{align-items:center;background:#fff;background:var(--c-fff,#fff);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.photo-modal-title{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:15px;font-weight:600}.photo-modal-close{align-items:center;background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border:none;border-radius:50%;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:30px;justify-content:center;transition:background .15s,color .15s;width:30px}.photo-modal-close:hover{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);color:#1e293b;color:var(--ct-1e293b,#1e293b)}.photo-modal-body{flex:1 1}.photo-modal-choose{align-items:center;display:flex;flex-direction:column;gap:8px;padding:24px 20px 20px}.photo-modal-current{align-items:center;background:#eef2f9;background:var(--c-eef2f9,#eef2f9);border:2px solid #e2e8f0;border:2px solid var(--c-e2e8f0,#e2e8f0);border-radius:12px;display:flex;flex-shrink:0;height:140px;justify-content:center;overflow:hidden;width:140px}.photo-modal-current-img{display:block;height:100%;object-fit:cover;width:100%}.photo-modal-current-initials{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-size:40px;font-weight:700}.photo-modal-current-label{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:12px;margin-bottom:6px}.photo-modal-actions{display:flex;flex-direction:column;gap:10px;width:100%}.photo-modal-action-btn{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:10px;color:#1e293b;color:var(--ct-1e293b,#1e293b);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:13px 16px;text-align:left;transition:background .15s,border-color .15s;width:100%}.photo-modal-action-btn:hover{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#93c5fd;border-color:var(--c-93c5fd,#93c5fd);color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8)}.photo-modal-remove-btn{background:#fff5f5!important;background:var(--c-fff5f5,#fff5f5)!important;border-color:#fecaca!important;border-color:var(--c-fecaca,#fecaca)!important;color:#dc2626!important;color:var(--ct-dc2626,#dc2626)!important}.photo-modal-remove-btn:hover{background:#fee2e2!important;background:var(--c-fee2e2,#fee2e2)!important;border-color:#f87171!important;border-color:var(--c-f87171,#f87171)!important}.photo-modal-remove-btn:disabled{cursor:not-allowed;opacity:.5}.photo-modal-preview{align-items:center;display:flex;flex-direction:column;gap:16px;padding:20px}.photo-modal-preview-img-wrap{aspect-ratio:1/1;background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border:2px solid #e2e8f0;border:2px solid var(--c-e2e8f0,#e2e8f0);border-radius:12px;overflow:hidden;width:100%}.photo-modal-preview-img{display:block;height:100%;object-fit:cover;width:100%}.photo-modal-preview-actions{display:flex;gap:10px;width:100%}.photo-modal-back-btn{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:11px 16px;transition:background .15s}.photo-modal-back-btn:hover{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0)}.photo-modal-save-btn{align-items:center;background:#2563eb;background:var(--c-2563eb,#2563eb);border:none;border-radius:8px;color:#fff;color:var(--ct-fff,#fff);cursor:pointer;display:flex;flex:2 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:11px 16px;transition:background .15s,opacity .15s}.photo-modal-save-btn:hover:not(:disabled){background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8)}.photo-modal-save-btn:disabled{cursor:not-allowed;opacity:.55}.photo-modal-spinner{animation:photoSpin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--c-fff,#fff);display:inline-block;height:16px;width:16px}@keyframes photoSpin{to{transform:rotate(1turn)}}.photo-modal-camera{background:#0f172a;background:var(--c-0f172a,#0f172a);display:flex;flex-direction:column}.camera-video-wrapper{aspect-ratio:4/3;background:#000;background:var(--c-000,#000);overflow:hidden;position:relative}.camera-video{display:block;height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.camera-viewfinder{border:2px solid #ffffff1f;inset:0;pointer-events:none;position:absolute}.camera-viewfinder:after,.camera-viewfinder:before{border-color:#fff;border-color:var(--c-fff,#fff);border-style:solid;content:"";height:28px;opacity:.6;position:absolute;width:28px}.camera-viewfinder:before{border-radius:3px 0 0 0;border-width:3px 0 0 3px;left:14px;top:14px}.camera-viewfinder:after{border-radius:0 0 3px 0;border-width:0 3px 3px 0;bottom:14px;right:14px}.camera-loading{align-items:center;background:#000;background:var(--c-000,#000);color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:flex;flex-direction:column;font-size:13px;gap:12px;inset:0;justify-content:center;position:absolute}.camera-spinner{animation:photoSpin .75s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid var(--c-2563eb,#2563eb);height:32px;width:32px}.camera-error{background:#0f172a;background:var(--c-0f172a,#0f172a);color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);flex-direction:column;font-size:13px;gap:12px;line-height:1.6;min-height:200px;padding:40px 24px;text-align:center}.camera-error,.photo-modal-camera-controls{align-items:center;display:flex;justify-content:center}.photo-modal-camera-controls{border-top:1px solid #ffffff12;flex-wrap:wrap;gap:10px;padding:14px 18px}.camera-btn-capture{align-items:center;background:#2563eb;background:var(--c-2563eb,#2563eb);border:none;border-radius:50px;color:#fff;color:var(--ct-fff,#fff);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 26px;transition:background .15s,opacity .15s}.camera-btn-capture:hover:not(:disabled){background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8)}.camera-btn-capture:disabled{cursor:not-allowed;opacity:.45}.camera-btn-flip{align-items:center;background:#ffffff14;border:none;border-radius:50px;color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:9px 14px;transition:background .15s}.camera-btn-flip:hover:not(:disabled){background:#ffffff24;color:#fff;color:var(--ct-fff,#fff)}.camera-btn-flip:disabled{cursor:not-allowed;opacity:.4}.camera-btn-cancel{background:#ffffff0f;border:none;border-radius:50px;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);cursor:pointer;font-size:13px;font-weight:500;padding:9px 14px;transition:background .15s}.camera-btn-cancel:hover{background:#ffffff1f;color:#fff;color:var(--ct-fff,#fff)}@media (max-width:540px){.photo-modal-overlay{align-items:flex-end;padding:0 0 48px}.photo-modal{animation:photoSlideUpMobile .25s ease;border-radius:20px 20px 0 0;max-height:88vh;max-width:100%}@keyframes photoSlideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.photo-modal-header:before{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:36px}.photo-modal-header{padding-top:20px;position:relative}.photo-modal-choose{padding:20px 16px 16px}.photo-modal-current{height:180px;width:180px}.photo-modal-current-initials{font-size:48px}.photo-modal-preview{gap:12px;padding:16px}.photo-modal-preview-actions{flex-direction:column;gap:8px}.photo-modal-back-btn,.photo-modal-save-btn{flex:none;padding:13px 16px;width:100%}.photo-modal-action-btn{font-size:15px;padding:14px 16px}.photo-modal-camera-controls{gap:8px;padding:12px 14px 24px}.camera-btn-capture{font-size:15px;padding:12px 28px}.camera-btn-cancel,.camera-btn-flip{padding:11px 14px}}.sales-salesorder-container{background-color:#f5f7fa;background-color:var(--c-f5f7fa,#f5f7fa);min-height:100vh;padding:24px}.sales-salesorder-breadcrumb{color:#64748b;color:var(--ct-64748b,#64748b);font-size:14px;margin-bottom:16px}.sales-salesorder-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.sales-salesorder-title{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:32px;font-weight:700;margin:0 0 4px}.sales-salesorder-subtitle{color:#64748b;color:var(--ct-64748b,#64748b);font-size:14px;margin:0}.sales-salesorder-kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.sales-salesorder-kpi-card{background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;transition:transform .2s,box-shadow .2s}.sales-salesorder-kpi-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.sales-salesorder-kpi-title{color:#64748b;color:var(--ct-64748b,#64748b);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.sales-salesorder-kpi-value{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:28px;font-weight:700;margin-bottom:4px}.sales-salesorder-kpi-subtitle{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px}.sales-salesorder-kpi-trend{font-size:13px;font-weight:600;margin-top:8px}.sales-salesorder-kpi-trend.positive{color:#10b981;color:var(--ct-10b981,#10b981)}.sales-salesorder-kpi-trend.negative{color:#ef4444;color:var(--ct-ef4444,#ef4444)}.sales-salesorder-action-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.sales-salesorder-search-filter{display:flex;flex:1 1;gap:12px;max-width:600px}.sales-salesorder-search{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;flex:1 1;font-size:14px;padding:10px 16px;transition:border-color .2s,box-shadow .2s}.sales-salesorder-search:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.sales-salesorder-actions{display:flex;gap:12px}.sales-salesorder-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s;white-space:nowrap}.sales-salesorder-btn-primary{background-color:#3b82f6;background-color:var(--c-3b82f6,#3b82f6);color:#fff;color:var(--ct-white,#fff)}.sales-salesorder-btn-primary:hover{background-color:#2563eb;background-color:var(--c-2563eb,#2563eb);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.sales-salesorder-btn-secondary{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);color:#475569;color:var(--ct-475569,#475569)}.sales-salesorder-btn-secondary:hover{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.sales-salesorder-icon-btn{background:none;font-size:16px;padding:4px 8px;transition:background-color .2s}.sales-salesorder-icon-btn:hover{background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9)}.sales-salesorder-filters-panel{background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:16px}.sales-salesorder-filter-select{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s}.sales-salesorder-filter-select:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);outline:none}.sales-salesorder-bulk-actions{align-items:center;background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border:1px solid #bfdbfe;border:1px solid var(--c-bfdbfe,#bfdbfe);border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.sales-salesorder-bulk-actions span{color:#1e40af;color:var(--ct-1e40af,#1e40af);font-size:14px;font-weight:600;margin-right:auto}.sales-salesorder-table-container{background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;overflow:hidden}.sales-salesorder-table{border-collapse:collapse;width:100%}.sales-salesorder-table thead{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);position:-webkit-sticky;position:sticky;top:0;z-index:10}.sales-salesorder-table th{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--c-e2e8f0,#e2e8f0);color:#475569;color:var(--ct-475569,#475569);font-size:12px;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.sales-salesorder-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:14px;padding:14px 16px}.sales-salesorder-table-row:hover{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc)}.sales-salesorder-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sales-salesorder-sortable:hover{color:#3b82f6;color:var(--ct-3b82f6,#3b82f6)}.sales-salesorder-checkbox-col{width:40px}.sales-salesorder-link{color:#3b82f6;color:var(--ct-3b82f6,#3b82f6);cursor:pointer;font-weight:500;text-decoration:none;transition:color .2s}.sales-salesorder-link:hover{color:#2563eb;color:var(--ct-2563eb,#2563eb);text-decoration:underline}.sales-salesorder-text-muted{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8)}.sales-salesorder-action-buttons{display:flex;gap:4px}.sales-salesorder-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.sales-salesorder-badge-draft{background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9);color:#64748b;color:var(--ct-64748b,#64748b)}.sales-salesorder-badge-confirmed{background-color:#dbeafe;background-color:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.sales-salesorder-badge-shipped{background-color:#d1fae5;background-color:var(--c-d1fae5,#d1fae5);color:#065f46;color:var(--ct-065f46,#065f46)}.sales-salesorder-badge-delivered{background-color:#d1fae5;background-color:var(--c-d1fae5,#d1fae5);color:#047857;color:var(--ct-047857,#047857)}.sales-salesorder-badge-cancelled{background-color:#fee2e2;background-color:var(--c-fee2e2,#fee2e2);color:#991b1b;color:var(--ct-991b1b,#991b1b)}.sales-salesorder-badge-payment-pending{background-color:#fef3c7;background-color:var(--c-fef3c7,#fef3c7);color:#92400e;color:var(--ct-92400e,#92400e)}.sales-salesorder-badge-payment-partial{background-color:#fed7aa;background-color:var(--c-fed7aa,#fed7aa);color:#9a3412;color:var(--ct-9a3412,#9a3412)}.sales-salesorder-badge-payment-paid{background-color:#d1fae5;background-color:var(--c-d1fae5,#d1fae5);color:#065f46;color:var(--ct-065f46,#065f46)}.sales-salesorder-pagination{align-items:center;background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px}.sales-salesorder-pagination-info{color:#64748b;color:var(--ct-64748b,#64748b);font-size:14px}.sales-salesorder-pagination-controls{align-items:center;display:flex;gap:12px}.sales-salesorder-pagination-select{padding:6px 12px}.sales-salesorder-pagination-btn,.sales-salesorder-pagination-select{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;cursor:pointer;font-size:14px}.sales-salesorder-pagination-btn{background:#fff;background:var(--c-white,#fff);padding:6px 16px;transition:all .2s}.sales-salesorder-pagination-btn:hover:not(:disabled){background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.sales-salesorder-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.sales-salesorder-pagination-current{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:14px;font-weight:500}.sales-salesorder-drawer-overlay{animation:fadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.sales-salesorder-drawer{animation:slideIn .3s ease;box-shadow:-4px 0 24px #00000026;flex-direction:column;height:100vh;max-width:800px;overflow-y:auto;width:100%}.sales-salesorder-drawer,.sales-salesorder-drawer-header{background:#fff;background:var(--c-white,#fff);display:flex}.sales-salesorder-drawer-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.sales-salesorder-drawer-header h2{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:24px;font-weight:700;margin:0 0 8px}.sales-salesorder-drawer-badges{display:flex;gap:8px}.sales-salesorder-close-btn{align-items:center;border-radius:6px;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;transition:background-color .2s;width:32px}.sales-salesorder-close-btn:hover{background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9)}.sales-salesorder-drawer-content{flex:1 1;overflow-y:auto;padding:24px}.sales-salesorder-drawer-footer{background:#fff;background:var(--c-white,#fff);border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);bottom:0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;position:-webkit-sticky;position:sticky}.sales-salesorder-detail-section{margin-bottom:32px}.sales-salesorder-detail-section h3{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:16px;font-weight:700;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.sales-salesorder-detail-card{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;padding:16px}.sales-salesorder-detail-row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;justify-content:space-between;padding:8px 0}.sales-salesorder-detail-row:last-child{border-bottom:none}.sales-salesorder-detail-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:14px;font-weight:600}.sales-salesorder-detail-value{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:14px;text-align:right}.sales-salesorder-items-table{margin-bottom:16px;overflow-x:auto}.sales-salesorder-items-table table{background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.sales-salesorder-items-table th{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--c-e2e8f0,#e2e8f0);color:#475569;color:var(--ct-475569,#475569);font-size:12px;font-weight:700;padding:12px;text-align:left;text-transform:uppercase}.sales-salesorder-items-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:14px;padding:12px}.sales-salesorder-items-table tr:last-child td{border-bottom:none}.sales-salesorder-item-name{font-weight:600;margin-bottom:4px}.sales-salesorder-item-desc{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px}.sales-salesorder-totals{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;padding:16px}.sales-salesorder-total-row{color:#475569;color:var(--ct-475569,#475569);display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.sales-salesorder-grand-total{border-top:2px solid #e2e8f0;border-top:2px solid var(--c-e2e8f0,#e2e8f0);color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:16px;font-weight:700;margin-top:8px;padding-top:12px}.sales-salesorder-timeline{padding-left:32px;position:relative}.sales-salesorder-timeline-item{padding-bottom:24px;position:relative}.sales-salesorder-timeline-item:last-child{padding-bottom:0}.sales-salesorder-timeline-dot{background-color:#3b82f6;background-color:var(--c-3b82f6,#3b82f6);border:3px solid #fff;border:3px solid var(--c-white,#fff);border-radius:50%;box-shadow:0 0 0 2px #bfdbfe;box-shadow:0 0 0 2px var(--c-bfdbfe,#bfdbfe);height:12px;left:-32px;position:absolute;top:4px;width:12px}.sales-salesorder-timeline-item:not(:last-child):before{background-color:#e2e8f0;background-color:var(--c-e2e8f0,#e2e8f0);bottom:-8px;content:"";left:-26px;position:absolute;top:16px;width:2px}.sales-salesorder-timeline-content{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;padding:12px}.sales-salesorder-timeline-action{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:14px;font-weight:600;margin-bottom:4px}.sales-salesorder-timeline-meta{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px}@media (max-width:1024px){.sales-salesorder-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.sales-salesorder-drawer{max-width:600px}}@media (max-width:768px){.sales-salesorder-container{padding:16px}.sales-salesorder-title{font-size:24px}.sales-salesorder-action-bar{align-items:stretch;flex-direction:column}.sales-salesorder-search-filter{max-width:100%}.sales-salesorder-actions{justify-content:stretch}.sales-salesorder-actions button{flex:1 1}.sales-salesorder-kpi-grid{grid-template-columns:1fr 1fr}.sales-salesorder-drawer{max-width:100%}.sales-salesorder-table-container{overflow-x:auto}.sales-salesorder-table{min-width:1000px}.sales-salesorder-pagination{align-items:stretch;flex-direction:column}.sales-salesorder-pagination-controls{justify-content:space-between}}@media (max-width:480px){.sales-salesorder-kpi-grid{grid-template-columns:1fr}.sales-salesorder-filters-panel{flex-direction:column}.sales-salesorder-filter-select{width:100%}.sales-salesorder-modal{border-radius:0;height:100%;width:100%}}.sales-salesorder-modal-overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:1100}.sales-salesorder-modal{background:#fff;background:var(--c-fff,#fff);border-radius:10px;box-shadow:0 12px 40px #02061733;max-width:95%;overflow:hidden;width:820px}.sales-salesorder-modal-header{align-items:center;border-bottom:1px solid #eef2f6;border-bottom:1px solid var(--c-eef2f6,#eef2f6);display:flex;justify-content:space-between;padding:12px 16px}.sales-salesorder-modal-body{padding:16px}.sales-salesorder-drawer input[type=date],.sales-salesorder-drawer input[type=text],.sales-salesorder-drawer textarea,.sales-salesorder-modal input[type=date],.sales-salesorder-modal input[type=number],.sales-salesorder-modal input[type=text],.sales-salesorder-modal select,.sales-salesorder-modal textarea{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;box-sizing:border-box;padding:8px 10px;width:100%}.sales-salesorder-close-btn{background:none;border:none;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;font-size:22px}.sales-salesorder-icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:inline-flex;height:34px;justify-content:center;width:34px}.sales-salesorder-icon-btn:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.sales-salesorder-drawer textarea{min-height:80px}@media (max-width:720px){.sales-salesorder-modal{border-radius:0;height:100%;width:100%}.sales-salesorder-modal-body{padding:12px}}.purchase-orders-container{padding:24px 24px 0}.purchase-orders-header{margin-bottom:20px}.purchase-orders-breadcrumb{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;margin-bottom:8px}.page-header-with-filter{margin-bottom:20px}.page-header-with-filter .purchase-orders-title{flex:1 1 auto;margin-bottom:0}.purchase-orders-title{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:24px;font-weight:600;margin:0}.purchase-orders-count{color:#64748b;color:var(--ct-64748b,#64748b);font-size:20px;font-weight:400}.table-footer{background:#fff;background:var(--c-white,#fff);border-top:1px solid var(--c-e2e8f0,#e2e8f0);color:var(--ct-64748b,#64748b);flex-shrink:0;gap:12px;padding:14px 18px}.page-size-selector:focus{box-shadow:0 0 0 2px #3b82f61a}.purchase-orders-action-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.purchase-orders-search-filters{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:8px;min-width:0}.purchase-orders-search{background-color:#fff;background-color:var(--c-white,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;box-sizing:border-box;flex:1 1 220px;font-size:13px;height:36px;min-width:200px;padding:0 14px;transition:all .2s}.purchase-orders-search:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.purchase-orders-filter{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;cursor:pointer;flex:0 0 auto;font-size:14px;min-width:130px;padding:8px 14px;transition:all .2s}.purchase-orders-filter:hover{border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.purchase-orders-filter:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);outline:none}.po-order-date-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;font-weight:500;white-space:nowrap}.purchase-orders-actions{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px}.purchase-orders-btn-primary{align-items:center;background-color:#3b82f6;background-color:var(--c-3b82f6,#3b82f6);border:none;border-radius:8px;color:#fff;color:var(--ct-white,#fff);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s;white-space:nowrap}.purchase-orders-btn-primary:hover{background-color:#2563eb;background-color:var(--c-2563eb,#2563eb);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.purchase-orders-btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.purchase-orders-btn-secondary{align-items:center;background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s;white-space:nowrap}.purchase-orders-btn-secondary:hover{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.purchase-orders-btn-small{background-color:#3b82f6;background-color:var(--c-3b82f6,#3b82f6);border:none;border-radius:6px;color:#fff;color:var(--ct-white,#fff);cursor:pointer;font-size:11px;font-weight:500;line-height:1.3;padding:5px 8px;text-align:center;transition:all .2s;white-space:normal;width:100%;word-break:break-word}.purchase-orders-btn-small:hover{background-color:#2563eb;background-color:var(--c-2563eb,#2563eb)}.purchase-column-picker-container{position:relative}.purchase-column-picker-dropdown{animation:slideDown .2s ease-out;background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 10px 25px #00000026;min-width:250px;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.purchase-column-picker-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);color:#0f172a;color:var(--ct-0f172a,#0f172a);display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:14px 16px}.purchase-column-picker-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:24px}.purchase-column-picker-close:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);color:#0f172a;color:var(--ct-0f172a,#0f172a)}.purchase-column-picker-list{max-height:400px;overflow-y:auto;padding:8px}.purchase-column-picker-item{align-items:center;border-radius:6px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;transition:background .15s ease;-webkit-user-select:none;user-select:none}.purchase-column-picker-item:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.purchase-column-picker-item input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--c-3b82f6,#3b82f6);cursor:pointer;height:16px;width:16px}.purchase-column-picker-item input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.purchase-column-picker-item span{flex:1 1}.purchase-orders-kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.purchase-orders-kpi-card{align-items:center;background:#fff;background:var(--c-white,#fff);border-left:4px solid #0000;border-radius:10px;box-shadow:0 1px 3px #00000014;display:flex;gap:12px;padding:14px 16px;transition:all .2s}.purchase-orders-kpi-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.purchase-orders-kpi-icon{align-items:center;background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9);border-radius:10px;display:flex;flex-shrink:0;font-size:24px;height:44px;justify-content:center;width:44px}.purchase-orders-kpi-content{flex:1 1;min-width:0}.purchase-orders-kpi-value{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:20px;font-weight:700;margin-bottom:2px}.purchase-orders-kpi-label,.purchase-orders-kpi-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.purchase-orders-kpi-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:500}.purchase-orders-table-container{background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden;width:100%}.purchase-orders-table-scroll{flex:1 1;max-height:500px;overflow-y:auto}.purchase-orders-table-scroll::-webkit-scrollbar{height:5px;width:5px}.purchase-orders-table-scroll::-webkit-scrollbar-thumb{border-radius:4px}.purchase-orders-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.purchase-orders-table{border-collapse:initial;border-spacing:0;font-size:13px;min-width:1100px;table-layout:auto;width:100%}.purchase-orders-table th,.purchase-orders-table thead{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.purchase-orders-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);color:#475569;color:var(--ct-475569,#475569);font-size:12px;font-weight:600;padding:12px 14px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:20}.purchase-orders-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#334155;color:var(--ct-334155,#334155);font-size:13px;padding:12px 14px}.purchase-orders-table-row{transition:background-color .15s}.purchase-orders-table-row:hover{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc)}.purchase-orders-table-id{color:#3b82f6;color:var(--ct-3b82f6,#3b82f6);font-weight:600}.purchase-orders-table-value{color:#059669;color:var(--ct-059669,#059669);font-weight:600}.vendor-link{background:none;border:none;color:#3b82f6;color:var(--ct-3b82f6,#3b82f6);cursor:pointer;font-size:13px;padding:0;text-decoration:underline}.vendor-link:hover{color:#2563eb;color:var(--ct-2563eb,#2563eb)}.empty-state{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:14px;padding:40px 20px}.delivery-progress{display:flex;flex-direction:column;gap:4px}.progress-bar{background-color:#e2e8f0;background-color:var(--c-e2e8f0,#e2e8f0);border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#3b82f6,#059669);background:linear-gradient(90deg,var(--c-3b82f6,#3b82f6) 0,var(--c-059669,#059669) 100%);border-radius:3px;height:100%;transition:width .3s ease}.progress-text{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px}.purchase-orders-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;padding:3px 10px;text-transform:uppercase;white-space:nowrap}.po-badge-draft{background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9);color:#475569;color:var(--ct-475569,#475569)}.po-badge-approved{background-color:#dbeafe;background-color:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.po-badge-ordered{background-color:#e0e7ff;background-color:var(--c-e0e7ff,#e0e7ff);color:#4338ca;color:var(--ct-4338ca,#4338ca)}.po-badge-transit{background-color:#fef3c7;background-color:var(--c-fef3c7,#fef3c7);color:#92400e;color:var(--ct-92400e,#92400e)}.po-badge-delivered{background-color:#d1fae5;background-color:var(--c-d1fae5,#d1fae5);color:#065f46;color:var(--ct-065f46,#065f46)}.po-badge-cancelled{background-color:#fee2e2;background-color:var(--c-fee2e2,#fee2e2);color:#991b1b;color:var(--ct-991b1b,#991b1b)}.po-payment-pending{background-color:#fef3c7;background-color:var(--c-fef3c7,#fef3c7);color:#92400e;color:var(--ct-92400e,#92400e)}.po-payment-partial{background-color:#fed7aa;background-color:var(--c-fed7aa,#fed7aa);color:#9a3412;color:var(--ct-9a3412,#9a3412)}.po-payment-paid{background-color:#d1fae5;background-color:var(--c-d1fae5,#d1fae5);color:#065f46;color:var(--ct-065f46,#065f46)}.purchase-orders-actions-cell{align-items:center;display:flex;gap:6px;justify-content:center}.purchase-orders-action-btn{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:6px;transition:all .2s}.purchase-orders-action-btn:hover{background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9);transform:scale(1.1)}.pagination{flex-wrap:wrap}.page-btn{background:var(--c-white,#fff);border:2px solid #e2e8f0;border:2px solid var(--c-e2e8f0,#e2e8f0);color:#475569;color:var(--ct-475569,#475569);font-size:13px;font-weight:500;min-width:36px;padding:6px 12px;transition:all .3s ease}.page-btn:hover:not(:disabled){border-color:var(--c-2563eb,#2563eb);color:#2563eb;color:var(--ct-2563eb,#2563eb);transform:translateY(-1px)}.page-btn:disabled{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.page-btn.active{background:var(--c-2563eb,#2563eb);border-color:var(--c-2563eb,#2563eb)}.purchase-orders-drawer-overlay{align-items:center;animation:fadeIn .2s;background-color:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.purchase-orders-drawer{animation:slideIn .3s ease-out;background:#fff;background:var(--c-white,#fff);box-shadow:-4px 0 20px #00000026;height:100vh;max-width:90vw;overflow-y:auto;width:700px}.purchase-orders-drawer-header{align-items:flex-start;background:#fff;background:var(--c-white,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.purchase-orders-drawer-header h2{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:20px;margin:0 0 4px}.purchase-orders-drawer-subtitle{color:#64748b;color:var(--ct-64748b,#64748b);font-size:13px;margin:0}.purchase-orders-drawer-close{background:none;border:none;border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;font-size:24px;line-height:1;padding:4px;transition:all .2s}.purchase-orders-drawer-close:hover{background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9);color:#1e293b;color:var(--ct-1e293b,#1e293b)}.purchase-orders-drawer-content{padding:20px}.purchase-orders-drawer-section{margin-bottom:24px}.purchase-orders-drawer-section h3{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:15px;font-weight:600;margin:0 0 14px}.po-details-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.po-detail-item{align-items:center;display:flex;gap:8px}.po-detail-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;font-weight:500}.po-value{color:#059669;color:var(--ct-059669,#059669);font-size:15px;font-weight:600}.po-items-table{font-size:13px;table-layout:fixed;width:100%}.po-items-table thead{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc)}.po-items-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);color:#475569;color:var(--ct-475569,#475569);font-size:11px;font-weight:600;overflow:hidden;padding:8px;text-align:left;text-transform:uppercase;white-space:nowrap}.po-items-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#334155;color:var(--ct-334155,#334155);overflow:hidden;padding:8px;vertical-align:middle;word-break:break-word}.po-items-table tbody tr:last-child td{border-bottom:none}.delivered-qty{color:#059669;color:var(--ct-059669,#059669);font-weight:600}.pending-qty{color:#ea580c;color:var(--ct-ea580c,#ea580c);font-weight:600}.purchase-orders-drawer-actions{background:#fff;background:var(--c-white,#fff);border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);bottom:0;display:flex;flex-wrap:wrap;gap:10px;padding:16px 20px;position:-webkit-sticky;position:sticky}.purchase-orders-modal-overlay{align-items:center;animation:fadeIn .2s;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1001}.purchase-orders-create-modal,.purchase-orders-delivery-modal{animation:scaleIn .3s ease-out;background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.purchase-orders-create-modal{max-width:1400px}.purchase-orders-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;justify-content:space-between;padding:20px}.purchase-orders-modal-header h2{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:18px;margin:0}.purchase-orders-modal-close{background:none;border:none;border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;font-size:24px;line-height:1;padding:4px;transition:all .2s}.purchase-orders-modal-close:hover{background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9);color:#1e293b;color:var(--ct-1e293b,#1e293b)}.purchase-orders-modal-content{padding:20px}.delivery-item-info h3{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:16px;font-weight:600;margin:0 0 14px}.delivery-stats{grid-gap:14px;background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-radius:8px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-bottom:20px;padding:14px}.delivery-stat{display:flex;flex-direction:column;gap:4px}.delivery-stat-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:500;text-transform:uppercase}.delivery-stat-value{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:20px;font-weight:700}.delivery-stat-value.pending{color:#ea580c;color:var(--ct-ea580c,#ea580c)}.delivery-form-group{display:flex;flex-direction:column;gap:6px}.delivery-form-group label{color:#475569;color:var(--ct-475569,#475569);font-size:13px;font-weight:600}.delivery-form-group input{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;font-size:14px;padding:8px 12px;transition:all .2s}.delivery-form-group input:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.delivery-form-group small{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px}.purchase-orders-modal-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding:16px 20px}.po-form-section{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;margin-bottom:20px;padding:16px}.po-form-section h3{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--c-e2e8f0,#e2e8f0);color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:15px;font-weight:600;margin:0 0 14px;padding-bottom:10px}.po-form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:14px}.po-form-row:last-child{margin-bottom:0}.po-form-group{display:flex;flex-direction:column;gap:6px}.po-form-group label{color:#475569;color:var(--ct-475569,#475569);font-size:12px;font-weight:600}.po-form-group input,.po-form-group select,.po-form-group textarea{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;font-family:inherit;font-size:14px;padding:8px 12px;transition:all .2s;width:100%}.po-form-group input:focus,.po-form-group select:focus,.po-form-group textarea:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.po-form-group textarea{min-height:60px;resize:vertical}.po-ob-dropdown-wrap{display:flex;flex-direction:column;gap:8px}.po-ob-select-box{align-items:center;display:flex;position:relative}.po-ob-select{appearance:none;-webkit-appearance:none;background:#fff;background:var(--c-white,#fff);border:1.5px solid #93c5fd;border:1.5px solid var(--c-93c5fd,#93c5fd);border-radius:8px;color:#1e293b;color:var(--ct-1e293b,#1e293b);cursor:pointer;font-family:inherit;font-size:13px;max-height:42px;overflow:hidden;padding:9px 36px 9px 12px;text-overflow:ellipsis;transition:border-color .2s,box-shadow .2s;white-space:nowrap;width:100%}.po-ob-select:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61f;outline:none}.po-ob-select--amber{border-color:#fbbf24;border-color:var(--c-fbbf24,#fbbf24)}.po-ob-select--amber:focus{border-color:#f59e0b;border-color:var(--c-f59e0b,#f59e0b);box-shadow:0 0 0 3px #fbbf2426}.po-ob-select-box:after{border:solid #64748b;border-bottom:2px solid var(--c-64748b,#64748b);border-left:0 solid var(--c-64748b,#64748b);border-right:2px solid var(--c-64748b,#64748b);border-top:0 solid var(--c-64748b,#64748b);content:"";margin-top:-4px;padding:3px;pointer-events:none;position:absolute;right:12px;top:50%;transform:rotate(45deg)}.po-ob-clear-btn{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);cursor:pointer;display:flex;font-size:13px;line-height:1;padding:2px 4px;position:absolute;right:8px;transition:color .15s,background .15s;z-index:1}.po-ob-clear-btn:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#dc2626;color:var(--ct-dc2626,#dc2626)}.po-ob-load-btn{font-size:13px;font-weight:600;margin-top:2px;padding:10px 16px;width:100%}.po-items-table tbody tr{transition:background .15s ease}.po-items-table tbody tr:hover{background-color:#f8fafc!important;background-color:var(--c-f8fafc,#f8fafc)!important}.po-items-table input[type=checkbox]{accent-color:#2563eb;accent-color:var(--c-2563eb,#2563eb);cursor:pointer;height:16px;width:16px}.remove-item-btn{align-items:center;background:#fee2e2;background:var(--c-fee2e2,#fee2e2);border:1px solid #fecaca;border:1px solid var(--c-fecaca,#fecaca);border-radius:4px;color:#dc2626;color:var(--ct-dc2626,#dc2626);cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:all .2s ease}.remove-item-btn:hover{background:#fecaca;background:var(--c-fecaca,#fecaca);border-color:#fca5a5;border-color:var(--c-fca5a5,#fca5a5);transform:scale(1.05)}@media (max-width:1200px){.purchase-orders-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.purchase-orders-action-bar{flex-wrap:wrap}.purchase-orders-search-filters{flex:1 1 100%;min-width:0}.purchase-orders-actions{flex:0 0 auto;flex-wrap:wrap}.delivery-stats,.po-details-grid{grid-template-columns:1fr}.purchase-orders-table{font-size:12px}.purchase-orders-table td,.purchase-orders-table th{padding:10px 8px}.group-project-filter .filter-select{max-width:160px;min-width:160px;width:160px}.group-project-filter .filter-group{min-width:160px}}@media (max-width:768px){.purchase-orders-container{padding:12px}.purchase-orders-breadcrumb{font-size:11px}.purchase-orders-title{font-size:18px}.purchase-orders-count{font-size:16px}.page-header-with-filter{align-items:stretch;flex-direction:column;gap:12px}.group-project-filter{align-items:stretch!important;flex-direction:column;gap:8px;margin-left:0!important;width:100%}.group-project-filter .filter-group{min-width:0;min-width:auto;width:100%}.group-project-filter .filter-select{max-width:100%!important;min-width:0!important;min-width:auto!important;width:100%!important}.purchase-orders-action-bar{align-items:stretch;flex-direction:column;gap:10px}.purchase-orders-search-filters{flex-direction:column;gap:8px;width:100%}.purchase-orders-search{flex:none;font-size:14px;min-width:100%;padding:10px 12px;width:100%}.purchase-orders-filter{flex:none;min-width:0;min-width:auto;padding:10px 12px;width:100%}.po-order-date-filter{flex-wrap:wrap;width:100%}.po-cal-trigger{flex:1 1;min-width:0}.purchase-orders-actions{gap:8px;width:100%}.po-columns-picker-wrapper{flex:1 1}.purchase-orders-btn-primary,.purchase-orders-btn-secondary{flex:1 1;font-size:14px;justify-content:center;padding:10px 12px}.purchase-orders-kpi-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.purchase-orders-kpi-card{padding:12px 14px}.purchase-orders-kpi-value{font-size:18px}.purchase-orders-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.purchase-orders-table{font-size:11px;min-width:900px}.purchase-orders-table th{font-size:10px;padding:8px 6px}.purchase-orders-table td{font-size:11px;padding:8px 6px}.purchase-orders-badge{font-size:9px;padding:2px 6px}.purchase-orders-action-btn{font-size:14px;padding:4px}.purchase-orders-actions-cell{gap:4px}.progress-bar{height:5px}.progress-text{font-size:10px}.vendor-link{font-size:11px}.table-footer{gap:10px;padding:12px}.pagination-info,.table-footer{align-items:stretch;flex-direction:column}.pagination-info{gap:8px}.page-size-selector{width:100%}.pagination{flex-wrap:wrap;justify-content:center;width:100%}.page-btn{font-size:12px;min-width:32px;padding:8px 12px}.purchase-orders-drawer{border-radius:0;max-width:100vw;width:100%}.purchase-orders-drawer-header{padding:16px}.purchase-orders-drawer-header h2{font-size:18px}.purchase-orders-drawer-content{padding:16px}.purchase-orders-drawer-section{margin-bottom:20px}.purchase-orders-drawer-section h3{font-size:14px}.po-items-table,.po-items-table td,.po-items-table th{font-size:11px}.purchase-orders-btn-small{font-size:11px;padding:5px 8px}.purchase-orders-drawer-actions{flex-direction:column;gap:8px;padding:14px 16px}.purchase-orders-drawer-actions button{width:100%}.po-form-row{gap:12px;grid-template-columns:1fr}.purchase-orders-create-modal{border-radius:0;max-height:100vh;max-width:100vw;width:100%}.purchase-orders-modal-header{padding:16px}.purchase-orders-modal-header h2{font-size:16px}.purchase-orders-modal-content{padding:16px}.po-form-section{margin-bottom:16px;padding:14px}.po-form-section h3{font-size:14px;margin-bottom:12px}.purchase-orders-modal-actions{flex-direction:column;gap:8px;padding:14px 16px}.purchase-orders-modal-actions button{padding:12px;width:100%}.delivery-stats{gap:12px;grid-template-columns:1fr;padding:12px}.delivery-stat-value{font-size:18px}.delivery-stat-label{font-size:10px}.delivery-form-group label{font-size:12px}.delivery-form-group input{font-size:14px;padding:10px}.purchase-column-picker-dropdown{left:auto;min-width:220px;right:0}}@media (max-width:480px){.purchase-orders-container{padding:10px}.purchase-orders-title{font-size:16px}.purchase-orders-count{font-size:14px}.purchase-orders-search{font-size:13px}.purchase-orders-btn-primary,.purchase-orders-btn-secondary{font-size:13px;padding:10px}.purchase-orders-kpi-grid{gap:8px;grid-template-columns:1fr}.purchase-orders-kpi-value{font-size:18px}.purchase-orders-table{font-size:10px;min-width:800px}.purchase-orders-table td,.purchase-orders-table th{padding:6px 4px}.purchase-orders-modal-header h2{font-size:15px}.po-form-section h3{font-size:13px}.po-form-group label{font-size:11px}.po-form-group input,.po-form-group select,.po-form-group textarea{font-size:13px;padding:8px 10px}.page-btn{font-size:11px;padding:6px 10px}.delivery-stat-value{font-size:16px}.po-cal-trigger{font-size:12px;min-width:0;padding:7px 8px}}@media (max-width:375px){.purchase-orders-title{font-size:15px}.purchase-orders-kpi-card{padding:10px 12px}.purchase-orders-table{min-width:700px}.po-form-section{padding:12px}.purchase-orders-action-bar{gap:8px}}.po-columns-picker-wrapper{position:relative}.po-btn--columns{align-items:center;display:inline-flex;gap:6px;white-space:nowrap}.po-columns-count-badge{background:#e0e7ff;background:var(--c-e0e7ff,#e0e7ff);border-radius:20px;color:#3730a3;color:var(--ct-3730a3,#3730a3);font-size:10px;font-weight:700;letter-spacing:.02em;line-height:1.6;padding:1px 6px}.po-columns-picker{animation:poPckerIn .18s ease-out;background:#fff;background:var(--c-ffffff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:10px;box-shadow:0 8px 24px #0000001f,0 2px 8px #0000000f;min-width:210px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:200}@keyframes poPckerIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.po-columns-picker__header{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);color:#475569;color:var(--ct-475569,#475569);display:flex;font-size:11px;font-weight:700;justify-content:space-between;letter-spacing:.06em;padding:10px 14px;text-transform:uppercase}.po-columns-picker__close{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);cursor:pointer;display:flex;padding:2px;transition:color .15s,background .15s}.po-columns-picker__close:hover{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);color:#475569;color:var(--ct-475569,#475569)}.po-columns-picker__list{display:flex;flex-direction:column;gap:1px;padding:6px}.po-columns-picker__item{align-items:center;background:#0000;border:none;border-radius:6px;color:#334155;color:var(--ct-334155,#334155);cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:8px;padding:8px 10px;text-align:left;transition:background .12s;width:100%}.po-columns-picker__item:hover:not(:disabled){background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.po-columns-picker__item:disabled{cursor:not-allowed;opacity:.4}.po-columns-picker__checkbox{align-items:center;background:#fff;background:var(--c-white,#fff);border:1.5px solid #cbd5e1;border:1.5px solid var(--c-cbd5e1,#cbd5e1);border-radius:4px;color:#0000;display:flex;flex-shrink:0;height:16px;justify-content:center;transition:all .15s;width:16px}.po-columns-picker__item--checked .po-columns-picker__checkbox{background:#2563eb;background:var(--c-2563eb,#2563eb);border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);color:#fff;color:var(--ct-white,#fff)}.po-th{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);font-size:12px;padding:12px 14px;position:-webkit-sticky;position:sticky;text-align:left;top:0;transition:background .15s;-webkit-user-select:none;user-select:none;z-index:20}.po-th--sortable{cursor:pointer}.po-th--sortable:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.po-th--drag-over{background:#eff6ff!important;background:var(--c-eff6ff,#eff6ff)!important;outline:2px dashed #3b82f6;outline:2px dashed var(--c-3b82f6,#3b82f6);outline-offset:-2px}.po-th__inner{gap:5px}.po-drag-handle,.po-th__inner{align-items:center;display:inline-flex}.po-drag-handle{color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1);cursor:grab;flex-shrink:0;padding:0 1px;transition:color .15s}.po-th:hover .po-drag-handle{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8)}.po-drag-handle:active{cursor:grabbing}.po-th__label{flex:1 1}.po-sort-icon{flex-shrink:0;transition:color .15s,transform .2s}.po-sort-icon--idle{color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1);opacity:.7}.po-sort-icon--active{color:#2563eb;color:var(--ct-2563eb,#2563eb)}.po-th[draggable=true]:active{opacity:.6}@media (max-width:768px){.po-columns-picker{left:auto;min-width:190px;right:0}.po-btn--columns span:first-of-type,.po-columns-count-badge{display:none}}.po-file-upload-section{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1.5px dashed #cbd5e1;border:1.5px dashed var(--c-cbd5e1,#cbd5e1);border-radius:8px;margin-top:16px;padding:16px}.po-file-upload-label{color:#475569;color:var(--ct-475569,#475569);display:block;font-size:13px;font-weight:600;margin-bottom:10px}.po-file-upload-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.po-file-input{display:none}.po-file-choose-btn{align-items:center;background:#3b82f6;background:var(--c-3b82f6,#3b82f6);border-radius:6px;color:#fff;color:var(--ct-fff,#fff);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:background .15s;white-space:nowrap}.po-file-choose-btn:hover{background:#2563eb;background:var(--c-2563eb,#2563eb)}.po-file-chosen-name{color:#059669;color:var(--ct-059669,#059669);font-size:13px;font-weight:500;word-break:break-all}.po-file-existing-hint{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:12px;font-style:italic}.po-doc-section{background:#f0f9ff;background:var(--c-f0f9ff,#f0f9ff);border:1px solid #bae6fd;border:1px solid var(--c-bae6fd,#bae6fd);border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-top:14px;padding:14px 16px}.po-doc-section.po-doc-empty{align-items:center;background:#f9fafb;background:var(--c-f9fafb,#f9fafb);border-color:#e5e7eb;border-color:var(--c-e5e7eb,#e5e7eb);flex-direction:row;gap:8px;padding:10px 14px}.po-doc-header{align-items:center;display:flex;gap:6px}.po-doc-header,.po-doc-title{color:#0369a1;color:var(--ct-0369a1,#0369a1);font-size:13px;font-weight:600}.po-doc-filename{color:#1e40af;color:var(--ct-1e40af,#1e40af);font-size:13px;word-break:break-all}.po-doc-size{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:400}.po-doc-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.po-doc-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:6px 14px;transition:opacity .15s,filter .15s}.po-doc-btn:hover{filter:brightness(.9)}.po-doc-btn-view{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8)}.po-doc-btn-open{background:#d1fae5;background:var(--c-d1fae5,#d1fae5);color:#065f46;color:var(--ct-065f46,#065f46)}.po-doc-btn-download{background:#ede9fe;background:var(--c-ede9fe,#ede9fe);color:#5b21b6;color:var(--ct-5b21b6,#5b21b6)}.po-file-preview-overlay{align-items:center;background:#000000b8;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.po-file-preview-container{background:#fff;background:var(--c-fff,#fff);border-radius:12px;box-shadow:0 30px 80px #00000073;display:flex;flex-direction:column;height:95vh;max-width:1300px;overflow:hidden;width:96vw}.po-file-preview-header{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--c-e5e7eb,#e5e7eb);display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 20px}.po-file-preview-title{align-items:center;color:#1e293b;color:var(--ct-1e293b,#1e293b);display:flex;font-size:15px;font-weight:600;gap:8px;white-space:nowrap}.po-file-preview-iframe{border:none;display:block;flex:1 1;min-height:0;width:100%}@media (max-width:1024px){.po-file-preview-container{height:94vh;width:98vw}.po-file-preview-header{padding:10px 16px}}@media (max-width:768px){.po-file-preview-overlay{padding:8px}.po-file-preview-container{border-radius:0;height:100vh;width:100vw}.po-file-preview-header{gap:8px;padding:10px 12px}.po-file-preview-title{font-size:13px}.po-file-preview-header>div{flex-wrap:wrap;gap:6px!important}}@media (max-width:480px){.po-file-preview-header{align-items:flex-start;flex-direction:column;padding:10px 12px}.po-file-preview-header>div{justify-content:flex-end;width:100%}.po-doc-btn{font-size:11px;padding:5px 10px}}.purchase-orders-action-btn.action-btn-disabled,.purchase-orders-action-btn:disabled{color:#cbd5e1!important;color:var(--ct-cbd5e1,#cbd5e1)!important;cursor:not-allowed!important;opacity:.5;pointer-events:auto}.purchase-orders-action-btn.action-btn-disabled:hover,.purchase-orders-action-btn:disabled:hover{background-color:initial!important;transform:none!important}.purchase-orders-btn-primary.action-btn-disabled,.purchase-orders-btn-primary:disabled{background:#e2e8f0!important;background:var(--c-e2e8f0,#e2e8f0)!important;color:#94a3b8!important;color:var(--ct-94a3b8,#94a3b8)!important;cursor:not-allowed!important}.po-permission-notice{align-items:center;background:#fffbeb;background:var(--c-fffbeb,#fffbeb);border:1px solid #fde68a;border:1px solid var(--c-fde68a,#fde68a);border-radius:8px;color:#92400e;color:var(--ct-92400e,#92400e);display:flex;font-size:12px;font-weight:500;gap:8px;margin-bottom:12px;padding:8px 14px}.po-cal-trigger{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;gap:6px;min-width:210px;padding:7px 11px;transition:border-color .15s,box-shadow .15s;white-space:nowrap}.po-cal-trigger:hover{border-color:#94a3b8;border-color:var(--c-94a3b8,#94a3b8)}.po-cal--open{box-shadow:0 0 0 3px #2563eb1a}.po-cal--applied,.po-cal--open{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb)}.po-cal--applied{background:#eff6ff;background:var(--c-eff6ff,#eff6ff)}.po-cal-ph{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:12px;letter-spacing:.3px}.po-cal-val{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:12px;font-weight:600}.po-cal-sep{color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1);font-size:12px}.po-cal-x{align-items:center;border-radius:4px;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:flex;padding:2px;transition:color .13s,background .13s}.po-cal-x:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#ef4444;color:var(--ct-ef4444,#ef4444)}.po-cal-dropdown{animation:poCalDrop .14s ease-out;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:12px;box-shadow:0 12px 32px #0f172a26;overflow:hidden}@keyframes poCalDrop{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.po-cal-head{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);justify-content:space-between;padding:9px 11px}.po-cal-head,.po-cal-month-btn{align-items:center;display:flex}.po-cal-month-btn{background:none;border:none;border-radius:20px;color:#0f172a;color:var(--ct-0f172a,#0f172a);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;gap:4px;padding:4px 8px;transition:background .13s}.po-cal-month-btn:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.po-cal-yr-num{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-weight:700}.po-cal-nav{align-items:center;background:none;border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:flex;padding:3px 6px;transition:background .13s}.po-cal-nav:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.po-yr-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(4,1fr);padding:8px 8px 6px}.po-yr-cell{border-radius:6px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;font-size:12px;font-weight:500;padding:6px 2px;text-align:center;transition:background .13s,color .13s;-webkit-user-select:none;user-select:none}.po-yr-cell:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.po-yr-sel{background:#1d4ed8!important;background:var(--c-1d4ed8,#1d4ed8)!important;box-shadow:0 2px 6px #1d4ed859;color:#fff!important;color:var(--ct-fff,#fff)!important;font-weight:700}.po-cal-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);padding:9px 7px 5px}.po-cal-dl{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 0 4px;text-align:center;text-transform:uppercase}.po-cal-cell{align-items:center;aspect-ratio:1;border-radius:5px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;display:flex;font-size:11px;justify-content:center;position:relative;transition:background .1s;-webkit-user-select:none;user-select:none}.po-cal-cell:hover:not(.po-cal-empty):not(.po-cal-from):not(.po-cal-to):not(.po-dtp-sel){background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.po-cal-empty{color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1);cursor:default;pointer-events:none}.po-cal-today{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-weight:700}.po-cal-today:after{background:#2563eb;background:var(--c-2563eb,#2563eb);border-radius:50%;bottom:2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:3px}.po-cal-from{border-radius:5px 0 0 5px}.po-cal-from,.po-cal-to{background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8);color:#fff;color:var(--ct-fff,#fff);font-weight:600}.po-cal-to{border-radius:0 5px 5px 0}.po-cal-from.po-cal-to{border-radius:5px}.po-cal-in-range{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);border-radius:0;color:#1e40af;color:var(--ct-1e40af,#1e40af)}.po-cal-rr-s{border-radius:5px 0 0 5px}.po-cal-rr-e{border-radius:0 5px 5px 0}.po-cal-footer{background:#fff;background:var(--c-fff,#fff);border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);flex-direction:column;gap:8px;padding:10px 12px}.po-cal-chips,.po-cal-footer{align-items:center;display:flex}.po-cal-chips{gap:6px;justify-content:center;width:100%}.po-cal-chips svg{flex-shrink:0}.po-cal-chip,.po-cal-chips svg{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8)}.po-cal-chip{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:5px;font-size:11px;font-style:italic;padding:2px 7px;white-space:nowrap}.po-cal-chip--set{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#93c5fd;border-color:var(--c-93c5fd,#93c5fd);color:#1e40af;color:var(--ct-1e40af,#1e40af);font-style:normal;font-weight:600}.po-cal-clear{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;font-family:inherit;font-size:11px;padding:4px 10px;transition:background .13s}.po-cal-clear:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.po-cal-apply{background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8);border:none;border-radius:6px;color:#fff;color:var(--ct-fff,#fff);cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;padding:4px 12px;transition:background .13s}.po-cal-apply:hover:not(:disabled){background:#1e40af;background:var(--c-1e40af,#1e40af)}.po-cal-apply:disabled{background:#93c5fd;background:var(--c-93c5fd,#93c5fd);cursor:not-allowed}.po-dtp-trigger{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:7px;min-height:42px;padding:10px 11px;text-align:left;transition:border-color .15s,box-shadow .15s;width:100%}.po-dtp-trigger:hover{border-color:#94a3b8;border-color:var(--c-94a3b8,#94a3b8)}.po-dtp--open{box-shadow:0 0 0 3px #4f46e51a}.po-dtp--open,.po-dtp--set{border-color:#4f46e5;border-color:var(--c-4f46e5,#4f46e5)}.po-dtp--set{background:#eef2ff;background:var(--c-eef2ff,#eef2ff)}.po-dtp-ph{flex:1 1;font-size:13px}.po-dtp-ph,.po-dtp-x{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8)}.po-dtp-x{align-items:center;border-radius:4px;display:flex;padding:2px;transition:color .13s,background .13s}.po-dtp-x:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#ef4444;color:var(--ct-ef4444,#ef4444)}.po-dtp-dropdown{animation:poDtpDrop .14s ease-out;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:12px;box-shadow:0 12px 32px #0f172a2e;overflow:hidden}@keyframes poDtpDrop{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.po-dtp-cal-head{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);justify-content:space-between;padding:9px 11px}.po-dtp-cal-head,.po-dtp-month{align-items:center;display:flex}.po-dtp-month{background:none;border:none;border-radius:20px;color:#0f172a;color:var(--ct-0f172a,#0f172a);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;gap:4px;padding:4px 8px;transition:background .13s}.po-dtp-month:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.po-dtp-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);padding:9px 7px 5px}.po-dtp-sel{background:#4f46e5!important;background:var(--c-4f46e5,#4f46e5)!important;border-radius:5px;color:#fff!important;color:var(--ct-fff,#fff)!important;font-weight:600}.po-form-group,.po-form-row,.po-form-section{overflow:visible!important}@media (max-width:480px){.po-cal-trigger{min-width:0;width:100%}.po-order-date-filter{align-items:center;flex-direction:row}}.po-form-group .filter-trigger{border-color:#e2e8f0;border-color:var(--c-e2e8f0,#e2e8f0);box-shadow:0 1px 2px #0000000a;font-size:14px;height:40px;width:100%}.po-form-group .filter-trigger:hover:not(.filter-trigger--disabled){border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.po-form-group .filter-trigger--open{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a}.po-form-group .filter-dropdown-list{min-width:0;min-width:auto;width:100%}@keyframes dropdown-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.po-ob-filterselect-wrap{position:relative;width:100%}.po-ob-filterselect-wrap .filter-trigger{border-color:#93c5fd;border-color:var(--c-93c5fd,#93c5fd);font-size:13px;height:40px;width:100%}.po-ob-filterselect-wrap .filter-trigger--open{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a}.po-ob-filterselect-wrap .filter-dropdown-list{min-width:0;min-width:auto;width:100%}.po-ob-clear-btn--fs{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);cursor:pointer;display:flex;font-size:13px;line-height:1;padding:2px 4px;position:absolute;right:32px;top:50%;transform:translateY(-50%);transition:color .15s,background .15s;z-index:2}.po-ob-clear-btn--fs:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#dc2626;color:var(--ct-dc2626,#dc2626)}.po-filter-select-wrap{flex-shrink:0}.po-filter-select-wrap .filter-trigger{font-size:12px;height:36px;padding:0 28px 0 10px;width:136px}.po-filter-select-wrap .filter-trigger__text{font-size:12px}.po-filter-select-wrap .filter-trigger__text--placeholder{font-size:11px}.po-filter-select-wrap .filter-dropdown-list{font-size:12px;min-width:136px}.po-filter-select-wrap .filter-dropdown-item{font-size:12px;padding:7px 12px}.po-order-date-filter{flex:0 0 auto}.po-items-table{border-collapse:collapse;table-layout:fixed!important;width:100%!important}.po-th{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--c-e2e8f0,#e2e8f0);color:#475569;color:var(--ct-475569,#475569);font-size:11px;font-weight:600;letter-spacing:.04em;padding:10px;text-transform:uppercase;white-space:nowrap}.po-td,.po-th{overflow:hidden}.po-td{box-sizing:border-box;padding:10px!important;vertical-align:middle!important}.po-items-table tbody tr{border-top:1px solid #f1f5f9;border-top:1px solid var(--c-f1f5f9,#f1f5f9);height:58px}.po-td-clip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.po-td input[type=number],.po-td input[type=text],.po-td select{box-sizing:border-box;max-width:100%;min-width:0;width:100%}.purchase-orders-container{box-sizing:border-box;max-width:100%;min-width:0}.purchase-orders-action-bar,.purchase-orders-actions,.purchase-orders-search-filters{min-width:0}.purchase-orders-table-container{max-width:100%;min-width:0}.purchase-orders-table-scroll{-webkit-overflow-scrolling:touch;max-width:100%;min-width:0;overflow-x:auto;width:100%}.purchase-orders-table-scroll::-webkit-scrollbar{height:10px;width:10px}.purchase-orders-table-scroll::-webkit-scrollbar-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:6px}.purchase-orders-table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:6px}.purchase-orders-table-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--c-94a3b8,#94a3b8)}.purchase-orders-table-scroll{scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-color:var(--c-cbd5e1,#cbd5e1) var(--c-f1f5f9,#f1f5f9);scrollbar-width:thin}[data-theme=dark] .purchase-orders-table-scroll::-webkit-scrollbar-track{background:#11151f}[data-theme=dark] .purchase-orders-table-scroll::-webkit-scrollbar-thumb{background:#3a4456}[data-theme=dark] .purchase-orders-table-scroll{scrollbar-color:#3a4456 #11151f}.purchase-orders-action-bar{align-items:flex-start}.purchase-orders-actions{align-self:flex-start;margin-left:auto}.procurement-bills-received-container{padding:14px 24px 10px}.procurement-bills-received-header{margin-bottom:24px}.procurement-bills-received-breadcrumb{color:#64748b;color:var(--ct-64748b,#64748b);font-size:13px;margin-bottom:8px}.procurement-bills-received-title{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:28px;font-weight:600;margin:0}.procurement-bills-received-count{color:#64748b;color:var(--ct-64748b,#64748b);font-size:24px;font-weight:400}.procurement-bills-received-action-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.procurement-bills-received-search-filters{display:flex;flex:1 1;flex-wrap:wrap;gap:12px}.procurement-bills-received-search{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;flex:1 1;font-size:14px;min-width:200px;padding:10px 16px;transition:all .2s}.procurement-bills-received-search:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.procurement-bills-received-filter{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s;white-space:nowrap}.procurement-bills-received-filter:hover{border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.procurement-bills-received-filter:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);outline:none}.procurement-bills-received-actions{display:flex;flex-shrink:0;gap:12px}.procurement-bills-received-btn-primary{align-items:center;background-color:#3b82f6;background-color:var(--c-3b82f6,#3b82f6);border:none;border-radius:8px;color:#fff;color:var(--ct-white,#fff);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s;white-space:nowrap}.procurement-bills-received-btn-primary:hover{background-color:#2563eb;background-color:var(--c-2563eb,#2563eb);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.procurement-bills-received-btn-secondary{align-items:center;background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s;white-space:nowrap}.procurement-bills-received-btn-secondary:hover{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.procurement-bills-received-btn-link{align-items:center;background:none;border:1px solid #3b82f6;border:1px solid var(--c-3b82f6,#3b82f6);border-radius:6px;color:#3b82f6;color:var(--ct-3b82f6,#3b82f6);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:4px;padding:4px 12px;transition:all .2s;white-space:nowrap}.procurement-bills-received-btn-link:hover{background-color:#eff6ff;background-color:var(--c-eff6ff,#eff6ff)}.procurement-bills-received-kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.procurement-bills-received-kpi-card{align-items:center;background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;min-width:0;padding:20px 24px;transition:all .2s}.procurement-bills-received-kpi-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.procurement-bills-received-kpi-icon{align-items:center;background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9);border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.procurement-bills-received-kpi-content{flex:1 1;min-width:0}.procurement-bills-received-kpi-value{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:18px;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.procurement-bills-received-kpi-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.procurement-bills-received-table-container{background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden}.procurement-bills-received-table-scroll-wrapper{max-height:480px;overflow-x:auto;overflow-y:auto;position:relative}.procurement-bills-received-table-scroll-wrapper::-webkit-scrollbar{height:5px;width:5px}.procurement-bills-received-table-scroll-wrapper::-webkit-scrollbar-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.procurement-bills-received-table-scroll-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:4px}.procurement-bills-received-table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--c-94a3b8,#94a3b8)}.procurement-bills-received-table{border-collapse:initial;border-spacing:0;min-width:1100px;width:100%}.procurement-bills-received-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.procurement-bills-received-table th,.procurement-bills-received-table thead tr{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc)}.procurement-bills-received-table th{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--c-e2e8f0,#e2e8f0);color:#475569;color:var(--ct-475569,#475569);font-size:12px;font-weight:600;letter-spacing:.5px;padding:13px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.procurement-bills-received-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#334155;color:var(--ct-334155,#334155);font-size:14px;padding:13px 14px}.procurement-bills-received-table-row{transition:background-color .15s}.procurement-bills-received-table-row:hover{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc)}.procurement-bills-received-table-row:last-child td{border-bottom:none}.procurement-bills-received-table-id{color:#3b82f6;color:var(--ct-3b82f6,#3b82f6);font-weight:600;white-space:nowrap}.procurement-bills-received-table-vendor{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-weight:500}.procurement-bills-received-table-amount{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-weight:600;white-space:nowrap}.procurement-bills-received-table-paid{color:#059669;color:var(--ct-059669,#059669);font-weight:500;white-space:nowrap}.procurement-bills-received-table-balance{color:#ea580c;color:var(--ct-ea580c,#ea580c);font-weight:600;white-space:nowrap}.procurement-bills-received-link{color:#3b82f6;color:var(--ct-3b82f6,#3b82f6);cursor:pointer;text-decoration:underline;white-space:nowrap}.procurement-bills-received-link:hover{color:#2563eb;color:var(--ct-2563eb,#2563eb)}.procurement-bills-received-no-link{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8)}.procurement-bills-received-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.procurement-bills-received-badge-pending{background-color:#fef3c7;background-color:var(--c-fef3c7,#fef3c7);color:#92400e;color:var(--ct-92400e,#92400e)}.procurement-bills-received-badge-partial{background-color:#fed7aa;background-color:var(--c-fed7aa,#fed7aa);color:#9a3412;color:var(--ct-9a3412,#9a3412)}.procurement-bills-received-badge-paid{background-color:#d1fae5;background-color:var(--c-d1fae5,#d1fae5);color:#065f46;color:var(--ct-065f46,#065f46)}.procurement-bills-received-actions-cell{align-items:center;display:flex;flex-wrap:nowrap;gap:4px}.procurement-bills-received-action-btn{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:6px;transition:all .2s}.procurement-bills-received-action-btn:hover{background-color:#eff6ff;background-color:var(--c-eff6ff,#eff6ff);color:#3b82f6;color:var(--ct-3b82f6,#3b82f6);transform:scale(1.1)}.procurement-bills-received-pagination{background:#fff;background:var(--c-white,#fff);border-top:1px solid #f1f5f9;border-top:1px solid var(--c-f1f5f9,#f1f5f9);justify-content:space-between;padding:16px 20px}.pagination-info,.procurement-bills-received-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.pagination-info span{color:#64748b;color:var(--ct-64748b,#64748b);font-size:13px;font-weight:500}.page-size-selector{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;cursor:pointer;font-size:13px;padding:6px 10px;transition:all .2s}.page-size-selector:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);outline:none}.pagination-controls{flex-wrap:wrap;gap:6px}.pagination-controls .procurement-bills-received-btn-secondary{font-size:13px;min-width:0;min-width:auto;padding:7px 14px}.page-number{transition:all .2s}.page-number:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.procurement-bills-received-drawer-overlay{align-items:center;animation:procurement-bills-received-fadeIn .2s;background-color:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes procurement-bills-received-fadeIn{0%{opacity:0}to{opacity:1}}.procurement-bills-received-drawer{animation:procurement-bills-received-slideIn .3s ease-out;background:#fff;background:var(--c-white,#fff);box-shadow:-4px 0 20px #00000026;height:100vh;max-width:90vw;overflow-y:auto;width:700px}@keyframes procurement-bills-received-slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.procurement-bills-received-drawer-header{align-items:flex-start;background:#fff;background:var(--c-white,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.procurement-bills-received-drawer-header h2{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:22px;margin:0 0 4px;word-break:break-word}.procurement-bills-received-drawer-vendor{color:#64748b;color:var(--ct-64748b,#64748b);font-size:15px;margin:0}.procurement-bills-received-drawer-close{background:none;border:none;border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;flex-shrink:0;line-height:1;padding:4px;transition:all .2s}.procurement-bills-received-drawer-close:hover{background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9);color:#1e293b;color:var(--ct-1e293b,#1e293b)}.procurement-bills-received-drawer-content{padding:24px}.procurement-bills-received-drawer-section{margin-bottom:28px}.procurement-bills-received-drawer-section h3{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:16px;font-weight:600;margin:0 0 16px}.procurement-bills-received-drawer-section h4{color:#475569;color:var(--ct-475569,#475569);font-size:14px;font-weight:600;margin:16px 0 12px}.procurement-bills-received-drawer-badges{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.procurement-bills-received-drawer-date{color:#64748b;color:var(--ct-64748b,#64748b);font-size:14px;font-weight:500}.procurement-bills-received-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.procurement-bills-received-info-item{display:flex;flex-direction:column;gap:4px}.procurement-bills-received-info-item label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.procurement-bills-received-info-item span{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:14px;font-weight:500}.procurement-bills-received-amount-highlight{color:#1e293b!important;color:var(--ct-1e293b,#1e293b)!important;font-size:16px!important;font-weight:700!important}.procurement-bills-received-balance-highlight{color:#ea580c!important;color:var(--ct-ea580c,#ea580c)!important;font-size:16px!important;font-weight:700!important}.procurement-bills-received-traceability{display:flex;flex-direction:column;gap:12px}.procurement-bills-received-trace-item{align-items:center;background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px}.procurement-bills-received-trace-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:13px;font-weight:500;min-width:120px}.procurement-bills-received-items-table{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-collapse:collapse;border-radius:8px;font-size:14px;overflow:hidden;width:100%}.procurement-bills-received-items-table thead{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc)}.procurement-bills-received-items-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);color:#475569;color:var(--ct-475569,#475569);font-size:12px;font-weight:600;padding:10px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.procurement-bills-received-items-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#334155;color:var(--ct-334155,#334155);padding:12px}.procurement-bills-received-items-table tbody tr:last-child td{border-bottom:none}.procurement-bills-received-payment-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.procurement-bills-received-payment-stat{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:16px}.procurement-bills-received-payment-stat label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.procurement-bills-received-paid-amount{color:#059669;color:var(--ct-059669,#059669);font-size:22px;font-weight:700}.procurement-bills-received-balance-amount{color:#ea580c;color:var(--ct-ea580c,#ea580c);font-size:22px;font-weight:700}.procurement-bills-received-payment-table{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-collapse:collapse;border-radius:8px;font-size:13px;overflow:hidden;width:100%}.procurement-bills-received-payment-table thead{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc)}.procurement-bills-received-payment-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);color:#475569;color:var(--ct-475569,#475569);font-size:11px;font-weight:600;padding:8px 10px;text-align:left;text-transform:uppercase;white-space:nowrap}.procurement-bills-received-payment-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#334155;color:var(--ct-334155,#334155);padding:10px}.procurement-bills-received-payment-table tbody tr:last-child td{border-bottom:none}.procurement-bills-received-attachments{display:flex;flex-direction:column;gap:8px}.procurement-bills-received-attachment-item{align-items:center;background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-radius:6px;color:#475569;color:var(--ct-475569,#475569);display:flex;flex-wrap:wrap;font-size:14px;gap:8px;justify-content:space-between;padding:10px 12px}.procurement-bills-received-notes{display:flex;flex-direction:column;gap:8px}.procurement-bills-received-note-item{background-color:#fef3c7;background-color:var(--c-fef3c7,#fef3c7);border-left:3px solid #f59e0b;border-left:3px solid var(--c-f59e0b,#f59e0b);border-radius:4px;color:#78350f;color:var(--ct-78350f,#78350f);font-size:14px;padding:10px 12px}.procurement-bills-received-drawer-actions{background:#fff;background:var(--c-white,#fff);border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);bottom:0;display:flex;flex-wrap:wrap;gap:12px;padding:20px 24px;position:-webkit-sticky;position:sticky}.procurement-bills-received-modal-overlay{align-items:center;animation:procurement-bills-received-fadeIn .2s;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.procurement-bills-received-payment-modal{animation:procurement-bills-received-scaleIn .3s ease-out;background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes procurement-bills-received-scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.procurement-bills-received-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;justify-content:space-between;padding:24px}.procurement-bills-received-modal-header h2{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:20px;margin:0}.procurement-bills-received-modal-close{background:none;border:none;border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;line-height:1;padding:4px;transition:all .2s}.procurement-bills-received-modal-close:hover{background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9);color:#1e293b;color:var(--ct-1e293b,#1e293b)}.procurement-bills-received-form{display:flex;flex-direction:column;gap:20px;padding:24px}.procurement-bills-received-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.procurement-bills-received-form-group{display:flex;flex-direction:column;gap:6px}.procurement-bills-received-form-group label{color:#475569;color:var(--ct-475569,#475569);font-size:13px;font-weight:600}.procurement-bills-received-form-group input,.procurement-bills-received-form-group select,.procurement-bills-received-form-group textarea{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s}.procurement-bills-received-form-group input:focus,.procurement-bills-received-form-group select:focus,.procurement-bills-received-form-group textarea:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.procurement-bills-received-payment-info{grid-gap:16px;background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);padding:16px}.procurement-bills-received-modal-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;padding:20px 24px}.bill-file-view-overlay{align-items:center;animation:procurement-bills-received-fadeIn .2s;background-color:#000000a6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10100}.procurement-bills-received-file-view-modal{animation:procurement-bills-received-scaleIn .25s ease-out;background:#fff;background:var(--c-fff,#fff);border-radius:12px;box-shadow:0 30px 80px #00000073;display:flex;flex-direction:column;height:95vh;max-width:1300px;overflow:hidden;width:96vw}.bill-file-preview-header{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--c-e5e7eb,#e5e7eb);display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 20px}.bill-file-preview-title{align-items:center;color:#1e293b;color:var(--ct-1e293b,#1e293b);display:flex;font-size:15px;font-weight:600;gap:8px;white-space:nowrap}.bill-file-preview-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.bill-file-preview-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:6px 14px;transition:filter .15s}.bill-file-preview-btn:hover{filter:brightness(.9)}.bill-file-preview-btn-open{background:#d1fae5;background:var(--c-d1fae5,#d1fae5);color:#065f46;color:var(--ct-065f46,#065f46)}.bill-file-preview-btn-download{background:#ede9fe;background:var(--c-ede9fe,#ede9fe);color:#5b21b6;color:var(--ct-5b21b6,#5b21b6)}.bill-file-preview-iframe{border:none;display:block;flex:1 1;min-height:0;width:100%}.bill-btn-link-green{color:#059669!important;color:var(--ct-059669,#059669)!important}.bill-btn-link-purple{color:#7c3aed!important;color:var(--ct-7c3aed,#7c3aed)!important}.bill-form-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:9999}.bill-form-modal-container{animation:slideUp .3s ease-out;background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:100%}.bill-form-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 28px}.bill-form-modal-header h2{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:22px;font-weight:700;margin:0}.bill-form-modal-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .2s}.bill-form-modal-close-btn:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);color:#1e293b;color:var(--ct-1e293b,#1e293b)}.bill-form-modal-content{flex:1 1;overflow-y:auto;padding:24px 28px}.bill-form-modal-content::-webkit-scrollbar{width:8px}.bill-form-modal-content::-webkit-scrollbar-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:4px}.bill-form-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:4px}.bill-form-modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--c-94a3b8,#94a3b8)}.bill-form-section{margin-bottom:28px}.bill-form-section:last-child{margin-bottom:0}.bill-form-section-title{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:16px;font-weight:600;margin:0 0 16px}.bill-form-section-header,.bill-form-section-title{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--c-e2e8f0,#e2e8f0);padding-bottom:8px}.bill-form-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:16px}.bill-form-section-header .bill-form-section-title{border:none;margin:0;padding:0}.bill-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.bill-form-field{display:flex;flex-direction:column;gap:8px}.bill-form-label{color:#475569;color:var(--ct-475569,#475569);font-size:13px;font-weight:600}.bill-form-input,.bill-form-select,.bill-form-textarea{background:#fff;background:var(--c-white,#fff);border:1px solid #cbd5e1;border:1px solid var(--c-cbd5e1,#cbd5e1);border-radius:6px;box-sizing:border-box;color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:14px;padding:10px 14px;transition:all .2s;width:100%}.bill-form-input:focus,.bill-form-select:focus,.bill-form-textarea:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.bill-form-input:disabled,.bill-form-select:disabled{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);cursor:not-allowed}.bill-form-file-input{border:2px dashed #e2e8f0;border:2px dashed var(--c-e2e8f0,#e2e8f0);border-radius:6px;cursor:pointer;font-size:14px;padding:8px}.bill-form-file-input:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6)}.bill-form-hint{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;margin-top:4px}.bill-form-hint-success{color:#22c55e;color:var(--ct-22c55e,#22c55e);font-size:12px;margin-top:4px}.bill-form-hint-error{color:#ef4444;color:var(--ct-ef4444,#ef4444);font-size:12px;margin-top:4px}.bill-form-file-selected{color:#22c55e;color:var(--ct-22c55e,#22c55e);font-size:13px;margin-top:8px}.bill-form-items-table-container{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;margin-bottom:16px;overflow-x:auto}.bill-form-items-table{border-collapse:collapse;font-size:13px;width:100%}.bill-form-items-table thead{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.bill-form-items-table th{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--c-e2e8f0,#e2e8f0);color:#475569;color:var(--ct-475569,#475569);font-size:12px;font-weight:600;padding:10px 8px;text-align:left;white-space:nowrap}.bill-form-items-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);padding:8px}.bill-form-item-row:hover{background:#fafafa;background:var(--c-fafafa,#fafafa)}.bill-form-table-input{border:1px solid #cbd5e1;border:1px solid var(--c-cbd5e1,#cbd5e1);border-radius:4px;box-sizing:border-box;font-size:13px;padding:6px 8px;width:100%}.bill-form-table-input:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);outline:none}.bill-form-line-total{color:#1e293b;color:var(--ct-1e293b,#1e293b)}.bill-form-add-item-btn,.bill-form-line-total{font-size:13px;font-weight:600;white-space:nowrap}.bill-form-add-item-btn{align-items:center;background:#3b82f6;background:var(--c-3b82f6,#3b82f6);border:none;border-radius:6px;color:#fff;color:var(--ct-white,#fff);cursor:pointer;display:inline-flex;gap:6px;padding:8px 16px;transition:all .2s}.bill-form-add-item-btn:hover{background:#2563eb;background:var(--c-2563eb,#2563eb);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.bill-form-remove-item-btn{align-items:center;background:#fee2e2;background:var(--c-fee2e2,#fee2e2);border:none;border-radius:4px;color:#dc2626;color:var(--ct-dc2626,#dc2626);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.bill-form-remove-item-btn:hover{background:#fecaca;background:var(--c-fecaca,#fecaca)}.bill-form-total-row{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-radius:8px;display:flex;flex-wrap:wrap;font-size:15px;gap:16px;justify-content:flex-end;margin-bottom:16px;padding:14px 16px}.bill-form-total-amount{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:20px;font-weight:700}.bill-form-edit-warning{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);border-left:4px solid #f59e0b;border-left:4px solid var(--c-f59e0b,#f59e0b);border-radius:6px;color:#92400e;color:var(--ct-92400e,#92400e);font-size:13px;line-height:1.6;padding:12px 16px}.bill-form-modal-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;justify-content:flex-end;padding:18px 28px}.bill-form-save-btn{background:#3b82f6;background:var(--c-3b82f6,#3b82f6);border:none;border-radius:8px;color:#fff;color:var(--ct-white,#fff);cursor:pointer;font-size:14px;font-weight:600;padding:11px 28px;transition:all .2s}.bill-form-save-btn:hover{background:#2563eb;background:var(--c-2563eb,#2563eb);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.bill-form-cancel-btn{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border:none;border-radius:8px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;font-size:14px;font-weight:600;padding:11px 28px;transition:all .2s}.bill-form-cancel-btn:hover{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0)}@media (max-width:1400px){.procurement-bills-received-kpi-grid{grid-template-columns:repeat(4,1fr)}.procurement-bills-received-kpi-value{font-size:16px}}@media (max-width:1100px){.procurement-bills-received-kpi-grid{grid-template-columns:repeat(2,1fr)}.procurement-bills-received-kpi-value{font-size:16px}}@media (max-width:900px){.procurement-bills-received-container{padding:16px}.procurement-bills-received-title{font-size:22px}.procurement-bills-received-kpi-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.procurement-bills-received-form-row,.procurement-bills-received-info-grid,.procurement-bills-received-payment-summary{grid-template-columns:1fr}.procurement-bills-received-table-scroll-wrapper{max-height:420px}.bill-form-row{gap:16px;grid-template-columns:1fr}.bill-form-modal-container{max-width:none;width:100%}.bill-form-modal-actions,.bill-form-modal-content,.bill-form-modal-header{padding-left:16px;padding-right:16px}}@media (max-width:640px){.procurement-bills-received-container{padding:12px}.procurement-bills-received-title{font-size:20px}.procurement-bills-received-action-bar{align-items:stretch;flex-direction:column}.procurement-bills-received-search-filters{flex-direction:column}.procurement-bills-received-search{min-width:100%}.procurement-bills-received-actions{flex-direction:column}.procurement-bills-received-btn-primary,.procurement-bills-received-btn-secondary{justify-content:center;width:100%}.procurement-bills-received-kpi-grid{gap:10px;grid-template-columns:1fr 1fr}.procurement-bills-received-kpi-card{gap:10px;padding:14px 12px}.procurement-bills-received-kpi-icon{height:42px;width:42px}.procurement-bills-received-kpi-value{font-size:18px}.procurement-bills-received-kpi-label{font-size:11px}.procurement-bills-received-table-scroll-wrapper{max-height:380px}.procurement-bills-received-drawer{max-width:100vw;width:100%}.procurement-bills-received-form-row,.procurement-bills-received-payment-info{grid-template-columns:1fr}.procurement-bills-received-modal-actions{flex-direction:column}.procurement-bills-received-modal-actions .procurement-bills-received-btn-primary,.procurement-bills-received-modal-actions .procurement-bills-received-btn-secondary{justify-content:center;width:100%}.procurement-bills-received-pagination{padding:12px}.pagination-info,.procurement-bills-received-pagination{align-items:stretch;flex-direction:column}.page-size-selector{width:100%}.pagination-controls{flex-wrap:wrap;justify-content:center}.bill-form-modal-overlay{align-items:flex-end;padding:0}.bill-form-modal-container{border-radius:16px 16px 0 0;max-height:95vh}.bill-form-modal-actions{flex-direction:column-reverse}.bill-form-cancel-btn,.bill-form-save-btn{text-align:center;width:100%}.procurement-bills-received-file-view-modal{border-radius:0;height:100vh;max-width:none;width:100vw}.bill-file-preview-header{gap:8px;padding:10px 12px}.bill-file-preview-title{font-size:13px}.bill-file-preview-actions{gap:6px}.bill-file-preview-btn{font-size:11px;padding:5px 10px}.procurement-bills-received-drawer-actions{flex-direction:column}.procurement-bills-received-drawer-actions .procurement-bills-received-btn-primary,.procurement-bills-received-drawer-actions .procurement-bills-received-btn-secondary{justify-content:center;width:100%}}@media (max-width:400px){.procurement-bills-received-kpi-grid{grid-template-columns:1fr}.procurement-bills-received-kpi-card{flex-direction:row}}@media (prefers-reduced-motion:reduce){*,.bill-form-modal-container,.bill-form-modal-overlay,.procurement-bills-received-drawer,.procurement-bills-received-kpi-card{animation:none!important;transform:none!important;transition:none!important}}@media (max-width:1024px){.procurement-bills-received-file-view-modal{height:94vh;width:98vw}}@media (max-width:480px){.bill-file-preview-header{align-items:flex-start;flex-direction:column}.bill-file-preview-actions{justify-content:flex-end;width:100%}}.bill-edit-existing-file{align-items:center;background:#f0f9ff;background:var(--c-f0f9ff,#f0f9ff);border:1px solid #bae6fd;border:1px solid var(--c-bae6fd,#bae6fd);border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:2px;padding:10px 14px}.bill-edit-existing-file-info{align-items:center;color:#0369a1;color:var(--ct-0369a1,#0369a1);display:flex;font-size:13px;font-weight:500;gap:8px}.bill-edit-file-size{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:11px;font-weight:400}.bill-edit-existing-file-actions{display:flex;flex-wrap:wrap;gap:6px}.bill-edit-file-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px;transition:opacity .15s}.bill-edit-file-btn:hover{opacity:.82}.bill-edit-file-btn-view{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border:1px solid #bfdbfe;border:1px solid var(--c-bfdbfe,#bfdbfe);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.bill-edit-file-btn-open{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);border:1px solid #bbf7d0;border:1px solid var(--c-bbf7d0,#bbf7d0);color:#15803d;color:var(--ct-15803d,#15803d)}.bill-edit-file-btn-download{background:#faf5ff;background:var(--c-faf5ff,#faf5ff);border:1px solid #ddd6fe;border:1px solid var(--c-ddd6fe,#ddd6fe);color:#7c3aed;color:var(--ct-7c3aed,#7c3aed)}.bill-form-file-hint{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:12px;font-style:italic;margin:4px 0 0}.bill-drawer-file-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:10px}.bill-drawer-file-name{align-items:center;color:#374151;color:var(--ct-374151,#374151);display:flex;font-size:13px;font-weight:500;gap:6px}.bill-drawer-file-size{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:11px;font-weight:400}.bill-drawer-file-btns{display:flex;gap:6px}.bill-drawer-preview-iframe{height:480px}.bill-drawer-preview-iframe,.bill-drawer-preview-img-wrap{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;width:100%}.bill-drawer-preview-img-wrap{overflow:hidden;padding:8px;text-align:center}.bill-drawer-preview-img{border-radius:6px;max-height:480px;max-width:100%;object-fit:contain}.bill-preview-error,.bill-preview-loading{align-items:center;border:1px dashed #e2e8f0;border:1px dashed var(--c-e2e8f0,#e2e8f0);border-radius:8px;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:flex;font-size:13px;gap:8px;height:80px;justify-content:center}.action-btn-disabled,button:disabled{cursor:not-allowed!important;opacity:.45!important;pointer-events:auto!important}.action-btn-disabled:hover,button:disabled:hover{background-color:inherit!important;box-shadow:none!important;transform:none!important}.permission-notice{align-items:center;background:#fffbeb;background:var(--c-fffbeb,#fffbeb);border:1px solid #fde68a;border:1px solid var(--c-fde68a,#fde68a);border-radius:8px;color:#92400e;color:var(--ct-92400e,#92400e);display:flex;font-size:12px;font-weight:500;gap:8px;margin-bottom:12px;padding:8px 14px}.search-clear-btn{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);cursor:pointer;display:flex;padding:2px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .13s,background-color .13s}.search-clear-btn svg{stroke:#94a3b8;stroke:var(--ct-94a3b8,#94a3b8);transition:stroke .13s}.search-clear-btn:hover{background-color:#fee2e2;background-color:var(--c-fee2e2,#fee2e2);color:#ef4444;color:var(--ct-ef4444,#ef4444)}.search-clear-btn:hover svg{stroke:#ef4444;stroke:var(--ct-ef4444,#ef4444)}@media (max-width:1024px){.procurement-bills-received-container{padding:16px 16px 0}.page-header-with-filter{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:16px}.page-header-with-filter .group-project-filter{align-items:stretch!important;flex-direction:column;gap:8px;margin-left:0!important;width:100%}.page-header-with-filter .group-project-filter .filter-group{min-width:0;min-width:auto;width:100%}.page-header-with-filter .group-project-filter .filter-select{max-width:100%!important;min-width:0!important;min-width:auto!important;width:100%!important}.procurement-bills-received-action-bar{align-items:stretch;flex-direction:column;gap:10px}.procurement-bills-received-search-filters{flex-direction:column;gap:8px;width:100%}.procurement-bills-received-search{font-size:14px;min-width:100%;padding:10px 12px;width:100%}.procurement-bills-received-filter{min-width:0;min-width:auto;padding:10px 12px;width:100%}.po-order-date-filter{flex-wrap:wrap;width:100%}.po-cal-trigger{flex:1 1;min-width:0}.procurement-bills-received-actions{flex-wrap:wrap;gap:8px;width:100%}.procurement-bills-received-actions>*{flex:1 1;justify-content:center;min-width:120px}}@media (max-width:768px){.procurement-bills-received-title{font-size:20px}.procurement-bills-received-kpi-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.procurement-bills-received-kpi-card{gap:10px;padding:12px}.procurement-bills-received-kpi-value{font-size:16px;word-break:break-all}.procurement-bills-received-pagination{align-items:stretch;flex-direction:column;gap:10px;padding:12px}.pagination-info{flex-wrap:wrap;gap:8px;justify-content:space-between}.pagination-controls{flex-wrap:wrap;gap:4px;justify-content:center}.procurement-bills-received-table-scroll-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.procurement-bills-received-table{min-width:700px}}@media (max-width:480px){.procurement-bills-received-container{padding:10px 10px 0}.procurement-bills-received-title{font-size:18px}.procurement-bills-received-kpi-grid{gap:8px;grid-template-columns:1fr 1fr}.procurement-bills-received-kpi-card{align-items:flex-start;flex-direction:column;gap:6px;padding:10px}.procurement-bills-received-kpi-icon{height:36px;width:36px}.procurement-bills-received-kpi-value{font-size:14px}.procurement-bills-received-kpi-label{font-size:10px}.procurement-bills-received-actions>*{font-size:13px;padding:8px 10px}.page-number{font-size:12px;min-width:30px;padding:5px 9px}.procurement-bills-received-drawer{max-width:100vw;width:100%!important}}@media (max-width:360px){.procurement-bills-received-kpi-grid{grid-template-columns:1fr}.procurement-bills-received-kpi-card{align-items:center;flex-direction:row}}.bills-filter-select-wrap .filter-trigger{width:160px}.bills-filter-select-wrap .filter-dropdown-list{min-width:160px}.bill-form-field .filter-trigger{border-radius:6px;font-family:inherit;font-size:13px;height:38px;width:100%}.bill-form-field .filter-dropdown-list{font-size:13px;min-width:0;min-width:auto}.procurement-bills-received-form-group .filter-trigger{border-radius:6px;font-family:inherit;font-size:13px;height:38px;width:100%}.procurement-bills-received-form-group .filter-dropdown-list{font-size:13px;min-width:0;min-width:auto}.pce-rows-dropdown .filter-trigger.filter-trigger--has-value{font-weight:600!important}.pce-rows-dropdown .filter-trigger.filter-trigger--has-value,.pce-rows-dropdown .filter-trigger.filter-trigger--has-value .filter-trigger__chevron{color:#2563eb!important;color:var(--ct-2563eb,#2563eb)!important}.pce-rows-dropdown .filter-trigger__text{color:#2563eb;color:var(--ct-2563eb,#2563eb)}.receipts-page-modal .receipts-page-form-group{position:relative}.receipts-page-modal .receipts-page-form-group select{position:relative;width:100%;z-index:10}.receipts-page-modal .receipts-page-modal-body{overflow-x:hidden;overflow-y:auto}.receipts-page-modal .receipts-page-form-grid{position:relative;z-index:5}.receipt-action-btn.btn-view{background-color:initial;color:#3b82f6;color:var(--ct-3b82f6,#3b82f6)}.receipt-action-btn.btn-view:hover{background-color:#3b82f6;background-color:var(--c-3b82f6,#3b82f6);color:#fff;color:var(--ct-ffffff,#fff)}.receipt-action-btn.btn-edit{background-color:initial;color:#f59e0b;color:var(--ct-f59e0b,#f59e0b)}.receipt-action-btn.btn-edit:hover{background-color:#f59e0b;background-color:var(--c-f59e0b,#f59e0b);color:#fff;color:var(--ct-ffffff,#fff)}.receipt-action-btn.btn-delete{background-color:initial;color:#ef4444;color:var(--ct-ef4444,#ef4444)}.receipt-action-btn.btn-delete:hover{background-color:#ef4444;background-color:var(--c-ef4444,#ef4444);color:#fff;color:var(--ct-ffffff,#fff)}.receipt-action-btn.btn-adjust{background-color:initial;color:#22c55e;color:var(--ct-22c55e,#22c55e)}.receipt-action-btn.btn-adjust:hover{background-color:#22c55e;background-color:var(--c-22c55e,#22c55e);color:#fff;color:var(--ct-ffffff,#fff)}.receipt-action-btn.btn-restore{background-color:initial;color:#16a34a;color:var(--ct-16a34a,#16a34a);font-size:12px;font-weight:600;padding:0 10px;width:auto}.receipt-action-btn.btn-restore:hover{background-color:#16a34a;background-color:var(--c-16a34a,#16a34a);color:#fff;color:var(--ct-ffffff,#fff)}.bill-badge{align-items:center;border-radius:99px;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.02em;padding:3px 10px;white-space:nowrap}.bill-status-pending{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);color:#92400e;color:var(--ct-92400e,#92400e)}.bill-status-partial{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.bill-status-paid{background:#dcfce7;background:var(--c-dcfce7,#dcfce7);color:#166534;color:var(--ct-166534,#166534)}.bill-status-overdue{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#991b1b;color:var(--ct-991b1b,#991b1b)}.vp-badge{align-items:center;border-radius:99px;display:inline-flex;font-size:11px;font-weight:700;padding:3px 10px;white-space:nowrap}.vp-type-advance{background:#ede9fe;background:var(--c-ede9fe,#ede9fe);color:#6d28d9;color:var(--ct-6d28d9,#6d28d9)}.vp-type-bill{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.bill-no,.vp-advance-no{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:13px;font-weight:700}.bill-amount,.vp-amount{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-weight:600}.text-success{color:#16a34a;color:var(--ct-16a34a,#16a34a);font-weight:600}.text-warning{color:#d97706;color:var(--ct-d97706,#d97706);font-weight:600}.text-danger{color:#dc2626;color:var(--ct-dc2626,#dc2626);font-weight:600}.bill-action-buttons,.receipt-action-buttons{align-items:center;display:flex;gap:6px}.procurement-bills-received-container,.receipts-page-container{padding:0 24px 10px}.procurement-bills-received-header,.receipts-page-breadcrumb{margin-bottom:4px}.procurement-bills-received-breadcrumb,.receipts-page-breadcrumb{color:#64748b;color:var(--ct-64748b,#64748b);font-size:13px;margin-bottom:6px}.procurement-bills-received-title,.receipts-page-title{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:26px;font-weight:600;margin:0 0 16px}.procurement-bills-received-action-bar,.receipts-page-action-bar{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:20px}.procurement-bills-received-search-filters,.receipts-page-search-filters{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:10px}.procurement-bills-received-search,.receipts-page-search{background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;box-sizing:border-box;font-size:14px;height:42px;padding:0 16px}.procurement-bills-received-search:focus,.receipts-page-search:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.procurement-bills-received-filter,.receipts-page-filter{background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;box-sizing:border-box;cursor:pointer;font-size:14px;height:42px;padding:0 14px}.procurement-bills-received-filter:focus,.receipts-page-filter:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.po-order-date-filter{align-items:center;display:flex;gap:6px;height:42px}.po-cal-trigger{border-radius:8px!important;box-sizing:border-box;font-size:14px;height:42px!important}.procurement-bills-received-actions,.receipts-page-actions{align-items:center;display:flex;flex-shrink:0;gap:10px}.procurement-bills-received-btn-primary,.receipts-page-btn-primary{align-items:center;background:#3b82f6;background:var(--c-3b82f6,#3b82f6);border:none;border-radius:8px;color:#fff;color:var(--ct-white,#fff);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;height:42px;padding:0 18px;transition:background .2s,transform .15s;white-space:nowrap}.procurement-bills-received-btn-primary:hover,.receipts-page-btn-primary:hover{background:#2563eb;background:var(--c-2563eb,#2563eb);transform:translateY(-1px)}.procurement-bills-received-btn-secondary,.receipts-page-btn-secondary{align-items:center;background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;height:42px;padding:0 16px;transition:background .2s,border-color .2s;white-space:nowrap}.procurement-bills-received-btn-secondary:hover,.receipts-page-btn-secondary:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.unified-kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.unified-kpi-card{align-items:center;background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;gap:16px;min-height:96px;min-width:0;padding:20px 22px;transition:box-shadow .2s,transform .2s}.unified-kpi-card:hover{box-shadow:0 4px 14px #0000001a;transform:translateY(-2px)}.unified-kpi-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.unified-kpi-icon--blue{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);color:#3b82f6;color:var(--ct-3b82f6,#3b82f6)}.unified-kpi-icon--purple{background:#f5f3ff;background:var(--c-f5f3ff,#f5f3ff);color:#7c3aed;color:var(--ct-7c3aed,#7c3aed)}.unified-kpi-icon--green{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);color:#16a34a;color:var(--ct-16a34a,#16a34a)}.unified-kpi-icon--amber{background:#fffbeb;background:var(--c-fffbeb,#fffbeb);color:#d97706;color:var(--ct-d97706,#d97706)}.unified-kpi-content{flex:1 1;min-width:0}.unified-kpi-value{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:18px;font-weight:700;line-height:1.2;margin-bottom:4px}.unified-kpi-label,.unified-kpi-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unified-kpi-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;font-weight:500}.procurement-bills-received-table-container,.receipts-page-table-container{background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden}.procurement-bills-received-table-scroll-wrapper,.receipts-page-table-scroll{-webkit-overflow-scrolling:touch;max-height:480px;overflow-x:auto;overflow-y:auto}.procurement-bills-received-pagination,.receipts-page-pagination{align-items:center;background:#fff;background:var(--c-white,#fff);border-top:1px solid #f1f5f9;border-top:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:14px 20px}.pagination-info,.receipts-page-pagination-info{align-items:center;color:#64748b;color:var(--ct-64748b,#64748b);display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.pagination-controls{gap:4px}@media (max-width:1200px){.unified-kpi-value{font-size:16px}}@media (max-width:1024px){.procurement-bills-received-container,.receipts-page-container{padding:16px 16px 0}.page-header-with-filter{align-items:stretch;flex-direction:column;gap:10px;margin-bottom:14px}.page-header-with-filter .group-project-filter{align-items:stretch!important;flex-direction:column!important;gap:8px;width:100%}.page-header-with-filter .group-project-filter .filter-group{min-width:0;min-width:auto;width:100%}.page-header-with-filter .group-project-filter .filter-select{min-width:0!important;min-width:auto!important;width:100%!important}.procurement-bills-received-action-bar,.receipts-page-action-bar{align-items:stretch;flex-direction:column;gap:10px}.procurement-bills-received-search-filters,.receipts-page-search-filters{flex-direction:column;gap:8px;width:100%}.po-order-date-filter,.procurement-bills-received-filter,.procurement-bills-received-search,.receipts-page-filter,.receipts-page-search{width:100%}.po-cal-trigger{flex:1 1!important}.procurement-bills-received-actions,.receipts-page-actions{flex-wrap:wrap;width:100%}.procurement-bills-received-actions>*,.receipts-page-actions>*{flex:1 1;justify-content:center;min-width:110px}.unified-kpi-grid{gap:12px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.procurement-bills-received-title,.receipts-page-title{font-size:20px}.unified-kpi-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.unified-kpi-card{gap:12px;min-height:80px;padding:14px 16px}.unified-kpi-icon{height:44px;width:44px}.unified-kpi-value{font-size:15px}.unified-kpi-label{font-size:11px}.procurement-bills-received-table-scroll-wrapper,.receipts-page-table-scroll{max-height:400px}.procurement-bills-received-pagination,.receipts-page-pagination{align-items:stretch;flex-direction:column;padding:12px}.pagination-info,.receipts-page-pagination-info{justify-content:space-between}.pagination-controls{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.procurement-bills-received-container,.receipts-page-container{padding:12px 12px 0}.procurement-bills-received-title,.receipts-page-title{font-size:18px;margin-bottom:12px}.unified-kpi-grid{gap:8px;grid-template-columns:1fr 1fr}.unified-kpi-card{gap:10px;min-height:72px;padding:12px}.unified-kpi-icon{border-radius:8px;height:38px;width:38px}.unified-kpi-value{font-size:13px}.unified-kpi-label{font-size:10px}.procurement-bills-received-filter,.procurement-bills-received-search,.receipts-page-filter,.receipts-page-search{font-size:13px;height:40px}.procurement-bills-received-btn-primary,.procurement-bills-received-btn-secondary,.receipts-page-btn-primary,.receipts-page-btn-secondary{font-size:13px;height:40px;padding:0 14px}.page-number{font-size:12px;min-width:28px;padding:5px 8px}}@media (max-width:360px){.unified-kpi-grid{grid-template-columns:1fr}.unified-kpi-card{flex-direction:row}}.pagination-controls .procurement-bills-received-btn-secondary,.pagination-controls .receipts-page-btn-secondary,.receipts-page-pagination .procurement-bills-received-btn-secondary,.receipts-page-pagination .receipts-page-btn-secondary{font-size:13px;height:auto;min-width:0;min-width:auto;padding:7px 13px}.page-numbers{align-items:center;display:flex;gap:4px}.page-number{align-items:center;background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;height:auto;justify-content:center;min-width:36px;padding:7px 12px;text-align:center;transition:background .15s,border-color .15s,color .15s}.page-number:hover:not(.active){background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.page-number.active{background:#3b82f6;background:var(--c-3b82f6,#3b82f6);border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);color:#fff;color:var(--ct-white,#fff);font-weight:600}.receipt-action-btn.btn-approve{background-color:initial;color:#16a34a;color:var(--ct-16a34a,#16a34a)}.receipt-action-btn.btn-approve:hover{background-color:#16a34a;background-color:var(--c-16a34a,#16a34a);color:#fff;color:var(--ct-ffffff,#fff)}.bills-filter-select-wrap{flex-shrink:0}.bills-filter-select-wrap .filter-trigger{font-size:12px;height:36px;padding:0 28px 0 10px;width:148px}.bills-filter-select-wrap .filter-trigger__text--placeholder{font-size:11px}.bills-filter-select-wrap .filter-dropdown-list{font-size:12px;min-width:148px}.bills-filter-select-wrap .filter-dropdown-item{font-size:12px;padding:7px 12px}.receipts-page-form-group .filter-trigger{border-radius:6px;font-family:inherit;font-size:13px;height:38px;width:100%}.receipts-page-form-group .filter-dropdown-list{font-size:13px;min-width:0;min-width:auto}.pce-rows-dropdown{display:inline-flex;flex-shrink:0;position:relative;width:95px}.pce-rows-dropdown>div{width:95px}.pce-rows-dropdown .filter-trigger{align-items:center;background-color:#fff;background-color:var(--c-ffffff,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;box-shadow:0 1px 2px #0000000a;box-sizing:border-box;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;display:flex;font-size:12px;font-weight:500;height:34px;max-width:95px;min-width:95px;outline:none;overflow:hidden;padding:0 26px 0 10px;position:relative;text-overflow:ellipsis;transition:border-color .15s,box-shadow .15s;-webkit-user-select:none;user-select:none;white-space:nowrap;width:95px}.pce-rows-dropdown .filter-trigger:hover:not(.filter-trigger--disabled){box-shadow:0 1px 4px #2563eb1a}.pce-rows-dropdown .filter-trigger.filter-trigger--open{box-shadow:0 0 0 3px #2563eb1f}.pce-rows-dropdown .filter-trigger.filter-trigger--has-value{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-weight:600}.pce-rows-dropdown .filter-trigger.filter-trigger--disabled{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-color:#e2e8f0;border-color:var(--c-e2e8f0,#e2e8f0);box-shadow:none;color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1);cursor:not-allowed}.pce-rows-dropdown .filter-trigger__chevron{align-items:center;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:flex;flex-shrink:0;pointer-events:none;position:absolute;right:7px;top:50%;transform:translateY(-50%);transition:transform .2s,color .15s}.pce-rows-dropdown .filter-trigger.filter-trigger--open .filter-trigger__chevron{color:#2563eb;color:var(--ct-2563eb,#2563eb);transform:translateY(-50%) rotate(180deg)}.pce-rows-dropdown .filter-trigger.filter-trigger--has-value .filter-trigger__chevron{color:#2563eb;color:var(--ct-2563eb,#2563eb)}.pce-rows-dropdown .filter-trigger__text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pce-rows-dropdown .filter-trigger__text--placeholder{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-style:italic;font-weight:400}.pr-container{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);display:flex;flex-direction:column;height:calc(100vh - 64px);overflow:hidden}.pr-header{background:linear-gradient(135deg,#1e3a5f,#1e40af);background:linear-gradient(135deg,var(--c-1e3a5f,#1e3a5f) 0,var(--c-1e40af,#1e40af) 100%);border-bottom:3px solid #1d4ed8;border-bottom:3px solid var(--c-1d4ed8,#1d4ed8);flex-shrink:0;padding:14px 24px 12px}.pr-breadcrumb{color:#93c5fd;color:var(--ct-93c5fd,#93c5fd);font-size:11px;margin-bottom:3px}.pr-title{align-items:center;color:#fff;color:var(--ct-fff,#fff);display:flex;font-size:19px;font-weight:700;gap:8px;margin:0 0 2px}.pr-subtitle{color:#bfdbfe;color:var(--ct-bfdbfe,#bfdbfe);font-size:12px;margin:0}.pr-selector-card{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;box-shadow:0 1px 3px #0000000a;flex-shrink:0;margin:10px 16px 0;padding:10px 16px}.pr-selector-title{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-size:10px;font-weight:700;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.pr-selector-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px}.pr-selector-group{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:130px}.pr-selector-group label{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:11px;font-weight:600}.pr-selector-group select{background:#fff;background:var(--c-fff,#fff);border:1.5px solid #d1d5db;border:1.5px solid var(--c-d1d5db,#d1d5db);border-radius:6px;color:#111827;color:var(--ct-111827,#111827);font-size:12px;padding:6px 10px;transition:border-color .2s}.pr-selector-group select:focus{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);outline:none}.pr-selector-group select:disabled{background:#f9fafb;background:var(--c-f9fafb,#f9fafb);color:#9ca3af;color:var(--ct-9ca3af,#9ca3af)}.pr-btn-generate{align-items:center;background:#1e40af;background:var(--c-1e40af,#1e40af);border:none;border-radius:6px;color:#fff;color:var(--ct-fff,#fff);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:7px 18px;transition:background .2s;white-space:nowrap}.pr-btn-generate:hover{background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8)}.pr-btn-generate:disabled{background:#93c5fd;background:var(--c-93c5fd,#93c5fd);cursor:default}.pr-report{display:flex;flex:1 1;flex-direction:column;margin:10px 16px 0;min-height:0}.pr-report-header{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;box-shadow:0 1px 3px #0000000a;display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:0;padding:12px 16px}.pr-report-project{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:15px;font-weight:700}.pr-report-meta{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;margin-top:2px}.pr-download-row{display:flex;gap:8px}.pr-btn-excel{align-items:center;background:#065f46;background:var(--c-065f46,#065f46);border:none;border-radius:6px;color:#fff;color:var(--ct-fff,#fff);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;padding:6px 13px;transition:background .2s}.pr-btn-excel:hover{background:#047857;background:var(--c-047857,#047857)}.pr-btn-pdf{align-items:center;background:#dc2626;background:var(--c-dc2626,#dc2626);border:none;border-radius:6px;color:#fff;color:var(--ct-fff,#fff);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;padding:6px 13px;transition:background .2s}.pr-btn-pdf:hover{background:#b91c1c;background:var(--c-b91c1c,#b91c1c)}.pr-tabs{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-bottom:none;border-top:none;display:flex;flex-shrink:0;gap:0;overflow-x:auto;position:relative;scrollbar-width:none}.pr-tabs::-webkit-scrollbar{display:none}.pr-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;color:var(--ct-6b7280,#6b7280);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:10px 18px;position:relative;transition:color .2s,background .2s;white-space:nowrap;z-index:1}.pr-tab:hover{background:#f0f6ff;background:var(--c-f0f6ff,#f0f6ff)}.pr-tab--active,.pr-tab:hover{color:#1e40af;color:var(--ct-1e40af,#1e40af)}.pr-tab--active{background:#eff6ff;background:var(--c-eff6ff,#eff6ff)}.pr-tab-indicator{background:#1e40af;background:var(--c-1e40af,#1e40af);border-radius:3px 3px 0 0;bottom:0;height:3px;pointer-events:none;position:absolute;transition:left .28s cubic-bezier(.4,0,.2,1),width .28s cubic-bezier(.4,0,.2,1);z-index:2}.pr-tab-content{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:0 0 8px 8px;border-top:none;box-shadow:0 2px 8px #0000000d;flex:1 1;margin-bottom:12px;min-height:0;overflow-y:auto;padding:20px 20px 16px;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-color:var(--c-cbd5e1,#cbd5e1) var(--c-f1f5f9,#f1f5f9);scrollbar-width:thin}.pr-tab-content::-webkit-scrollbar{width:6px}.pr-tab-content::-webkit-scrollbar-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:4px}.pr-tab-content::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:4px}.pr-tab-content::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--c-94a3b8,#94a3b8)}.pr-kpi-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:14px}@media (max-width:900px){.pr-kpi-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.pr-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:380px){.pr-kpi-row{grid-template-columns:1fr}}.pr-kpi-card{align-items:flex-start;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;border-top:3px solid;display:flex;gap:10px;padding:10px 12px;transition:box-shadow .2s}.pr-kpi-card:hover{box-shadow:0 3px 10px #00000014}.pr-kpi-icon{flex-shrink:0;margin-top:1px;opacity:.82}.pr-kpi-body{flex:1 1;min-width:0}.pr-kpi-value{font-size:17px;font-weight:700;line-height:1.15}.pr-kpi-label,.pr-kpi-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pr-kpi-label{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:10.5px;font-weight:500;margin-top:2px}.pr-kpi-sub{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-size:10px;margin-top:1px}.pr-charts-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr;margin-bottom:20px}@media (max-width:900px){.pr-charts-row{grid-template-columns:1fr}}.pr-chart-card{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:12px;box-shadow:0 1px 4px #0000000a;overflow:visible;padding:18px 18px 14px;transition:box-shadow .2s}.pr-chart-card:hover{box-shadow:0 6px 18px #00000017}.pr-chart-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.pr-chart-title{color:#374151;color:var(--ct-374151,#374151);font-size:13px;font-weight:700}.pr-chart-expand-btn{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:5px;color:#6b7280;color:var(--ct-6b7280,#6b7280);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:3px 8px;transition:all .15s;white-space:nowrap}.pr-chart-expand-btn:hover{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#bfdbfe;border-color:var(--c-bfdbfe,#bfdbfe);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.pr-chart-legend{color:#374151;color:var(--ct-374151,#374151);display:flex;flex-wrap:wrap;font-size:11px;gap:8px;margin-top:10px}.pr-chart-legend span{align-items:center;display:flex;font-weight:500;gap:4px}.pr-chart-card--donut{display:flex;flex-direction:column;gap:0}.pr-donut-centered{align-items:center;display:flex;justify-content:center;padding:6px 0 2px}.pr-donut-rows{gap:8px;margin-top:12px}.pr-donut-row-item,.pr-donut-rows{display:flex;flex-direction:column;min-width:0}.pr-donut-row-item{gap:3px}.pr-donut-row-top{align-items:center;display:flex;gap:6px;min-width:0}.pr-donut-row-dot{border-radius:50%;flex-shrink:0;height:9px;width:9px}.pr-donut-row-label{color:#374151;color:var(--ct-374151,#374151);flex:1 1;font-size:11.5px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pr-donut-row-pct{font-weight:700;min-width:38px}.pr-donut-row-pct,.pr-donut-row-val{flex-shrink:0;font-size:11.5px;text-align:right}.pr-donut-row-val{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-weight:600;min-width:52px}.pr-donut-row-bar-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:99px;height:4px;overflow:hidden}.pr-donut-row-bar-fill{border-radius:99px;height:100%;transition:width .85s cubic-bezier(.16,1,.3,1)}.pr-donut-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.pr-donut-legend{display:flex;flex:1 1;flex-direction:column;gap:10px;min-width:120px}.pr-donut-item{align-items:center;color:#374151;color:var(--ct-374151,#374151);display:flex;font-size:12px;gap:8px}.pr-donut-item span:last-child{font-weight:600;margin-left:auto;white-space:nowrap}.pr-donut-dot{border-radius:50%;flex-shrink:0;height:11px;width:11px}.pr-chart-modal-overlay{align-items:center;animation:pr-modal-fade-in .18s ease;background:#0f172a8c;display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}@keyframes pr-modal-fade-in{0%{opacity:0}to{opacity:1}}.pr-chart-modal{animation:pr-modal-slide-in .2s ease;background:#fff;background:var(--c-fff,#fff);border-radius:16px;box-shadow:0 24px 64px #00000038;max-height:88vh;max-width:900px;min-width:560px;overflow-y:auto;padding:28px 32px 24px;width:92vw}@keyframes pr-modal-slide-in{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.pr-chart-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:14px}.pr-chart-modal-title{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:17px;font-weight:700}.pr-chart-modal-close{align-items:center;background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border:none;border-radius:8px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:flex;font-size:15px;height:32px;justify-content:center;transition:all .15s;width:32px}.pr-chart-modal-close:hover{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);color:#1e293b;color:var(--ct-1e293b,#1e293b)}.pr-chart-modal-body{width:100%}.pr-chart-modal-legend{font-size:13px;gap:12px;margin-top:18px}.pr-info-grid{grid-gap:8px 12px;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;display:grid;gap:8px 12px;grid-template-columns:repeat(4,1fr);margin-bottom:14px;padding:12px 14px}.pr-info-grid--top{grid-template-columns:repeat(5,1fr)}@media (max-width:1000px){.pr-info-grid--top{grid-template-columns:repeat(4,1fr)}}@media (max-width:800px){.pr-info-grid,.pr-info-grid--top{grid-template-columns:repeat(3,1fr)}}@media (max-width:520px){.pr-info-grid,.pr-info-grid--top{grid-template-columns:repeat(2,1fr)}}.pr-info-item{display:flex;flex-direction:column;gap:2px}.pr-info-key{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.pr-info-val{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:12px;font-weight:600}.pr-section{display:flex;flex-direction:column;gap:0}.pr-subtable-title{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--c-e2e8f0,#e2e8f0);color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:14px;font-weight:700;margin:20px 0 10px;padding-bottom:6px}.pr-table-wrap{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;overflow-x:auto}.pr-table{border-collapse:collapse;font-size:12.5px;width:100%}.pr-table thead tr{background:#1e293b;background:var(--c-1e293b,#1e293b)}.pr-table th{color:#fff;color:var(--ct-fff,#fff);font-size:11.5px;font-weight:600;padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:1}.pr-table tbody tr:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.pr-table tbody tr:nth-child(2n){background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.pr-table tbody tr:nth-child(2n):hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.pr-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#374151;color:var(--ct-374151,#374151);padding:9px 12px;white-space:nowrap}.pr-td-mono{font-family:Courier New,monospace;font-size:12px}.pr-td-num{font-weight:600;text-align:right}.pr-green{color:#059669;color:var(--ct-059669,#059669)}.pr-red{color:#dc2626;color:var(--ct-dc2626,#dc2626)}.pr-amber{color:#d97706;color:var(--ct-d97706,#d97706)}.pr-empty{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);padding:24px;text-align:center}.pr-badge{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:99px;color:#374151;color:var(--ct-374151,#374151);display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.pr-badge--approved,.pr-badge--completed,.pr-badge--paid{background:#dcfce7;background:var(--c-dcfce7,#dcfce7);color:#166534;color:var(--ct-166534,#166534)}.pr-badge--partially-paid,.pr-badge--pending{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);color:#92400e;color:var(--ct-92400e,#92400e)}.pr-badge--cancelled,.pr-badge--overdue{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#991b1b;color:var(--ct-991b1b,#991b1b)}.pr-badge--advance{background:#ede9fe;background:var(--c-ede9fe,#ede9fe);color:#5b21b6;color:var(--ct-5b21b6,#5b21b6)}.pr-badge--invoice,.pr-badge--invoice_payment{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.pr-badge--active,.pr-badge--delivered{background:#dcfce7;background:var(--c-dcfce7,#dcfce7);color:#166534;color:var(--ct-166534,#166534)}.pr-profit-breakdown{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;display:flex;flex-direction:column;gap:0;margin-bottom:18px;padding:16px 20px}.pr-breakdown-row{align-items:center;border-bottom:1px dashed #e2e8f0;border-bottom:1px dashed var(--c-e2e8f0,#e2e8f0);color:#374151;color:var(--ct-374151,#374151);display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.pr-breakdown-row>span:last-child{flex-shrink:0;min-width:140px;text-align:right}.pr-breakdown-row:last-child{border-bottom:none}.pr-breakdown-sub{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:13px;padding-left:16px}.pr-breakdown-result{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-radius:6px;color:#1e293b;color:var(--ct-1e293b,#1e293b);font-weight:600;margin:4px 0;padding:8px 12px}.pr-breakdown-final{border-radius:6px;font-size:15px;font-weight:700;margin-top:4px;padding:10px 12px}.pr-profit{background:#dcfce7;background:var(--c-dcfce7,#dcfce7);color:#166534;color:var(--ct-166534,#166534)}.pr-loss{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#991b1b;color:var(--ct-991b1b,#991b1b)}.pr-gst-box{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border:1.5px solid #bfdbfe;border:1.5px solid var(--c-bfdbfe,#bfdbfe);border-radius:8px;margin-bottom:18px;padding:16px 20px}.pr-gst-title{color:#1e40af;color:var(--ct-1e40af,#1e40af);font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:12px;text-transform:uppercase}.pr-gst-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width:600px){.pr-gst-row{grid-template-columns:1fr}}.pr-gst-row>div{display:flex;flex-direction:column;gap:4px}.pr-gst-row>div span{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:12px}.pr-gst-row>div strong{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:16px}.pr-empty-state{align-items:center;color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);display:flex;flex-direction:column;gap:12px;margin:48px auto;text-align:center}.pr-empty-state h3{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:18px;margin:0}.pr-empty-state p{font-size:14px;margin:0}.pr-selector-group .filter-trigger{border:1.5px solid #d1d5db;border:1.5px solid var(--c-d1d5db,#d1d5db);border-radius:6px;box-shadow:none;font-family:inherit;font-size:12px;height:32px;width:100%}.pr-selector-group .filter-trigger:hover:not(.filter-trigger--disabled){border-color:#9ca3af;border-color:var(--c-9ca3af,#9ca3af);box-shadow:none}.pr-selector-group .filter-trigger--open{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 0 0 2px #2563eb1a}.pr-selector-group .filter-trigger--disabled{background:#f9fafb;background:var(--c-f9fafb,#f9fafb);color:#9ca3af;color:var(--ct-9ca3af,#9ca3af)}[data-theme=dark] .pr-donut-total{fill:#e7ecf3}[data-theme=dark] .pr-donut-total-label{fill:#94a1b3}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;background-color:var(--c-f5f5f5,#f5f5f5);color:#1a1a1a;color:var(--ct-1a1a1a,#1a1a1a);line-height:1.6}.complete-solar-proposal{margin:0 auto;max-width:1200px;padding:20px}.proposal-header{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--c-2563eb,#2563eb) 0,var(--c-1d4ed8,#1d4ed8) 100%);border-radius:12px;box-shadow:0 4px 12px #2563eb4d;color:#fff;color:var(--ct-white,#fff);display:flex;justify-content:space-between;margin-bottom:32px;padding:24px 32px}.proposal-header h1{font-size:28px;font-weight:700;margin-bottom:4px}.proposal-header p{font-size:14px;opacity:.9}.header-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.btn-edit{background:#fff;background:var(--c-white,#fff);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.btn-edit:hover{background:#f0f0f0;background:var(--c-f0f0f0,#f0f0f0);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.btn-export{background:#059669;background:var(--c-059669,#059669);color:#fff;color:var(--ct-white,#fff)}.btn-export:hover{background:#047857;background:var(--c-047857,#047857);box-shadow:0 4px 8px #0596694d;transform:translateY(-2px)}.btn-edit:disabled,.btn-export:disabled{cursor:not-allowed;opacity:.6;transform:none}.export-status{align-items:center;background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border:2px solid #2563eb;border:2px solid var(--c-2563eb,#2563eb);border-radius:12px;display:flex;gap:16px;margin-bottom:32px;padding:24px}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-top:4px solid #2563eb;border:4px solid var(--c-e5e7eb,#e5e7eb);border-radius:50%;border-top-color:var(--c-2563eb,#2563eb);height:40px;width:40px}.export-status p{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-size:16px;font-weight:600}.document-container{display:flex;flex-direction:column;gap:32px}.document-page{background:#fff;background:var(--c-white,#fff);box-shadow:0 2px 8px #0000001a;min-height:1000px;padding:72px 96px;position:relative}.document-page.with-border{border:3px solid #2563eb;border:3px solid var(--c-2563eb,#2563eb);border-radius:8px}.page-header{margin-bottom:32px;padding-bottom:16px;position:relative;text-align:center}.company-logo{display:block;height:auto;margin-bottom:12px;margin-left:auto;margin-right:auto;max-width:150px}.company-name{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-size:16px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.header-divider{background:linear-gradient(90deg,#0000,#2563eb,#0000);background:linear-gradient(to right,#0000,var(--c-2563eb,#2563eb),#0000);height:3px;margin-top:12px}.doc-title{color:#1a1a1a;color:var(--ct-1a1a1a,#1a1a1a);font-size:36px;font-weight:700;letter-spacing:2px;margin-bottom:24px;text-align:center;text-transform:uppercase}.system-title{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-size:20px;font-weight:600;margin-bottom:48px;text-align:center}.client-information{background:#f8f9fa;background:var(--c-f8f9fa,#f8f9fa);border:2px solid #dee2e6;border:2px solid var(--c-dee2e6,#dee2e6);border-radius:8px;margin-bottom:48px;padding:32px}.client-information.edit-mode{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);border-color:#fbbf24;border-color:var(--c-fbbf24,#fbbf24)}.info-item{display:flex;font-size:16px;margin-bottom:12px}.info-item:last-child{margin-bottom:0}.info-label{color:#374151;color:var(--ct-374151,#374151);min-width:140px}.info-value{color:#1a1a1a;color:var(--ct-1a1a1a,#1a1a1a)}.content-section{margin-bottom:32px}.section-heading{border-bottom:3px solid #2563eb;border-bottom:3px solid var(--c-2563eb,#2563eb);color:#2563eb;color:var(--ct-2563eb,#2563eb);font-size:22px;font-weight:700;margin-bottom:16px;padding-bottom:8px}.subsection-heading{font-size:18px;font-weight:700;text-decoration:underline}.section-text,.subsection-heading{color:#1a1a1a;color:var(--ct-1a1a1a,#1a1a1a);margin-bottom:12px}.section-text{font-size:15px;line-height:1.8;text-align:justify}.footnote{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:12px;font-style:italic;margin-top:16px}.images-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-top:32px}.image-placeholder{aspect-ratio:4/3;background:#f8f9fa;background:var(--c-f8f9fa,#f8f9fa);border:2px solid #dee2e6;border:2px solid var(--c-dee2e6,#dee2e6);border-radius:8px;overflow:hidden}.image-placeholder img{height:100%;object-fit:cover;width:100%}.net-metering-diagram,.system-diagram{margin:24px 0}.full-width-image{border:2px solid #dee2e6;border:2px solid var(--c-dee2e6,#dee2e6);border-radius:8px;box-shadow:0 2px 8px #0000001a;height:auto;width:100%}.pricing-table-wrapper{margin:24px 0}.pricing-table-wrapper.edit-mode{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);border-radius:8px;padding:16px}.pricing-table{border-collapse:collapse;box-shadow:0 2px 8px #0000001a;font-size:15px;width:100%}.pricing-table thead{background:#2563eb;background:var(--c-2563eb,#2563eb);color:#fff;color:var(--ct-white,#fff)}.pricing-table th{font-weight:700;padding:16px;text-align:left}.pricing-table td{border:1px solid #dee2e6;border:1px solid var(--c-dee2e6,#dee2e6);padding:16px}.pricing-table tbody tr:nth-child(2){background:#fff;background:var(--c-white,#fff)}.pricing-table .amc-cell{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);color:#1e40af;color:var(--ct-1e40af,#1e40af);font-style:italic}.pricing-table .gst-cell{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);font-weight:700}.terms-list{list-style-type:disc;margin-left:24px;margin-top:12px}.terms-list li{font-size:15px;line-height:1.8;margin-bottom:12px;text-align:justify}.terms-list.small li{font-size:14px}.warranty-note{background:#f8f9fa;background:var(--c-f8f9fa,#f8f9fa);border-left:4px solid #2563eb;border-left:4px solid var(--c-2563eb,#2563eb);color:#374151;color:var(--ct-374151,#374151);font-size:13px;font-style:italic;font-weight:700;margin:24px 0;padding:16px}.warranty-table{border-collapse:collapse;font-size:14px;margin:24px 0;width:100%}.warranty-table thead{background:#f8f9fa;background:var(--c-f8f9fa,#f8f9fa)}.warranty-table td,.warranty-table th{border:1px solid #dee2e6;border:1px solid var(--c-dee2e6,#dee2e6);padding:14px;text-align:left}.warranty-table th{color:#374151;color:var(--ct-374151,#374151);font-weight:700}.bom-table{border-collapse:collapse;font-size:12px;margin:24px 0;width:100%}.bom-table thead{background:#2563eb;background:var(--c-2563eb,#2563eb);color:#fff;color:var(--ct-white,#fff)}.bom-table td,.bom-table th{border:1px solid #dee2e6;border:1px solid var(--c-dee2e6,#dee2e6);padding:10px;text-align:left}.bom-table th{font-weight:700}.bom-table tbody tr:nth-child(2n){background:#f8f9fa;background:var(--c-f8f9fa,#f8f9fa)}.bom-table tbody tr:hover{background:#eff6ff;background:var(--c-eff6ff,#eff6ff)}.document-footer{border-top:2px solid #dee2e6;border-top:2px solid var(--c-dee2e6,#dee2e6);margin-top:48px;padding-top:24px;text-align:center}.document-footer p{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:18px;font-weight:700}.modal-overlay{align-items:center;animation:fadeIn .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.edit-modal{animation:slideUp .3s;background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:100%}.modal-header{align-items:center;background:#f8f9fa;background:var(--c-f8f9fa,#f8f9fa);border-bottom:2px solid #dee2e6;border-bottom:2px solid var(--c-dee2e6,#dee2e6);border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:24px 32px}.modal-header h2{color:#1a1a1a;color:var(--ct-1a1a1a,#1a1a1a);font-size:24px;font-weight:700}.btn-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;color:var(--ct-6b7280,#6b7280);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.btn-close:hover{background:#e5e7eb;background:var(--c-e5e7eb,#e5e7eb);color:#1a1a1a;color:var(--ct-1a1a1a,#1a1a1a)}.modal-body{flex:1 1;overflow-y:auto;padding:32px}.form-section{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--c-e5e7eb,#e5e7eb);margin-bottom:32px;padding-bottom:32px}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{border-bottom:2px solid #2563eb;border-bottom:2px solid var(--c-2563eb,#2563eb);color:#2563eb;color:var(--ct-2563eb,#2563eb);font-size:18px;font-weight:700;padding-bottom:8px}.form-group,.form-section h3{margin-bottom:20px}.form-group label{color:#374151;color:var(--ct-374151,#374151);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{border:2px solid #dee2e6;border:2px solid var(--c-dee2e6,#dee2e6);border-radius:6px;font-family:inherit;font-size:15px;padding:12px 16px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-group small{color:#6b7280;color:var(--ct-6b7280,#6b7280);display:block;font-size:12px;margin-top:6px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.modal-footer{background:#f8f9fa;background:var(--c-f8f9fa,#f8f9fa);border-radius:0 0 12px 12px;border-top:2px solid #dee2e6;border-top:2px solid var(--c-dee2e6,#dee2e6);display:flex;gap:12px;justify-content:flex-end;padding:20px 32px}.btn-save{align-items:center;background:#2563eb;background:var(--c-2563eb,#2563eb);border:none;border-radius:8px;color:#fff;color:var(--ct-white,#fff);cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-save:hover{background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8);box-shadow:0 4px 8px #2563eb4d;transform:translateY(-2px)}.btn-cancel{background:#fff;background:var(--c-white,#fff);border:2px solid #dee2e6;border:2px solid var(--c-dee2e6,#dee2e6);border-radius:8px;color:#6b7280;color:var(--ct-6b7280,#6b7280);cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.btn-cancel:hover{background:#f8f9fa;background:var(--c-f8f9fa,#f8f9fa);border-color:#9ca3af;border-color:var(--c-9ca3af,#9ca3af);color:#374151;color:var(--ct-374151,#374151)}@media (max-width:768px){.proposal-header{flex-direction:column;gap:16px;text-align:center}.header-actions{flex-direction:column;width:100%}.header-actions button{justify-content:center;width:100%}.document-page{padding:40px 20px}.doc-title{font-size:28px}.system-title{font-size:18px}.form-row,.images-grid{grid-template-columns:1fr}.modal-body{padding:24px}.bom-table,.pricing-table,.warranty-table{font-size:12px}.bom-table td,.bom-table th,.pricing-table td,.pricing-table th,.warranty-table td,.warranty-table th{padding:8px}}@media print{.btn-edit,.btn-export,.export-status,.header-actions,.proposal-header{display:none}.document-page{border:none;box-shadow:none;page-break-after:always}.document-page:last-child{page-break-after:auto}.page-header{page-break-inside:avoid}body{background:#fff;background:var(--c-white,#fff)}}.users-page-container{padding:24px 24px 10px}.users-page-header{align-items:center;display:flex;justify-content:space-between}.users-page-header-left{flex:1 1}.users-page-title{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:28px;font-weight:700}.users-page-subtitle{color:#64748b;color:var(--ct-64748b,#64748b);font-size:14px}.users-page-tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--c-e2e8f0,#e2e8f0);display:flex;gap:8px;margin-bottom:24px}.users-page-tab{background:none;border:none;border-bottom:3px solid #0000;color:#718096;color:var(--ct-718096,#718096);cursor:pointer;font-size:15px;font-weight:600;margin-bottom:-2px;padding:12px 24px;transition:all .2s}.users-page-tab-active,.users-page-tab:hover{color:#4f46e5;color:var(--ct-4f46e5,#4f46e5)}.users-page-tab-active{border-bottom-color:#4f46e5;border-bottom-color:var(--c-4f46e5,#4f46e5)}.users-page-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.users-page-btn-primary{background:#4f46e5;background:var(--c-4f46e5,#4f46e5);color:#fff;color:var(--ct-white,#fff)}.users-page-btn-primary:hover{background:#4338ca;background:var(--c-4338ca,#4338ca);box-shadow:0 4px 12px #4f46e566;transform:translateY(-1px)}.users-page-btn-secondary{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);color:#4a5568;color:var(--ct-4a5568,#4a5568)}.users-page-btn-secondary:hover{background:#cbd5e0;background:var(--c-cbd5e0,#cbd5e0)}.users-page-btn-sm{font-size:14px;padding:8px 16px}.users-page-btn:disabled{cursor:not-allowed;opacity:.6}.users-page-icon{font-size:20px;line-height:1}.users-page-filters{display:flex;gap:16px;margin-bottom:10px}.users-page-search-box{flex:1 1;max-width:400px;position:relative}.users-page-search-input{border:2px solid #e2e8f0;border:2px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;font-size:14px;padding:12px 16px 12px 44px;transition:border-color .2s;width:100%}.users-page-search-input:focus{border-color:#4f46e5;border-color:var(--c-4f46e5,#4f46e5);outline:none}.users-page-search-icon{color:#a0aec0;color:var(--ct-a0aec0,#a0aec0);font-size:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.users-page-filter-select{background:#fff;background:var(--c-white,#fff);border:2px solid #e2e8f0;border:2px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;cursor:pointer;font-size:14px;min-width:200px;padding:12px 16px}.users-page-filter-select:focus{border-color:#4f46e5;border-color:var(--c-4f46e5,#4f46e5);outline:none}.users-page-role-filter{flex-shrink:0;width:200px}.users-page-role-filter .filter-trigger{height:44px;width:100%}.pagination-row-selector .filter-trigger{font-size:13px;height:36px;width:110px}.users-page-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px}.users-page-stat-card{background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;text-align:center}.users-page-stat-number{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:28px;font-weight:700;margin-bottom:4px}.users-page-stat-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:13px;font-weight:500}.users-page-roles-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:24px}.users-page-role-card{background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:transform .2s,box-shadow .2s}.users-page-role-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.users-page-role-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.users-page-role-name{color:#1a202c;color:var(--ct-1a202c,#1a202c);font-size:20px;font-weight:700;margin:0 0 4px}.users-page-role-description{color:#718096;color:var(--ct-718096,#718096);font-size:14px;line-height:1.5;margin:0}.users-page-role-stats{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;gap:24px;margin-bottom:16px;padding:16px 0}.users-page-role-stat{align-items:center;display:flex;gap:8px}.users-page-role-stat-label{color:#718096;color:var(--ct-718096,#718096);font-size:14px}.users-page-role-stat-value{color:#4f46e5;color:var(--ct-4f46e5,#4f46e5);font-size:16px;font-weight:700}.users-page-role-actions{display:flex;gap:12px}.users-page-role-actions .users-page-btn{flex:1 1}.users-page-table-container{background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden}.users-page-table-wrapper{-webkit-overflow-scrolling:touch;max-height:530px;overflow-x:auto;overflow-y:auto;position:relative}.users-page-table-wrapper::-webkit-scrollbar{height:5px;width:5px}.users-page-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.users-page-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:4px}.users-page-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--c-94a3b8,#94a3b8)}.users-page-table{border-collapse:collapse;width:100%}.users-page-table thead{background:#f7fafc;background:var(--c-f7fafc,#f7fafc)}.users-page-table th,.users-page-table thead{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--c-e2e8f0,#e2e8f0)}.users-page-table th{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);color:#475569;color:var(--ct-475569,#475569);font-size:13px;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.users-page-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:14px;padding:13px;text-align:center}.users-page-table tbody tr{transition:background-color .15s}.users-page-table tbody tr:hover{background:#f7fafc;background:var(--c-f7fafc,#f7fafc)}.users-page-row-inactive{opacity:.5}@media (max-width:1200px){.users-page-table{min-width:1000px}.users-page-table tbody td:first-child,.users-page-table thead th:first-child{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);box-shadow:2px 0 6px -2px #00000014;left:0;position:-webkit-sticky;position:sticky;z-index:2}.users-page-table tbody td:first-child{background:#fff;background:var(--c-fff,#fff)}.users-page-table tbody tr:hover td:first-child{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.users-page-table tbody tr.users-page-row-inactive td:first-child{background:#fafafa;background:var(--c-fafafa,#fafafa)}}@media (max-width:900px){.users-page-table-wrapper{max-height:420px}}@media (max-width:640px){.users-page-table-wrapper{max-height:380px;overflow-x:visible}}.users-page-user-info{align-items:center;display:flex;gap:12px}.users-page-user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--c-667eea,#667eea) 0,var(--c-764ba2,#764ba2) 100%);border-radius:50%;color:#fff;color:var(--ct-white,#fff);display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.users-page-user-name{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:14px;font-weight:600;margin-bottom:2px}.users-page-user-username{color:#64748b;color:var(--ct-64748b,#64748b);font-size:13px}.users-page-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.users-page-badge-role-1{background:#fed7d7;background:var(--c-fed7d7,#fed7d7);color:#c53030;color:var(--ct-c53030,#c53030)}.users-page-badge-role-2{background:#feebc8;background:var(--c-feebc8,#feebc8);color:#c05621;color:var(--ct-c05621,#c05621)}.users-page-badge-role-3{background:#c6f6d5;background:var(--c-c6f6d5,#c6f6d5);color:#22543d;color:var(--ct-22543d,#22543d)}.users-page-badge-role-4{background:#bee3f8;background:var(--c-bee3f8,#bee3f8);color:#2c5282;color:var(--ct-2c5282,#2c5282)}.users-page-badge-role-5{background:#e9d8fd;background:var(--c-e9d8fd,#e9d8fd);color:#553c9a;color:var(--ct-553c9a,#553c9a)}.users-page-badge-role-6{background:#fed7e2;background:var(--c-fed7e2,#fed7e2);color:#97266d;color:var(--ct-97266d,#97266d)}.users-page-status-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.users-page-status-active{background-color:#c6f6d5;background-color:var(--c-c6f6d5,#c6f6d5);color:#22543d;color:var(--ct-22543d,#22543d)}.users-page-status-inactive{background-color:#fed7d7;background-color:var(--c-fed7d7,#fed7d7);color:#c53030;color:var(--ct-c53030,#c53030)}.users-page-toggle{display:inline-block;height:26px;position:relative;width:48px}.users-page-toggle-small{height:22px;width:40px}.users-page-toggle input{height:0;opacity:0;width:0}.users-page-toggle-slider{background-color:#cbd5e0;background-color:var(--c-cbd5e0,#cbd5e0);border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.users-page-toggle-slider:before{background-color:#fff;background-color:var(--c-white,#fff);border-radius:50%;bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}.users-page-toggle-small .users-page-toggle-slider:before{height:16px;width:16px}.users-page-toggle input:checked+.users-page-toggle-slider{background-color:#48bb78;background-color:var(--c-48bb78,#48bb78)}.users-page-toggle input:checked+.users-page-toggle-slider:before{transform:translateX(22px)}.users-page-toggle-small input:checked+.users-page-toggle-slider:before{transform:translateX(18px)}.users-page-actions{display:flex;gap:8px;justify-content:center}.users-page-btn-icon{align-items:center;background:none;border:none;border-radius:6px;color:#4a5568;color:var(--ct-4a5568,#4a5568);cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;transition:all .2s}.users-page-btn-icon:hover{background:#edf2f7;background:var(--c-edf2f7,#edf2f7)}.users-page-btn-icon-edit{color:#4f46e5;color:var(--ct-4f46e5,#4f46e5)}.users-page-btn-icon-edit:hover{background:#eef2ff;background:var(--c-eef2ff,#eef2ff);color:#4338ca;color:var(--ct-4338ca,#4338ca)}.users-page-btn-icon-delete{color:#e53e3e;color:var(--ct-e53e3e,#e53e3e)}.users-page-btn-icon-delete:hover{background:#fff5f5;background:var(--c-fff5f5,#fff5f5);color:#c53030;color:var(--ct-c53030,#c53030)}.users-page-btn-danger:hover{background:#fed7d7;background:var(--c-fed7d7,#fed7d7)}.users-page-btn-link{background:none;border:none;color:#4f46e5;color:var(--ct-4f46e5,#4f46e5);cursor:pointer;font-size:13px;padding:0;text-decoration:underline}.users-page-btn-link:hover{color:#4338ca;color:var(--ct-4338ca,#4338ca)}.users-page-perm-count{cursor:pointer;display:inline-block;font-size:12px;font-weight:600;padding:5px 10px;transition:opacity .15s;-webkit-user-select:none;user-select:none}.users-page-perm-count:hover{opacity:.75}.users-page-perm-count--page{background:#eef2ff;background:var(--c-eef2ff,#eef2ff);color:#4338ca;color:var(--ct-4338ca,#4338ca)}.users-page-perm-count--menu{background:#f0fdfa;background:var(--c-f0fdfa,#f0fdfa);color:#0d9488;color:var(--ct-0d9488,#0d9488)}.users-perm-tooltip-wrap{display:inline-block;position:relative}.users-perm-tooltip{align-items:center;border-radius:7px;bottom:calc(100% + 8px);box-shadow:0 4px 14px #00000021;display:flex;font-size:11.5px;font-weight:600;gap:5px;left:50%;opacity:0;padding:6px 11px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(4px);transition:opacity .18s ease,transform .18s ease;white-space:nowrap;z-index:9999}.users-perm-tooltip:after{border:5px solid #0000;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.users-perm-tooltip--page{background:#4338ca;background:var(--c-4338ca,#4338ca);color:#fff;color:var(--ct-fff,#fff)}.users-perm-tooltip--page:after{border-top-color:#4338ca;border-top-color:var(--c-4338ca,#4338ca)}.users-perm-tooltip--menu{background:#0d9488;background:var(--c-0d9488,#0d9488);color:#fff;color:var(--ct-fff,#fff)}.users-perm-tooltip--menu:after{border-top-color:#0d9488;border-top-color:var(--c-0d9488,#0d9488)}.users-perm-tooltip-wrap:hover .users-perm-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}.users-page-loading{color:#718096;color:var(--ct-718096,#718096);font-size:16px;padding:60px;text-align:center}.users-page-empty-state{color:#64748b;color:var(--ct-64748b,#64748b);font-size:14px;padding:60px;text-align:center}.users-page-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.users-page-modal{background:#fff;background:var(--c-white,#fff);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.users-page-modal-large{max-width:900px}.users-page-modal-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;justify-content:space-between;padding:24px}.users-page-modal-header h2{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:20px;font-weight:600;margin:0}.users-page-modal-subtitle{color:#64748b;color:var(--ct-64748b,#64748b);font-size:13px;margin:4px 0 0}.users-page-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#a0aec0;color:var(--ct-a0aec0,#a0aec0);cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;width:32px}.users-page-modal-close:hover{background:#edf2f7;background:var(--c-edf2f7,#edf2f7);color:#4a5568;color:var(--ct-4a5568,#4a5568)}.users-page-modal-body{max-height:calc(90vh - 180px);overflow-y:auto;padding:24px}.users-page-modal-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.users-page-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.users-page-form-group{margin-bottom:16px}.users-page-form-group label,.users-page-section-label{color:#475569;color:var(--ct-475569,#475569);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.users-page-section-label{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--c-e2e8f0,#e2e8f0);font-size:16px;margin-bottom:16px;padding-bottom:8px}.users-page-permission-module-header .users-page-section-label{border-bottom:none;margin-bottom:0;padding-bottom:0}.users-page-form-group input,.users-page-form-group select{border:2px solid #e2e8f0;border:2px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.users-page-form-group input:focus,.users-page-form-group select:focus{border-color:#4f46e5;border-color:var(--c-4f46e5,#4f46e5);outline:none}.users-page-checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:8px}.users-page-checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.users-page-menu-permissions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.users-page-menu-permission-item{background:#f7fafc;background:var(--c-f7fafc,#f7fafc);border:2px solid #e2e8f0;border:2px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;padding:16px;transition:all .2s}.users-page-menu-permission-item:hover{background:#edf2f7;background:var(--c-edf2f7,#edf2f7);border-color:#cbd5e0;border-color:var(--c-cbd5e0,#cbd5e0)}.users-page-toggle-label{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:4px}.users-page-menu-permission-name{color:#475569;color:var(--ct-475569,#475569);font-size:14px;font-weight:500}.users-page-menu-permission-desc{color:#718096;color:var(--ct-718096,#718096);font-size:12px;line-height:1.4;margin:0}.users-page-permissions-summary{align-items:center;background:#f7fafc;background:var(--c-f7fafc,#f7fafc);border-radius:8px;color:#0f172a;color:var(--ct-0f172a,#0f172a);display:flex;flex-wrap:wrap;font-size:14px;gap:8px;justify-content:space-between;margin-bottom:24px;padding:16px}.users-page-permission-group{margin-bottom:24px}.users-page-permission-module{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--c-e2e8f0,#e2e8f0);color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:14px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.users-page-permission-module-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.users-page-btn-select-all{background:none;border:none;border-radius:4px;color:#4f46e5;color:var(--ct-4f46e5,#4f46e5);cursor:pointer;font-size:13px;font-weight:600;padding:4px 8px}.users-page-btn-select-all:hover{background:#eef2ff;background:var(--c-eef2ff,#eef2ff)}.users-page-permission-list{grid-gap:8px;display:grid;gap:8px}.users-page-permission-item{align-items:flex-start;background:#f7fafc;background:var(--c-f7fafc,#f7fafc);border-radius:8px;display:flex;gap:12px;padding:12px}.users-page-permission-check{color:#48bb78;color:var(--ct-48bb78,#48bb78);font-size:18px;font-weight:700;line-height:1}.users-page-permission-details{flex:1 1}.users-page-permission-name{color:#2d3748;color:var(--ct-2d3748,#2d3748);font-size:14px;font-weight:600;margin-bottom:2px}.users-page-permission-desc{color:#64748b;color:var(--ct-64748b,#64748b);font-size:13px}.users-page-permission-toggles{grid-gap:8px;display:grid;gap:8px}.users-page-permission-toggle-item{background:#f7fafc;background:var(--c-f7fafc,#f7fafc);border:2px solid #e2e8f0;border:2px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;padding:12px 16px;transition:all .2s}.users-page-permission-toggle-item:hover{background:#edf2f7;background:var(--c-edf2f7,#edf2f7);border-color:#cbd5e0;border-color:var(--c-cbd5e0,#cbd5e0)}.users-page-permission-toggle-item .users-page-toggle-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:0}.users-page-permission-toggle-details{flex:1 1;margin-right:12px}.toast-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:99999}.toast{animation:slideIn .3s ease-out;background:#fff;background:var(--c-white,#fff);border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;min-width:300px;overflow:hidden;pointer-events:all;position:relative;z-index:99999}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.toast-success{border-left:4px solid #22c55e;border-left:4px solid var(--c-22c55e,#22c55e)}.toast-error{border-left:4px solid #ef4444;border-left:4px solid var(--c-ef4444,#ef4444)}.toast-notification{border-left:4px solid #3b82f6;border-left:4px solid var(--c-3b82f6,#3b82f6)}.toast-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--c-e5e7eb,#e5e7eb);gap:8px;padding:12px 16px}.toast-header,.toast-icon{align-items:center;display:flex}.toast-icon{border-radius:50%;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.toast-success .toast-icon{background:#dcfce7;background:var(--c-dcfce7,#dcfce7);color:#16a34a;color:var(--ct-16a34a,#16a34a)}.toast-error .toast-icon{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#dc2626;color:var(--ct-dc2626,#dc2626)}.toast-notification .toast-icon{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.toast-title{color:#1f2937;color:var(--ct-1f2937,#1f2937);flex:1 1;font-size:14px;font-weight:600}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:28px;justify-content:center;line-height:1;padding:4px;pointer-events:all;position:relative;transition:all .2s;width:28px;z-index:1}.toast-close:hover{background:#f3f4f6;background:var(--c-f3f4f6,#f3f4f6);color:#4b5563;color:var(--ct-4b5563,#4b5563)}.toast-close:active{transform:scale(.95)}.toast-body{color:#4b5563;color:var(--ct-4b5563,#4b5563);font-size:14px;line-height:1.5;padding:12px 16px}.confirm-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.confirm-modal{animation:slideUp .3s ease-out;background:#fff;background:var(--c-white,#fff);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;padding:32px;text-align:center;width:90%}.confirm-modal-icon{align-items:center;border-radius:50%;display:flex;font-size:32px;font-weight:700;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.confirm-modal-icon-danger{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#dc2626;color:var(--ct-dc2626,#dc2626)}.confirm-modal-icon-warning{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);color:#f59e0b;color:var(--ct-f59e0b,#f59e0b)}.confirm-modal-icon-info{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.confirm-modal-title{color:#1f2937;color:var(--ct-1f2937,#1f2937);font-size:24px;font-weight:700;margin:0 0 12px}.confirm-modal-message{color:#4b5563;color:var(--ct-4b5563,#4b5563);font-size:15px;line-height:1.5;margin:0 0 8px}.confirm-modal-warning{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-size:13px;margin:0 0 24px}.confirm-modal-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.confirm-modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s ease}.confirm-modal-btn-cancel{background:#f3f4f6;background:var(--c-f3f4f6,#f3f4f6);color:#374151;color:var(--ct-374151,#374151)}.confirm-modal-btn-cancel:hover{background:#e5e7eb;background:var(--c-e5e7eb,#e5e7eb)}.confirm-modal-btn-confirm{color:#fff;color:var(--ct-white,#fff)}.confirm-modal-btn-danger{background:#dc2626;background:var(--c-dc2626,#dc2626)}.confirm-modal-btn-danger:hover{background:#b91c1c;background:var(--c-b91c1c,#b91c1c)}.confirm-modal-btn-warning{background:#f59e0b;background:var(--c-f59e0b,#f59e0b)}.confirm-modal-btn-warning:hover{background:#d97706;background:var(--c-d97706,#d97706)}.confirm-modal-btn-info{background:#2563eb;background:var(--c-2563eb,#2563eb)}.confirm-modal-btn-info:hover{background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8)}@media (max-width:1024px){.users-page-table-container{overflow-x:auto}.users-page-table{min-width:1200px}.users-page-roles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.users-page-menu-permissions-grid{grid-template-columns:1fr}}@media (max-width:768px){.users-page-header{align-items:flex-start;gap:16px}.users-page-filters,.users-page-header{flex-direction:column}.users-page-search-box{max-width:100%}.users-page-stats{grid-template-columns:repeat(2,1fr)}.users-page-form-row{grid-template-columns:1fr}.users-page-modal{border-radius:0;margin:0;max-height:100vh;max-width:100%}.users-page-menu-permissions-grid,.users-page-roles-grid{grid-template-columns:1fr}}@media (max-width:480px){.users-page-container{padding:16px}.users-page-title{font-size:24px}.users-page-stats{grid-template-columns:1fr}.users-page-stat-number{font-size:28px}.users-page-role-actions{flex-direction:column}.users-page-menu-permissions-grid{grid-template-columns:1fr}.users-page-actions{flex-wrap:wrap}.confirm-modal{padding:24px}.confirm-modal-title{font-size:20px}.confirm-modal-actions{grid-template-columns:1fr}}.pagination-footer{align-items:center;background-color:#fff;background-color:var(--c-ffffff,#fff);border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);color:#4a5568;color:var(--ct-4a5568,#4a5568);display:flex;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;justify-content:space-between;padding:16px 24px}.pagination-info{color:#718096;color:var(--ct-718096,#718096)}.pagination-controls{align-items:center;display:flex;gap:16px}.pagination-select{background-color:#fff;background-color:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#2d3748;color:var(--ct-2d3748,#2d3748);cursor:pointer;outline:none;padding:6px 12px;transition:border-color .2s}.pagination-select:hover{border-color:#cbd5e0;border-color:var(--c-cbd5e0,#cbd5e0)}.pagination-nav{align-items:center;display:flex;gap:12px}.pagination-btn{background-color:#fff;background-color:var(--c-ffffff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#4a5568;color:var(--ct-4a5568,#4a5568);cursor:pointer;font-weight:500;padding:6px 16px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#f7fafc;background-color:var(--c-f7fafc,#f7fafc);border-color:#cbd5e0;border-color:var(--c-cbd5e0,#cbd5e0);color:#2d3748;color:var(--ct-2d3748,#2d3748)}.pagination-btn:disabled{background-color:#edf2f7;background-color:var(--c-edf2f7,#edf2f7);border-color:#edf2f7;border-color:var(--c-edf2f7,#edf2f7);color:#a0aec0;color:var(--ct-a0aec0,#a0aec0);cursor:not-allowed}.pagination-current{color:#2d3748;color:var(--ct-2d3748,#2d3748);min-width:80px;text-align:center}.pagination-current strong{color:#1a202c;color:var(--ct-1a202c,#1a202c);font-weight:600}@media (max-width:768px){.pagination-footer{gap:16px;text-align:center}.pagination-controls,.pagination-footer{flex-direction:column}}.tooltip-wrapper{display:inline-block;position:relative}.tooltip{background-color:#1f2937;background-color:var(--c-1f2937,#1f2937);border-radius:6px;bottom:120%;color:#fff;color:var(--ct-ffffff,#fff);font-size:12px;opacity:0;padding:6px 10px;pointer-events:none;transition:opacity .2s ease,transform .2s ease;visibility:hidden;white-space:nowrap;z-index:1000}.tooltip,.tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.tooltip:after{border:6px solid #0000;border-top-color:#1f2937;border-color:var(--c-1f2937,#1f2937) #0000 #0000 #0000;content:"";top:100%}.tooltip-wrapper:hover .tooltip{opacity:1;transform:translateX(-50%) translateY(-4px);visibility:visible}[data-theme=dark] .users-page-search-input{background-color:#161b27;border-color:#2b3445;color:#e7ecf3}[data-theme=dark] .users-page-search-input::placeholder{color:#8893a7}[data-theme=dark] .users-page-search-input:focus{border-color:#8589f3;box-shadow:0 0 0 2px #6366f138}:root{--da-primary:var(--c-2563eb,#2563eb);--da-primary-lt:var(--c-eff6ff,#eff6ff);--da-success:var(--c-16a34a,#16a34a);--da-success-lt:var(--c-f0fdf4,#f0fdf4);--da-danger:var(--c-dc2626,#dc2626);--da-danger-lt:var(--c-fef2f2,#fef2f2);--da-warning:var(--c-d97706,#d97706);--da-warning-lt:var(--c-fffbeb,#fffbeb);--da-text:var(--c-0f172a,#0f172a);--da-sub:var(--c-475569,#475569);--da-muted:var(--c-94a3b8,#94a3b8);--da-border:var(--c-e2e8f0,#e2e8f0);--da-surface:var(--c-ffffff,#fff);--da-bg:var(--c-f8fafc,#f8fafc);--da-radius:8px;--da-shadow:0 1px 3px #0f172a12,0 1px 2px #0f172a0f;--da-shadow-lg:0 4px 16px #0f172a1a,0 2px 6px #0f172a12;--da-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.da-header{align-items:flex-start;background:#fff;background:var(--da-surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--da-border);box-shadow:0 1px 3px #0f172a12,0 1px 2px #0f172a0f;box-shadow:var(--da-shadow);display:flex;justify-content:space-between;padding:24px 28px 16px}.da-breadcrumb{color:#94a3b8;color:var(--da-muted);font-size:11px;margin:0 0 6px}.da-title{color:#0f172a;color:var(--da-text);font-size:22px;font-weight:700;margin:0 0 4px}.da-subtitle{color:#475569;color:var(--da-sub);font-size:12px;line-height:1.5;margin:0}.da-tabs-bar{align-items:center;background:#fff;background:var(--da-surface);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--da-border);display:flex;gap:2px;padding:0 28px}.da-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#475569;color:var(--da-sub);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:7px;margin-bottom:-2px;padding:12px 18px;transition:color .15s,border-color .15s;white-space:nowrap}.da-tab.active,.da-tab:hover{color:#2563eb;color:var(--da-primary)}.da-tab.active{border-bottom-color:#2563eb;border-bottom-color:var(--da-primary)}.da-tab-count{align-items:center;background:#e2e8f0;background:var(--da-border);border-radius:10px;color:#475569;color:var(--da-sub);display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 5px;transition:background .15s,color .15s}.da-tab.active .da-tab-count{background:#eff6ff;background:var(--da-primary-lt);color:#2563eb;color:var(--da-primary)}.da-body{grid-gap:20px;align-items:flex-start;display:grid;gap:20px;grid-template-columns:380px 1fr;padding:20px 28px 28px}@media (max-width:900px){.da-body{grid-template-columns:1fr}}.da-form-panel{position:-webkit-sticky;position:sticky;top:20px}.da-form-card{background:#fff;background:var(--da-surface);border:1px solid #e2e8f0;border:1px solid var(--da-border);border-radius:8px;border-radius:var(--da-radius);box-shadow:0 1px 3px #0f172a12,0 1px 2px #0f172a0f;box-shadow:var(--da-shadow);overflow:hidden}.da-form-card-hd{align-items:center;background:#f8fafc;background:var(--da-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--da-border);display:flex;justify-content:space-between;padding:14px 18px}.da-form-card-title{color:#0f172a;color:var(--da-text);font-size:14px;font-weight:700}.da-form{display:flex;flex-direction:column;gap:14px;padding:18px}.da-row2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:500px){.da-row2{grid-template-columns:1fr}}.da-field{display:flex;flex-direction:column;gap:5px}.da-field label{color:#475569;color:var(--da-sub);font-size:12px;font-weight:600;letter-spacing:.02em}.da-req{color:#ef4444;color:var(--ct-ef4444,#ef4444);margin-left:2px}.da-field input,.da-field select,.da-field textarea{background:#f8fafc;background:var(--da-bg);border:1px solid #e2e8f0;border:1px solid var(--da-border);border-radius:6px;color:#0f172a;color:var(--da-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--da-font);font-size:13px;outline:none;padding:8px 10px;resize:vertical;transition:border-color .15s,box-shadow .15s}.da-field input:focus,.da-field select:focus,.da-field textarea:focus{background:#fff;background:var(--da-surface);border-color:#2563eb;border-color:var(--da-primary);box-shadow:0 0 0 3px #2563eb1a}.da-field input:disabled,.da-field select:disabled{cursor:not-allowed;opacity:.55}.da-check{align-items:center;color:#475569;color:var(--da-sub);cursor:pointer;display:flex;font-size:13px;gap:8px;-webkit-user-select:none;user-select:none}.da-check input[type=checkbox]{accent-color:#2563eb;accent-color:var(--da-primary);cursor:pointer;height:15px;width:15px}.da-form-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--da-border);display:flex;gap:8px;margin-top:4px;padding-top:4px}.da-table-card{background:#fff;background:var(--da-surface);border:1px solid #e2e8f0;border:1px solid var(--da-border);border-radius:8px;border-radius:var(--da-radius);box-shadow:0 1px 3px #0f172a12,0 1px 2px #0f172a0f;box-shadow:var(--da-shadow);display:flex;flex-direction:column;overflow:hidden}.da-toolbar{background:#f8fafc;background:var(--da-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--da-border);flex-shrink:0;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.da-search-wrap,.da-toolbar{align-items:center;display:flex}.da-search-wrap{flex:1 1;max-width:320px;min-width:180px;position:relative}.da-search-icon{color:#94a3b8;color:var(--da-muted);left:9px;pointer-events:none;position:absolute}.da-search{background:#fff;background:var(--da-surface);border:1px solid #e2e8f0;border:1px solid var(--da-border);border-radius:6px;color:#0f172a;color:var(--da-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--da-font);font-size:13px;outline:none;padding:7px 10px 7px 30px;transition:border-color .15s,box-shadow .15s;width:100%}.da-search:focus{border-color:#2563eb;border-color:var(--da-primary);box-shadow:0 0 0 3px #2563eb1a}.da-toolbar-right{align-items:center;display:flex;gap:8px}.da-count-pill{background:#f8fafc;background:var(--da-bg);border:1px solid #e2e8f0;border:1px solid var(--da-border);border-radius:12px;color:#475569;color:var(--da-sub);font-size:12px;font-weight:600;padding:3px 10px}.da-tbl-scroll{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-x:auto;overflow-y:auto;scrollbar-color:#cbd5e1 #0000;scrollbar-color:var(--c-cbd5e1,#cbd5e1) #0000;scrollbar-width:thin}.da-tbl-scroll::-webkit-scrollbar{height:5px;width:5px}.da-tbl-scroll::-webkit-scrollbar-track{background:#0000}.da-tbl-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:4px}.da-tbl-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--c-94a3b8,#94a3b8)}.da-tbl{border-collapse:collapse;font-size:13px;min-width:560px;width:100%}.da-tbl thead th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--da-border);box-shadow:0 1px 0 #e2e8f0;box-shadow:0 1px 0 var(--da-border);color:#94a3b8;color:var(--da-muted);font-size:11px;font-weight:700;letter-spacing:.05em;padding:10px 14px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:2}.da-tbl tbody tr:hover td,.da-tbl thead th{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.da-tbl tbody tr:last-child td{border-bottom:none}.da-tbl td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#0f172a;color:var(--da-text);padding:10px 14px;vertical-align:middle}.da-mono{color:#475569;color:var(--da-sub);font-family:Courier New,monospace;font-size:12px}.da-bold{color:#0f172a;color:var(--da-text);font-weight:600}.da-muted{color:#94a3b8;color:var(--da-muted);font-size:12px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.da-amount{font-feature-settings:"tnum";color:#0f172a;color:var(--da-text);font-variant-numeric:tabular-nums;font-weight:600}.da-tbl-footer{font-size:12px;padding:10px 16px}.da-tbl-footer strong{color:#0f172a;color:var(--da-text)}.da-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 8px;white-space:nowrap}.da-green{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);color:#16a34a;color:var(--ct-16a34a,#16a34a)}.da-red{background:#fef2f2;background:var(--c-fef2f2,#fef2f2);color:#dc2626;color:var(--ct-dc2626,#dc2626)}.da-amber{background:#fffbeb;background:var(--da-warning-lt);color:#d97706;color:var(--da-warning)}.da-status-planning{background:#fffbeb;background:var(--c-fffbeb,#fffbeb);color:#92400e;color:var(--ct-92400e,#92400e)}.da-status-in_progress{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8)}.da-status-completed{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);color:#16a34a;color:var(--ct-16a34a,#16a34a)}.da-status-on_hold{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);color:#b45309;color:var(--ct-b45309,#b45309)}.da-status-cancelled{color:#64748b;color:var(--ct-64748b,#64748b)}.da-chip,.da-status-cancelled{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.da-chip{align-items:center;border-radius:6px;color:#475569;color:var(--da-sub);display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:2px 8px;white-space:nowrap}.da-chip-blue{background:#eff6ff;background:var(--da-primary-lt);color:#2563eb;color:var(--da-primary)}.da-acts{display:flex;gap:6px}.da-act,.da-acts{align-items:center}.da-act{background:#0000;border:1.5px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;height:28px;justify-content:center;transition:background .12s,border-color .12s,transform .1s;width:28px}.da-act:hover{transform:translateY(-1px)}.da-act-edit{background:#fffbeb;background:var(--c-fffbeb,#fffbeb);border-color:#fcd34d;border-color:var(--c-fcd34d,#fcd34d);color:#d97706;color:var(--ct-d97706,#d97706)}.da-act-edit:hover{background:#fef3c7;background:var(--c-fef3c7,#fef3c7)}.da-act-del{background:#fef2f2;background:var(--c-fef2f2,#fef2f2);border-color:#fca5a5;border-color:var(--c-fca5a5,#fca5a5);color:#dc2626;color:var(--ct-dc2626,#dc2626)}.da-act-del:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2)}.da-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--da-radius);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--da-font);font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:opacity .15s,transform .1s,box-shadow .15s;white-space:nowrap}.da-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.da-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.da-btn-primary{background:#2563eb;background:var(--da-primary);color:#fff;color:var(--ct-fff,#fff)}.da-btn-primary:hover:not(:disabled){box-shadow:0 3px 8px #2563eb4d}.da-btn-ghost{background:#f8fafc;background:var(--da-bg);border:1px solid #e2e8f0;border:1px solid var(--da-border);color:#475569;color:var(--da-sub)}.da-btn-danger{background:#dc2626;background:var(--da-danger);color:#fff;color:var(--ct-fff,#fff)}.da-btn-danger:hover:not(:disabled){box-shadow:0 3px 8px #dc26264d}.da-btn-icon{background:#f8fafc;background:var(--da-bg);border:1px solid #e2e8f0;border:1px solid var(--da-border);padding:7px 9px}.da-btn-icon,.da-icon-btn{color:#94a3b8;color:var(--da-muted)}.da-icon-btn{align-items:center;background:#fff;background:var(--da-surface);border:1px solid #e2e8f0;border:1px solid var(--da-border);border-radius:6px;cursor:pointer;display:inline-flex;height:26px;justify-content:center;transition:background .12s,color .12s;width:26px}.da-icon-btn:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);border-color:#fca5a5;border-color:var(--c-fca5a5,#fca5a5);color:#dc2626;color:var(--da-danger)}.da-spin{animation:da-rotate .7s linear infinite}@keyframes da-rotate{to{transform:rotate(1turn)}}.da-overlay{align-items:center;animation:da-fade .15s ease;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}@keyframes da-fade{0%{opacity:0}to{opacity:1}}.da-modal{animation:da-pop .18s ease;background:#fff;background:var(--da-surface);border-radius:14px;box-shadow:0 4px 16px #0f172a1a,0 2px 6px #0f172a12;box-shadow:var(--da-shadow-lg);padding:36px 32px 28px;text-align:center;width:min(420px,94vw)}@keyframes da-pop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.da-modal-icon{align-items:center;background:#fef2f2;background:var(--c-fef2f2,#fef2f2);border:1px solid #fecaca;border:1px solid var(--c-fecaca,#fecaca);border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.da-modal-title{color:#0f172a;color:var(--da-text);font-size:20px;font-weight:700;margin:0 0 10px}.da-modal-msg{color:#475569;color:var(--da-sub);font-size:14px;line-height:1.6;margin:0 0 28px}.da-modal-actions{display:flex;gap:12px;justify-content:center}.da-modal-actions .da-btn{flex:1 1;justify-content:center}.da-tbl-footer{background:#f8fafc;background:var(--da-bg);border-top:1px solid #e2e8f0;border-top:1px solid var(--da-border);flex-shrink:0;flex-wrap:wrap;justify-content:space-between;padding:11px 16px}.da-pagination-info,.da-tbl-footer{align-items:center;color:#94a3b8;color:var(--da-muted);display:flex;font-size:13px;gap:10px}.da-page-size-select,.da-pagination-info strong{color:#0f172a;color:var(--da-text)}.da-page-size-select{background:#fff;background:var(--da-surface);border:1px solid #e2e8f0;border:1px solid var(--da-border);border-radius:6px;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--da-font);font-size:13px;outline:none;padding:4px 8px}.da-page-size-select:focus{border-color:#2563eb;border-color:var(--da-primary)}.da-pagination{align-items:center;display:flex;gap:3px}.da-page-btn{align-items:center;background:#fff;background:var(--da-surface);border:1px solid #e2e8f0;border:1px solid var(--da-border);border-radius:6px;color:#0f172a;color:var(--da-text);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--da-font);font-size:12px;font-weight:600;height:30px;justify-content:center;min-width:30px;padding:0 8px;transition:background .12s,color .12s,border-color .12s}.da-page-btn.active,.da-page-btn:hover:not(:disabled){background:#2563eb;background:var(--da-primary);border-color:#2563eb;border-color:var(--da-primary);color:#fff;color:var(--ct-fff,#fff)}.da-page-btn:disabled{cursor:not-allowed;opacity:.38}.da-search-clear{align-items:center;background:#94a3b8;background:var(--da-muted);border:none;border-radius:50%;color:#fff;color:var(--ct-fff,#fff);cursor:pointer;display:inline-flex;height:18px;justify-content:center;opacity:.7;position:absolute;right:8px;width:18px}.da-search-clear:hover{opacity:1}@media (max-width:600px){.da-tbl-footer{align-items:flex-start;flex-direction:column}.da-pagination{flex-wrap:wrap}}.da-empty{color:#94a3b8;color:var(--da-muted);font-size:13px;padding:48px 20px;text-align:center}@media (max-width:768px){.da-header{padding:16px 16px 12px}.da-tabs-bar{overflow-x:auto;padding:0 12px}.da-body{gap:14px;padding:14px 12px}.da-toolbar{padding:10px 12px}.da-tbl td,.da-tbl th{padding:8px 10px}}.da-modal-edit{max-height:90vh;overflow-y:auto;padding:0;text-align:left;width:min(560px,96vw)}.da-modal-edit-hd{align-items:center;background:#fff;background:var(--da-surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--da-border);border-radius:14px 14px 0 0;display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.da-modal-edit-title{color:#0f172a;color:var(--da-text);font-size:15px;font-weight:700}.da-modal-form{padding:20px}.da-modal-edit-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--da-border);display:flex;gap:10px;justify-content:flex-end;margin-top:4px;padding-top:8px}.da-disabled{background:#f8fafc!important;background:var(--da-bg)!important;cursor:not-allowed;opacity:.55}[data-theme=dark]{--da-primary:#5b9bf0;--da-primary-lt:#15243d;--da-success:#2bc55e;--da-success-lt:#14301f;--da-danger:#f05252;--da-danger-lt:#3a1f22;--da-warning:#f0a52b;--da-warning-lt:#2a2710;--da-text:#e6edf6;--da-sub:#aab4c4;--da-muted:#8793a5;--da-border:#2b3445;--da-surface:#161b27;--da-bg:#0f1420;--da-shadow:0 1px 3px #00000073,0 1px 2px #0006;--da-shadow-lg:0 4px 16px #00000080,0 2px 6px #0006}:root{--rp-bg:var(--c-f4f6f9,#f4f6f9);--rp-surface:var(--c-ffffff,#fff);--rp-surface-2:var(--c-f8f9fc,#f8f9fc);--rp-surface-3:var(--c-eef0f5,#eef0f5);--rp-border:var(--c-e5e8ef,#e5e8ef);--rp-border-2:var(--c-d0d5e0,#d0d5e0);--rp-accent:var(--c-2563eb,#2563eb);--rp-accent-2:var(--c-1d4ed8,#1d4ed8);--rp-accent-glow:#2563eb1a;--rp-success:var(--c-16a34a,#16a34a);--rp-danger:var(--c-dc2626,#dc2626);--rp-text-1:var(--c-111827,#111827);--rp-text-2:var(--c-4b5563,#4b5563);--rp-text-3:var(--c-9ca3af,#9ca3af);--rp-radius:12px;--rp-font:"DM Sans",sans-serif;--rp-mono:"DM Mono",monospace;--rp-sidebar-w:260px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.rp-shell{background:#f4f6f9;background:var(--rp-bg);color:#111827;color:var(--rp-text-1);font-family:DM Sans,sans-serif;font-family:var(--rp-font);height:100vh}.rp-shell,.rp-sidebar{display:flex;overflow:hidden}.rp-sidebar{background:#fff;background:var(--c-ffffff,#fff);border-right:1px solid #e5e8ef;border-right:1px solid var(--rp-border);flex-direction:column;min-width:260px;min-width:var(--rp-sidebar-w);padding:0;width:260px;width:var(--rp-sidebar-w)}.rp-sidebar__brand{align-items:center;border-bottom:1px solid #e5e8ef;border-bottom:1px solid var(--rp-border);display:flex;gap:10px;padding:20px 20px 18px}.rp-brand-icon{align-items:center;background:#2563eb;background:var(--rp-accent);border-radius:9px;box-shadow:0 4px 14px #2563eb1a;box-shadow:0 4px 14px var(--rp-accent-glow);color:#fff;color:var(--ct-fff,#fff);display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.rp-brand-name{color:var(--rp-text-1);font-size:15px;font-weight:700;letter-spacing:-.2px}.rp-sidebar__section-label{color:var(--rp-text-3);font-size:10px;font-weight:600;letter-spacing:.1em;padding:16px 20px 8px;text-transform:uppercase}.rp-sidebar__stats{border-bottom:1px solid #e5e8ef;border-bottom:1px solid var(--rp-border);gap:0;padding:0 20px 16px}.rp-sidebar__stats,.rp-stat{align-items:center;display:flex}.rp-stat{flex:1 1;flex-direction:column;gap:2px}.rp-stat__val{color:var(--rp-accent);font-family:DM Mono,monospace;font-family:var(--rp-mono);font-size:22px;font-weight:700;line-height:1}.rp-stat__key{color:var(--rp-text-3);font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.rp-stat-divider{background:var(--rp-border);height:30px;width:1px}.rp-role-list{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:4px 12px 12px}.rp-role-list::-webkit-scrollbar{width:3px}.rp-role-list::-webkit-scrollbar-track{background:#0000}.rp-role-list::-webkit-scrollbar-thumb{background:#d0d5e0;background:var(--rp-border-2);border-radius:4px}.rp-role-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:9px;cursor:pointer;display:flex;gap:10px;padding:9px 10px;text-align:left;transition:all .15s ease;width:100%}.rp-role-item:hover{background:#f8f9fc;background:var(--rp-surface-2);border-color:#e5e8ef;border-color:var(--rp-border)}.rp-role-item--active{background:#4e7cff1a;border-color:#4e7cff4d}.rp-role-item__avatar{align-items:center;background:#eef0f5;background:var(--rp-surface-3);border-radius:8px;color:#4b5563;color:var(--rp-text-2);display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:30px;justify-content:center;transition:background .15s,color .15s;width:30px}.rp-role-item--active .rp-role-item__avatar{background:var(--rp-accent)}.rp-role-item__info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.rp-role-item__name{color:var(--rp-text-1);font-size:13px;font-weight:600}.rp-role-item__desc,.rp-role-item__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp-role-item__desc{color:var(--rp-text-3);font-size:11px}.rp-role-item__dot{background:var(--rp-accent);border-radius:50%;box-shadow:0 0 8px #2563eb;box-shadow:0 0 8px var(--rp-accent);flex-shrink:0;height:6px;width:6px}.rp-role-empty{color:#9ca3af;color:var(--rp-text-3);font-size:12px;padding:20px 0;text-align:center}.rp-main{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.rp-header{align-items:center;display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:20px 28px 18px}.rp-header__title{color:var(--rp-text-1);font-size:18px;font-weight:700;letter-spacing:-.3px}.rp-header__sub{color:#9ca3af;color:var(--rp-text-3);font-size:12px;margin-top:2px}.rp-header__role-pill{align-items:center;background:#4e7cff14;border:1px solid #4e7cff40;border-radius:20px;color:#4b5563;color:var(--rp-text-2);display:flex;font-size:12px;gap:8px;padding:6px 14px;white-space:nowrap}.rp-header__role-pill strong{color:var(--rp-accent);font-weight:600}.rp-live-dot{animation:rp-blink 2s ease-in-out infinite;background:var(--rp-success);border-radius:50%;box-shadow:0 0 8px #16a34a;box-shadow:0 0 8px var(--rp-success);height:6px;width:6px}@keyframes rp-blink{0%,to{opacity:1}50%{opacity:.3}}.rp-create-section{flex-shrink:0;padding:16px 28px}.rp-create-tabs{display:flex;gap:4px;margin-bottom:14px}.rp-ctab{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#9ca3af;color:var(--rp-text-3);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-family:var(--rp-font);font-size:12px;font-weight:600;gap:6px;padding:6px 14px;transition:all .15s}.rp-ctab:hover{border-color:var(--rp-border);color:#4b5563;color:var(--rp-text-2)}.rp-ctab--active,.rp-ctab:hover{background:#f8f9fc;background:var(--rp-surface-2)}.rp-ctab--active{border-color:#d0d5e0;border-color:var(--rp-border-2);color:#111827;color:var(--rp-text-1)}.rp-create-form{align-items:flex-end;display:flex;gap:12px}@keyframes rp-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.rp-create-form--enter{animation:rp-enter .2s ease}.rp-field{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0}.rp-field__label{color:#9ca3af;color:var(--rp-text-3);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.rp-field__input{background:#f8f9fc;background:var(--rp-surface-2);border:1px solid #d0d5e0;border:1px solid var(--rp-border-2);border-radius:9px;color:var(--rp-text-1);font-family:DM Sans,sans-serif;font-family:var(--rp-font);font-size:13px;padding:9px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.rp-field__input::placeholder{color:#9ca3af;color:var(--rp-text-3)}.rp-field__input:focus{border-color:var(--rp-accent);box-shadow:0 0 0 3px var(--rp-accent-glow);outline:none}.rp-btn-create{align-items:center;background:var(--rp-accent);border:none;border-radius:9px;box-shadow:0 2px 12px #2563eb1a;box-shadow:0 2px 12px var(--rp-accent-glow);color:#fff;color:var(--ct-fff,#fff);cursor:pointer;display:flex;flex-shrink:0;font-family:DM Sans,sans-serif;font-family:var(--rp-font);font-size:13px;font-weight:600;gap:6px;padding:9px 18px;transition:background .15s,transform .1s,box-shadow .15s;white-space:nowrap}.rp-btn-create:hover{background:var(--rp-accent-2);box-shadow:0 6px 20px #2563eb1a;box-shadow:0 6px 20px var(--rp-accent-glow);transform:translateY(-1px)}.rp-btn-create:active{transform:translateY(0)}.rp-btn-save{align-items:center;background:var(--rp-accent);border:none;border-radius:8px;box-shadow:0 2px 10px #2563eb1a;box-shadow:0 2px 10px var(--rp-accent-glow);color:#fff;color:var(--ct-fff,#fff);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-family:var(--rp-font);font-size:12px;font-weight:600;gap:6px;padding:7px 16px;transition:background .15s,transform .1s;white-space:nowrap}.rp-btn-save:hover{background:var(--rp-accent-2);transform:translateY(-1px)}.rp-btn-save:active{transform:translateY(0)}.rp-empty-state{flex:1 1;flex-direction:column;gap:12px;padding:40px}.rp-empty-state,.rp-empty-state__graphic{align-items:center;color:#9ca3af;color:var(--rp-text-3);display:flex;justify-content:center}.rp-empty-state__graphic{background:#f8f9fc;background:var(--rp-surface-2);border:1px solid #e5e8ef;border:1px solid var(--rp-border);border-radius:20px;height:80px;width:80px}.rp-empty-state__title{color:#4b5563;color:var(--rp-text-2);font-size:15px;font-weight:600;margin:0}.rp-empty-state__sub{color:var(--rp-text-3);font-size:13px;line-height:1.6;max-width:340px;text-align:center}.rp-panels{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.rp-panel-tabs{align-items:center;display:flex;flex-shrink:0;gap:4px;padding:14px 28px 0}.rp-panel-tabs__spacer{flex:1 1}.rp-ptab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#9ca3af;color:var(--rp-text-3);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-family:var(--rp-font);font-size:13px;font-weight:600;gap:6px;margin-bottom:-1px;padding:8px 14px;transition:color .15s,border-color .15s}.rp-ptab:hover{color:#4b5563;color:var(--rp-text-2)}.rp-ptab--active{border-bottom-color:var(--rp-accent);color:#111827;color:var(--rp-text-1)}.rp-ptab__badge{align-items:center;background:#eef0f5;background:var(--rp-surface-3);border-radius:20px;color:#4b5563;color:var(--rp-text-2);display:inline-flex;font-family:DM Mono,monospace;font-family:var(--rp-mono);font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;transition:background .15s,color .15s}.rp-ptab--active .rp-ptab__badge{background:#2563eb1a;background:var(--rp-accent-glow);color:var(--rp-accent)}.rp-panel{flex:1 1;min-height:0;overflow-y:auto;padding:20px 28px 24px}.rp-table-outer{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:0 0 10px 10px;border-top:none;overflow:hidden}.rp-table-scroll{-webkit-overflow-scrolling:touch;max-height:480px;overflow-x:auto;overflow-y:auto;position:relative;scrollbar-color:#cbd5e1 #0000;scrollbar-color:var(--c-cbd5e1,#cbd5e1) #0000;scrollbar-width:thin}.rp-table-scroll::-webkit-scrollbar{height:5px;width:5px}.rp-table-scroll::-webkit-scrollbar-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.rp-table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:4px}.rp-table-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--c-94a3b8,#94a3b8)}.rp-panel::-webkit-scrollbar{width:4px}.rp-panel::-webkit-scrollbar-track{background:#0000}.rp-panel::-webkit-scrollbar-thumb{background:#d0d5e0;background:var(--rp-border-2);border-radius:4px}.rp-loader-wrap{align-items:center;color:var(--rp-text-3);display:flex;font-size:13px;gap:10px;justify-content:center;padding:60px}.rp-loader{animation:rp-spin .7s linear infinite;border:2px solid #d0d5e0;border:2px solid var(--rp-border-2);border-radius:50%;border-top-color:var(--rp-accent);height:18px;width:18px}@keyframes rp-spin{to{transform:rotate(1turn)}}.rp-perm-groups{display:flex;flex-direction:column;gap:10px}.rp-group{background:var(--c-ffffff,#fff);border:1px solid #e5e8ef;border:1px solid var(--rp-border);border-radius:12px;border-radius:var(--rp-radius);overflow:hidden;transition:border-color .15s}.rp-group:hover{border-color:#d0d5e0;border-color:var(--rp-border-2)}.rp-group__header{align-items:center;background:var(--rp-surface-2);border-bottom:1px solid #e5e8ef;border-bottom:1px solid var(--rp-border);display:flex;justify-content:space-between;padding:12px 16px}.rp-group__master{align-items:center;cursor:pointer;display:flex;gap:10px;-webkit-user-select:none;user-select:none}.rp-group__master input[type=checkbox]{accent-color:var(--rp-accent);cursor:pointer;flex-shrink:0;height:15px;width:15px}.rp-group__name{color:#4b5563;color:var(--rp-text-2);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.rp-group__name,.rp-group__pill{font-family:DM Mono,monospace;font-family:var(--rp-mono);font-weight:700}.rp-group__pill{background:#2563eb1a;background:var(--rp-accent-glow);border-radius:20px;color:var(--rp-accent);font-size:10px;padding:2px 8px}.rp-group__items{display:flex;flex-wrap:wrap;gap:6px;padding:12px 16px}.rp-perm-chip{align-items:center;background:#eef0f5;background:var(--rp-surface-3);border:1px solid #e5e8ef;border:1px solid var(--rp-border);border-radius:7px;color:var(--rp-text-2);cursor:pointer;display:flex;font-family:DM Mono,monospace;font-family:var(--rp-mono);font-size:12px;font-weight:500;gap:7px;padding:5px 11px;transition:all .15s;-webkit-user-select:none;user-select:none}.rp-perm-chip input[type=checkbox]{display:none}.rp-perm-chip__check{align-items:center;background:#0000;border:1.5px solid #d0d5e0;border:1.5px solid var(--rp-border-2);border-radius:4px;display:flex;flex-shrink:0;height:14px;justify-content:center;transition:all .15s;width:14px}.rp-perm-chip:hover{border-color:#d0d5e0;border-color:var(--rp-border-2);color:var(--rp-text-1)}.rp-perm-chip--on{background:#4e7cff1a;border-color:#4e7cff66;color:#7da4ff;color:var(--ct-7da4ff,#7da4ff)}.rp-perm-chip--on .rp-perm-chip__check{background:var(--rp-accent);border-color:var(--rp-accent)}.rp-menu-toolbar{align-items:center;background:var(--c-ffffff,#fff);border:1px solid #e5e8ef;border:1px solid var(--rp-border);border-radius:10px;display:flex;justify-content:space-between;margin-bottom:14px;padding:10px 16px}.rp-select-all{align-items:center;color:#4b5563;color:var(--rp-text-2);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:8px;-webkit-user-select:none;user-select:none}.rp-select-all input[type=checkbox]{accent-color:var(--rp-accent);cursor:pointer;height:14px;width:14px}.rp-menu-count{color:var(--rp-text-3);font-family:DM Mono,monospace;font-family:var(--rp-mono);font-size:11px}.rp-menu-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.rp-menu-card{align-items:center;background:var(--c-ffffff,#fff);border:1px solid #e5e8ef;border:1px solid var(--rp-border);border-radius:10px;cursor:pointer;display:flex;gap:10px;min-width:0;overflow:hidden;padding:11px 14px;transition:all .15s;-webkit-user-select:none;user-select:none}.rp-menu-card:hover{background:#f8f9fc;background:var(--rp-surface-2);border-color:#d0d5e0;border-color:var(--rp-border-2);transform:translateY(-1px)}.rp-menu-card--on{background:#4e7cff0f;border-color:#4e7cff59}.rp-menu-card--on:hover{background:#4e7cff1a;border-color:#4e7cff80}.rp-menu-card__icon{align-items:center;background:#eef0f5;background:var(--rp-surface-3);border-radius:8px;color:var(--rp-text-3);display:flex;flex-shrink:0;height:30px;justify-content:center;transition:background .15s,color .15s;width:30px}.rp-menu-card--on .rp-menu-card__icon{background:#4e7cff26;color:var(--rp-accent)}.rp-menu-card__name{color:#4b5563;color:var(--rp-text-2);flex:1 1;font-size:13px;font-weight:500;line-height:1.35;min-width:0;overflow:visible;text-overflow:clip;text-transform:capitalize;transition:color .15s;white-space:normal;word-break:break-word}.rp-menu-card--on .rp-menu-card__name{color:#111827;color:var(--rp-text-1)}.rp-toggle{background:#eef0f5;background:var(--rp-surface-3);border:1px solid #d0d5e0;border:1px solid var(--rp-border-2);border-radius:20px;flex-shrink:0;height:17px;min-width:30px;position:relative;transition:background .2s,border-color .2s;width:30px}.rp-toggle--on{background:var(--rp-accent);border-color:var(--rp-accent)}.rp-toggle__knob{border-radius:50%;box-shadow:0 1px 4px #0000004d;height:11px;left:2px;position:absolute;top:2px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);width:11px}.rp-toggle--on .rp-toggle__knob{transform:translateX(13px)}.rp-no-data{color:#9ca3af;color:var(--rp-text-3);font-size:13px;padding:20px;text-align:center;width:100%}.rp-toast-stack{display:flex;flex-direction:column;gap:8px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.rp-toast{align-items:center;animation:rp-toast-in .3s cubic-bezier(.34,1.56,.64,1);background:#f8f9fc;background:var(--rp-surface-2);border:1px solid #d0d5e0;border:1px solid var(--rp-border-2);border-radius:10px;box-shadow:0 8px 30px #0006;color:var(--rp-text-1);display:flex;font-size:13px;font-weight:500;gap:10px;max-width:380px;min-width:280px;padding:12px 16px;pointer-events:all}@keyframes rp-toast-in{0%{opacity:0;transform:translateX(20px) scale(.96)}to{opacity:1;transform:translateX(0) scale(1)}}.rp-toast__indicator{border-radius:50%;flex-shrink:0;height:6px;width:6px}.rp-toast--success .rp-toast__indicator{background:var(--rp-success);box-shadow:0 0 8px #16a34a;box-shadow:0 0 8px var(--rp-success)}.rp-toast--error .rp-toast__indicator{background:var(--rp-danger);box-shadow:0 0 8px #dc2626;box-shadow:0 0 8px var(--rp-danger)}.rp-toast--info .rp-toast__indicator{background:var(--rp-accent);box-shadow:0 0 8px #2563eb;box-shadow:0 0 8px var(--rp-accent)}.rp-toast__msg{color:#111827;color:var(--rp-text-1);flex:1 1;line-height:1.4}.rp-toast__close{background:none;border:none;border-radius:4px;color:var(--rp-text-3);cursor:pointer;flex-shrink:0;font-size:11px;padding:2px 4px;transition:color .15s}.rp-toast__close:hover{color:#111827;color:var(--rp-text-1)}.rp-pagination-wrap{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);flex-wrap:wrap;justify-content:space-between;padding:12px 16px}.rp-pagination-info,.rp-pagination-wrap{align-items:center;display:flex;gap:10px}.rp-pagination-info{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px}.rp-page-size-select{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;font-size:12px;outline:none;padding:4px 8px}.rp-page-size-select:focus{border-color:#6366f1;border-color:var(--c-6366f1,#6366f1);box-shadow:0 0 0 2px #6366f11a}.rp-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.rp-page-btn{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:7px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;height:32px;justify-content:center;min-width:32px;padding:0 8px;transition:all .15s}.rp-page-btn:hover:not(:disabled){background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#bfdbfe;border-color:var(--c-bfdbfe,#bfdbfe);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.rp-page-btn:disabled{cursor:not-allowed;opacity:.4}.rp-page-btn--active{background:#2563eb!important;background:var(--c-2563eb,#2563eb)!important;border-color:#2563eb!important;border-color:var(--c-2563eb,#2563eb)!important;box-shadow:0 2px 6px #2563eb40;color:#fff!important;color:var(--ct-fff,#fff)!important;font-weight:700}@media (max-width:900px){.rp-shell{flex-direction:column;height:auto;min-height:100vh}.rp-sidebar{border-bottom:1px solid #e5e8ef;border-bottom:1px solid var(--rp-border);border-right:none;min-width:0;min-width:auto;width:100%}.rp-role-list{flex-direction:row;flex-wrap:wrap;gap:4px}.rp-role-item{width:auto}.rp-main{min-height:0}.rp-hier-grid,.rp-panels>div[style*="grid-template-columns: 340px"]{grid-template-columns:1fr!important}.rp-create-tabs{flex-wrap:wrap;gap:6px}.rp-ctab{flex:1 1 auto;justify-content:center;min-width:130px}.rp-header{align-items:flex-start;flex-direction:column;gap:10px}}@media (max-width:768px){.rp-panels{padding:0 12px 12px}.rp-pagination-wrap{align-items:flex-start;flex-direction:column;gap:8px}.rp-pagination{flex-wrap:wrap}.rp-page-btn{font-size:11px;height:28px;min-width:28px}}@media (max-width:600px){.rp-create-form{align-items:stretch;flex-direction:column}.rp-btn-create{justify-content:center}.rp-header{align-items:flex-start;flex-direction:column}.rp-menu-grid{grid-template-columns:1fr 1fr}.rp-toast-stack{left:12px;right:12px;top:12px}.rp-toast{max-width:100%;min-width:0;min-width:auto}.rp-panel{padding:16px}.rp-panel-tabs{flex-wrap:wrap;gap:6px;padding:12px 16px 0}.rp-create-section{padding:14px 16px}.rp-header{padding:16px}.rp-ctab{padding:6px 10px}.rp-ctab,.rp-pagination-info{font-size:11px}.rp-sidebar__stats{flex-wrap:wrap;gap:8px}.rp-stat{min-width:60px}}@media (max-width:480px){.rp-menu-grid{grid-template-columns:1fr}.rp-panels{padding:0 8px 8px}.rp-create-section,.rp-header{padding:12px}.rp-main{padding:0}}.rp-brand-name{color:#111827;color:var(--ct-111827,#111827)}.rp-brand-icon{box-shadow:0 2px 8px #2563eb33}.rp-sidebar__section-label{border:none;color:#9ca3af;color:var(--ct-9ca3af,#9ca3af)}.rp-stat__val{color:#2563eb;color:var(--ct-2563eb,#2563eb)}.rp-stat__key{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af)}.rp-stat-divider{background:#e5e8ef;background:var(--c-e5e8ef,#e5e8ef)}.rp-role-item:hover{background:#f0f4ff;background:var(--c-f0f4ff,#f0f4ff);border-color:#dbeafe;border-color:var(--c-dbeafe,#dbeafe)}.rp-role-item--active{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#bfdbfe;border-color:var(--c-bfdbfe,#bfdbfe);border-left:3px solid #2563eb;border-left:3px solid var(--c-2563eb,#2563eb)}.rp-role-item__avatar{background:#f3f4f6;background:var(--c-f3f4f6,#f3f4f6);color:#6b7280;color:var(--ct-6b7280,#6b7280)}.rp-role-item--active .rp-role-item__avatar{background:#2563eb;background:var(--c-2563eb,#2563eb);color:#fff;color:var(--ct-fff,#fff)}.rp-role-item__name{color:#111827;color:var(--ct-111827,#111827)}.rp-role-item__desc{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af)}.rp-role-item__dot{background:#2563eb;background:var(--c-2563eb,#2563eb);box-shadow:0 0 6px #2563eb66}.rp-role-empty{color:#d1d5db;color:var(--ct-d1d5db,#d1d5db)}.rp-role-list::-webkit-scrollbar-thumb{background:#e5e8ef;background:var(--c-e5e8ef,#e5e8ef)}.rp-header{background:#fff;background:var(--c-fff,#fff);border-bottom:1px solid #e5e8ef;border-bottom:1px solid var(--rp-border)}.rp-header__title{color:#111827;color:var(--ct-111827,#111827)}.rp-header__sub{color:#6b7280;color:var(--ct-6b7280,#6b7280)}.rp-header__role-pill{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#bfdbfe;border-color:var(--c-bfdbfe,#bfdbfe);color:#374151;color:var(--ct-374151,#374151)}.rp-header__role-pill strong{color:#2563eb;color:var(--ct-2563eb,#2563eb)}.rp-live-dot{background:#16a34a;background:var(--c-16a34a,#16a34a);box-shadow:0 0 6px #16a34a;box-shadow:0 0 6px var(--c-16a34a,#16a34a)}.rp-create-section{background:#fff;background:var(--c-fff,#fff);border-bottom:1px solid #e5e8ef;border-bottom:1px solid var(--rp-border)}.rp-ctab{color:#6b7280;color:var(--ct-6b7280,#6b7280)}.rp-ctab:hover{background:#f3f4f6;background:var(--c-f3f4f6,#f3f4f6);border-color:#e5e8ef;border-color:var(--c-e5e8ef,#e5e8ef);color:#374151;color:var(--ct-374151,#374151)}.rp-ctab--active{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#bfdbfe;border-color:var(--c-bfdbfe,#bfdbfe);color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8)}.rp-field__label{color:#6b7280;color:var(--ct-6b7280,#6b7280)}.rp-field__input{background:#fff;background:var(--c-ffffff,#fff);border-color:#d1d5db;border-color:var(--c-d1d5db,#d1d5db);box-shadow:0 1px 2px #0000000a;color:#111827;color:var(--ct-111827,#111827)}.rp-field__input::placeholder{color:#d1d5db;color:var(--ct-d1d5db,#d1d5db)}.rp-field__input:focus{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 0 0 3px #2563eb1a}.rp-btn-create{background:#2563eb;background:var(--c-2563eb,#2563eb);box-shadow:0 2px 8px #2563eb33}.rp-btn-create:hover{background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8);box-shadow:0 4px 14px #2563eb40}.rp-btn-save{background:#2563eb;background:var(--c-2563eb,#2563eb);box-shadow:0 2px 6px #2563eb33}.rp-btn-save:hover{background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8)}.rp-empty-state__graphic{background:#f9fafb;background:var(--c-f9fafb,#f9fafb);border-color:#e5e7eb;border-color:var(--c-e5e7eb,#e5e7eb);color:#d1d5db;color:var(--ct-d1d5db,#d1d5db)}.rp-empty-state__title{color:#6b7280;color:var(--ct-6b7280,#6b7280)}.rp-empty-state__sub{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af)}.rp-panel-tabs,.rp-panels{background:#fff;background:var(--c-fff,#fff)}.rp-panel-tabs{border-bottom:1px solid #e5e8ef;border-bottom:1px solid var(--rp-border)}.rp-ptab{color:#6b7280;color:var(--ct-6b7280,#6b7280)}.rp-ptab:hover{color:#374151;color:var(--ct-374151,#374151)}.rp-ptab--active{border-bottom-color:#2563eb;border-bottom-color:var(--c-2563eb,#2563eb);color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8)}.rp-ptab__badge{background:#f3f4f6;background:var(--c-f3f4f6,#f3f4f6);color:#6b7280;color:var(--ct-6b7280,#6b7280)}.rp-ptab--active .rp-ptab__badge{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.rp-panel{background:#f4f6f9;background:var(--c-f4f6f9,#f4f6f9)}.rp-panel::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--c-d1d5db,#d1d5db)}.rp-loader{border-color:#e5e7eb;border-color:var(--c-e5e7eb,#e5e7eb);border-top-color:#2563eb;border-top-color:var(--c-2563eb,#2563eb)}.rp-loader-wrap{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af)}.rp-group{background:#fff;background:var(--c-fff,#fff);border-color:#e5e8ef;border-color:var(--c-e5e8ef,#e5e8ef)}.rp-group:hover{border-color:#bfdbfe;border-color:var(--c-bfdbfe,#bfdbfe);box-shadow:0 1px 6px #2563eb0f}.rp-group__header{background:#f8f9fc;background:var(--c-f8f9fc,#f8f9fc);border-bottom-color:#e5e8ef;border-bottom-color:var(--c-e5e8ef,#e5e8ef)}.rp-group__name{color:#374151;color:var(--ct-374151,#374151)}.rp-group__pill{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.rp-group__master input[type=checkbox]{accent-color:#2563eb;accent-color:var(--c-2563eb,#2563eb)}.rp-perm-chip{background:#f9fafb;background:var(--c-f9fafb,#f9fafb);border-color:#e5e7eb;border-color:var(--c-e5e7eb,#e5e7eb);color:#4b5563;color:var(--ct-4b5563,#4b5563)}.rp-perm-chip:hover{background:#f0f4ff;background:var(--c-f0f4ff,#f0f4ff);border-color:#93c5fd;border-color:var(--c-93c5fd,#93c5fd);color:#111827;color:var(--ct-111827,#111827)}.rp-perm-chip__check{background:#fff;background:var(--c-fff,#fff);border-color:#d1d5db;border-color:var(--c-d1d5db,#d1d5db)}.rp-perm-chip--on{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#93c5fd;border-color:var(--c-93c5fd,#93c5fd);color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8)}.rp-perm-chip--on .rp-perm-chip__check{background:#2563eb;background:var(--c-2563eb,#2563eb);border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);color:#fff;color:var(--ct-fff,#fff)}.rp-menu-toolbar{background:#fff;background:var(--c-fff,#fff);border-color:#e5e8ef;border-color:var(--c-e5e8ef,#e5e8ef)}.rp-select-all{color:#374151;color:var(--ct-374151,#374151)}.rp-select-all input[type=checkbox]{accent-color:#2563eb;accent-color:var(--c-2563eb,#2563eb)}.rp-menu-count{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af)}.rp-menu-card{background:#fff;background:var(--c-fff,#fff);border-color:#e5e8ef;border-color:var(--c-e5e8ef,#e5e8ef)}.rp-menu-card:hover{background:#f0f4ff;background:var(--c-f0f4ff,#f0f4ff);box-shadow:0 2px 8px #2563eb12}.rp-menu-card--on,.rp-menu-card:hover{border-color:#93c5fd;border-color:var(--c-93c5fd,#93c5fd)}.rp-menu-card--on{background:#eff6ff;background:var(--c-eff6ff,#eff6ff)}.rp-menu-card--on:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);border-color:#60a5fa;border-color:var(--c-60a5fa,#60a5fa)}.rp-menu-card__icon{background:#f3f4f6;background:var(--c-f3f4f6,#f3f4f6);color:#9ca3af;color:var(--ct-9ca3af,#9ca3af)}.rp-menu-card--on .rp-menu-card__icon{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.rp-menu-card__name{color:#374151;color:var(--ct-374151,#374151)}.rp-menu-card--on .rp-menu-card__name{color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8);font-weight:600}.rp-toggle{background:#e5e7eb;background:var(--c-e5e7eb,#e5e7eb);border-color:#d1d5db;border-color:var(--c-d1d5db,#d1d5db)}.rp-toggle--on{background:#2563eb;background:var(--c-2563eb,#2563eb);border-color:#2563eb;border-color:var(--c-2563eb,#2563eb)}.rp-toggle__knob{background:#fff;background:var(--c-fff,#fff);box-shadow:0 1px 3px #00000026}.rp-no-data{color:#d1d5db;color:var(--ct-d1d5db,#d1d5db)}.rp-toast{background:#fff;background:var(--c-ffffff,#fff);border-color:#e5e8ef;border-color:var(--c-e5e8ef,#e5e8ef);box-shadow:0 4px 20px #0000001a;color:#111827;color:var(--ct-111827,#111827)}.rp-toast__msg{color:#374151;color:var(--ct-374151,#374151)}.rp-toast__close{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af)}.rp-toast__close:hover{color:#374151;color:var(--ct-374151,#374151)}.rp-toast--success .rp-toast__indicator{background:#16a34a;background:var(--c-16a34a,#16a34a);box-shadow:0 0 6px #16a34a66}.rp-toast--error .rp-toast__indicator{background:#dc2626;background:var(--c-dc2626,#dc2626);box-shadow:0 0 6px #dc262666}.rp-toast--info .rp-toast__indicator{background:#2563eb;background:var(--c-2563eb,#2563eb);box-shadow:0 0 6px #2563eb66}.hf-card{background:#fff;background:var(--c-fff,#fff);border:1px solid #e5e7eb;border:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:12px;height:-webkit-fit-content;height:fit-content;overflow:hidden}.hf-header{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--c-e5e7eb,#e5e7eb);justify-content:space-between;padding:12px 16px}.hf-header,.hf-header-left{align-items:center;display:flex}.hf-header-left{gap:8px}.hf-header-title{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:13px;font-weight:700}.hf-mode-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.hf-mode-dot--new{background:#10b981;background:var(--c-10b981,#10b981);box-shadow:0 0 6px #10b98180}.hf-mode-dot--edit{background:#f59e0b;background:var(--c-f59e0b,#f59e0b);box-shadow:0 0 6px #f59e0b80}.hf-cancel-btn{background:#fff;background:var(--c-fff,#fff);border:1px solid #e5e7eb;border:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:6px;color:#6b7280;color:var(--ct-6b7280,#6b7280);cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px;transition:all .15s}.hf-cancel-btn:hover{background:#fef2f2;background:var(--c-fef2f2,#fef2f2);border-color:#fecaca;border-color:var(--c-fecaca,#fecaca);color:#ef4444;color:var(--ct-ef4444,#ef4444)}.hf-body{display:flex;flex-direction:column;gap:14px;padding:14px 16px}.hf-status-box{background:#f0f9ff;background:var(--c-f0f9ff,#f0f9ff);border:1px solid #bae6fd;border-left:3px solid #0ea5e9;border:1px solid var(--c-bae6fd,#bae6fd);border-left:3px solid var(--c-0ea5e9,#0ea5e9);border-radius:8px;padding:10px 12px}.hf-status-title{align-items:center;color:#0369a1;color:var(--ct-0369a1,#0369a1);display:flex;font-size:10px;font-weight:800;gap:5px;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.hf-status-rows{display:flex;flex-direction:column;gap:6px}.hf-status-row{align-items:flex-start;display:flex;gap:10px}.hf-status-key{color:#64748b;color:var(--ct-64748b,#64748b);font-size:10px;font-weight:700;letter-spacing:.04em;min-width:46px;padding-top:2px;text-transform:uppercase}.hf-status-desc{color:#475569;color:var(--ct-475569,#475569);font-size:12px;font-style:italic}.hf-status-hint{border-top:1px dashed #bae6fd;border-top:1px dashed var(--c-bae6fd,#bae6fd);color:#64748b;color:var(--ct-64748b,#64748b);font-size:10px;margin-top:8px;padding-top:8px}.hf-level-badge{align-items:center;background:#2563eb;background:var(--c-2563eb,#2563eb);border-radius:6px;color:#fff;color:var(--ct-fff,#fff);display:inline-flex;font-size:14px;font-weight:800;height:26px;justify-content:center;line-height:1;width:26px}.hf-tags{display:flex;flex-wrap:wrap;gap:4px}.hf-tag{border-radius:20px;display:inline-block;font-size:10px;font-weight:700;padding:2px 8px}.hf-tag--blue{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8)}.hf-tag--green{background:#d1fae5;background:var(--c-d1fae5,#d1fae5);color:#065f46;color:var(--ct-065f46,#065f46)}.hf-users-box{border:1px solid #e5e7eb;border:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:8px;overflow:hidden}.hf-users-header{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--c-e5e7eb,#e5e7eb);display:flex;justify-content:space-between;padding:8px 12px}.hf-users-title{color:#374151;color:var(--ct-374151,#374151);font-size:11px;font-weight:700}.hf-users-count{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:20px;color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-size:10px;font-weight:700;padding:1px 8px}.hf-users-count--has{background:#e0e7ff;background:var(--c-e0e7ff,#e0e7ff);color:#4338ca;color:var(--ct-4338ca,#4338ca)}.hf-users-list{max-height:140px;overflow-y:auto;scrollbar-color:#e2e8f0 #f8fafc;scrollbar-color:var(--c-e2e8f0,#e2e8f0) var(--c-f8fafc,#f8fafc);scrollbar-width:thin}.hf-users-list::-webkit-scrollbar{width:4px}.hf-users-list::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);border-radius:4px}.hf-users-empty,.hf-users-loading{align-items:center;color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);display:flex;font-size:12px;gap:6px;justify-content:center;padding:14px}.hf-user-row{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;gap:8px;padding:7px 12px;transition:background .1s}.hf-user-row:last-child{border-bottom:none}.hf-user-row:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.hf-user-avatar{align-items:center;border-radius:50%;color:#fff;color:var(--ct-fff,#fff);display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:24px;justify-content:center;width:24px}.hf-user-info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.hf-user-name{color:#111827;color:var(--ct-111827,#111827);font-size:12px;font-weight:600}.hf-user-name,.hf-user-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hf-user-sub{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-size:10px}.hf-row-2{grid-gap:10px;display:grid;gap:10px;grid-template-columns:100px 1fr}.hf-hint{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-size:10px;font-weight:400;margin-left:5px}.hf-chips{display:flex;flex-wrap:wrap;gap:5px}.hf-chip{background:#f9fafb;background:var(--c-f9fafb,#f9fafb);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:20px;color:#6b7280;color:var(--ct-6b7280,#6b7280);cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;padding:4px 11px;transition:all .15s}.hf-chip:hover{border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1);color:#374151;color:var(--ct-374151,#374151)}.hf-chip--blue.on{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);border-color:#93c5fd;border-color:var(--c-93c5fd,#93c5fd);color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8)}.hf-chip--green.on{background:#d1fae5;background:var(--c-d1fae5,#d1fae5);border-color:#6ee7b7;border-color:var(--c-6ee7b7,#6ee7b7);color:#065f46;color:var(--ct-065f46,#065f46)}.hf-chip--blue:not(.on):hover{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#bfdbfe;border-color:var(--c-bfdbfe,#bfdbfe);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.hf-chip--green:not(.on):hover{background:#ecfdf5;background:var(--c-ecfdf5,#ecfdf5);border-color:#a7f3d0;border-color:var(--c-a7f3d0,#a7f3d0);color:#059669;color:var(--ct-059669,#059669)}.hf-save-btn{justify-content:center;width:100%}[data-theme=dark] .rp-field__input,[data-theme=dark] select.rp-field__input{background:#161b27!important;border:1px solid #0000!important;box-shadow:none!important;color:#e7ecf3!important}[data-theme=dark] .rp-field__input::placeholder{color:#8893a7!important}[data-theme=dark] .rp-field__input:focus,[data-theme=dark] select.rp-field__input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f62e!important}.project-dashboard-container{padding:14px 24px 10px}.project-dashboard-header{margin-bottom:14px}.project-dashboard-breadcrumb{color:#64748b;color:var(--ct-64748b,#64748b);font-size:13px;margin-bottom:8px}.page-header-with-filter{gap:12px;margin-bottom:14px}.project-dashboard-title{align-items:center;color:#1e293b;color:var(--ct-1e293b,#1e293b);display:flex;font-size:22px;font-weight:600;gap:8px;margin:0}.header-actions{align-items:center;display:flex;gap:12px}.dashboard-refresh-btn{align-items:center;background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:7px 14px;transition:all .2s}.dashboard-refresh-btn:hover{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1);transform:translateY(-1px)}.dashboard-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.project-dashboard-empty-state{align-items:center;background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:80px 40px;text-align:center}.empty-state-icon{color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1);margin-bottom:24px}.project-dashboard-empty-state h2{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:24px;font-weight:600;margin:0 0 12px}.project-dashboard-empty-state p{color:#64748b;color:var(--ct-64748b,#64748b);font-size:16px;margin:0;max-width:500px}.project-overview-card{background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:14px;padding:14px 18px}.project-overview-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.project-overview-info h2{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:18px;font-weight:600;margin:0 0 8px}.project-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.project-code,.project-location{align-items:center;background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9);border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px}.project-status-badge{border-radius:6px;color:#fff;color:var(--ct-white,#fff);display:inline-block;font-size:13px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.progress-circle{height:90px;width:90px}.progress-circle svg{height:100%;width:100%}.progress-value{fill:#1e293b;fill:var(--ct-1e293b,#1e293b);font-size:18px;font-weight:700}.progress-label{fill:#64748b;fill:var(--ct-64748b,#64748b);font-size:10px;font-weight:500}.project-overview-details{grid-gap:12px;border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding-top:12px}.project-detail-item{align-items:center;display:flex;gap:12px}.project-detail-item svg{color:#64748b;color:var(--ct-64748b,#64748b);flex-shrink:0}.project-detail-item>div{display:flex;flex-direction:column;gap:4px}.detail-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:13px;font-weight:600}.dashboard-section{margin-bottom:14px}.section-title{align-items:center;color:#1e293b;color:var(--ct-1e293b,#1e293b);display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 10px}.kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:14px}.kpi-grid.kpi-grid-4col{grid-template-columns:repeat(4,1fr)}.kpi-card{align-items:center;background:#fff;background:var(--c-white,#fff);border-radius:10px;border-top:3px solid;box-shadow:0 1px 3px #0000001a;display:flex;gap:12px;padding:14px 16px;transition:all .2s}.kpi-card.highlight{box-shadow:0 4px 12px #0000001a;transform:scale(1.02)}.kpi-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.kpi-icon{align-items:center;background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9);border-radius:10px;display:flex;flex-shrink:0;font-size:26px;height:48px;justify-content:center;width:48px}.kpi-content{flex:1 1}.kpi-value{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:clamp(13px,1.6vw,20px);font-weight:700;line-height:1.1;margin-bottom:2px;min-width:0;overflow-wrap:anywhere;word-break:break-word}.kpi-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;font-weight:500}.kpi-subtitle{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:11px;margin-top:2px}.kpi-trend{align-items:center;border-radius:4px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;margin-top:4px;padding:2px 6px}.kpi-trend.positive{background-color:#dcfce7;background-color:var(--c-dcfce7,#dcfce7);color:#22c55e;color:var(--ct-22c55e,#22c55e)}.kpi-trend.negative{background-color:#fee2e2;background-color:var(--c-fee2e2,#fee2e2);color:#ef4444;color:var(--ct-ef4444,#ef4444)}.metrics-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{background:#fff;background:var(--c-white,#fff);border-radius:8px;box-shadow:0 1px 2px #00000012;padding:10px 14px;transition:all .2s}.metric-card:hover{box-shadow:0 3px 8px #00000012;transform:translateY(-1px)}.metric-header{align-items:center;display:flex;gap:6px;margin-bottom:6px}.metric-header,.metric-title{color:#64748b;color:var(--ct-64748b,#64748b)}.metric-title{font-size:10.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.metric-value{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:19px;font-weight:700;line-height:1.2;margin-bottom:5px}.metric-breakdown{display:flex;flex-direction:column;gap:4px}.metric-item{align-items:center;color:#475569;color:var(--ct-475569,#475569);display:flex;font-size:11.5px;gap:5px}.metric-item.success{color:#22c55e;color:var(--ct-22c55e,#22c55e)}.metric-item.warning{color:#f59e0b;color:var(--ct-f59e0b,#f59e0b)}.metric-item.danger{color:#ef4444;color:var(--ct-ef4444,#ef4444)}.dashboard-charts-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));margin-bottom:14px}.chart-card{background:#fff;background:var(--c-white,#fff);border-radius:10px;box-shadow:0 1px 3px #0000001a;padding:16px}.chart-card.full-width{grid-column:1/-1}.chart-title{align-items:center;color:#1e293b;color:var(--ct-1e293b,#1e293b);display:flex;font-size:13px;font-weight:600;gap:6px;margin:0}.chart-subtitle{color:#64748b;color:var(--ct-64748b,#64748b);display:block;font-size:13px;margin-top:4px}.dashboard-bottom-grid{grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.vendors-list{background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.vendor-item{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;gap:12px;padding:10px 14px;transition:background-color .2s}.vendor-item:last-child{border-bottom:none}.vendor-item:hover{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc)}.vendor-rank{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--c-3b82f6,#3b82f6) 0,var(--c-8b5cf6,#8b5cf6) 100%);border-radius:50%;color:#fff;color:var(--ct-white,#fff);display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.vendor-info{flex:1 1}.vendor-name{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:13px;font-weight:600;margin-bottom:2px}.vendor-meta{color:#64748b;color:var(--ct-64748b,#64748b);display:flex;font-size:12px;gap:12px}.vendor-orders,.vendor-rating{align-items:center;display:inline-flex;gap:4px}.vendor-amount{color:#22c55e;color:var(--ct-22c55e,#22c55e);font-size:13px;font-weight:700}.activity-item{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;gap:10px;padding:10px 14px;transition:background-color .2s}.activity-item:last-child{border-bottom:none}.activity-item:hover{background-color:#f8fafc;background-color:var(--c-f8fafc,#f8fafc)}.activity-icon{align-items:center;border-radius:8px;color:#fff;color:var(--ct-white,#fff);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.activity-content{flex:1 1}.activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.activity-type{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.activity-date{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:12px}.activity-action{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:12px;font-weight:500;margin-bottom:2px}.activity-amount{color:#22c55e;color:var(--ct-22c55e,#22c55e);font-size:13px;font-weight:700}.activity-status{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.status-draft{background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9);color:#475569;color:var(--ct-475569,#475569)}.status-approved{background-color:#dcfce7;background-color:var(--c-dcfce7,#dcfce7);color:#166534;color:var(--ct-166534,#166534)}.status-ordered{background-color:#dbeafe;background-color:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.status-in-transit{background-color:#cffafe;background-color:var(--c-cffafe,#cffafe);color:#155e75;color:var(--ct-155e75,#155e75)}.status-delivered{background-color:#dcfce7;background-color:var(--c-dcfce7,#dcfce7);color:#166534;color:var(--ct-166534,#166534)}.status-cancelled,.status-rejected{background-color:#fee2e2;background-color:var(--c-fee2e2,#fee2e2);color:#991b1b;color:var(--ct-991b1b,#991b1b)}.status-new,.status-under-review{background-color:#fef3c7;background-color:var(--c-fef3c7,#fef3c7);color:#92400e;color:var(--ct-92400e,#92400e)}.chart-card{display:flex;flex-direction:column}.chart-card .chart-header{flex-shrink:0}@media (min-width:1200px){.dashboard-charts-grid{grid-template-columns:repeat(auto-fit,minmax(440px,1fr))}.kpi-grid.kpi-grid-4col,.metrics-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1199px) and (min-width:769px){.dashboard-charts-grid{grid-template-columns:1fr 1fr}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.kpi-grid.kpi-grid-4col,.metrics-grid{grid-template-columns:repeat(2,1fr)}.project-dashboard-container{padding:12px 16px}}@media (max-width:1024px) and (min-width:769px){.kpi-grid,.kpi-grid.kpi-grid-4col,.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-bottom-grid{grid-template-columns:1fr}.agg-projects-table{font-size:12px}}@media (max-width:768px){.project-dashboard-container{padding:10px 12px}.project-dashboard-title{font-size:18px}.page-header-with-filter{align-items:stretch;flex-direction:column;gap:8px}.header-actions{flex-direction:column;gap:8px;width:100%}.project-overview-header{align-items:center;flex-direction:column;text-align:center}.progress-circle{height:90px;width:90px}.project-overview-details{gap:8px;grid-template-columns:1fr 1fr}.kpi-grid{gap:8px}.kpi-grid,.kpi-grid.kpi-grid-4col,.metrics-grid{grid-template-columns:repeat(2,1fr)}.metrics-grid{gap:8px}.dashboard-charts-grid{gap:10px;grid-template-columns:1fr!important}.kpi-icon{height:48px;width:48px}.kpi-value{font-size:18px}.kpi-label{font-size:11px}.section-title{font-size:14px}.metric-value{font-size:17px}.agg-scope-banner{align-items:flex-start;flex-direction:column;gap:8px}.agg-table-scroll{font-size:11px}}@media (max-width:480px){.project-dashboard-container{padding:8px}.project-meta{align-items:flex-start;flex-direction:column;gap:4px}.kpi-grid{gap:6px;grid-template-columns:1fr 1fr}.metrics-grid{gap:6px;grid-template-columns:1fr}.vendor-item{flex-wrap:wrap}.vendor-amount{text-align:right;width:100%}.dashboard-section{padding:12px}.kpi-value{font-size:16px}.metric-value{font-size:15px}}.progress-bar-container{background-color:#e2e8f0;background-color:var(--c-e2e8f0,#e2e8f0);border-radius:2px;height:5px;margin:4px 0;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);background:linear-gradient(90deg,var(--c-3b82f6,#3b82f6) 0,var(--c-2563eb,#2563eb) 100%);border-radius:2px;height:100%;transition:width .3s ease}.progress-bar-fill.success{background:linear-gradient(90deg,#22c55e,#16a34a);background:linear-gradient(90deg,var(--c-22c55e,#22c55e) 0,var(--c-16a34a,#16a34a) 100%)}.progress-bar-fill.warning{background:linear-gradient(90deg,#f59e0b,#d97706);background:linear-gradient(90deg,var(--c-f59e0b,#f59e0b) 0,var(--c-d97706,#d97706) 100%)}.progress-bar-fill.danger{background:linear-gradient(90deg,#ef4444,#dc2626);background:linear-gradient(90deg,var(--c-ef4444,#ef4444) 0,var(--c-dc2626,#dc2626) 100%)}.timeline-milestone{border-left:3px solid #e2e8f0;border-left:3px solid var(--c-e2e8f0,#e2e8f0);display:flex;gap:20px;margin-left:20px;padding:20px 0;position:relative}.timeline-milestone:last-child{border-left-color:#0000}.timeline-milestone.completed{border-left-color:#22c55e;border-left-color:var(--c-22c55e,#22c55e)}.timeline-milestone.completed .milestone-marker{background-color:#22c55e;background-color:var(--c-22c55e,#22c55e);color:#fff;color:var(--ct-white,#fff)}.timeline-milestone.in-progress{border-left-color:#3b82f6;border-left-color:var(--c-3b82f6,#3b82f6)}.timeline-milestone.in-progress .milestone-marker{background-color:#3b82f6;background-color:var(--c-3b82f6,#3b82f6);color:#fff;color:var(--ct-white,#fff)}.timeline-milestone.upcoming{border-left-color:#94a3b8;border-left-color:var(--c-94a3b8,#94a3b8)}.timeline-milestone.upcoming .milestone-marker{background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9);border:2px solid #cbd5e1;border:2px solid var(--c-cbd5e1,#cbd5e1);color:#64748b;color:var(--ct-64748b,#64748b)}.timeline-milestone.overdue{border-left-color:#ef4444;border-left-color:var(--c-ef4444,#ef4444)}.timeline-milestone.overdue .milestone-marker{background-color:#ef4444;background-color:var(--c-ef4444,#ef4444);color:#fff;color:var(--ct-white,#fff)}.milestone-marker{align-items:center;border-radius:50%;box-shadow:0 2px 8px #00000026;display:flex;flex-shrink:0;height:40px;justify-content:center;left:-22px;position:absolute;top:20px;width:40px;z-index:2}.milestone-content{flex:1 1;padding-left:40px}.milestone-date{color:#64748b;color:var(--ct-64748b,#64748b);font-size:13px;font-weight:600;margin-bottom:4px}.milestone-title{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:16px;font-weight:600;margin:0 0 4px}.milestone-description{color:#64748b;color:var(--ct-64748b,#64748b);font-size:14px;line-height:1.5;margin:0}.kpi-card.financial{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--c-667eea,#667eea) 0,var(--c-764ba2,#764ba2) 100%);border-top:none;color:#fff;color:var(--ct-white,#fff)}.kpi-card.financial .kpi-icon{background-color:#fff3}.kpi-card.financial .kpi-icon,.kpi-card.financial .kpi-label,.kpi-card.financial .kpi-subtitle,.kpi-card.financial .kpi-value{color:#fff;color:var(--ct-white,#fff)}.metric-card.highlight{border:2px solid #3b82f6;border:2px solid var(--c-3b82f6,#3b82f6);box-shadow:0 4px 16px #3b82f633}.metric-card.success{border-left:4px solid #22c55e;border-left:4px solid var(--c-22c55e,#22c55e)}.metric-card.warning{border-left:4px solid #f59e0b;border-left:4px solid var(--c-f59e0b,#f59e0b)}.metric-card.danger{border-left:4px solid #ef4444;border-left:4px solid var(--c-ef4444,#ef4444)}.dashboard-bottom-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:24px}@media (max-width:768px){.project-timeline-container{padding:16px}.timeline-milestone{margin-left:12px}.milestone-marker{height:32px;left:-18px;width:32px}.milestone-content{padding-left:30px}.milestone-title{font-size:14px}.milestone-description{font-size:13px}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.dashboard-skeleton{animation:shimmer 2s infinite;background:linear-gradient(90deg,#f1f5f9 0,#e2e8f0 50%,#f1f5f9);background:linear-gradient(to right,var(--c-f1f5f9,#f1f5f9) 0,var(--c-e2e8f0,#e2e8f0) 50%,var(--c-f1f5f9,#f1f5f9) 100%);background-size:1000px 100%}.chart-card.interactive:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px);transition:all .3s ease}.financial-highlight{overflow:hidden;position:relative}.financial-highlight:before{animation:slide 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes slide{0%{left:-100%}to{left:100%}}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-badge.positive{background-color:#dcfce7;background-color:var(--c-dcfce7,#dcfce7);color:#166534;color:var(--ct-166534,#166534)}.status-badge.negative{background-color:#fee2e2;background-color:var(--c-fee2e2,#fee2e2);color:#991b1b;color:var(--ct-991b1b,#991b1b)}.status-badge.neutral{background-color:#f1f5f9;background-color:var(--c-f1f5f9,#f1f5f9);color:#475569;color:var(--ct-475569,#475569)}.custom-tooltip{background-color:#1e293bf2;border:none;border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:12px}.custom-tooltip .label{color:#fff;color:var(--ct-white,#fff);font-weight:600;margin-bottom:4px}.custom-tooltip .value{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:13px}@media print{.dashboard-refresh-btn,.header-actions,.project-dashboard-breadcrumb{display:none}.dashboard-charts-grid{page-break-inside:avoid}.chart-card,.kpi-card,.metric-card{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);box-shadow:none}}.db-expense-block{background:#fff;background:var(--c-fff,#fff);border-radius:14px;box-shadow:0 1px 4px #00000012,0 4px 16px #0000000d;margin:0 0 24px;overflow:hidden;transition:box-shadow .2s}.db-expense-block:hover{box-shadow:0 4px 24px #0000001a}.db-expense-header{align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a5f);background:linear-gradient(135deg,var(--c-0f172a,#0f172a) 0,var(--c-1e3a5f,#1e3a5f) 100%);cursor:pointer;display:flex;justify-content:space-between;padding:18px 22px;-webkit-user-select:none;user-select:none}.db-expense-title-row{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:16px}.db-section-title{align-items:center;color:#fff;color:var(--ct-fff,#fff);display:flex;font-size:15px;font-weight:700;gap:8px;margin:0}.db-expense-header-pills{display:flex;flex-wrap:wrap;gap:8px}.db-pill{align-items:center;border-radius:99px;display:inline-flex;font-size:11px;font-weight:700;gap:5px;padding:4px 10px}.db-pill-warning{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);color:#92400e;color:var(--ct-92400e,#92400e)}.db-pill-info{background:#e0f2fe;background:var(--c-e0f2fe,#e0f2fe);color:#075985;color:var(--ct-075985,#075985)}.db-expand-btn{background:#ffffff26;border:none;border-radius:8px;color:#fff;color:var(--ct-fff,#fff);cursor:pointer;padding:6px;transition:background .15s}.db-expand-btn:hover{background:#ffffff40}.db-expense-kpi-strip{grid-gap:0;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.db-expense-kpi-mini{align-items:center;border-left:3px solid #ccc;border-left:3px solid var(--c-ccc,#ccc);border-right:1px solid #f1f5f9;border-right:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;gap:12px;padding:16px 20px;transition:background .15s}.db-expense-kpi-mini:last-child{border-right:none}.db-expense-kpi-mini:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.db-expense-kpi-icon{flex-shrink:0}.db-expense-kpi-val{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:16px;font-weight:700}.db-expense-kpi-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:500;margin-top:2px}.db-expense-expanded{animation:fadeDown .25s ease;padding:20px 22px}.db-expense-sub-section{margin-bottom:22px}.db-sub-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.db-sub-header h4{align-items:center;color:#1e293b;color:var(--ct-1e293b,#1e293b);display:flex;font-size:13px;font-weight:700;gap:7px;letter-spacing:.04em;margin:0;text-transform:uppercase}.db-link-btn{align-items:center;background:none;border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:7px;color:#3b82f6;color:var(--ct-3b82f6,#3b82f6);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:5px 12px;transition:all .15s}.db-link-btn:hover{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6)}.db-employee-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.db-employee-card{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:10px;display:flex;gap:12px;padding:12px 16px;transition:border-color .15s}.db-employee-card:hover{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6)}.db-emp-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--c-3b82f6,#3b82f6),var(--c-8b5cf6,#8b5cf6));border-radius:50%;color:#fff;color:var(--ct-fff,#fff);display:flex;flex-shrink:0;font-size:15px;font-weight:700;height:38px;justify-content:center;width:38px}.db-emp-avatar.sm{font-size:12px;height:28px;width:28px}.db-emp-info{flex:1 1;min-width:0}.db-emp-name{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-emp-count{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;margin-top:2px}.db-emp-amounts{flex-shrink:0;text-align:right}.db-emp-total{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:14px;font-weight:700}.db-emp-subs{display:flex;flex-direction:column;gap:2px;margin-top:3px}.db-approved-pill{background:#dcfce7;background:var(--c-dcfce7,#dcfce7);color:#166534;color:var(--ct-166534,#166534)}.db-approved-pill,.db-pending-pill{border-radius:99px;font-size:10px;font-weight:700;padding:2px 6px}.db-pending-pill{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);color:#92400e;color:var(--ct-92400e,#92400e)}.db-expense-bottom-row{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr}.db-cat-chart-card,.db-recent-exp-card{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:10px;padding:16px 18px}.db-cat-chart-card h4,.db-recent-exp-card h4{align-items:center;color:#64748b;color:var(--ct-64748b,#64748b);display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.05em;margin:0 0 14px;text-transform:uppercase}.db-recent-exp-list{display:flex;flex-direction:column;gap:8px}.db-recent-exp-item{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1px solid #f1f5f9;border:1px solid var(--c-f1f5f9,#f1f5f9);border-radius:8px;display:flex;gap:10px;padding:10px 12px;transition:border-color .12s}.db-recent-exp-item:hover{border-color:#e2e8f0;border-color:var(--c-e2e8f0,#e2e8f0)}.db-recent-cat-icon{align-items:center;background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-radius:8px;color:#3b82f6;color:var(--ct-3b82f6,#3b82f6);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.db-recent-info{flex:1 1;min-width:0}.db-recent-name{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-recent-meta{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:11px;margin-top:1px}.db-recent-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:3px}.db-recent-amount{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:13px;font-weight:700}.db-status-pill{border-radius:99px;font-size:10px;font-weight:700;padding:2px 7px}.db-status-pending{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);color:#92400e;color:var(--ct-92400e,#92400e)}.db-status-approved{background:#dcfce7;background:var(--c-dcfce7,#dcfce7);color:#166534;color:var(--ct-166534,#166534)}.db-status-rejected{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#991b1b;color:var(--ct-991b1b,#991b1b)}.db-view-all-link{border:1.5px dashed #bfdbfe;border:1.5px dashed var(--c-bfdbfe,#bfdbfe);border-radius:8px;color:#3b82f6;color:var(--ct-3b82f6,#3b82f6);display:block;font-size:12px;font-weight:600;margin-top:12px;padding:8px;text-align:center;text-decoration:none;transition:all .15s}.db-view-all-link:hover{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6)}.db-modal-overlay{align-items:center;animation:fadeIn .2s;background:#0f172a80;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.db-modal{animation:popUp .22s ease;background:#fff;background:var(--c-fff,#fff);border-radius:14px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:640px;width:100%}.db-modal-header{align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a5f);background:linear-gradient(135deg,var(--c-0f172a,#0f172a),var(--c-1e3a5f,#1e3a5f));border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);border-radius:14px 14px 0 0;color:#fff;color:var(--ct-fff,#fff);display:flex;justify-content:space-between;padding:18px 22px}.db-modal-header h3{align-items:center;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0}.db-modal-header button{background:#ffffff26;border:none;border-radius:8px;color:#fff;color:var(--ct-fff,#fff);cursor:pointer;padding:6px}.db-modal-header button:hover{background:#ffffff40}.db-modal-body{overflow-y:auto;padding:22px}.db-emp-table{border-collapse:collapse;font-size:13px;width:100%}.db-emp-table thead th{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--c-e2e8f0,#e2e8f0);color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:700;letter-spacing:.06em;padding:10px 14px;text-align:left;text-transform:uppercase}.db-emp-table tbody td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#1e293b;color:var(--ct-1e293b,#1e293b);padding:11px 14px}.db-emp-table tbody tr:last-child td{border-bottom:none}.db-emp-table tbody tr:hover td{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.db-emp-table-user{align-items:center;display:flex;gap:8px}.db-green{color:#166534;color:var(--ct-166534,#166534);font-weight:600}.db-amber{color:#92400e;color:var(--ct-92400e,#92400e);font-weight:600}@media (max-width:900px){.db-expense-bottom-row{grid-template-columns:1fr}.db-expense-kpi-strip{grid-template-columns:repeat(2,1fr)}.db-employee-grid{grid-template-columns:1fr}}@media (max-width:600px){.db-expense-kpi-strip{grid-template-columns:1fr}.db-expense-header{flex-direction:column;gap:12px}}.activities-timeline{background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 1px 3px #0000001a;max-height:420px;overflow:hidden;overflow-y:auto;scroll-behavior:smooth}.activities-timeline::-webkit-scrollbar{width:5px}.activities-timeline::-webkit-scrollbar-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.activities-timeline::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:99px}.activities-timeline::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--c-94a3b8,#94a3b8)}.project-timeline-container{background:#fff;background:var(--c-white,#fff);border-radius:12px;box-shadow:0 1px 3px #0000001a;max-height:480px;overflow-y:auto;padding:24px;position:relative;scroll-behavior:smooth}.project-timeline-container::-webkit-scrollbar{width:5px}.project-timeline-container::-webkit-scrollbar-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.project-timeline-container::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:99px}.project-timeline-container::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--c-94a3b8,#94a3b8)}@media (max-width:1024px){.activities-timeline{max-height:380px}.project-timeline-container{max-height:420px}}@media (max-width:768px){.activities-timeline{max-height:320px}.project-timeline-container{max-height:360px}}@media (max-width:480px){.activities-timeline{max-height:280px}.project-timeline-container{max-height:300px}}.agg-scope-banner{align-items:center;background:linear-gradient(135deg,#1e3a5f,#1a4480);background:linear-gradient(135deg,var(--c-1e3a5f,#1e3a5f) 0,var(--c-1a4480,#1a4480) 100%);border-radius:14px;box-shadow:0 4px 16px #1e3a5f40;color:#fff;color:var(--ct-fff,#fff);display:flex;gap:14px;margin-bottom:24px;padding:18px 24px}.agg-scope-icon{align-items:center;background:#ffffff26;border-radius:12px;display:flex;flex-shrink:0;height:46px;justify-content:center;width:46px}.agg-scope-title{color:#fff;color:var(--ct-fff,#fff);font-size:17px;font-weight:700;line-height:1.3}.agg-scope-sub{color:#ffffffbf;font-size:13px;margin-top:2px}.agg-table-wrapper{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.agg-table-scroll{max-height:480px;overflow-x:auto;overflow-y:auto}.agg-projects-table{background:#fff;background:var(--c-fff,#fff);border-collapse:collapse;font-size:13px;table-layout:auto;width:100%}.agg-projects-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:2}.agg-projects-table tfoot{bottom:0;position:-webkit-sticky;position:sticky;z-index:2}.agg-projects-table th{background:#1e3a5f;background:var(--c-1e3a5f,#1e3a5f);border-bottom:2px solid #2d5282;border-bottom:2px solid var(--c-2d5282,#2d5282);color:#e2e8f0;color:var(--ct-e2e8f0,#e2e8f0);font-size:11.5px;font-weight:600;letter-spacing:.4px;padding:12px 14px;text-transform:uppercase;white-space:nowrap}.agg-th-left{min-width:130px;text-align:left}.agg-th-right{min-width:120px;text-align:right}.agg-th-center{min-width:80px;text-align:center}.agg-projects-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);overflow:hidden;padding:11px 14px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.agg-td-left{text-align:left}.agg-td-right{text-align:right}.agg-td-center{text-align:center}.agg-tr-even{background:#fff;background:var(--c-ffffff,#fff)}.agg-tr-odd{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.agg-tr-even:hover,.agg-tr-odd:hover{background:#eff6ff;background:var(--c-eff6ff,#eff6ff)}.agg-proj-name{color:#111827;color:var(--ct-111827,#111827);font-size:13px;font-weight:600}.agg-proj-id{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-size:11px;margin-top:2px}.agg-group-name{color:#374151;color:var(--ct-374151,#374151);font-size:12px;font-weight:500}.agg-subgroup-name{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-size:11px;margin-top:2px}.agg-status-badge{border-radius:5px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.2px;padding:3px 9px;white-space:nowrap}.agg-val-default{color:#111827;color:var(--ct-111827,#111827);font-weight:600}.agg-val-green{color:#16a34a;color:var(--ct-16a34a,#16a34a);font-weight:600}.agg-val-red{color:#dc2626;color:var(--ct-dc2626,#dc2626);font-weight:600}.agg-val-amber{color:#d97706;color:var(--ct-d97706,#d97706);font-weight:600}.agg-tfoot-row{background:#1e3a5f!important;background:var(--c-1e3a5f,#1e3a5f)!important}.agg-tfoot-row td{border-bottom:none;border-top:2px solid #2d5282;border-top:2px solid var(--c-2d5282,#2d5282);color:#f1f5f9;color:var(--ct-f1f5f9,#f1f5f9);font-size:12.5px;font-weight:700;padding:12px 14px}.agg-tfoot-row .agg-val-green{color:#86efac;color:var(--ct-86efac,#86efac)}.agg-tfoot-row .agg-val-red{color:#fca5a5;color:var(--ct-fca5a5,#fca5a5)}.agg-tfoot-row .agg-val-amber{color:#fde68a;color:var(--ct-fde68a,#fde68a)}.agg-tfoot-label{font-size:12px;letter-spacing:.3px}.agg-table-scroll::-webkit-scrollbar{height:6px;width:6px}.agg-table-scroll::-webkit-scrollbar-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.agg-table-scroll::-webkit-scrollbar-thumb{background:#94a3b8;background:var(--c-94a3b8,#94a3b8);border-radius:3px}.agg-table-scroll::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--c-64748b,#64748b)}.kpi-card-clickable{cursor:pointer;transition:transform .15s,box-shadow .15s}.kpi-card-clickable:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-3px)}.kpi-click-hint{font-size:13px;margin-left:4px;opacity:.7}.spent-modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:12px;position:fixed;z-index:9999}.spent-modal{background:#fff;background:var(--c-fff,#fff);border-radius:14px;box-shadow:0 24px 60px #0000004d;display:flex;flex-direction:column;max-height:88vh;max-width:480px;overflow:hidden;width:100%}.spent-modal-header{align-items:center;background:#fafafa;background:var(--c-fafafa,#fafafa);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--c-e5e7eb,#e5e7eb);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 18px 10px}.spent-modal-title-row{align-items:center;display:flex;gap:8px}.spent-modal-icon{color:#f59e0b;color:var(--ct-f59e0b,#f59e0b)}.spent-modal-title{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:15px;font-weight:700;margin:0}.spent-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;color:var(--ct-6b7280,#6b7280);cursor:pointer;display:flex;padding:4px}.spent-modal-close:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);color:#1e293b;color:var(--ct-1e293b,#1e293b)}.spent-modal-body{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:12px 14px}.spent-block{border:1px solid #e5e7eb;border:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:8px;overflow:hidden}.spent-block-header{align-items:center;display:flex;font-size:12px;font-weight:600;gap:6px;padding:7px 12px}.spent-block-header--procurement{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-bottom:1px solid #bfdbfe;border-bottom:1px solid var(--c-bfdbfe,#bfdbfe);color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8)}.spent-block-header--expense{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);border-bottom:1px solid #bbf7d0;border-bottom:1px solid var(--c-bbf7d0,#bbf7d0);color:#15803d;color:var(--ct-15803d,#15803d)}.spent-block-total{color:#15803d;color:var(--ct-15803d,#15803d);font-size:12px;font-weight:700;margin-left:auto}.spent-row{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;gap:8px;justify-content:space-between;padding:7px 12px}.spent-row:last-child{border-bottom:none}.spent-row--sub{background:#fafafa;background:var(--c-fafafa,#fafafa);padding:5px 12px 5px 22px}.spent-row-label{color:#4b5563;color:var(--ct-4b5563,#4b5563);flex:1 1;font-size:12px;min-width:0}.spent-row--sub .spent-row-label{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:11px}.spent-row-amount{color:#1e293b;color:var(--ct-1e293b,#1e293b);flex-shrink:0;font-size:12px;font-weight:600;white-space:nowrap}.spent-row--sub .spent-row-amount{font-size:11px;font-weight:500}.spent-amount--procurement{color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8)}.spent-amount--pending{color:#dc2626;color:var(--ct-dc2626,#dc2626)}.spent-category-list{display:flex;flex-direction:column;gap:0}.spent-cat-row{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;gap:8px;justify-content:space-between;padding:9px 16px}.spent-cat-row:last-child{border-bottom:none}.spent-cat-left{align-items:center;display:flex;gap:8px;min-width:0}.spent-cat-icon{align-items:center;color:#6b7280;color:var(--ct-6b7280,#6b7280);display:flex;flex-shrink:0}.spent-cat-name{color:#374151;color:var(--ct-374151,#374151);font-size:13px;font-weight:500}.spent-cat-count{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-size:11px;white-space:nowrap}.spent-cat-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.spent-cat-bar-wrap{background:#e5e7eb;background:var(--c-e5e7eb,#e5e7eb);border-radius:99px;height:6px;overflow:hidden;width:80px}.spent-cat-bar{background:linear-gradient(90deg,#22c55e,#16a34a);background:linear-gradient(90deg,var(--c-22c55e,#22c55e),var(--c-16a34a,#16a34a));border-radius:99px;height:100%;transition:width .4s ease}.spent-cat-pct{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:11px;text-align:right;width:36px}.spent-cat-amount{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:13px;font-weight:600;min-width:90px;text-align:right}.spent-empty-expenses{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-size:13px;padding:16px;text-align:center}.spent-expense-summary-rows{background:#fafafa;background:var(--c-fafafa,#fafafa)}.spent-grand-total{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);background:linear-gradient(135deg,var(--c-1e293b,#1e293b),var(--c-334155,#334155));border-radius:10px;color:#fff;color:var(--ct-fff,#fff);display:flex;justify-content:space-between;padding:14px 20px}.spent-grand-label{font-size:14px;font-weight:600;opacity:.85}.spent-grand-value{font-size:20px;font-weight:800}.spent-util-row{align-items:center;display:flex;gap:12px;padding:4px 0}.spent-util-label{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:12px;white-space:nowrap}.spent-util-bar-wrap{background:#e5e7eb;background:var(--c-e5e7eb,#e5e7eb);border-radius:99px;flex:1 1;height:8px;overflow:hidden}.spent-util-bar{border-radius:99px;height:100%;transition:width .5s ease}.spent-util-pct{color:#374151;color:var(--ct-374151,#374151);font-size:12px;font-weight:600;white-space:nowrap}@media (max-width:640px){.spent-modal{border-radius:10px;max-height:95vh}.spent-modal-body,.spent-modal-header{padding:14px 16px}.spent-cat-bar-wrap{width:50px}.spent-cat-amount{font-size:12px;min-width:70px}.spent-grand-value{font-size:17px}}.cash-status-banner{align-items:flex-start;display:flex;gap:12px}@media (min-width:641px){.spent-modal{max-width:620px}}.chart-card-clickable{cursor:pointer;position:relative;transition:box-shadow .18s,transform .18s}.chart-card-clickable:hover{box-shadow:0 6px 24px #3b82f62e;transform:translateY(-2px)}.chart-expand-hint{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:11px;font-weight:400;margin-left:auto}.chart-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.agg-status-btn{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;padding:3px 10px;transition:filter .15s,transform .1s;white-space:nowrap}.agg-status-btn:hover:not(:disabled){filter:brightness(.92);transform:scale(1.04)}.agg-status-btn:disabled{cursor:not-allowed;opacity:.6}@media (min-width:769px){.project-dashboard-header .header-actions{align-items:flex-end}}.orderbook-page{padding:24px 24px 0}.orderbook-breadcrumb{align-items:center;color:#64748b;color:var(--ct-64748b,#64748b);display:flex;font-size:11px;gap:5px;margin-bottom:10px}.orderbook-breadcrumb-separator{color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1)}.orderbook-breadcrumb-active{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-weight:500}.orderbook-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:10px}.orderbook-header h1{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:18px;font-weight:700;margin:0}.ob-draggable-th{cursor:grab;position:relative;-webkit-user-select:none;user-select:none}.ob-draggable-th:active{cursor:grabbing}.ob-draggable-th.ob-sortable{cursor:grab}.ob-draggable-th:hover .ob-th-grip{opacity:1}.ob-th-grip{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:inline-block;font-size:10px;letter-spacing:-1px;line-height:1;margin-right:4px;opacity:0;transition:opacity .15s;vertical-align:middle}.ob-draggable-th:hover{background:#eef2f7;background:var(--c-eef2f7,#eef2f7);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.ob-th-sorted{background:#eff6ff!important;background:var(--c-eff6ff,#eff6ff)!important;color:#1e40af!important;color:var(--ct-1e40af,#1e40af)!important}.ob-draggable-th[draggable=true]:drag{opacity:.4}.ob-sortable{cursor:pointer;transition:background .15s,color .15s;-webkit-user-select:none;user-select:none;white-space:nowrap}.ob-sortable:hover{background:#eef2f7;background:var(--c-eef2f7,#eef2f7);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.ob-sort-icon{display:inline-block;font-size:10px;line-height:1;margin-left:4px;transition:color .15s;vertical-align:middle}.ob-sort-none{color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1)}.ob-sort-active{color:#3b82f6;color:var(--ct-3b82f6,#3b82f6);font-weight:700}.orderbook-table th.ob-sortable:has(.ob-sort-active){background:#eff6ff;background:var(--c-eff6ff,#eff6ff);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.orderbook-date-range{align-items:center;background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;display:flex;gap:6px;padding:3px 8px}.orderbook-date-field{align-items:center;display:flex;gap:4px}.orderbook-date-field label{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:10px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}.orderbook-date-field .orderbook-filter{background:#0000;border:none;box-shadow:none;font-size:12px;min-width:110px;padding:3px 4px}.orderbook-date-field .orderbook-filter:focus{border:none;box-shadow:none;outline:none}.orderbook-date-separator{color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1);font-size:12px;padding:0 2px}.orderbook-date-clear{align-items:center;background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border:none;border-radius:50%;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:flex;flex-shrink:0;font-size:13px;height:18px;justify-content:center;line-height:1;padding:0;transition:all .15s;width:18px}.orderbook-date-clear:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#dc2626;color:var(--ct-dc2626,#dc2626)}@media (max-width:768px){.orderbook-date-range{justify-content:space-between;width:100%}.orderbook-date-field .orderbook-filter{min-width:90px}}.orderbook-action-bar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:20px}.orderbook-search-filters{display:flex;flex:1 1;flex-wrap:wrap;gap:6px}.orderbook-action-buttons{align-items:center;display:flex;gap:6px}.orderbook-search{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;flex:1 1;font-size:12px;min-width:180px;padding:10px;transition:border-color .2s}.orderbook-search:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 2px #3b82f61a;outline:none}.orderbook-filter{background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;cursor:pointer;font-size:12px;min-width:120px;padding:10px}.orderbook-filter:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);outline:none}.orderbook-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:5px 12px;transition:all .15s;white-space:nowrap}.orderbook-btn-icon{gap:4px}.orderbook-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--c-3b82f6,#3b82f6),var(--c-2563eb,#2563eb));color:#fff;color:var(--ct-white,#fff);padding:10px}.orderbook-btn-primary:hover:not(:disabled){box-shadow:0 3px 8px #3b82f659;transform:translateY(-1px)}.orderbook-btn-secondary{background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);color:#64748b;color:var(--ct-64748b,#64748b);padding:10px}.orderbook-btn-secondary:hover:not(:disabled){background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.orderbook-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--c-ef4444,#ef4444),var(--c-dc2626,#dc2626));color:#fff;color:var(--ct-white,#fff)}.orderbook-btn-danger:hover:not(:disabled){box-shadow:0 3px 8px #ef444459;transform:translateY(-1px)}.orderbook-btn:disabled{opacity:.6}.orderbook-column-picker-container{position:relative}.orderbook-column-picker-dropdown{animation:slideDown .15s ease-out;background:#fff;background:var(--c-white,#fff);border-radius:8px;box-shadow:0 8px 20px #0000001f;min-width:220px;position:absolute;right:0;top:calc(100% + 5px);z-index:100}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.orderbook-column-picker-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);color:#0f172a;color:var(--ct-0f172a,#0f172a);display:flex;font-size:12px;font-weight:600;justify-content:space-between;padding:9px 12px}.orderbook-column-picker-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;padding:0;width:20px}.orderbook-column-picker-close:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);color:#0f172a;color:var(--ct-0f172a,#0f172a)}.orderbook-column-picker-list{max-height:320px;overflow-y:auto;padding:4px}.orderbook-column-picker-item{align-items:center;border-radius:4px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;display:flex;font-size:12px;gap:7px;padding:6px 8px;-webkit-user-select:none;user-select:none}.orderbook-column-picker-item:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.orderbook-column-picker-item span{flex:1 1}.orderbook-column-picker-item input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--c-3b82f6,#3b82f6);cursor:pointer;height:13px;width:13px}.orderbook-column-picker-item input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.orderbook-table-card{background:#fff;background:var(--c-white,#fff);border-radius:8px;box-shadow:0 1px 3px #00000014;overflow:hidden}.orderbook-table-card .orderbook-table-wrapper{max-height:480px;overflow-x:auto;overflow-y:auto}.orderbook-table-card .orderbook-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.orderbook-table-card .orderbook-table-wrapper::-webkit-scrollbar{height:5px;width:5px}.orderbook-table-card .orderbook-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.orderbook-table-card .orderbook-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:4px}.orderbook-table-card .orderbook-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--c-94a3b8,#94a3b8)}.orderbook-table{border-collapse:collapse;font-size:12px;width:100%}.orderbook-table thead{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0)}.orderbook-table th{color:#475569;color:var(--ct-475569,#475569);font-size:11px;font-weight:600;letter-spacing:.3px;padding:8px 10px;text-align:left;text-transform:uppercase;white-space:nowrap}.orderbook-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:12px;padding:7px 10px;vertical-align:middle}.orderbook-table tbody tr:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.orderbook-id{color:#3b82f6;color:var(--ct-3b82f6,#3b82f6);font-weight:600}.orderbook-customer-info{display:flex;flex-direction:column;gap:1px}.orderbook-customer-info strong{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:12px;font-weight:600}.orderbook-customer-code{color:#64748b;color:var(--ct-64748b,#64748b);font-size:10px}.orderbook-amount{color:#059669;color:var(--ct-059669,#059669);font-weight:600;text-align:right}.orderbook-balance{color:#dc2626;color:var(--ct-dc2626,#dc2626)}.orderbook-status{border-radius:999px;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.2px;padding:2px 7px;text-transform:uppercase}.orderbook-status.status-draft{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);color:#475569;color:var(--ct-475569,#475569)}.orderbook-status.status-confirmed{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.orderbook-status.status-production{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);color:#92400e;color:var(--ct-92400e,#92400e)}.orderbook-status.status-ready{background:#e0e7ff;background:var(--c-e0e7ff,#e0e7ff);color:#4338ca;color:var(--ct-4338ca,#4338ca)}.orderbook-status.status-dispatched{background:#ddd6fe;background:var(--c-ddd6fe,#ddd6fe);color:#6b21a8;color:var(--ct-6b21a8,#6b21a8)}.orderbook-status.status-completed{background:#d1fae5;background:var(--c-d1fae5,#d1fae5);color:#065f46;color:var(--ct-065f46,#065f46)}.orderbook-status.status-cancelled{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#991b1b;color:var(--ct-991b1b,#991b1b)}.orderbook-actions-inline{gap:4px}.orderbook-actions-inline,.orderbook-icon-btn{align-items:center;display:flex;justify-content:center}.orderbook-icon-btn{background:#0000;border:none;border-radius:5px;cursor:pointer;font-size:13px;padding:4px;transition:background .15s,transform .12s}.orderbook-icon-btn svg{font-size:13px}.orderbook-icon-btn:hover{transform:translateY(-1px)}.ob-view{color:#4d7ce0;color:var(--ct-4d7ce0,#4d7ce0)}.ob-view:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe)}.ob-edit{color:#059669;color:var(--ct-059669,#059669)}.ob-edit:hover{background:#d1fae5;background:var(--c-d1fae5,#d1fae5)}.ob-upload{color:#7c3aed;color:var(--ct-7c3aed,#7c3aed)}.ob-upload:hover{background:#ede9fe;background:var(--c-ede9fe,#ede9fe)}.ob-delete{color:#dc2626;color:var(--ct-dc2626,#dc2626)}.ob-delete:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2)}.orderbook-icon-btn:disabled{cursor:not-allowed;opacity:.35;pointer-events:auto;transform:none!important}.orderbook-icon-btn:disabled:hover{background:#0000;transform:none}.orderbook-btn:disabled{cursor:not-allowed;filter:grayscale(30%);opacity:.45}.orderbook-empty-state{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);padding:32px 16px!important;text-align:center}.orderbook-empty-state svg{height:40px;margin:0 auto 8px;opacity:.45;width:40px}.orderbook-empty-state p{font-size:13px;margin:0}.orderbook-pagination{align-items:center;background:#fafafa;background:var(--c-fafafa,#fafafa);border-top:1px solid #f1f5f9;border-top:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px 18px}.orderbook-pagination-info{align-items:center;color:#64748b;color:var(--ct-64748b,#64748b);display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.orderbook-pagination-controls{align-items:center;display:flex;gap:6px}.orderbook-rows-select{background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:5px;cursor:pointer;font-size:11px;margin-left:8px;padding:4px 8px}.orderbook-pagination-btn{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:7px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;display:flex;font-size:13px;font-weight:600;height:32px;justify-content:center;padding:0;transition:all .15s;width:32px}.orderbook-pagination-btn:hover:not(:disabled){background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1);color:#0f172a;color:var(--ct-0f172a,#0f172a)}.orderbook-pagination-btn:disabled{cursor:not-allowed;opacity:.4}.orderbook-pagination-current{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:11px;font-weight:500}.orderbook-pagination-buttons{align-items:center;display:flex;gap:4px}.orderbook-pagination-btn-active{background:#0f172a!important;background:var(--c-0f172a,#0f172a)!important;border-color:#0f172a!important;border-color:var(--c-0f172a,#0f172a)!important;color:#fff!important;color:var(--ct-fff,#fff)!important;font-weight:700}.orderbook-pagination-btn-active:hover{background:#1e293b!important;background:var(--c-1e293b,#1e293b)!important}.orderbook-pagination-ellipsis{align-items:center;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:inline-flex;font-size:13px;height:32px;justify-content:center;-webkit-user-select:none;user-select:none;width:32px}.orderbook-pagination-buttons button:first-child,.orderbook-pagination-buttons button:last-child{font-size:14px;min-width:32px;padding:0}.orderbook-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8c;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:12px;position:fixed;z-index:1000}.orderbook-modal{animation:slideUp .2s ease-out;background:#fff;background:var(--c-white,#fff);border-radius:10px;box-shadow:0 16px 24px #0000001a;display:flex;flex-direction:column;margin:auto;max-height:88vh;max-width:560px;width:100%}.orderbook-modal-large{max-width:1100px}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.orderbook-modal-header{align-items:center;background:#fff;background:var(--c-white,#fff);border-bottom:1px solid #eef2f7;border-bottom:1px solid var(--c-eef2f7,#eef2f7);border-radius:10px 10px 0 0;display:flex;justify-content:space-between;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.orderbook-modal-header h2{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:15px;font-weight:600;margin:0}.orderbook-modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:flex;font-size:20px;height:26px;justify-content:center;line-height:1;padding:4px;transition:all .15s;width:26px}.orderbook-modal-close:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);color:#0f172a;color:var(--ct-0f172a,#0f172a)}.orderbook-modal-content{flex:1 1;overflow-y:auto;padding:12px 16px}.orderbook-delete-modal{animation:slideUp .2s ease-out;background:#fff;background:var(--c-white,#fff);border-radius:10px;max-width:380px;padding:20px;text-align:center;width:100%}.orderbook-delete-icon{align-items:center;background:#fee2e2;background:var(--c-fee2e2,#fee2e2);border-radius:50%;display:flex;height:44px;justify-content:center;margin:0 auto 10px;width:44px}.orderbook-delete-icon svg{color:#dc2626;color:var(--ct-dc2626,#dc2626);height:22px;width:22px}.orderbook-delete-modal h3{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:16px;font-weight:700;margin:0 0 6px}.orderbook-delete-modal p{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;line-height:1.5;margin:0 0 4px}.orderbook-delete-warning{color:#dc2626!important;color:var(--ct-dc2626,#dc2626)!important;font-weight:500;margin-bottom:14px!important}.orderbook-delete-actions{display:flex;gap:8px;margin-top:14px}.orderbook-delete-actions button{flex:1 1}.orderbook-card{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-radius:8px;margin-bottom:10px;padding:12px}.orderbook-card:last-child{margin-bottom:0}.orderbook-card h3{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:13px;font-weight:600;margin:0 0 8px}.orderbook-card-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.orderbook-card-header h3{margin:0 0 3px}.orderbook-info-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.orderbook-info-grid div{color:#475569;color:var(--ct-475569,#475569);font-size:12px}.orderbook-info-grid strong{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-weight:600;margin-right:4px}.orderbook-description{border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);margin-top:10px;padding-top:10px}.orderbook-description p{color:#475569;color:var(--ct-475569,#475569);font-size:12px;line-height:1.4;margin:4px 0 0}.orderbook-financial-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.orderbook-financial-item{background:#fff;background:var(--c-white,#fff);border-radius:6px;display:flex;flex-direction:column;gap:3px;padding:8px 10px}.orderbook-financial-item span{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:500}.orderbook-financial-item strong{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:13px}.orderbook-total{color:#059669!important;color:var(--ct-059669,#059669)!important;font-size:15px!important}.orderbook-form-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.orderbook-form-group{display:flex;flex-direction:column;gap:3px}.orderbook-form-group.orderbook-form-full{grid-column:1/-1}.orderbook-form-group label{color:#475569;color:var(--ct-475569,#475569);font-size:11px;font-weight:500}.orderbook-form-group input,.orderbook-form-group select,.orderbook-form-group textarea{background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;font-family:inherit;font-size:12px;padding:5px 8px;transition:border-color .15s}.orderbook-form-group input:focus,.orderbook-form-group select:focus,.orderbook-form-group textarea:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 2px #3b82f61a;outline:none}.orderbook-form-group input:disabled,.orderbook-form-group select:disabled{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);cursor:not-allowed}.orderbook-form-group textarea{min-height:52px;resize:vertical}.orderbook-help-text{color:#64748b;color:var(--ct-64748b,#64748b);font-size:10px;font-style:italic}.orderbook-items-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.orderbook-empty-items{background:#fff;background:var(--c-white,#fff);border:2px dashed #e2e8f0;border:2px dashed var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);padding:20px 12px;text-align:center}.orderbook-empty-items p{font-size:12px;margin:0}.orderbook-grand-total{align-items:center;background:#fff;background:var(--c-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-top:8px;padding:8px 12px}.orderbook-grand-total strong{color:#059669;color:var(--ct-059669,#059669);font-size:15px}.orderbook-total-row{background:#f8fafc!important;background:var(--c-f8fafc,#f8fafc)!important;font-weight:600}.orderbook-total-row td{border-bottom:none!important;padding:8px!important}.orderbook-modal-actions{background:#fff;background:var(--c-white,#fff);border-radius:0 0 10px 10px;border-top:1px solid #eef2f7;border-top:1px solid var(--c-eef2f7,#eef2f7);bottom:0;display:flex;gap:8px;justify-content:flex-end;margin-top:0;padding:10px 16px;position:-webkit-sticky;position:sticky;z-index:50}.orderbook-items-table{border-collapse:initial;border-spacing:0;font-size:12px;width:100%}.orderbook-items-table thead{background:#f8f9fa;background:var(--c-f8f9fa,#f8f9fa);position:-webkit-sticky;position:sticky;top:0;z-index:10}.orderbook-items-table thead th{color:#374151;color:var(--ct-374151,#374151);font-size:11px;font-weight:600;padding:6px 5px;text-align:left;white-space:nowrap}.orderbook-items-table tbody td,.orderbook-items-table thead th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--c-e5e7eb,#e5e7eb)}.orderbook-items-table tbody td{padding:3px 4px;vertical-align:middle}.orderbook-items-table tbody tr:hover{background:#f9fafb;background:var(--c-f9fafb,#f9fafb)}.orderbook-table-input{border:1px solid #d1d5db;border:1px solid var(--c-d1d5db,#d1d5db);border-radius:4px;font-family:inherit;font-size:11px;padding:3px 6px;transition:border-color .15s;width:100%}.orderbook-table-input:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 2px #3b82f614;outline:none}.orderbook-table-input::placeholder{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-size:10px}.orderbook-table-input-number{text-align:right}.orderbook-table-cell-centered{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:11px;font-weight:500;text-align:center}.orderbook-table-cell-total{color:#059669;color:var(--ct-059669,#059669);font-size:11px;font-weight:600;padding-right:6px;text-align:right}.orderbook-table-delete-btn{align-items:center;background:#0000;border:none;border-radius:3px;color:#dc2626;color:var(--ct-dc2626,#dc2626);cursor:pointer;display:inline-flex;justify-content:center;padding:3px;transition:all .15s}.orderbook-table-delete-btn:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#991b1b;color:var(--ct-991b1b,#991b1b)}.orderbook-table-delete-btn:active{transform:scale(.95)}.orderbook-table-delete-btn svg{height:11px;width:11px}.orderbook-items-table input[required]{border-left:2px solid #3b82f6;border-left:2px solid var(--c-3b82f6,#3b82f6)}.orderbook-items-table tbody td:has(.orderbook-table-input){padding:3px}.orderbook-items-table tbody td:first-child,.orderbook-items-table thead th:first-child{background:#fff;background:var(--c-white,#fff);box-shadow:1px 0 3px #0000000a;left:0;position:-webkit-sticky;position:sticky;z-index:5}.orderbook-items-table thead th:first-child{background:#f8f9fa;background:var(--c-f8f9fa,#f8f9fa)}.orderbook-items-table tbody tr:hover td:first-child{background:#f9fafb;background:var(--c-f9fafb,#f9fafb)}.orderbook-modal .orderbook-table thead{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0)}.orderbook-modal .orderbook-table th{color:#475569;color:var(--ct-475569,#475569);font-size:11px;font-weight:600;letter-spacing:.3px;padding:7px 9px;text-transform:uppercase;white-space:nowrap}.orderbook-modal .orderbook-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:12px;padding:6px 9px;vertical-align:middle}.orderbook-info-box{background:#e3f2fd;background:var(--c-e3f2fd,#e3f2fd);border:1px solid #90caf9;border:1px solid var(--c-90caf9,#90caf9);border-radius:6px;margin-bottom:12px;padding:10px 12px}.orderbook-info-box h4{color:#1976d2;color:var(--ct-1976d2,#1976d2);font-size:12px;font-weight:600;margin:0 0 6px}.orderbook-info-box ul{color:#555;color:var(--ct-555,#555);font-size:11px;line-height:1.6;margin:0;padding-left:16px}.orderbook-card>p{color:#475569;color:var(--ct-475569,#475569);font-size:12px;line-height:1.5;margin:0}.page-header-with-filter{align-items:center;gap:8px}@media (max-width:1024px){.orderbook-action-bar{align-items:stretch;flex-direction:column}.orderbook-search-filters{width:100%}.orderbook-filter{flex:1 1;min-width:auto}.orderbook-action-buttons{justify-content:flex-end;width:100%}.orderbook-financial-grid,.orderbook-info-grid{grid-template-columns:1fr}}@media (max-width:768px){.orderbook-page{padding:10px}.orderbook-header h1{font-size:16px}.orderbook-form-grid{grid-template-columns:1fr}.orderbook-modal{border-radius:10px 10px 0 0;max-height:92vh;max-width:100%}.orderbook-modal-actions{flex-direction:column}.orderbook-modal-actions button{width:100%}.orderbook-delete-actions{flex-direction:column}.orderbook-pagination{align-items:stretch;flex-direction:column}.orderbook-pagination-controls{flex-wrap:wrap}.orderbook-grand-total{flex-direction:column;gap:3px;text-align:center}.orderbook-column-picker-dropdown{left:0;right:auto}}@media (max-width:480px){.orderbook-btn{justify-content:center;width:100%}.orderbook-search{min-width:100%}.orderbook-action-buttons{flex-direction:column;width:100%}.orderbook-column-picker-container{width:100%}}@media (max-width:1400px){.orderbook-items-table{font-size:11px}.orderbook-table-input{font-size:11px;padding:3px 5px}.orderbook-items-table thead th{font-size:10px;padding:5px 4px}.orderbook-items-table tbody td{padding:3px}}@media (max-width:1200px){.orderbook-items-table{min-width:1100px}.orderbook-table-wrapper{max-height:480px;overflow-x:auto;overflow-y:auto}}.orderbook-btn-export{align-items:center;background:#16a34a;background:var(--c-16a34a,#16a34a);border:none;color:#fff;color:var(--ct-fff,#fff);display:inline-flex;gap:6px;position:relative;transition:background .2s}.orderbook-btn-export:hover:not(:disabled){background:#15803d;background:var(--c-15803d,#15803d)}.orderbook-btn-export:disabled{background:#86efac;background:var(--c-86efac,#86efac);cursor:not-allowed}.ob-export-count{align-items:center;background:#ffffff4d;border-radius:10px;display:inline-flex;font-size:11px;font-weight:700;justify-content:center;min-width:20px;padding:1px 7px}.ob-attachment-section{border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);margin-top:18px;padding-top:14px}.ob-attachment-label{align-items:center;color:#374151;color:var(--ct-374151,#374151);display:flex;font-size:13px;margin-bottom:10px}.ob-attachment-card{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:10px 14px}.ob-attachment-info{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.ob-attachment-icon{flex-shrink:0;font-size:22px}.ob-attachment-name{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:13px;font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ob-attachment-badge{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);border-radius:4px;color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8);flex-shrink:0;font-size:10px;font-weight:600;padding:2px 7px}.ob-attachment-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.ob-attachment-btn{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:5px 12px;text-decoration:none;transition:all .15s}.ob-attachment-btn-view{background:#ede9fe;background:var(--c-ede9fe,#ede9fe);border-color:#c4b5fd;border-color:var(--c-c4b5fd,#c4b5fd);color:#7c3aed;color:var(--ct-7c3aed,#7c3aed)}.ob-attachment-btn-view:hover{background:#ddd6fe;background:var(--c-ddd6fe,#ddd6fe)}.ob-attachment-btn-download{background:#dcfce7;background:var(--c-dcfce7,#dcfce7);border-color:#86efac;border-color:var(--c-86efac,#86efac);color:#16a34a;color:var(--ct-16a34a,#16a34a)}.ob-attachment-btn-download:hover{background:#bbf7d0;background:var(--c-bbf7d0,#bbf7d0)}.ob-file-upload-zone{background:#faf5ff;background:var(--c-faf5ff,#faf5ff);border:2px dashed #c4b5fd;border:2px dashed var(--c-c4b5fd,#c4b5fd);border-radius:8px;position:relative;transition:border-color .2s,background .2s}.ob-file-upload-zone:hover{background:#f5f0ff;background:var(--c-f5f0ff,#f5f0ff);border-color:#7c3aed;border-color:var(--c-7c3aed,#7c3aed)}.ob-file-input-hidden{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%;z-index:1}.ob-file-upload-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:20px 16px;pointer-events:none;text-align:center}.ob-file-upload-label span{color:#374151;color:var(--ct-374151,#374151);font-size:13px;font-weight:500;word-break:break-all}.ob-file-upload-label small{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-size:11px}.ob-file-upload-icon{color:#7c3aed;color:var(--ct-7c3aed,#7c3aed);font-size:26px;margin-bottom:2px}.ob-file-clear-btn{align-items:center;background:#fee2e2;background:var(--c-fee2e2,#fee2e2);border:none;border-radius:50%;color:#dc2626;color:var(--ct-dc2626,#dc2626);cursor:pointer;display:flex;font-size:11px;height:22px;justify-content:center;position:absolute;right:8px;top:8px;transition:background .15s;width:22px;z-index:2}.ob-file-clear-btn:hover{background:#fca5a5;background:var(--c-fca5a5,#fca5a5)}.ob-existing-attachment{margin-bottom:8px}.ob-file-viewer-overlay{z-index:1100}.ob-file-viewer-modal{display:flex;flex-direction:column;max-height:92vh;max-width:92vw;width:1000px}.ob-file-viewer-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.ob-file-viewer-title{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.ob-file-viewer-title h2{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:14px;font-weight:600;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ob-file-viewer-icon{flex-shrink:0;font-size:20px}.ob-file-viewer-controls{align-items:center;display:flex;flex-shrink:0;gap:8px}.ob-file-viewer-body{align-items:stretch;background:#1e1e2e;background:var(--c-1e1e2e,#1e1e2e);border-radius:0 0 12px 12px;display:flex;flex:1 1;min-height:0;overflow:hidden}.ob-file-viewer-iframe{border:none;border-radius:0 0 12px 12px;height:75vh;width:100%}.ob-file-viewer-image-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:20px}.ob-file-viewer-image{border-radius:4px;box-shadow:0 4px 24px #0006;max-height:70vh;max-width:100%;object-fit:contain}.ob-file-viewer-unsupported{align-items:center;color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1);display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center;padding:40px}.ob-file-viewer-unsupported-icon{font-size:56px;opacity:.5}.ob-file-viewer-unsupported p{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:15px}@media (max-width:768px){.ob-file-viewer-modal{max-height:95vh;width:100%}.ob-file-viewer-iframe{height:65vh}.ob-attachment-card{align-items:flex-start;flex-direction:column}.ob-attachment-name{max-width:200px}.ob-file-viewer-title h2{max-width:180px}}.ob-file-viewer-loading{align-items:center;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center}.ob-file-viewer-spinner{animation:ob-spin .8s linear infinite;border:3px solid #7c3aed33;border-radius:50%;border-top:3px solid var(--c-7c3aed,#7c3aed);height:40px;width:40px}@keyframes ob-spin{to{transform:rotate(1turn)}}.ob-export-spinner{animation:ob-spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top:2px solid var(--c-fff,#fff);display:inline-block;height:14px;margin-right:4px;vertical-align:middle;width:14px}.ob-dp-trigger{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:9px 10px;text-align:left;transition:border-color .15s;width:100%}.ob-dp-trigger--open,.ob-dp-trigger:hover{border-color:#4f46e5;border-color:var(--c-4f46e5,#4f46e5)}.ob-dp-trigger--set{background:#f5f3ff;background:var(--c-f5f3ff,#f5f3ff);border-color:#c7d2fe;border-color:var(--c-c7d2fe,#c7d2fe)}.ob-date-trigger{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;box-sizing:border-box;cursor:pointer;font-size:12px;height:38px;padding:9px 12px;transition:border-color .15s}.ob-date-trigger--open,.ob-date-trigger:hover{border-color:#4f46e5;border-color:var(--c-4f46e5,#4f46e5)}.ob-date-trigger--applied{background:#f5f3ff;background:var(--c-f5f3ff,#f5f3ff);border-color:#c7d2fe;border-color:var(--c-c7d2fe,#c7d2fe)}.orderbook-action-bar,.orderbook-action-buttons,.orderbook-search-filters{align-items:center;display:flex}.ob-date-trigger,.orderbook-btn,.orderbook-filter,.orderbook-search{box-sizing:border-box;height:34px}.ob-filter-select-wrap{flex-shrink:0}.ob-filter-select-wrap .filter-trigger{font-size:12px;height:34px;padding:0 28px 0 10px;width:148px}.ob-filter-select-wrap .filter-trigger__text--placeholder{font-size:11px}.ob-filter-select-wrap .filter-dropdown-list{font-size:12px;min-width:170px}.ob-filter-select-wrap .filter-dropdown-item{font-size:12px;padding:7px 12px}.orderbook-form-group .filter-trigger{border-radius:6px;font-family:inherit;font-size:12px;height:32px;padding:0 28px 0 8px;width:100%}.orderbook-form-group .filter-trigger__text--placeholder{font-size:11px;font-style:italic}.orderbook-form-group .filter-dropdown-list{font-size:12px;min-width:0;min-width:auto}.orderbook-form-group .filter-dropdown-item{font-size:12px;padding:7px 12px}.orderbook-items-table td .filter-trigger{border:1px solid #d1d5db;border:1px solid var(--c-d1d5db,#d1d5db);border-radius:4px;box-shadow:none;font-family:inherit;font-size:11px;height:28px;min-width:80px;padding:0 24px 0 6px;width:100%}.orderbook-items-table td .filter-trigger:hover:not(.filter-trigger--disabled){border-color:#9ca3af;border-color:var(--c-9ca3af,#9ca3af);box-shadow:none}.orderbook-items-table td .filter-trigger--open{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 2px #3b82f614}.orderbook-items-table td .filter-trigger--has-value{color:#111827;color:var(--ct-111827,#111827);font-weight:500}.orderbook-items-table td .filter-trigger__chevron{right:6px}.orderbook-pagination-info .filter-trigger{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:5px;box-shadow:none;font-family:inherit;font-size:11px;height:26px;min-width:auto;min-width:80px;padding:0 24px 0 8px;width:auto}.orderbook-pagination-info .filter-trigger:hover:not(.filter-trigger--disabled){border-color:#9ca3af;border-color:var(--c-9ca3af,#9ca3af);box-shadow:none}.orderbook-pagination-info .filter-trigger--open{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 2px #3b82f614}.orderbook-pagination-info .filter-trigger__chevron{right:5px}[data-theme=dark] .orderbook-search{background-color:#161b27;border-color:#2b3445;color:#e7ecf3}[data-theme=dark] .orderbook-search::placeholder{color:#8893a7}[data-theme=dark] .orderbook-search:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f62e}.expense-management-container{padding:24px 24px 0}.expense-management-header{margin-bottom:16px}.expense-management-breadcrumb{color:#6c757d;color:var(--ct-6c757d,#6c757d);font-size:11px;margin-bottom:8px}.page-header-with-filter{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.page-title-section{flex:1 1;min-width:250px}.expense-management-title{color:#1a202c;color:var(--ct-1a202c,#1a202c);font-size:22px;font-weight:600;margin:0 0 6px}.expense-management-subtitle{color:#6c757d;color:var(--ct-6c757d,#6c757d);font-size:12px;line-height:1.4;margin:0}.expense-management-action-bar{align-items:center;background:#fff;background:var(--c-white,#fff);border-radius:6px;box-shadow:0 1px 2px #0000000d;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px;padding:12px}.expense-management-search-filters{display:flex;flex:1 1;flex-wrap:wrap;gap:8px;min-width:250px}.expense-management-search{border:1px solid #dee2e6;border:1px solid var(--c-dee2e6,#dee2e6);border-radius:5px;flex:1 1;font-size:13px;min-width:200px;padding:7px 12px;transition:all .2s}.expense-management-search:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 2px #3b82f61a;outline:none}.expense-management-filter{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #dee2e6;border:1px solid var(--c-dee2e6,#dee2e6);border-radius:5px;cursor:pointer;font-size:13px;min-width:120px;padding:7px 12px;transition:all .2s}.expense-management-filter.date-filter{min-width:140px}.expense-management-filter:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 2px #3b82f61a;outline:none}.expense-management-actions{display:flex;gap:8px}.expense-management-btn-primary{align-items:center;background-color:#3b82f6;background-color:var(--c-3b82f6,#3b82f6);border:none;border-radius:5px;color:#fff;color:var(--ct-white,#fff);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:7px 14px;transition:all .2s;white-space:nowrap}.expense-management-btn-primary:hover{background-color:#2563eb;background-color:var(--c-2563eb,#2563eb);box-shadow:0 3px 6px #3b82f64d;transform:translateY(-1px)}.expense-management-btn-success{align-items:center;background-color:#22c55e;background-color:var(--c-22c55e,#22c55e);border:none;border-radius:5px;color:#fff;color:var(--ct-white,#fff);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:7px 14px;transition:all .2s;white-space:nowrap}.expense-management-btn-success:hover{background-color:#16a34a;background-color:var(--c-16a34a,#16a34a);box-shadow:0 3px 6px #22c55e4d;transform:translateY(-1px)}.expense-management-btn-secondary{align-items:center;background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #dee2e6;border:1px solid var(--c-dee2e6,#dee2e6);border-radius:5px;color:#495057;color:var(--ct-495057,#495057);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:7px 14px;transition:all .2s;white-space:nowrap}.expense-management-btn-secondary:hover{background-color:#f8f9fa;background-color:var(--c-f8f9fa,#f8f9fa);border-color:#adb5bd;border-color:var(--c-adb5bd,#adb5bd)}.expense-management-btn-danger{align-items:center;background-color:#ef4444;background-color:var(--c-ef4444,#ef4444);border:none;border-radius:5px;color:#fff;color:var(--ct-white,#fff);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:7px 14px;transition:all .2s;white-space:nowrap}.expense-management-btn-danger:hover{background-color:#dc2626;background-color:var(--c-dc2626,#dc2626);box-shadow:0 3px 6px #ef44444d;transform:translateY(-1px)}.expense-management-kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.expense-management-kpi-card{align-items:center;background:#fff;background:var(--c-white,#fff);border-radius:6px;border-top:3px solid;box-shadow:0 1px 2px #0000000d;display:flex;gap:12px;padding:14px;transition:all .3s}.expense-management-kpi-card:hover{box-shadow:0 3px 8px #0000001a;transform:translateY(-2px)}.expense-management-kpi-icon{align-items:center;background-color:#3b82f61a;border-radius:8px;display:flex;height:44px;justify-content:center;width:44px}.expense-management-kpi-icon svg{height:24px;width:24px}.expense-management-kpi-content{flex:1 1}.expense-management-kpi-value{color:#1a202c;color:var(--ct-1a202c,#1a202c);font-size:18px;font-weight:700;margin-bottom:2px}.expense-management-kpi-label{color:#6c757d;color:var(--ct-6c757d,#6c757d);font-size:11px;font-weight:500}.expense-tabs{border-bottom:2px solid #dee2e6;border-bottom:2px solid var(--c-dee2e6,#dee2e6);display:flex;gap:6px;margin-bottom:16px}.expense-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#6c757d;color:var(--ct-6c757d,#6c757d);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:-2px;padding:8px 16px;transition:all .2s}.expense-tab svg{height:16px;width:16px}.expense-tab.active,.expense-tab:hover{background-color:#f0f7ff;background-color:var(--c-f0f7ff,#f0f7ff);color:#3b82f6;color:var(--ct-3b82f6,#3b82f6)}.expense-tab.active{border-bottom-color:#3b82f6;border-bottom-color:var(--c-3b82f6,#3b82f6)}.payment-count-badge{align-items:center;background-color:#e0f2fe;background-color:var(--c-e0f2fe,#e0f2fe);border-radius:10px;color:#0284c7;color:var(--ct-0284c7,#0284c7);display:flex;font-size:11px;font-weight:500;gap:5px;padding:3px 8px}.payment-count-badge svg{height:12px;width:12px}.trip-purpose-cell{color:#495057;color:var(--ct-495057,#495057);font-size:12px;line-height:1.3;max-width:300px}.linked-expense-badge{align-items:center;background-color:#dbeafe;background-color:var(--c-dbeafe,#dbeafe);border:1px solid #3b82f6;border:1px solid var(--c-3b82f6,#3b82f6);border-radius:8px;color:#1e40af;color:var(--ct-1e40af,#1e40af);display:inline-flex;font-size:10px;font-weight:500;gap:3px;margin-left:6px;padding:2px 6px;white-space:nowrap}.linked-expense-badge svg{height:10px;width:10px}.expense-management-table-container{background:#fff;background:var(--c-white,#fff);border-radius:6px;box-shadow:0 1px 2px #0000000d;overflow:hidden}.exp-table-scroll-wrapper{max-height:480px;overflow-y:auto;position:relative}.exp-table-scroll-wrapper::-webkit-scrollbar{width:5px}.exp-table-scroll-wrapper::-webkit-scrollbar-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.exp-table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--c-94a3b8,#94a3b8)}.expense-management-table{border-collapse:collapse;font-size:13px;width:100%}.expense-management-table thead{background-color:#f8f9fa;background-color:var(--c-f8f9fa,#f8f9fa);border-bottom:2px solid #dee2e6;border-bottom:2px solid var(--c-dee2e6,#dee2e6)}.expense-management-table th{color:#495057;color:var(--ct-495057,#495057);font-size:11px;font-weight:600;letter-spacing:.03em;padding:10px;text-align:left;text-transform:uppercase}.expense-management-table-row{border-bottom:1px solid #f1f3f5;border-bottom:1px solid var(--c-f1f3f5,#f1f3f5);transition:background-color .2s}.expense-management-table-row:hover{background-color:#f8f9fa;background-color:var(--c-f8f9fa,#f8f9fa)}.expense-management-table td{color:#495057;color:var(--ct-495057,#495057);padding:10px;vertical-align:middle}.expense-project-cell{max-width:180px}.expense-project-info{display:flex;flex-direction:column;gap:3px}.expense-project-name{color:#1a202c;color:var(--ct-1a202c,#1a202c);font-size:13px;font-weight:600}.expense-project-group{color:#6c757d;color:var(--ct-6c757d,#6c757d);font-size:11px}.expense-category-cell{align-items:center;color:#495057;color:var(--ct-495057,#495057);display:flex;gap:6px}.expense-category-cell svg{height:16px;width:16px}.expense-amount-cell{color:#1a202c;color:var(--ct-1a202c,#1a202c);font-size:13px;font-weight:600}.expense-payment-mode{align-items:center;color:#6c757d;color:var(--ct-6c757d,#6c757d);display:flex;font-size:12px;gap:5px}.expense-payment-mode svg{height:12px;width:12px}.expense-management-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:11px;font-weight:500;padding:3px 10px;white-space:nowrap}.expense-badge-pending{background-color:#fff3cd;background-color:var(--c-fff3cd,#fff3cd);color:#856404;color:var(--ct-856404,#856404)}.expense-badge-approved{background-color:#d1e7dd;background-color:var(--c-d1e7dd,#d1e7dd);color:#0f5132;color:var(--ct-0f5132,#0f5132)}.expense-badge-rejected{background-color:#f8d7da;background-color:var(--c-f8d7da,#f8d7da);color:#842029;color:var(--ct-842029,#842029)}.expense-management-actions-cell{align-items:center;display:flex;gap:4px}.expense-management-action-btn{align-items:center;background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #dee2e6;border:1px solid var(--c-dee2e6,#dee2e6);border-radius:5px;color:#495057;color:var(--ct-495057,#495057);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.expense-management-action-btn svg{height:14px;width:14px}.expense-management-action-btn:hover{background-color:#f8f9fa;background-color:var(--c-f8f9fa,#f8f9fa);border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);color:#3b82f6;color:var(--ct-3b82f6,#3b82f6);transform:scale(1.05)}.expense-management-action-btn.delete-btn:hover{background-color:#fef2f2;background-color:var(--c-fef2f2,#fef2f2);border-color:#ef4444;border-color:var(--c-ef4444,#ef4444);color:#ef4444;color:var(--ct-ef4444,#ef4444)}.expense-management-action-btn.advance-btn{border-color:#22c55e;border-color:var(--c-22c55e,#22c55e);color:#22c55e;color:var(--ct-22c55e,#22c55e)}.expense-management-action-btn.advance-btn:hover{background-color:#22c55e;background-color:var(--c-22c55e,#22c55e);border-color:#22c55e;border-color:var(--c-22c55e,#22c55e);color:#fff;color:var(--ct-white,#fff)}.advance-modal-subtitle{font-weight:400;margin:3px 0 0}.advance-modal-subtitle,.table-footer{color:#6c757d;color:var(--ct-6c757d,#6c757d);font-size:12px}.table-footer{background-color:#f8f9fa;background-color:var(--c-f8f9fa,#f8f9fa);border-top:1px solid #dee2e6;border-top:1px solid var(--c-dee2e6,#dee2e6)}.pagination{gap:6px}.page-btn{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #dee2e6;border:1px solid var(--c-dee2e6,#dee2e6);border-radius:5px;color:#495057;color:var(--ct-495057,#495057);min-width:32px;padding:6px 10px;text-align:center;transition:all .2s}.page-btn:hover:not(:disabled){background-color:#f8f9fa;background-color:var(--c-f8f9fa,#f8f9fa);color:#3b82f6;color:var(--ct-3b82f6,#3b82f6)}.page-btn.active,.page-btn:hover:not(:disabled){border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6)}.page-btn.active{background-color:#3b82f6;background-color:var(--c-3b82f6,#3b82f6);color:var(--ct-white,#fff);font-weight:600}.page-btn:disabled{opacity:.5}.empty-state{color:#6c757d;color:var(--ct-6c757d,#6c757d);font-size:13px;padding:40px 16px;text-align:center}.expense-management-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:16px;position:fixed;right:0;top:0;z-index:1000}.expense-management-edit-modal{animation:modalSlideIn .3s ease-out;background:#fff;background:var(--c-white,#fff);border-radius:8px;box-shadow:0 10px 30px #0003;max-height:90vh;max-width:850px;overflow-y:auto;width:100%}.expense-trip-modal{max-width:900px}.expense-advance-modal{max-width:850px}.advance-help-text{color:#6c757d;color:var(--ct-6c757d,#6c757d);font-size:11px;font-style:italic;margin:-6px 0 12px}.advance-payment-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);background:linear-gradient(135deg,var(--c-f0f9ff,#f0f9ff) 0,var(--c-e0f2fe,#e0f2fe) 100%);border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6)}.advance-total{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:linear-gradient(135deg,var(--c-d1fae5,#d1fae5) 0,var(--c-a7f3d0,#a7f3d0) 100%);border-color:#22c55e;border-color:var(--c-22c55e,#22c55e)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.expense-management-modal-header{align-items:center;background:#fff;background:var(--c-white,#fff);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--c-dee2e6,#dee2e6);display:flex;justify-content:space-between;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.expense-management-modal-header h2{color:#1a202c;color:var(--ct-1a202c,#1a202c);font-size:18px;font-weight:600;margin:0}.expense-management-modal-close{align-items:center;background:none;border:none;border-radius:5px;color:#6c757d;color:var(--ct-6c757d,#6c757d);cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;transition:all .2s;width:28px}.expense-management-modal-close:hover{background-color:#f8f9fa;background-color:var(--c-f8f9fa,#f8f9fa);color:#1a202c;color:var(--ct-1a202c,#1a202c)}.expense-management-edit-form{max-height:calc(90vh - 150px);overflow-y:auto;padding:16px}.expense-form-section{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--c-e9ecef,#e9ecef);margin-bottom:20px;padding-bottom:16px}.expense-form-section:last-child{border-bottom:none;margin-bottom:0}.expense-form-section h3{align-items:center;color:#1a202c;color:var(--ct-1a202c,#1a202c);display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 12px}.commission-section{background-color:#f8f9fa;background-color:var(--c-f8f9fa,#f8f9fa);border:1px solid #dee2e6;border:1px solid var(--c-dee2e6,#dee2e6);border-radius:6px;padding:14px}.expense-form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:12px}.expense-form-row:last-child{margin-bottom:0}.expense-form-group{display:flex;flex-direction:column;gap:5px}.expense-form-group label{color:#495057;color:var(--ct-495057,#495057);font-size:12px;font-weight:500}.expense-form-group label:after{color:#ef4444;color:var(--ct-ef4444,#ef4444);content:" *";display:none}.expense-form-group:has(input:required) label:after,.expense-form-group:has(select:required) label:after{display:inline}.expense-form-group input,.expense-form-group select,.expense-form-group textarea{background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #dee2e6;border:1px solid var(--c-dee2e6,#dee2e6);border-radius:5px;font-family:inherit;font-size:13px;padding:7px 10px;transition:all .2s}.expense-form-group input:focus,.expense-form-group select:focus,.expense-form-group textarea:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 2px #3b82f61a;outline:none}.expense-form-group textarea{min-height:60px;resize:vertical}.file-upload-area{background-color:#f8f9fa;background-color:var(--c-f8f9fa,#f8f9fa);border:2px dashed #dee2e6;border:2px dashed var(--c-dee2e6,#dee2e6);border-radius:6px;cursor:pointer;padding:16px;position:relative;text-align:center;transition:all .2s}.file-upload-area:hover{background-color:#f0f7ff;background-color:var(--c-f0f7ff,#f0f7ff);border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6)}.file-upload-area input[type=file]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.file-upload-area p{color:#495057;color:var(--ct-495057,#495057);font-size:13px;font-weight:500;margin:6px 0 3px}.file-upload-hint{color:#6c757d;color:var(--ct-6c757d,#6c757d);font-size:11px}.expense-management-modal-actions{background-color:#f8f9fa;background-color:var(--c-f8f9fa,#f8f9fa);border-top:1px solid #dee2e6;border-top:1px solid var(--c-dee2e6,#dee2e6);bottom:0;display:flex;gap:10px;padding:14px 16px;position:-webkit-sticky;position:sticky}.expense-management-drawer-overlay{background-color:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.expense-management-drawer{animation:drawerSlideIn .3s ease-out;background:#fff;background:var(--c-white,#fff);box-shadow:-4px 0 20px #0003;height:100%;max-width:550px;overflow-y:auto;width:100%}@keyframes drawerSlideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.expense-management-drawer-header{align-items:center;background:#fff;background:var(--c-white,#fff);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--c-dee2e6,#dee2e6);display:flex;justify-content:space-between;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.expense-management-drawer-header h2{color:#1a202c;color:var(--ct-1a202c,#1a202c);font-size:18px;font-weight:600;margin:0}.expense-management-drawer-subtitle{color:#6c757d;color:var(--ct-6c757d,#6c757d);font-size:12px;margin:3px 0 0}.expense-management-drawer-close{align-items:center;background:none;border:none;border-radius:5px;color:#6c757d;color:var(--ct-6c757d,#6c757d);cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;transition:all .2s;width:28px}.expense-management-drawer-close:hover{background-color:#f8f9fa;background-color:var(--c-f8f9fa,#f8f9fa);color:#1a202c;color:var(--ct-1a202c,#1a202c)}.expense-management-drawer-content{padding:16px}.expense-management-drawer-section{margin-bottom:20px}.expense-management-drawer-section h3{color:#1a202c;color:var(--ct-1a202c,#1a202c);font-size:14px;font-weight:600;margin:0 0 12px}.expense-info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.expense-info-item{background-color:#f8f9fa;background-color:var(--c-f8f9fa,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--c-e9ecef,#e9ecef);border-radius:6px;display:flex;gap:10px;padding:10px}.expense-info-item.full-width{grid-column:1/-1}.expense-info-item>svg{color:#3b82f6;color:var(--ct-3b82f6,#3b82f6);flex-shrink:0;height:16px;margin-top:1px;width:16px}.expense-info-item>div{display:flex;flex:1 1;flex-direction:column;gap:3px}.info-label{color:#6c757d;color:var(--ct-6c757d,#6c757d);font-weight:500;letter-spacing:.03em}.info-value{color:#1a202c;color:var(--ct-1a202c,#1a202c);font-size:12px}.expense-description-box{background-color:#f8f9fa;background-color:var(--c-f8f9fa,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--c-e9ecef,#e9ecef);border-radius:6px;padding:12px}.expense-description-box p{color:#495057;color:var(--ct-495057,#495057);font-size:12px;line-height:1.5;margin:0;white-space:pre-wrap}.expense-management-drawer-actions{border-top:1px solid #dee2e6;border-top:1px solid var(--c-dee2e6,#dee2e6);display:flex;gap:10px;padding-top:16px}.expense-items-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.expense-items-header h3{margin:0}.btn-sm{padding:6px 12px}.expense-items-list{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.expense-item-card{background-color:#f8f9fa;background-color:var(--c-f8f9fa,#f8f9fa);border:2px solid #dee2e6;border:2px solid var(--c-dee2e6,#dee2e6);border-radius:6px;padding:12px;transition:all .2s}.expense-item-card:hover{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 2px 6px #3b82f61a}.expense-item-header{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--c-dee2e6,#dee2e6);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.expense-item-number{color:#3b82f6;color:var(--ct-3b82f6,#3b82f6);font-size:13px;font-weight:600}.expense-item-remove{align-items:center;background-color:#fff;background-color:var(--c-white,#fff);border:1px solid #ef4444;border:1px solid var(--c-ef4444,#ef4444);border-radius:5px;color:#ef4444;color:var(--ct-ef4444,#ef4444);cursor:pointer;display:flex;font-size:12px;gap:5px;padding:5px 10px;transition:all .2s}.expense-item-remove svg{height:14px;width:14px}.expense-item-remove:hover{background-color:#ef4444;background-color:var(--c-ef4444,#ef4444);color:#fff;color:var(--ct-white,#fff)}.file-upload-area-small{align-items:center;background-color:#fff;background-color:var(--c-white,#fff);border:1px dashed #dee2e6;border:1px dashed var(--c-dee2e6,#dee2e6);border-radius:5px;cursor:pointer;display:flex;gap:6px;justify-content:center;padding:10px;position:relative;text-align:center;transition:all .2s}.file-upload-area-small svg{height:16px;width:16px}.file-upload-area-small:hover{background-color:#f0f7ff;background-color:var(--c-f0f7ff,#f0f7ff);border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6)}.file-upload-area-small input[type=file]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.file-upload-area-small span{color:#6c757d;color:var(--ct-6c757d,#6c757d);font-size:11px}.expense-items-total{align-items:center;background-color:#e7f5ff;background-color:var(--c-e7f5ff,#e7f5ff);border:2px solid #3b82f6;border:2px solid var(--c-3b82f6,#3b82f6);border-radius:6px;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-top:14px;padding:12px}.expense-items-total .total-amount{color:#3b82f6;color:var(--ct-3b82f6,#3b82f6);font-size:16px}:root{--exp-bg:var(--c-f1f5f9,#f1f5f9);--exp-surface:var(--c-ffffff,#fff);--exp-border:var(--c-e2e8f0,#e2e8f0);--exp-text:var(--ct-0f172a,#0f172a);--exp-muted:var(--ct-64748b,#64748b);--exp-primary:var(--c-2563eb,#2563eb);--exp-success:var(--c-22c55e,#22c55e);--exp-warning:var(--c-f59e0b,#f59e0b);--exp-danger:var(--c-ef4444,#ef4444);--exp-purple:var(--c-8b5cf6,#8b5cf6);--exp-teal:var(--c-06b6d4,#06b6d4);--exp-shadow:0 1px 4px #00000012,0 2px 8px #0000000a;--exp-shadow-lg:0 8px 32px #00000024;--exp-radius:10px;--exp-font:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.exp-mgmt-container{box-sizing:border-box;color:#0f172a;color:var(--exp-text);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--exp-font)}.exp-mgmt-header{background:#fff;background:var(--c-ffffff,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--exp-border);box-shadow:0 1px 4px #00000012,0 2px 8px #0000000a;box-shadow:var(--exp-shadow);color:#0f172a;color:var(--exp-text);padding:20px 28px 18px}.exp-mgmt-breadcrumb{color:#64748b;color:var(--exp-muted);font-size:12px;letter-spacing:.3px;margin-bottom:6px}.exp-mgmt-title{align-items:baseline;color:#0f172a;color:var(--exp-text);display:flex;font-size:22px;font-weight:700;gap:8px;margin:0}.exp-mgmt-count{font-size:15px;font-weight:500;opacity:.75}.exp-mgmt-action-bar{background:#fff;background:var(--exp-surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--exp-border);box-shadow:0 1px 4px #00000012,0 2px 8px #0000000a;box-shadow:var(--exp-shadow);gap:10px;justify-content:space-between;padding:14px 28px}.exp-mgmt-action-bar,.exp-mgmt-search-filters{align-items:center;display:flex;flex-wrap:wrap}.exp-mgmt-search-filters{gap:8px}.exp-mgmt-search{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--exp-border);border-radius:10px;border-radius:var(--exp-radius);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--exp-font);font-size:13px;outline:none;padding:7px 12px;transition:border-color .2s,box-shadow .2s;width:240px}.exp-mgmt-search:focus{background:#fff;background:var(--c-fff,#fff);border-color:#2563eb;border-color:var(--exp-primary);box-shadow:0 0 0 3px #2563eb1a}.exp-mgmt-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.exp-mgmt-btn-columns,.exp-mgmt-btn-danger,.exp-mgmt-btn-icon,.exp-mgmt-btn-primary,.exp-mgmt-btn-secondary,.exp-mgmt-btn-success{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--exp-font);font-size:13px;font-weight:600;gap:6px;padding:7px 14px;transition:opacity .15s,transform .1s,box-shadow .15s;white-space:nowrap}.exp-mgmt-btn-columns:hover,.exp-mgmt-btn-danger:hover,.exp-mgmt-btn-icon:hover,.exp-mgmt-btn-primary:hover,.exp-mgmt-btn-secondary:hover,.exp-mgmt-btn-success:hover{opacity:.88;transform:translateY(-1px)}.exp-mgmt-btn-primary{background:#2563eb;background:var(--exp-primary);color:#fff;color:var(--ct-fff,#fff)}.exp-mgmt-btn-secondary{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--exp-border);color:#0f172a;color:var(--exp-text)}.exp-mgmt-btn-success{background:#22c55e;background:var(--exp-success);color:#fff;color:var(--ct-fff,#fff)}.exp-mgmt-btn-danger{background:#ef4444;background:var(--exp-danger);color:#fff;color:var(--ct-fff,#fff)}.exp-mgmt-btn-icon{padding:7px 10px}.exp-mgmt-btn-columns,.exp-mgmt-btn-icon{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--exp-border);color:#64748b;color:var(--exp-muted)}.btn-sm{font-size:12px;padding:5px 10px}.exp-col-panel{animation:fadeDown .15s ease;background:#fff;background:var(--exp-surface);border:1px solid #e2e8f0;border:1px solid var(--exp-border);border-radius:10px;border-radius:var(--exp-radius);box-shadow:0 8px 32px #00000024;box-shadow:var(--exp-shadow-lg);min-width:220px;padding:14px 16px;position:absolute;right:28px;z-index:200}.exp-col-panel-title{color:#64748b;color:var(--exp-muted);font-size:11px;font-weight:600;letter-spacing:.4px;margin-bottom:10px;text-transform:uppercase}.exp-col-list{display:flex;flex-direction:column;gap:6px}.exp-col-item{align-items:center;border-radius:6px;cursor:grab;display:flex;font-size:13px;gap:8px;padding:5px 8px;transition:background .15s;-webkit-user-select:none;user-select:none}.exp-col-item:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.exp-col-item:active{cursor:grabbing}.exp-col-item input[type=checkbox]{accent-color:#2563eb;accent-color:var(--exp-primary);cursor:pointer}.grip-icon{color:#64748b;color:var(--exp-muted);flex-shrink:0}.exp-mgmt-kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:20px 28px 0}.exp-mgmt-kpi-card{align-items:center;background:#fff;background:var(--exp-surface);border-radius:10px;border-radius:var(--exp-radius);box-shadow:0 1px 4px #00000012,0 2px 8px #0000000a;box-shadow:var(--exp-shadow);display:flex;gap:14px;padding:18px 20px;transition:transform .15s,box-shadow .15s}.exp-mgmt-kpi-card:hover{box-shadow:0 8px 32px #00000024;box-shadow:var(--exp-shadow-lg);transform:translateY(-2px)}.exp-mgmt-kpi-icon{flex-shrink:0;opacity:.9}.exp-mgmt-kpi-content{min-width:0}.exp-mgmt-kpi-value{color:#0f172a;color:var(--exp-text);font-size:20px;font-weight:700;line-height:1.2}.exp-mgmt-kpi-label{color:#64748b;color:var(--exp-muted);font-size:12px;font-weight:500;margin-top:2px}.exp-user-breakdown{background:#fff;background:var(--exp-surface);border-radius:10px;border-radius:var(--exp-radius);box-shadow:0 1px 4px #00000012,0 2px 8px #0000000a;box-shadow:var(--exp-shadow);margin:20px 28px 0;padding:18px 20px}.exp-section-title{align-items:center;color:#0f172a;color:var(--exp-text);display:flex;font-size:14px;font-weight:700;gap:6px;margin:0 0 14px}.exp-user-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.exp-user-card{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--exp-border);border-radius:8px;display:flex;gap:12px;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.exp-user-card:hover{border-color:#2563eb;border-color:var(--exp-primary);box-shadow:0 0 0 2px #2563eb14}.exp-user-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--exp-primary),var(--exp-purple));border-radius:50%;color:#fff;color:var(--ct-fff,#fff);display:flex;flex-shrink:0;font-size:15px;font-weight:700;height:38px;justify-content:center;width:38px}.exp-user-info{flex:1 1;min-width:0}.exp-user-name{color:#0f172a;color:var(--exp-text);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exp-user-meta{color:#64748b;color:var(--exp-muted);font-size:11px}.exp-user-amounts{flex-shrink:0;text-align:right}.exp-user-total{color:#0f172a;color:var(--exp-text);font-size:14px;font-weight:700}.exp-user-sub{display:flex;flex-direction:column;gap:1px;margin-top:2px}.exp-user-sub .green{color:#16a34a;color:var(--ct-16a34a,#16a34a);font-size:11px}.exp-user-sub .amber{color:#d97706;color:var(--ct-d97706,#d97706);font-size:11px}.exp-tabs{display:flex;gap:0;margin:10px 0;padding:0 28px}.exp-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;color:var(--exp-muted);cursor:pointer;display:inline-flex;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--exp-font);font-size:13px;font-weight:600;gap:6px;margin-bottom:-2px;padding:10px 18px;transition:color .15s,border-color .15s}.exp-tab.active,.exp-tab:hover{color:#2563eb;color:var(--exp-primary)}.exp-tab.active{border-bottom-color:#2563eb;border-bottom-color:var(--exp-primary)}.exp-mgmt-table-container{background:#fff;background:var(--exp-surface);border:1px solid #e2e8f0;border:1px solid var(--exp-border);border-radius:10px;border-radius:var(--exp-radius);box-shadow:0 1px 4px #00000012,0 2px 8px #0000000a;box-shadow:var(--exp-shadow);margin:0 28px 24px;overflow:hidden}.exp-table-scroll-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-color:#cbd5e1 #0000;scrollbar-color:var(--c-cbd5e1,#cbd5e1) #0000;scrollbar-width:thin}.exp-table-scroll-wrapper::-webkit-scrollbar{height:5px}.exp-table-scroll-wrapper::-webkit-scrollbar-track{background:#0000}.exp-table-scroll-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:4px}.exp-mgmt-table{border-collapse:collapse;font-size:13px;width:100%}.exp-mgmt-table thead th{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--exp-border);color:#64748b;color:var(--exp-muted);font-size:11px;font-weight:700;letter-spacing:.5px;padding:11px 14px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}.exp-mgmt-table thead th.sortable{cursor:pointer}.exp-mgmt-table thead th.sortable:hover{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);color:#2563eb;color:var(--exp-primary)}.exp-mgmt-table thead th.sorted{color:#2563eb;color:var(--exp-primary)}.th-inner{align-items:center;display:flex;gap:5px}.th-grip{flex-shrink:0}.sort-neutral,.th-grip{color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1)}.sort-active{color:#2563eb;color:var(--exp-primary)}.exp-mgmt-table-row td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#0f172a;color:var(--exp-text);padding:11px 14px;vertical-align:middle}.exp-mgmt-table-row:last-child td{border-bottom:none}.exp-mgmt-table-row:hover td{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.exp-empty-state{color:#64748b;color:var(--exp-muted);font-size:14px;padding:48px 20px!important;text-align:center}.exp-code{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:4px;color:#2563eb;color:var(--exp-primary);font-family:Courier New,monospace;font-size:12px;font-weight:600;padding:2px 6px;white-space:nowrap}.exp-group-cell{display:flex;flex-direction:column;gap:2px}.grp-name{color:#0f172a;color:var(--exp-text);font-size:12px;font-weight:600}.sub-name{color:#64748b;color:var(--exp-muted);font-size:11px}.prj-name{color:#2563eb;color:var(--exp-primary);font-size:11px}.exp-cat-cell{gap:6px}.exp-cat-cell,.exp-mode-cell{align-items:center;display:flex}.exp-mode-cell{color:#64748b;color:var(--exp-muted);gap:5px}.exp-amount{color:#0f172a;color:var(--exp-text);font-size:14px;font-weight:700}.exp-purpose-cell{font-size:12px;max-width:220px}.exp-purpose-cell,.text-muted{color:#64748b;color:var(--exp-muted)}.exp-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.3px;padding:3px 9px;text-transform:uppercase;white-space:nowrap}.badge-pending{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);color:#92400e;color:var(--ct-92400e,#92400e)}.badge-approved{background:#dcfce7;background:var(--c-dcfce7,#dcfce7);color:#166534;color:var(--ct-166534,#166534)}.badge-rejected{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#991b1b;color:var(--ct-991b1b,#991b1b)}.badge-settled{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.badge-expense{background:#f3e8ff;background:var(--c-f3e8ff,#f3e8ff);color:#6b21a8;color:var(--ct-6b21a8,#6b21a8)}.badge-advance{background:#ecfdf5;background:var(--c-ecfdf5,#ecfdf5);color:#065f46;color:var(--ct-065f46,#065f46)}.history-action-badge{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:4px;color:#64748b;color:var(--exp-muted);display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.exp-actions-cell{align-items:center;display:flex;flex-wrap:nowrap;gap:4px}.exp-act-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;transition:background .15s,transform .1s;width:28px}.exp-act-btn:hover{transform:scale(1.1)}.view-btn{color:#4d7ce0;color:var(--ct-4d7ce0,#4d7ce0)}.view-btn:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe)}.edit-btn{color:#ea580c;color:var(--ct-ea580c,#ea580c)}.edit-btn:hover{background:#fff7ed;background:var(--c-fff7ed,#fff7ed)}.ok-btn{color:#16a34a;color:var(--ct-16a34a,#16a34a)}.ok-btn:hover{background:#dcfce7;background:var(--c-dcfce7,#dcfce7)}.rej-btn{color:#ef4444;color:var(--exp-danger)}.rej-btn:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2)}.adv-btn{color:#8b5cf6;color:var(--exp-purple)}.adv-btn:hover{background:#f3e8ff;background:var(--c-f3e8ff,#f3e8ff)}.del-btn{color:#ef4444;color:var(--exp-danger)}.del-btn:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2)}.settle-btn{font-size:11px;font-weight:600;padding:3px 8px;width:auto}.table-footer{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--exp-border);color:#64748b;color:var(--exp-muted);flex-wrap:wrap;font-size:13px;gap:8px;justify-content:space-between;padding:12px 16px}.pagination,.table-footer{align-items:center;display:flex}.pagination{gap:4px}.page-btn{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--exp-border);border-radius:6px;color:#0f172a;color:var(--exp-text);cursor:pointer;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--exp-font);font-size:12px;font-weight:600;padding:5px 10px;transition:background .15s,color .15s,border-color .15s}.page-btn.active,.page-btn:hover:not(:disabled){background:#2563eb;background:var(--exp-primary);border-color:#2563eb;border-color:var(--exp-primary);color:#fff;color:var(--ct-fff,#fff)}.page-btn:disabled{cursor:not-allowed;opacity:.4}.exp-mgmt-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a80;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:1000}.exp-mgmt-edit-modal{animation:popUp .18s ease;background:#fff;background:var(--exp-surface);border-radius:14px;box-shadow:0 8px 32px #00000024;box-shadow:var(--exp-shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:820px;width:100%}.exp-mgmt-modal-header{align-items:center;background:#fff;background:var(--c-fff,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--exp-border);border-radius:14px 14px 0 0;color:#0f172a;color:var(--exp-text);display:flex;flex-shrink:0;justify-content:space-between;padding:18px 24px}.exp-mgmt-modal-header h2{color:#0f172a;color:var(--exp-text);font-size:17px;font-weight:700;margin:0}.exp-mgmt-modal-close{align-items:center;background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border:none;border-radius:50%;color:#64748b;color:var(--exp-muted);cursor:pointer;display:flex;font-size:15px;height:30px;justify-content:center;transition:background .15s;width:30px}.exp-mgmt-modal-close:hover{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);color:#0f172a;color:var(--exp-text)}.exp-mgmt-edit-form{flex:1 1;overflow-y:auto;padding:20px 24px}.exp-mgmt-modal-actions{align-items:center;border-radius:0 0 14px 14px;border-top:1px solid #e2e8f0;border-top:1px solid var(--exp-border);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:16px 24px}.exp-form-section,.exp-mgmt-modal-actions{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.exp-form-section{border:1px solid #e2e8f0;border:1px solid var(--exp-border);border-radius:10px;margin-bottom:16px;padding:16px 18px}.exp-form-section h3{align-items:center;color:#0f172a;color:var(--exp-text);display:flex;font-size:13px;font-weight:700;gap:6px;margin:0 0 14px}.commission-section{background:#faf5ff;background:var(--c-faf5ff,#faf5ff);border-color:#8b5cf6;border-color:var(--exp-purple)}.vendor-form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:12px}.vendor-form-group{display:flex;flex-direction:column;gap:5px}.vendor-form-group label{color:#64748b;color:var(--exp-muted);font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.vendor-form-group input,.vendor-form-group select,.vendor-form-group textarea{background:#fff;background:var(--exp-surface);border:1px solid #e2e8f0;border:1px solid var(--exp-border);border-radius:7px;box-sizing:border-box;color:#0f172a;color:var(--exp-text);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--exp-font);font-size:13px;outline:none;padding:8px 10px;transition:border-color .2s,box-shadow .2s;width:100%}.vendor-form-group input:focus,.vendor-form-group select:focus,.vendor-form-group textarea:focus{border-color:#2563eb;border-color:var(--exp-primary);box-shadow:0 0 0 3px #2563eb1a}.vendor-form-group input:disabled,.vendor-form-group select:disabled{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);cursor:not-allowed;opacity:.55}.vendor-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.vendor-info-item{align-items:flex-start;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--exp-border);border-radius:8px;display:flex;gap:10px;padding:10px 12px}.vendor-info-item svg{color:#64748b;color:var(--exp-muted);flex-shrink:0;margin-top:1px}.vendor-info-item>div{display:flex;flex-direction:column;gap:2px;min-width:0}.info-label{color:#64748b;color:var(--exp-muted);font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.info-value{color:#0f172a;color:var(--exp-text);font-size:13px;font-weight:500;word-break:break-word}.exp-items-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.exp-items-header h3{margin:0}.exp-item-card{background:#fff;background:var(--exp-surface);border:1px solid #e2e8f0;border:1px solid var(--exp-border);border-radius:8px;margin-bottom:10px;padding:14px 16px;transition:border-color .15s}.exp-item-card:hover{border-color:#93c5fd;border-color:var(--c-93c5fd,#93c5fd)}.exp-item-header{align-items:center;color:#64748b;color:var(--exp-muted);display:flex;font-size:12px;font-weight:700;justify-content:space-between;letter-spacing:.4px;margin-bottom:10px;text-transform:uppercase}.exp-item-remove{align-items:center;background:#fee2e2;background:var(--c-fee2e2,#fee2e2);border:none;border-radius:5px;color:#ef4444;color:var(--exp-danger);cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 8px;transition:opacity .15s}.exp-item-remove:hover{opacity:.8}.exp-items-total{align-items:center;border-top:1px dashed #e2e8f0;border-top:1px dashed var(--exp-border);color:#0f172a;color:var(--exp-text);display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:flex-end;margin-top:8px;padding:10px 0 0}.exp-items-total strong{color:#2563eb;color:var(--exp-primary);font-size:18px}.exp-help-text{color:#64748b;color:var(--exp-muted);font-size:11px;margin:-6px 0 10px}.exp-mgmt-drawer-overlay{background:#0f172a66;inset:0;position:fixed;z-index:900}.exp-mgmt-drawer{animation:slideRight .22s ease;background:#fff;background:var(--exp-surface);box-shadow:-6px 0 32px #00000026;display:flex;flex-direction:column;height:100%;max-width:100vw;position:fixed;right:0;top:0;width:480px;z-index:901}.exp-mgmt-drawer-header{align-items:center;background:#fff;background:var(--c-fff,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--exp-border);color:#0f172a;color:var(--exp-text);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.exp-mgmt-drawer-header h2{color:#0f172a;color:var(--exp-text);font-size:16px;font-weight:700;margin:0}.exp-mgmt-drawer-subtitle{color:#64748b;color:var(--exp-muted);font-size:12px;margin:3px 0 0}.exp-mgmt-drawer-close{align-items:center;background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border:none;border-radius:50%;color:#64748b;color:var(--exp-muted);cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;transition:background .15s;width:30px}.exp-mgmt-drawer-close:hover{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);color:#0f172a;color:var(--exp-text)}.exp-mgmt-drawer-content{flex:1 1;overflow-y:auto;padding:0}.exp-mgmt-drawer-section{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--exp-border);padding:18px 22px}.exp-mgmt-drawer-section h3{color:#0f172a;color:var(--exp-text);font-size:13px;font-weight:700;letter-spacing:.4px;margin:0 0 14px;text-transform:uppercase}.exp-info-box{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--exp-border);border-radius:8px;margin-bottom:10px;padding:12px 14px}.exp-info-box h4{color:#64748b;color:var(--exp-muted);font-size:11px;font-weight:700;letter-spacing:.4px;margin:0 0 6px;text-transform:uppercase}.exp-info-box p{color:#0f172a;color:var(--exp-text);font-size:13px;line-height:1.5;margin:0}.exp-receipt-link{align-items:center;background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border:1px solid #bfdbfe;border:1px solid var(--c-bfdbfe,#bfdbfe);border-radius:6px;color:#2563eb;color:var(--exp-primary);display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;text-decoration:none;transition:background .15s}.exp-receipt-link:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe)}.exp-mgmt-drawer-actions{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--exp-border);display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;padding:16px 22px}@keyframes popUp{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes sheetUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.exp-toast-container{display:flex;flex-direction:column;gap:8px;position:fixed;right:20px;top:20px;z-index:9999}@media (max-width:1200px){.exp-mgmt-table{min-width:900px}.exp-mgmt-table tbody td:first-child,.exp-mgmt-table thead th:first-child{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);box-shadow:2px 0 6px -2px #00000014;left:0;position:-webkit-sticky;position:sticky;z-index:2}.exp-mgmt-table tbody td:first-child{background:#fff;background:var(--c-fff,#fff)}.exp-mgmt-table-row:hover td:first-child{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.exp-mgmt-table tbody td:last-child,.exp-mgmt-table thead th:last-child{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);box-shadow:-2px 0 6px -2px #00000014;position:-webkit-sticky;position:sticky;right:0;z-index:2}.exp-mgmt-table tbody td:last-child{background:#fff;background:var(--c-fff,#fff)}.exp-mgmt-table-row:hover td:last-child{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}}@media (max-width:900px){.exp-mgmt-header{padding:16px 18px}.exp-mgmt-action-bar{align-items:stretch;padding:12px 18px}.exp-mgmt-action-bar,.exp-mgmt-search-filters{flex-direction:column}.exp-mgmt-filter,.exp-mgmt-search{width:100%}.exp-mgmt-actions{flex-wrap:wrap}.exp-mgmt-actions button{flex:1 1 auto;justify-content:center;min-width:120px}.exp-mgmt-kpi-grid{gap:10px;grid-template-columns:repeat(2,1fr);padding:16px 18px 0}.exp-mgmt-kpi-card{padding:14px 16px}.exp-mgmt-kpi-value{font-size:17px}.exp-mgmt-table-container{margin:0 18px 20px}.exp-user-breakdown{margin:16px 18px 0}.exp-tabs{padding:14px 18px 0}.exp-mgmt-drawer{width:100vw}}@media (max-width:768px){.exp-table-scroll-wrapper{max-height:none!important;overflow-x:hidden!important;overflow-y:visible!important}.exp-mgmt-table{min-width:0!important;width:100%!important}.exp-mgmt-table,.exp-mgmt-table tbody{display:block;width:100%}.exp-mgmt-table thead{display:none}.exp-mgmt-table-row{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--exp-border);border-radius:10px;box-shadow:0 1px 4px #0000000f;box-sizing:border-box;display:block;margin:0 0 10px;overflow:hidden;width:100%}.exp-mgmt-table-row:hover{background:#fff;background:var(--c-fff,#fff);box-shadow:0 3px 10px #0000001a}.exp-mgmt-table-row td{align-items:flex-start;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);box-sizing:border-box;display:flex;font-size:12px;gap:8px;justify-content:space-between;min-height:36px;overflow:hidden;padding:8px 12px;width:100%;word-break:break-word}.exp-mgmt-table-row td:last-child{border-bottom:none}.exp-mgmt-table-row td:before{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);content:attr(data-label);flex-shrink:0;font-size:9px;font-weight:700;letter-spacing:.4px;max-width:68px;min-width:68px;padding-top:2px;text-transform:uppercase}.exp-mgmt-table-row td.actions-td{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--exp-border);flex-wrap:wrap;gap:6px;justify-content:flex-end;padding:8px 12px}.exp-mgmt-table-row td.actions-td:before{display:none}.exp-act-btn{height:30px;width:30px}.exp-act-btn svg{height:14px;width:14px}.exp-mgmt-table-container{background:#0000;border:none;box-shadow:none;margin:0 8px 16px!important;overflow:visible}.exp-items-chips-cell{align-items:flex-start;flex-direction:column;gap:3px;max-width:100%;min-width:0;overflow:hidden}.exp-item-chip{font-size:10px;max-width:100%;overflow:hidden;padding:2px 6px 2px 4px;text-overflow:ellipsis;white-space:nowrap}.exp-badge{font-size:10px;padding:2px 7px}.table-footer{background:#fff;background:var(--c-white,#fff);border-top:1px solid #e2e8f0;border-top:1px solid var(--exp-border);justify-content:space-between;padding:16px 20px}.pagination-info,.table-footer{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.pagination-info span{color:#64748b;color:var(--exp-muted);font-size:13px;font-weight:500}.pce-rows-dropdown{flex-shrink:0;width:95px!important}.pce-rows-dropdown .filter-group,.pce-rows-dropdown .filter-trigger{min-width:0!important;min-width:auto!important;width:95px!important}.pce-rows-dropdown .filter-trigger{font-size:13px;height:34px;max-width:95px!important}@media (max-width:768px){.table-footer{padding:12px}.pagination-info,.table-footer{align-items:stretch;flex-direction:column}.pce-rows-dropdown,.pce-rows-dropdown .filter-trigger{width:100%}.pagination{flex-wrap:wrap;justify-content:center}}.exp-mgmt-modal-overlay{align-items:flex-end;padding:0}.exp-mgmt-edit-modal{animation:sheetUp .25s ease;max-height:95vh;max-width:100%}.exp-mgmt-edit-modal,.exp-mgmt-modal-header{border-radius:16px 16px 0 0}.vendor-form-row{grid-template-columns:1fr}.exp-mgmt-modal-actions{flex-direction:column}.exp-mgmt-modal-actions button{justify-content:center;width:100%}.exp-mgmt-drawer-actions{flex-direction:column}.exp-mgmt-drawer-actions button{justify-content:center;width:100%}.vendor-info-grid{grid-template-columns:1fr}}@media (max-width:600px){.exp-mgmt-kpi-grid{gap:8px;grid-template-columns:1fr 1fr}.page-header-with-filter{align-items:flex-start;flex-direction:column}.exp-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding:12px 14px 0;scrollbar-width:none}.exp-tabs::-webkit-scrollbar{display:none}.exp-tab{flex-shrink:0;font-size:12px;padding:8px 12px;white-space:nowrap}.exp-user-breakdown{margin:12px 14px 0;padding:14px}.exp-user-grid{grid-template-columns:1fr}.exp-col-panel{animation:sheetUp .2s ease;border-radius:16px 16px 0 0;inset:auto 0 0 0;min-width:0;min-width:auto;padding:18px 20px;position:fixed;right:0}}@media (max-width:400px){.exp-mgmt-table-row td{font-size:12px;padding:9px 12px}.exp-mgmt-table-row td:before{font-size:9px;min-width:80px}.exp-mgmt-table-container{margin:0 10px 16px}.exp-act-btn{height:30px;width:30px}.exp-mgmt-kpi-card{gap:8px;padding:10px 12px}.exp-mgmt-kpi-value{font-size:14px}.exp-mgmt-kpi-label{font-size:10px}}.exp-items-chips-cell{align-items:center;display:flex;flex-wrap:wrap;gap:5px;min-width:180px}.exp-item-chip{align-items:center;background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:20px;color:#374151;color:var(--ct-374151,#374151);display:inline-flex;font-size:12px;gap:4px;padding:3px 9px 3px 6px;white-space:nowrap}.exp-item-chip svg{color:#6366f1;color:var(--ct-6366f1,#6366f1);flex-shrink:0}.chip-cat{font-weight:500}.chip-amt{color:#15803d;color:var(--ct-15803d,#15803d);font-weight:600;margin-left:2px}.chip-more{background:#ede9fe;background:var(--c-ede9fe,#ede9fe);border-color:#c4b5fd;border-color:var(--c-c4b5fd,#c4b5fd);color:#6d28d9;color:var(--ct-6d28d9,#6d28d9);font-weight:600}.exp-items-view-all{align-items:center;background:none;border:1px solid #6366f1;border:1px solid var(--c-6366f1,#6366f1);border-radius:5px;color:#6366f1;color:var(--ct-6366f1,#6366f1);cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:3px;padding:3px 8px;transition:background .15s;white-space:nowrap}.exp-items-view-all:hover{background:#ede9fe;background:var(--c-ede9fe,#ede9fe)}.exp-items-detail-modal{animation:modalIn .2s ease;background:#fff;background:var(--c-white,#fff);border-radius:14px;box-shadow:0 20px 60px #0000002e;color:#0f172a;color:var(--exp-text);max-height:85vh;max-width:680px;overflow-y:auto;width:90%}@media (max-width:768px){.exp-mgmt-action-bar{flex-direction:column;gap:10px;padding:12px 14px}.exp-mgmt-search-filters{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;width:100%}.exp-mgmt-search{grid-column:1/-1}.exp-mgmt-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%}.exp-mgmt-actions button{flex:1 1;justify-content:center;min-width:120px}.exp-items-chips-cell{min-width:0;min-width:auto}.exp-item-chip{font-size:11px;padding:2px 7px 2px 5px}.exp-items-detail-modal{max-height:90vh;width:96%}.exp-mgmt-edit-modal{border-radius:14px;max-height:92vh;width:96%}.vendor-form-row{flex-direction:column;gap:12px}.exp-form-section{padding:16px}.exp-mgmt-modal-actions{flex-direction:column;gap:8px;padding:14px 16px}.exp-mgmt-modal-actions button{width:100%}}@media (max-width:480px){.exp-mgmt-search-filters{grid-template-columns:1fr}.exp-mgmt-kpi-grid{grid-template-columns:1fr 1fr}.exp-items-chips-cell{align-items:flex-start;flex-direction:column;gap:4px}}.exp-mgmt-table-row:hover td{background:#f0f4ff;background:var(--c-f0f4ff,#f0f4ff)}.exp-mgmt-table-row .actions-td{cursor:default}.exp-modal-redesigned{animation:expModalIn .18s ease;background:#fff;background:var(--c-fff,#fff);border-radius:16px;box-shadow:0 24px 64px #0003;display:flex;flex-direction:column;max-height:92vh;max-width:860px;overflow:hidden;width:100%}@keyframes expModalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.exp-modal-hdr{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);flex-shrink:0;justify-content:space-between;padding:18px 22px 14px}.exp-modal-hdr,.exp-modal-hdr-left{align-items:center;display:flex;gap:12px}.exp-modal-hdr-left{color:#1e40af;color:var(--ct-1e40af,#1e40af)}.exp-modal-hdr-left h2{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:16px;font-weight:700;margin:0}.exp-modal-hdr-left p{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;margin:2px 0 0}.exp-modal-close-x{background:none;border:none;border-radius:8px;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);cursor:pointer;display:flex;padding:6px;transition:all .15s}.exp-modal-close-x:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);color:#374151;color:var(--ct-374151,#374151)}.exp-modal-body{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:18px 22px}.exp-modal-body::-webkit-scrollbar{width:5px}.exp-modal-body::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);border-radius:4px}.exp-modal-section{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:10px;padding:14px 16px}.exp-section-label{color:#475569;color:var(--ct-475569,#475569);font-size:12px;font-weight:700;gap:8px;letter-spacing:.05em;text-transform:uppercase}.exp-section-label,.exp-section-label-row{align-items:center;display:flex;margin-bottom:12px}.exp-section-label-row{justify-content:space-between}.exp-section-num{align-items:center;background:#1e40af;background:var(--c-1e40af,#1e40af);border-radius:50%;color:#fff;color:var(--ct-fff,#fff);display:inline-flex;flex-shrink:0;font-size:11px;font-weight:800;height:20px;justify-content:center;width:20px}.exp-field-hint{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:10px;font-weight:400;margin-left:4px;text-transform:none}.exp-form-row2{grid-gap:10px;gap:10px}@media(max-width:640px){.exp-form-row2,.exp-form-row3{grid-template-columns:1fr}}.exp-field{display:flex;flex-direction:column;gap:4px}.exp-field label{color:#374151;color:var(--ct-374151,#374151);font-size:11.5px;font-weight:600}.exp-field input,.exp-field select,.exp-field textarea{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:7px;color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:13px;outline:none;padding:8px 10px;transition:border-color .15s}.exp-field input:focus,.exp-field select:focus,.exp-field textarea:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a}.exp-items-hint{border:2px dashed #e2e8f0;border:2px dashed var(--c-e2e8f0,#e2e8f0);border-radius:8px;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:12px;padding:10px;text-align:center}.exp-items-list{display:flex;flex-direction:column;gap:10px}.exp-item-row{align-items:flex-start;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:9px;display:flex;gap:10px;padding:10px 12px}.exp-item-row-num{align-items:center;background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-radius:50%;color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8);display:flex;flex-shrink:0;font-size:11px;font-weight:800;height:24px;justify-content:center;margin-top:22px;width:24px}.exp-item-fields{display:flex;flex:1 1;flex-direction:column;gap:6px}.exp-item-top-row{grid-template-columns:140px 110px 120px 1fr auto}@media(max-width:720px){.exp-item-top-row{grid-template-columns:1fr 1fr}.exp-field-proj{grid-column:1/-1}}.exp-item-del-btn{align-items:center;align-self:flex-end;background:#fee2e2;background:var(--c-fee2e2,#fee2e2);border:none;border-radius:6px;color:#dc2626;color:var(--ct-dc2626,#dc2626);cursor:pointer;display:flex;margin-bottom:2px;padding:6px 8px;transition:all .15s}.exp-item-del-btn:hover{background:#fecaca;background:var(--c-fecaca,#fecaca)}.exp-add-item-btn{align-items:center;background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border:1px solid #bfdbfe;border:1px solid var(--c-bfdbfe,#bfdbfe);border-radius:7px;color:#2563eb;color:var(--ct-2563eb,#2563eb);cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:5px;padding:5px 12px;transition:all .15s}.exp-add-item-btn:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe)}.exp-add-item-btn:disabled{cursor:not-allowed;opacity:.5}.exp-items-total-bar{align-items:center;background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);border:1px solid #bbf7d0;border:1px solid var(--c-bbf7d0,#bbf7d0);border-radius:8px;color:#166534;color:var(--ct-166534,#166534);display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-top:10px;padding:10px 14px}.exp-total-amt{color:#15803d;color:var(--ct-15803d,#15803d);font-size:16px;font-weight:800}.exp-bill-upload-area{border:2px dashed #e2e8f0;border:2px dashed var(--c-e2e8f0,#e2e8f0);border-radius:10px;cursor:pointer;padding:18px;text-align:center;transition:all .15s}.exp-bill-upload-area:hover{background:#f8faff;background:var(--c-f8faff,#f8faff);border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6)}.exp-bill-empty{align-items:center;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:flex;flex-direction:column;gap:4px}.exp-bill-empty span{font-size:13px;font-weight:500}.exp-bill-empty small{font-size:11px}.exp-bill-selected{align-items:center;color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8);display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center}.exp-bill-size{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px}.exp-bill-selected button{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);border:none;border-radius:5px;color:#dc2626;color:var(--ct-dc2626,#dc2626);cursor:pointer;display:flex;padding:3px 5px}.exp-existing-bill{align-items:center;background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-radius:6px;display:flex;font-size:12px;gap:6px;margin-bottom:8px;padding:6px 10px}.exp-existing-bill,.exp-existing-bill a{color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8)}.exp-existing-bill a{text-decoration:underline}.exp-approval-section{background:#fefce8;background:var(--c-fefce8,#fefce8);border-color:#fde68a;border-color:var(--c-fde68a,#fde68a)}.exp-approval-info{align-items:center;display:flex;font-size:13px;gap:12px}.exp-approval-hint{color:#92400e;color:var(--ct-92400e,#92400e);font-size:12px}.exp-modal-footer{align-items:center;border-top:1px solid #f1f5f9;border-top:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:14px 22px}.exp-modal-footer-left{align-items:center;color:#475569;color:var(--ct-475569,#475569);display:flex;font-size:13px;gap:12px}.exp-footer-total{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-weight:700}.exp-footer-bill{align-items:center;color:#2563eb;color:var(--ct-2563eb,#2563eb);display:flex;font-size:11px;gap:4px}.exp-modal-footer-right{display:flex;gap:8px}.exp-btn-primary{background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8);border:none;border-radius:8px;color:#fff;color:var(--ct-fff,#fff);cursor:pointer;font-size:13px;font-weight:700;padding:9px 20px;transition:all .15s}.exp-btn-primary:hover:not(:disabled){background:#1e40af;background:var(--c-1e40af,#1e40af)}.exp-btn-primary:disabled{cursor:not-allowed;opacity:.6}.exp-btn-secondary{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;font-size:13px;font-weight:600;padding:9px 18px;transition:all .15s}.exp-btn-secondary:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.exp-btn-approve{align-items:center;background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);border:1px solid #bbf7d0;border:1px solid var(--c-bbf7d0,#bbf7d0);border-radius:7px;color:#166534;color:var(--ct-166534,#166534);cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:5px;padding:6px 12px;transition:all .15s}.exp-btn-approve:hover{background:#dcfce7;background:var(--c-dcfce7,#dcfce7)}.exp-btn-reject{align-items:center;background:#fef2f2;background:var(--c-fef2f2,#fef2f2);border:1px solid #fecaca;border:1px solid var(--c-fecaca,#fecaca);border-radius:7px;color:#991b1b;color:var(--ct-991b1b,#991b1b);cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:5px;padding:6px 12px;transition:all .15s}.exp-btn-reject:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2)}.exp-act-btn.approve-btn{background:#0000;color:#16a34a;color:var(--ct-16a34a,#16a34a)}.exp-act-btn.approve-btn:hover{background:#dcfce7;background:var(--c-dcfce7,#dcfce7)}.exp-act-btn.reject-btn{background:#0000;color:#dc2626;color:var(--ct-dc2626,#dc2626)}.exp-act-btn.reject-btn:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2)}.exp-scope-hint{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);border:1px solid #bbf7d0;border:1px solid var(--c-bbf7d0,#bbf7d0);border-radius:7px;color:#166534;color:var(--ct-166534,#166534);font-size:12px;font-weight:500;margin-top:8px;padding:7px 12px}.exp-other-input{background:#fffbeb;background:var(--c-fffbeb,#fffbeb);border:1.5px dashed #f59e0b;border:1.5px dashed var(--c-f59e0b,#f59e0b);border-radius:7px;color:#92400e;color:var(--ct-92400e,#92400e);font-size:12.5px;margin-top:5px;outline:none;padding:7px 10px;transition:border-color .15s,box-shadow .15s;width:100%}.exp-other-input:focus{background:#fff;background:var(--c-fff,#fff);border-color:#d97706;border-color:var(--c-d97706,#d97706);box-shadow:0 0 0 3px #f59e0b26}.exp-other-input::placeholder{color:#d97706;color:var(--ct-d97706,#d97706);opacity:.7}.exp-pay-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;padding:10px 0 14px}.exp-pay-note{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);border:1px solid #fde68a;border:1px solid var(--c-fde68a,#fde68a);border-radius:6px;font-size:11.5px;padding:5px 12px}.exp-pay-info-box,.exp-pay-note{color:#92400e;color:var(--ct-92400e,#92400e)}.exp-pay-info-box{background:#fefce8;background:var(--c-fefce8,#fefce8);border:1px solid #fde68a;border:1px solid var(--c-fde68a,#fde68a);border-radius:8px;font-size:12px;margin-top:12px;padding:10px 14px}.exp-act-btn.pay-btn{background:#0000;color:#7c3aed;color:var(--ct-7c3aed,#7c3aed)}.exp-act-btn.pay-btn:hover{background:#ede9fe;background:var(--c-ede9fe,#ede9fe)}.exp-mgmt-btn-pay{align-items:center;background:#7c3aed;background:var(--c-7c3aed,#7c3aed);border:none;border-radius:8px;color:#fff;color:var(--ct-fff,#fff);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:background .15s}.exp-mgmt-btn-pay:hover{background:#6d28d9;background:var(--c-6d28d9,#6d28d9)}.exp-view-modal{animation:expModalIn .18s ease;background:#fff;background:var(--c-fff,#fff);border-radius:16px;box-shadow:0 24px 64px #0003;display:flex;flex-direction:column;max-height:92vh;max-width:720px;overflow:hidden;width:100%}.exp-view-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}@media(max-width:600px){.exp-view-grid{grid-template-columns:1fr 1fr}}.exp-view-item{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:10px 12px}.exp-view-full{grid-column:1/-1}.exp-view-label{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.exp-view-val{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:13px;font-weight:500}.exp-view-table{border-collapse:collapse;font-size:13px;margin-top:4px;width:100%}.exp-view-table thead th{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--c-e2e8f0,#e2e8f0);color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:700;letter-spacing:.4px;padding:9px 12px;text-align:left;text-transform:uppercase}.exp-view-table tbody tr{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9)}.exp-view-table tbody tr:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.exp-view-table tbody td{padding:10px 12px}.exp-view-table tfoot tr{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-top:2px solid #e2e8f0;border-top:2px solid var(--c-e2e8f0,#e2e8f0)}@media (max-width:768px){.exp-mgmt-modal-overlay{align-items:flex-end;padding:0}.exp-items-detail-modal,.exp-modal-redesigned,.exp-view-modal{animation:sheetUp .25s ease;border-radius:20px 20px 0 0;max-height:95vh;max-width:100%;width:100%}.exp-modal-hdr{flex-wrap:wrap;padding:14px 16px 12px}.exp-modal-hdr-left h2{font-size:14px}.exp-modal-hdr-left p{font-size:11px}.exp-modal-body{gap:12px;padding:14px}.exp-modal-section{padding:12px}.exp-item-top-row{gap:8px;grid-template-columns:1fr 1fr!important}.exp-field-proj{grid-column:1/-1}.exp-item-del-btn{align-self:flex-end;grid-column:1/-1;width:-webkit-fit-content;width:fit-content}.exp-modal-footer{flex-direction:column;gap:8px;padding:12px 14px}.exp-modal-footer-left{flex-wrap:wrap}.exp-modal-footer-right{justify-content:flex-end;width:100%}.exp-btn-primary,.exp-btn-secondary{flex:1 1;justify-content:center}.exp-view-grid{grid-template-columns:1fr 1fr}.exp-view-table-wrap{overflow-x:auto}.exp-btn-approve,.exp-btn-reject{font-size:11px;padding:5px 9px}.exp-view-table{font-size:12px}.exp-view-table tbody td,.exp-view-table tfoot td,.exp-view-table thead th{padding:8px}}@media (max-width:480px){.exp-view-grid{grid-template-columns:1fr}.exp-form-row2,.exp-form-row3,.exp-item-top-row{grid-template-columns:1fr!important}.exp-modal-hdr{align-items:flex-start;flex-direction:column;gap:10px}}@media (max-width:768px){.exp-mgmt-container{max-width:100vw;overflow-x:hidden}.exp-mgmt-header{padding-left:14px;padding-right:14px}.exp-mgmt-action-bar,.exp-mgmt-kpi-grid{padding-left:10px;padding-right:10px}.exp-user-breakdown{margin-left:10px;margin-right:10px}.exp-tabs{padding-left:10px;padding-right:10px}.exp-mgmt-table-container{margin-left:8px!important;margin-right:8px!important}.exp-mgmt-table-row{box-sizing:border-box;max-width:100%}.exp-group-cell{align-items:flex-end;max-width:calc(100% - 80px);overflow:hidden;text-align:right}.grp-name,.prj-name,.sub-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exp-code{font-size:11px}.exp-amount{font-size:13px}.exp-mgmt-kpi-grid{gap:8px;grid-template-columns:repeat(2,1fr)!important}.exp-mgmt-kpi-card{gap:8px;padding:10px 12px}.exp-mgmt-kpi-value{font-size:15px}.exp-mgmt-kpi-label{font-size:10px}.exp-mgmt-kpi-icon svg{height:22px;width:22px}}@media (max-width:400px){.exp-mgmt-table-row td{font-size:11px;padding:7px 10px}.exp-mgmt-table-row td:before{font-size:8px;max-width:60px;min-width:60px}.exp-mgmt-table-container{margin:0 6px 12px!important}.exp-act-btn{height:28px;width:28px}}.exp-mgmt-kpi-card--clickable{cursor:pointer}.exp-mgmt-kpi-card--clickable:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-3px)}.exp-mgmt-kpi-card--active{outline:2px solid currentColor;transform:translateY(-2px)}.exp-mgmt-kpi-card--active .exp-mgmt-kpi-value{font-weight:800}.pce-dp-trigger{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1px solid #d1d5db;border:1px solid var(--c-d1d5db,#d1d5db);border-radius:8px;cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:7px;min-height:38px;padding:8px 11px;text-align:left;transition:border-color .15s,box-shadow .15s;width:100%}.pce-dp-trigger:hover{border-color:#6b7280;border-color:var(--c-6b7280,#6b7280)}.pce-dp--open{box-shadow:0 0 0 3px #2563eb1a}.pce-dp--open,.pce-dp--set{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb)}.pce-dp--set{background:#eff6ff;background:var(--c-eff6ff,#eff6ff)}.pce-dp-ph{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);flex:1 1;font-size:13px}.pce-dp-x{align-items:center;border-radius:4px;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:flex;padding:2px;transition:color .13s,background .13s}.pce-dp-x:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#ef4444;color:var(--ct-ef4444,#ef4444)}.pce-cal-dropdown,.pce-dp-dropdown{animation:pceDrop .14s ease-out;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:12px;box-shadow:0 12px 32px #0f172a26;overflow:hidden}@keyframes pceDrop{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.pce-dp-head{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);justify-content:space-between;padding:9px 11px}.pce-dp-head,.pce-dp-month-btn{align-items:center;display:flex}.pce-dp-month-btn{background:none;border:none;border-radius:20px;color:#0f172a;color:var(--ct-0f172a,#0f172a);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;gap:4px;padding:4px 8px;transition:background .13s}.pce-dp-month-btn:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.pce-dp-yr{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-weight:700}.pce-dp-nav{align-items:center;background:none;border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:flex;padding:3px 6px;transition:background .13s}.pce-dp-nav:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.pce-dp-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);padding:9px 7px 5px}.pce-dp-dl{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 0 4px;text-align:center;text-transform:uppercase}.pce-dp-cell{align-items:center;aspect-ratio:1;border-radius:5px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;display:flex;font-size:11px;justify-content:center;position:relative;transition:background .1s;-webkit-user-select:none;user-select:none}.pce-dp-cell:hover:not(.pce-dp-empty):not(.pce-dp-sel):not(.pce-cal-from):not(.pce-cal-to){background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.pce-dp-empty{cursor:default;pointer-events:none}.pce-dp-today{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-weight:700}.pce-dp-today:after{background:#2563eb;background:var(--c-2563eb,#2563eb);border-radius:50%;bottom:2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:3px}.pce-dp-sel{background:#1d4ed8!important;background:var(--c-1d4ed8,#1d4ed8)!important;border-radius:5px;color:#fff!important;color:var(--ct-fff,#fff)!important;font-weight:600}.pce-cal-from{border-radius:5px 0 0 5px}.pce-cal-from,.pce-cal-to{background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8);color:#fff;color:var(--ct-fff,#fff);font-weight:600}.pce-cal-to{border-radius:0 5px 5px 0}.pce-cal-from.pce-cal-to{border-radius:5px}.pce-cal-in-range{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);border-radius:0;color:#1e40af;color:var(--ct-1e40af,#1e40af)}.pce-cal-rr-s{border-radius:5px 0 0 5px}.pce-cal-rr-e{border-radius:0 5px 5px 0}.pce-yr-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(4,1fr);padding:8px 8px 6px}.pce-yr-cell{border-radius:6px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;font-size:12px;font-weight:500;padding:6px 2px;text-align:center;transition:background .13s,color .13s;-webkit-user-select:none;user-select:none}.pce-yr-cell:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.pce-yr-sel{background:#1d4ed8!important;background:var(--c-1d4ed8,#1d4ed8)!important;box-shadow:0 2px 6px #1d4ed859;color:#fff!important;color:var(--ct-fff,#fff)!important;font-weight:700}.pce-cal-trigger{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1px solid #d1d5db;border:1px solid var(--c-d1d5db,#d1d5db);border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;gap:6px;min-width:210px;padding:7px 11px;transition:border-color .15s,box-shadow .15s;white-space:nowrap}.pce-cal-trigger:hover{border-color:#6b7280;border-color:var(--c-6b7280,#6b7280)}.pce-cal--open{box-shadow:0 0 0 3px #2563eb1a}.pce-cal--applied,.pce-cal--open{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb)}.pce-cal--applied{background:#eff6ff;background:var(--c-eff6ff,#eff6ff)}.pce-cal-ph{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-size:12px;letter-spacing:.3px}.pce-cal-val{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:12px;font-weight:600}.pce-cal-sep{color:#d1d5db;color:var(--ct-d1d5db,#d1d5db);font-size:12px}.pce-cal-x{align-items:center;border-radius:4px;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:flex;padding:2px;transition:color .13s,background .13s}.pce-cal-x:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#ef4444;color:var(--ct-ef4444,#ef4444)}.pce-cal-footer{background:#fff;background:var(--c-fff,#fff);border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);flex-direction:column;gap:8px;padding:10px 12px}.pce-cal-chips,.pce-cal-footer{align-items:center;display:flex}.pce-cal-chips{gap:6px;justify-content:center;width:100%}.pce-cal-chips svg{flex-shrink:0}.pce-cal-chip,.pce-cal-chips svg{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8)}.pce-cal-chip{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:5px;font-size:11px;font-style:italic;padding:2px 7px;white-space:nowrap}.pce-cal-chip--set{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#93c5fd;border-color:var(--c-93c5fd,#93c5fd);color:#1e40af;color:var(--ct-1e40af,#1e40af);font-style:normal;font-weight:600}.pce-cal-clear{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;font-family:inherit;font-size:11px;padding:4px 10px;transition:background .13s}.pce-cal-clear:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.pce-cal-apply{background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8);border:none;border-radius:6px;color:#fff;color:var(--ct-fff,#fff);cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;padding:4px 12px;transition:background .13s}.pce-cal-apply:hover:not(:disabled){background:#1e40af;background:var(--c-1e40af,#1e40af)}.pce-cal-apply:disabled{background:#93c5fd;background:var(--c-93c5fd,#93c5fd);cursor:not-allowed}.exp-sno-th{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-weight:600;-webkit-user-select:none;user-select:none;white-space:nowrap}.exp-sno-td,.exp-sno-th{font-size:12px;min-width:52px;padding:10px 8px;text-align:center;width:52px}.exp-sno-td{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-weight:500}.exp-field .filter-group,.exp-field>div:not([class]),.exp-field>div[style*="position: relative"]{width:100%}.exp-field .filter-trigger{box-sizing:border-box;max-width:100%;min-width:0}.exp-mgmt-search-filters .filter-group{min-width:0}.exp-mgmt-search-filters .filter-trigger{max-width:180px;min-width:130px;width:auto}.exp-field-error-wrap .filter-trigger{border-color:#ef4444!important;border-color:var(--c-ef4444,#ef4444)!important;box-shadow:0 0 0 2px #ef444426!important}.filter-dropdown-list{z-index:99999!important}.exp-field .filter-trigger,.exp-field input,.exp-field select,.exp-field textarea,.pce-dp-trigger{box-sizing:border-box!important;font-size:13px!important;height:38px!important;min-height:38px!important;padding-bottom:0!important;padding-top:0!important}.pce-dp-trigger{align-items:center!important;display:flex!important;padding:0 11px!important}.exp-field textarea{height:auto!important;min-height:38px!important;padding:8px 10px!important}.exp-field>div[style*=border]{box-sizing:border-box!important;min-height:38px!important}.exp-form-row2{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:1fr 1fr}.exp-form-row2>.exp-field{min-width:0;width:100%}.exp-field .filter-group,.exp-field .filter-trigger{min-width:0!important;width:100%!important}.exp-field .filter-trigger{box-sizing:border-box!important;max-width:100%!important}.exp-form-row3{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr}.exp-form-row3>.exp-field{min-width:0;width:100%}.exp-field-proj{flex:1 1 auto;min-width:0}.exp-item-top-row .exp-field-proj>div{width:100%}.exp-item-top-row .exp-field-proj [style*="position: absolute"]{min-width:200px!important}.exp-item-top-row{grid-gap:8px;align-items:end;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr 2fr auto}.exp-field .filter-trigger,.exp-field>select{align-items:center!important;display:flex!important;height:38px!important}.exp-item-fields>.exp-field{width:100%}@media (max-width:720px){.exp-item-top-row{grid-template-columns:1fr 1fr!important}.exp-field-proj{grid-column:1/-1}.exp-form-row2,.exp-form-row3{grid-template-columns:1fr!important}}.exp-bill-preview-overlay{align-items:center;animation:expFadeIn .2s;background:#000000a6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10200}@keyframes expFadeIn{0%{opacity:0}to{opacity:1}}.exp-bill-preview-modal{animation:expScaleIn .25s ease-out;background:#fff;background:var(--c-fff,#fff);border-radius:12px;box-shadow:0 30px 80px #00000073;display:flex;flex-direction:column;height:95vh;max-width:1300px;overflow:hidden;width:96vw}@keyframes expScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.exp-bill-preview-header{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--c-e5e7eb,#e5e7eb);display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 20px}.exp-bill-preview-title{align-items:center;color:#1e293b;color:var(--ct-1e293b,#1e293b);display:flex;font-size:15px;font-weight:600;gap:8px;white-space:nowrap}.exp-bill-preview-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.exp-bill-preview-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:6px 14px;transition:filter .15s}.exp-bill-preview-btn:hover{filter:brightness(.9)}.exp-bill-preview-btn-open{background:#d1fae5;background:var(--c-d1fae5,#d1fae5);color:#065f46;color:var(--ct-065f46,#065f46)}.exp-bill-preview-btn-download{background:#ede9fe;background:var(--c-ede9fe,#ede9fe);color:#5b21b6;color:var(--ct-5b21b6,#5b21b6)}.exp-bill-preview-iframe{border:none;display:block;flex:1 1;min-height:0;width:100%}.exp-act-btn.bill-btn{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border:1px solid #bfdbfe;border:1px solid var(--c-bfdbfe,#bfdbfe);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.exp-act-btn.bill-btn:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe)}@media (max-width:600px){.exp-bill-preview-modal{border-radius:0;height:100vh;width:100vw}.exp-bill-preview-header{align-items:flex-start;flex-direction:column;gap:8px}}[data-theme=dark] .expense-management-table-row:hover{background-color:#232b3b;background-color:var(--c-232b3b,#232b3b)}.tm-root{min-height:calc(100vh - 64px);padding:24px 24px 48px}.tm-hdr{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.tm-hdr h1{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:26px;font-weight:800;margin:6px 0 4px}.tm-hdr-sub{color:#64748b;color:var(--ct-64748b,#64748b);font-size:13px;margin:0}.tm-hdr-acts{flex-shrink:0;flex-wrap:wrap;gap:10px}.tm-bc,.tm-hdr-acts{align-items:center;display:flex}.tm-bc{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:11px;font-weight:700;gap:6px;letter-spacing:.06em;text-transform:uppercase}.tm-bcs{color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1)}.tm-bca{color:#475569;color:var(--ct-475569,#475569)}.tm-view-tgl{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:9px;display:flex;overflow:hidden}.tm-vbtn{background:#0000;border:none;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;font-size:12px;font-weight:700;padding:7px 14px;transition:all .15s;white-space:nowrap}.tm-vbtn.active{background:#0f172a;background:var(--c-0f172a,#0f172a);color:#fff;color:var(--ct-fff,#fff)}.tm-vbtn:hover:not(.active){background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.tm-btn{align-items:center;border:none;border-radius:9px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:9px 18px;transition:all .15s;white-space:nowrap}.tm-primary{background:#0f172a;background:var(--c-0f172a,#0f172a);color:#fff;color:var(--ct-fff,#fff)}.tm-primary:hover:not(:disabled){background:#1e293b;background:var(--c-1e293b,#1e293b);transform:translateY(-1px)}.tm-primary:disabled{cursor:not-allowed;opacity:.5}.tm-ghost{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);color:#374151;color:var(--ct-374151,#374151)}.tm-ghost:hover:not(:disabled){background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.tm-ghost:disabled{cursor:not-allowed;opacity:.5}.tm-sm{font-size:11px;padding:5px 12px}.tm-view-btn-sm{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px;transition:all .15s;white-space:nowrap}.tm-view-btn-sm:hover{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8)}.tm-kpi-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,1fr);margin-bottom:18px}@media(max-width:1200px){.tm-kpi-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.tm-kpi-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:360px){.tm-kpi-row{grid-template-columns:1fr}}.tm-kpi{background:#fff;background:var(--c-fff,#fff);border:1px solid #f1f5f9;border:1px solid var(--c-f1f5f9,#f1f5f9);border-radius:10px;box-shadow:0 1px 3px #0000000f;cursor:pointer;overflow:hidden;padding:12px 14px;position:relative;transition:all .2s}.tm-kpi:after{background:#3b82f6;background:var(--ka,var(--c-3b82f6,#3b82f6));border-radius:0 0 10px 10px;bottom:0;content:"";height:3px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .2s}.tm-kpi-on,.tm-kpi:hover{border-color:#3b82f6;border-color:var(--ka,var(--c-3b82f6,#3b82f6));box-shadow:0 4px 14px #0000001a;transform:translateY(-2px)}.tm-kpi-on:after{transform:scaleX(1)}.tm-kpi-ico{align-items:center;background:#eff6ff;background:var(--kib,var(--c-eff6ff,#eff6ff));border-radius:8px;display:flex;font-size:14px;height:30px;justify-content:center;margin-bottom:7px;width:30px}.tm-kpi-lbl{color:#64748b;color:var(--ct-64748b,#64748b);font-size:9.5px;font-weight:700;letter-spacing:.07em;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.tm-kpi-val{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:20px;font-weight:800;line-height:1;margin-bottom:3px}.tm-kpi-sub{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-filters-bar{background:#fff;background:var(--c-fff,#fff);border:1px solid #f1f5f9;border:1px solid var(--c-f1f5f9,#f1f5f9);border-radius:12px;box-shadow:0 1px 3px #0000000f;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding:12px 16px}.tm-filters-bar,.tm-srch-wrap{align-items:center;display:flex}.tm-srch-wrap{flex:1 1;min-width:180px;position:relative}.tm-srch-wrap>span{font-size:13px;left:10px;pointer-events:none;position:absolute}.tm-srch{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;box-sizing:border-box;color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:13px;outline:none;padding:8px 30px 8px 32px;transition:border-color .15s;width:100%}.tm-srch:focus{background:#fff;background:var(--c-fff,#fff);border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6)}.tm-clr{background:#0000;border:none;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);cursor:pointer;font-size:12px;padding:2px;position:absolute;right:8px}.tm-fg-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.tm-filter-sel{-webkit-appearance:none;appearance:none;background:#f8fafc url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='m3 4.5 3 3 3-3' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 8px center;background:var(--c-f8fafc,#f8fafc) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='m3 4.5 3 3 3-3' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 8px center;border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;font-size:12px;outline:none;padding:7px 28px 7px 10px;transition:border-color .15s}.tm-filter-sel:focus{background-color:#fff;background-color:var(--c-fff,#fff);border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6)}.tm-fg-row .filter-trigger,.tm-filters-bar .filter-trigger{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;box-shadow:none;font-family:inherit;font-size:12px;height:34px;min-width:120px}.tm-fg-row .filter-trigger:hover:not(.filter-trigger--disabled),.tm-filters-bar .filter-trigger:hover:not(.filter-trigger--disabled){background:#fff;background:var(--c-fff,#fff);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1);box-shadow:none}.tm-fg-row .filter-trigger--open,.tm-filters-bar .filter-trigger--open{background:#fff;background:var(--c-fff,#fff);border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 2px #3b82f61f}.tm-fg-row .filter-trigger--has-value,.tm-filters-bar .filter-trigger--has-value{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-weight:600}.tm-fg .filter-trigger{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;box-shadow:none;font-family:inherit;font-size:13px;height:38px;width:100%}.tm-fg .filter-trigger:hover:not(.filter-trigger--disabled){border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1);box-shadow:none}.tm-fg .filter-trigger--open{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61f}.tm-pgn .filter-trigger{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:5px;box-shadow:none;font-family:inherit;font-size:11px;height:26px;min-width:0;min-width:auto;padding:0 22px 0 8px;width:auto}.tm-pgn .filter-trigger .filter-trigger__chevron{right:5px}.tm-pgn .filter-trigger--open{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 2px #3b82f61a}.tm-fcount{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;font-weight:600;margin-left:auto;white-space:nowrap}.tm-card{background:#fff;background:var(--c-fff,#fff);border:1px solid #f1f5f9;border:1px solid var(--c-f1f5f9,#f1f5f9);border-radius:12px;box-shadow:0 1px 3px #00000012;margin-bottom:24px;overflow:hidden}.tm-card-hdr{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;justify-content:space-between;padding:16px 20px 12px}.tm-card-hdr h3{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:15px;font-weight:700;margin:0}.tm-card-sub{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:12px;margin:3px 0 0}.tm-tbl-wrap{overflow-x:auto}.tm-tbl{border-collapse:collapse;font-size:13px;min-width:900px;width:100%}.tm-tbl thead tr{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--c-e2e8f0,#e2e8f0)}.tm-tbl thead th{color:#374151;color:var(--ct-374151,#374151);font-size:11px;font-weight:700;letter-spacing:.06em;padding:11px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.tm-tbl tbody tr{border-bottom:1px solid #e9eef5;border-bottom:1px solid var(--c-e9eef5,#e9eef5);cursor:pointer;transition:background .12s}.tm-tbl tbody tr:last-child{border-bottom:none}.tm-tbl tbody tr:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.tm-tbl td{padding:10px 12px;vertical-align:middle}.tm-tr-od{background:#fff9f9!important;background:var(--c-fff9f9,#fff9f9)!important}.tm-tr-done td{opacity:1}.tm-tr-done:hover{background:#f0fdf4!important;background:var(--c-f0fdf4,#f0fdf4)!important}.tm-tr-done .tm-ttitle{color:#1e293b;color:var(--ct-1e293b,#1e293b)}.tm-task-cell{display:flex;flex-direction:column;gap:2px;max-width:260px}.tm-tcode{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-family:monospace;font-size:10px;font-weight:700;letter-spacing:.04em}.tm-ttitle{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:13px;font-weight:700;line-height:1.4}.tm-trel{color:#475569;color:var(--ct-475569,#475569);font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-assignee,.tm-due{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:12px;font-weight:600;white-space:nowrap}.tm-due-od{color:#dc2626;color:var(--ct-dc2626,#dc2626);font-weight:700}.tm-nodash{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:12px}.tm-td-txt{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#374151;color:var(--ct-374151,#374151);display:-webkit-box;font-size:12px;line-height:1.4;margin:0;max-width:240px;overflow:hidden}.tm-notes-txt{color:#7c3aed;color:var(--ct-7c3aed,#7c3aed)}.tm-badge{border:1px solid #0000;border-radius:20px;gap:3px}.tm-badge,.tm-sbadge{align-items:center;display:inline-flex;font-size:11px;font-weight:700;padding:3px 9px;white-space:nowrap}.tm-sbadge{border-radius:6px;gap:4px}.tm-chip{align-items:center;background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:6px;color:#1e293b;color:var(--ct-1e293b,#1e293b);display:inline-flex;font-size:11px;font-weight:600;gap:3px;max-width:200px;overflow:hidden;padding:3px 8px;text-overflow:ellipsis;white-space:nowrap}.tm-chip-blue{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8)}.tm-chip-orange{background:#fff7ed;background:var(--c-fff7ed,#fff7ed);color:#c2410c;color:var(--ct-c2410c,#c2410c)}.tm-chip-danger{background:#fef2f2;background:var(--c-fef2f2,#fef2f2);color:#dc2626;color:var(--ct-dc2626,#dc2626)}.tm-hours-pill{align-items:center;background:#ecfeff;background:var(--c-ecfeff,#ecfeff);color:#0e7490;color:var(--ct-0e7490,#0e7490);gap:3px}.tm-hours-pill,.tm-type-pill{border-radius:6px;display:inline-flex;font-size:11px;font-weight:700;padding:3px 8px}.tm-type-pill{background:#f5f3ff;background:var(--c-f5f3ff,#f5f3ff);color:#7c3aed;color:var(--ct-7c3aed,#7c3aed);white-space:nowrap}.tm-mini-prog{align-items:center;display:flex;gap:8px;min-width:90px}.tm-mini-bar{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.tm-mini-fill{background:#3b82f6;background:var(--c-3b82f6,#3b82f6);border-radius:3px;height:100%;transition:width .3s}.tm-mini-prog>span{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:11px;font-weight:700;text-align:right;width:30px}.tm-acts{align-items:center;display:flex;gap:4px}.tm-act{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);display:flex;font-size:14px;padding:0;transition:all .15s}.tm-act:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);box-shadow:0 2px 6px #0000001a;transform:scale(1.1)}.tm-pgn{align-items:center;background:#fafafa;background:var(--c-fafafa,#fafafa);border-top:1px solid #f1f5f9;border-top:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;justify-content:space-between;padding:12px 18px}.tm-pgn-info{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px}.tm-pgn-btns{display:flex;gap:4px}.tm-pb{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:7px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;display:flex;font-size:13px;font-weight:600;height:32px;justify-content:center;padding:0;transition:all .15s;width:32px}.tm-pb:hover:not(:disabled){background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-color:#cbd5e1;border-color:var(--c-cbd5e1,#cbd5e1)}.tm-pb.active{background:#0f172a;background:var(--c-0f172a,#0f172a);border-color:#0f172a;border-color:var(--c-0f172a,#0f172a);color:#fff;color:var(--ct-fff,#fff)}.tm-pb:disabled{cursor:not-allowed;opacity:.4}.tm-board{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media(max-width:1100px){.tm-board{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.tm-board{grid-template-columns:1fr}}.tm-col{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-radius:12px;display:flex;flex-direction:column;max-height:calc(100vh - 300px);min-height:200px;padding:12px;transition:background .2s,box-shadow .2s}.tm-col-over{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);box-shadow:inset 0 0 0 2px #3b82f6;box-shadow:inset 0 0 0 2px var(--c-3b82f6,#3b82f6)}.tm-col-hdr{align-items:center;border-radius:4px 4px 0 0;border-top:3px solid #0000;display:flex;flex-shrink:0;gap:8px;margin-top:-4px;padding:8px 0 12px}.tm-col-title{color:#374151;color:var(--ct-374151,#374151);flex:1 1;font-size:13px;font-weight:700}.tm-col-count{border-radius:20px;font-size:11px;font-weight:800;padding:2px 8px}.tm-col-cards{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-x:hidden;overflow-y:auto;padding-right:2px;scroll-behavior:smooth}.tm-col-cards::-webkit-scrollbar{width:4px}.tm-col-cards::-webkit-scrollbar-track{background:#0000}.tm-col-cards::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:4px}.tm-col-cards::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--c-94a3b8,#94a3b8)}.tm-col-empty{border:2px dashed #e2e8f0;border:2px dashed var(--c-e2e8f0,#e2e8f0);border-radius:8px;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:12px;padding:20px 0;text-align:center}.tm-drop-zone{animation:tm-pulse 1s ease-in-out infinite;background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border:2px dashed #93c5fd;border:2px dashed var(--c-93c5fd,#93c5fd);border-radius:8px;color:#3b82f6;color:var(--ct-3b82f6,#3b82f6);font-size:11px;font-weight:700;margin-bottom:8px;padding:10px;text-align:center}@keyframes tm-pulse{0%,to{opacity:.7}50%{opacity:1}}.tm-card-item{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:10px;box-shadow:0 1px 2px #0000000d;cursor:grab;flex-shrink:0;min-height:0;padding:12px 13px;transition:box-shadow .15s,transform .15s}.tm-card-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.tm-card-item:active{cursor:grabbing}.tm-card-dragging{box-shadow:0 12px 32px #00000040;opacity:.4;transform:rotate(2deg) scale(1.02);z-index:100}.tm-card-od{border-left:3px solid #ef4444;border-left:3px solid var(--c-ef4444,#ef4444)}.tm-ci-top{align-items:center;display:flex;gap:6px;justify-content:space-between;margin-bottom:6px}.tm-ci-id{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:10px;font-weight:700;white-space:nowrap}.tm-ci-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#0f172a;color:var(--ct-0f172a,#0f172a);display:-webkit-box;font-size:13px;font-weight:600;line-height:1.35;margin:0 0 4px;overflow:hidden;word-break:break-word}.tm-ci-proj{color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8);margin:0 0 3px}.tm-ci-proj,.tm-ci-rel{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-ci-rel{color:#64748b;color:var(--ct-64748b,#64748b);margin:0 0 6px}.tm-ci-bot{align-items:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:space-between;margin-bottom:4px}.tm-due-sm{font-weight:500}.tm-ci-who,.tm-due-sm{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;white-space:nowrap}.tm-ci-who{margin-top:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.tm-ci-footer{align-items:center;display:flex;gap:4px;justify-content:space-between;margin-top:6px}.tm-ci-hours{background:#ecfeff;background:var(--c-ecfeff,#ecfeff);border-radius:5px;color:#0e7490;color:var(--ct-0e7490,#0e7490);font-size:11px;font-weight:700;padding:2px 7px;white-space:nowrap}.tm-ci-actions{display:flex;gap:5px;margin-top:8px}.tm-ci-log-btn{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;flex:1 1;font-size:11px;font-weight:600;overflow:hidden;padding:5px 6px;text-overflow:ellipsis;transition:all .15s;white-space:nowrap}.tm-ci-log-btn:hover{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.tm-drag-hint{color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1);font-size:10px;margin-top:3px;text-align:right;-webkit-user-select:none;user-select:none}.tm-team-view{margin-bottom:24px}.tm-tv-bar{align-items:flex-start;background:#fff;background:var(--c-fff,#fff);border:1px solid #f1f5f9;border:1px solid var(--c-f1f5f9,#f1f5f9);border-radius:12px;box-shadow:0 1px 3px #0000000f;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px;padding:14px 16px}.tm-tv-left{flex:1 1;flex-wrap:wrap}.tm-tv-left,.tm-tv-right{align-items:center;display:flex;gap:10px}.tm-tv-right{flex-shrink:0}.tm-date-range{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;font-weight:600}.tm-emp-search-wrap{min-width:260px}.tm-emp-search-box:focus-within{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a}.tm-emp-sug-item:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.tm-emp-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-bottom:16px}.tm-emp-card{border:1px solid #f1f5f9;border:1px solid var(--c-f1f5f9,#f1f5f9);border-radius:12px;box-shadow:0 1px 3px #00000012;gap:14px;padding:14px 18px}.tm-emp-card:hover{border-color:#e2e8f0;border-color:var(--c-e2e8f0,#e2e8f0)}.tm-emp-avatar{font-size:18px;height:42px;width:42px}.tm-emp-info{flex:1 1}.tm-emp-name{display:block;font-size:14px}.tm-emp-role{display:block;margin-top:2px}.tm-es>span{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:16px;font-weight:800;line-height:1}.tm-es>label{margin-top:2px}.tm-emp-r{font-size:11px}.tm-green{color:#059669!important;color:var(--ct-059669,#059669)!important}.tm-blue{color:#2563eb!important;color:var(--ct-2563eb,#2563eb)!important}.tm-purple{color:#7c3aed!important;color:var(--ct-7c3aed,#7c3aed)!important}.tm-orange{color:#d97706!important;color:var(--ct-d97706,#d97706)!important}.tm-green-txt{color:#059669;color:var(--ct-059669,#059669);font-size:11px;font-weight:600}.tm-red{color:#dc2626!important;color:var(--ct-dc2626,#dc2626)!important}.tm-blue-val{color:#0e7490!important;color:var(--ct-0e7490,#0e7490)!important;font-weight:700}.tm-today-panel{background:#fff;background:var(--c-fff,#fff);border:1px solid #f1f5f9;border:1px solid var(--c-f1f5f9,#f1f5f9);border-radius:12px;box-shadow:0 1px 3px #00000012;margin-bottom:24px;overflow:hidden}.tm-today-hdr{background:linear-gradient(135deg,#f8fafc,#eff6ff);background:linear-gradient(135deg,var(--c-f8fafc,#f8fafc),var(--c-eff6ff,#eff6ff));border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);padding:18px 20px}.tm-today-hdr h3{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:16px;font-weight:800;margin:0 0 3px}.tm-today-hdr p{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;margin:0}.tm-today-tl{padding:16px 20px}.tm-tl-item{border-bottom:1px solid #f8fafc;border-bottom:1px solid var(--c-f8fafc,#f8fafc);display:flex;gap:14px;padding:12px 0}.tm-tl-item:last-child{border-bottom:none}.tm-tl-time{color:#64748b;color:var(--ct-64748b,#64748b);flex-shrink:0;font-family:monospace;font-size:11px;font-weight:700;line-height:1.4;padding-top:2px;text-align:right;width:48px}.tm-tl-dot{border:2px solid #fff;border:2px solid var(--c-fff,#fff);border-radius:50%;box-shadow:0 0 0 2px currentColor;flex-shrink:0;height:12px;margin-top:4px;width:12px}.tm-tl-body{flex:1 1}.tm-tl-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.tm-tl-title{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:13px;font-weight:600;margin:0 0 3px}.tm-tl-text{color:#475569;color:var(--ct-475569,#475569);font-size:12px;line-height:1.5;margin:0}.tm-tl-notes{color:#7c3aed;color:var(--ct-7c3aed,#7c3aed);font-size:11px;margin:4px 0 0}.tm-today-due{display:flex;flex-direction:column;gap:8px;padding:0 20px 16px}.tm-today-due-lbl{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;font-weight:700;letter-spacing:.05em;margin:0 0 6px;text-transform:uppercase}.tm-today-task{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:10px 14px;transition:background .12s}.tm-today-task:hover{background:#eff6ff;background:var(--c-eff6ff,#eff6ff)}.tm-today-task>span:nth-child(3){color:#0f172a;color:var(--ct-0f172a,#0f172a);flex:1 1;font-size:13px}.tm-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172aa6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.tm-modal{animation:tm-modal-in .2s ease;background:#fff;background:var(--c-fff,#fff);border-radius:16px;box-shadow:0 24px 64px #00000038;display:flex;flex-direction:column;max-height:92vh;max-width:540px;overflow:hidden;width:100%}.tm-modal-md{max-width:600px}.tm-modal-lg{max-width:680px}.tm-modal-xl{max-width:820px}@keyframes tm-modal-in{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.tm-mhdr{align-items:flex-start;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;flex-shrink:0;justify-content:space-between;padding:22px 24px 16px}.tm-mhdr h2{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:18px;font-weight:800;margin:0 0 2px}.tm-mhdr-top{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.tm-msub{font-size:12px;margin:0}.tm-msub,.tm-xbtn{color:#64748b;color:var(--ct-64748b,#64748b)}.tm-xbtn{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border:none;border-radius:8px;cursor:pointer;flex-shrink:0;font-size:13px;height:30px;transition:all .15s;width:30px}.tm-xbtn:hover{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);color:#0f172a;color:var(--ct-0f172a,#0f172a)}.tm-mtask-strip{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);flex-shrink:0;padding:14px 24px}.tm-mtask-strip>strong{color:#0f172a;color:var(--ct-0f172a,#0f172a);display:block;font-size:14px;font-weight:700;margin:4px 0 8px}.tm-strip-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.tm-mbody{flex:1 1;overflow-y:auto;padding:20px 24px}.tm-mftr{background:#fafafa;background:var(--c-fafafa,#fafafa);border-top:1px solid #f1f5f9;border-top:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:14px 24px}.tm-fg{margin-bottom:16px}.tm-fg>label{color:#374151;color:var(--ct-374151,#374151);display:block;font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.tm-frow{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.tm-frow3{grid-template-columns:1fr 1fr 1fr}@media(max-width:520px){.tm-frow,.tm-frow3{grid-template-columns:1fr}}.tm-inp,.tm-sel,.tm-ta{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;box-sizing:border-box;color:#0f172a;color:var(--ct-0f172a,#0f172a);font-family:inherit;font-size:13px;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.tm-inp:focus,.tm-sel:focus,.tm-ta:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61f}.tm-sel{-webkit-appearance:none;appearance:none}.tm-req{color:#ef4444;color:var(--ct-ef4444,#ef4444)}.tm-hint{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:10px;font-weight:400;letter-spacing:0;text-transform:none}.tm-range{-webkit-appearance:none;appearance:none;background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);border-radius:3px;cursor:pointer;height:6px;margin-top:8px;outline:none;width:100%}.tm-range::-webkit-slider-thumb{-webkit-appearance:none;background:#3b82f6;background:var(--c-3b82f6,#3b82f6);border-radius:50%;box-shadow:0 1px 4px #3b82f64d;cursor:pointer;height:18px;width:18px}.tm-pval{color:#3b82f6;color:var(--ct-3b82f6,#3b82f6);float:right;font-size:13px;font-weight:800}.tm-range-ticks{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:flex;font-size:10px;justify-content:space-between;margin-top:4px}.tm-detail-grid{grid-gap:10px;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-radius:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:18px;padding:14px}@media(max-width:600px){.tm-detail-grid{grid-template-columns:1fr 1fr}}.tm-dg-item{display:flex;flex-direction:column;gap:3px}.tm-dg-lbl{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.tm-dg-val{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:12px;font-weight:600}.tm-dr-sec{margin-bottom:20px}.tm-dr-sec h4{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:700;letter-spacing:.07em;margin:0 0 8px;text-transform:uppercase}.tm-dr-desc{color:#374151;color:var(--ct-374151,#374151);font-size:13px;line-height:1.6;margin:0}.tm-prog-hdr{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.tm-prog-hdr h4{margin:0}.tm-prog-pct{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:14px;font-weight:800}.tm-prog-track{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);border-radius:5px;height:10px;overflow:hidden}.tm-prog-fill{border-radius:5px;height:100%;transition:width .5s ease}.tm-time-ratio{align-items:center;color:#64748b;color:var(--ct-64748b,#64748b);display:flex;font-size:11px;justify-content:space-between;margin-top:6px}.tm-hist{display:flex;flex-direction:column}.tm-hist-item{border-bottom:1px solid #f8fafc;border-bottom:1px solid var(--c-f8fafc,#f8fafc);display:flex;gap:12px;padding:12px 0}.tm-hist-item:last-child{border-bottom:none}.tm-hist-blocked-row{background:#fff9f9;background:var(--c-fff9f9,#fff9f9);border-radius:8px;margin-bottom:4px;padding:12px}.tm-hist-dot{border-radius:50%;flex-shrink:0;height:10px;margin-top:4px;width:10px}.tm-hist-body{flex:1 1}.tm-hist-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:5px}.tm-hist-who{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:12px;font-weight:700}.tm-hist-when{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:11px}.tm-hist-time{color:#64748b;color:var(--ct-64748b,#64748b);font-family:monospace;font-size:11px}.tm-hist-text{color:#374151;color:var(--ct-374151,#374151);font-size:13px;line-height:1.5;margin:0 0 4px}.tm-hist-blk{color:#dc2626;color:var(--ct-dc2626,#dc2626);font-size:12px;font-style:italic;margin:4px 0}.tm-hist-notes{color:#7c3aed;color:var(--ct-7c3aed,#7c3aed);font-size:12px;margin:4px 0}.tm-hist-sc{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-radius:4px;color:#2563eb;color:var(--ct-2563eb,#2563eb);display:inline-flex;font-size:11px;padding:2px 8px}.tm-empty-txt{font-size:13px;font-style:italic;margin:0}.tm-empty,.tm-empty-txt{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8)}.tm-empty{padding:48px 24px;text-align:center}.tm-empty>div{font-size:36px;margin-bottom:10px}.tm-empty>p{font-size:13px;margin:0}@media(max-width:768px){.tm-root{padding:16px 16px 0}.tm-hdr{align-items:flex-start;flex-direction:column}.tm-hdr-acts{justify-content:flex-end;width:100%}.tm-modal{border-radius:16px 16px 0 0;max-height:95vh;max-width:100%}.tm-overlay{align-items:flex-end;padding:0}.tm-detail-grid{grid-template-columns:1fr 1fr}.tm-emp-search-wrap{min-width:100%}}.tm-wl-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.tm-wl-card{background:#fff;background:var(--c-fff,#fff);box-shadow:0 1px 3px #0000000f}.tm-wl-card-top{align-items:center}.tm-tv-toolbar{align-items:center;background:#fafcff;background:var(--c-fafcff,#fafcff);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);border-radius:12px 12px 0 0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 20px}.tm-tv-toolbar-left{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:10px;min-width:0}.tm-tv-toolbar-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.tm-tv-summary{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;font-weight:600;white-space:nowrap}.tm-date-range{align-items:center;display:flex;gap:6px}.tm-dr-lbl{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;font-weight:600;white-space:nowrap}.tm-emp-section{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);padding:16px 20px}.tm-emp-section-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:12px;text-transform:uppercase}.tm-emp-cards-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.tm-emp-card{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:10px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:14px 16px;transition:all .15s}.tm-emp-card:hover{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.tm-emp-card-left{align-items:center;display:flex;gap:10px;min-width:0}.tm-emp-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--c-3b82f6,#3b82f6),var(--c-8b5cf6,#8b5cf6));border-radius:50%;color:#fff;color:var(--ct-fff,#fff);display:flex;flex-shrink:0;font-size:16px;font-weight:800;height:40px;justify-content:center;width:40px}.tm-emp-info{display:flex;flex-direction:column;min-width:0}.tm-emp-name{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-emp-role{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;margin-top:1px}.tm-emp-stats{flex-shrink:0;gap:14px}.tm-emp-stats,.tm-es{align-items:center;display:flex}.tm-es{flex-direction:column;gap:2px}.tm-es-val{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:15px;font-weight:800;line-height:1}.tm-es>label{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:9px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.tm-wl-header{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px 20px 12px}.tm-wl-header,.tm-wl-title{align-items:center;display:flex}.tm-wl-title{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:15px;font-weight:700;gap:8px;margin:0 0 3px}.tm-wl-sub{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;margin:0}.tm-wl-emp-badge{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--c-3b82f6,#3b82f6),var(--c-8b5cf6,#8b5cf6));border-radius:50%;color:#fff;color:var(--ct-fff,#fff);display:inline-flex;font-size:11px;font-weight:700;height:26px;justify-content:center;width:26px}.tm-emp-search-wrap{max-width:300px;min-width:240px;position:relative}.tm-emp-search-box{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:9px;display:flex;overflow:hidden;transition:border-color .15s,box-shadow .15s}.tm-emp-search-box.focused,.tm-emp-search-box:focus-within{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f61a}.tm-srch-ico{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);flex-shrink:0;font-size:14px;padding:0 10px}.tm-emp-inp{color:#0f172a;color:var(--ct-0f172a,#0f172a);flex:1 1;min-width:0;outline:none;padding:8px 0}.tm-emp-clear,.tm-emp-inp{background:#0000;border:none;font-size:13px}.tm-emp-clear{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);cursor:pointer;padding:0 10px;transition:color .15s}.tm-emp-clear:hover{color:#374151;color:var(--ct-374151,#374151)}.tm-emp-suggestions{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:10px;box-shadow:0 8px 24px #0000001f;left:0;max-height:280px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:200}.tm-emp-sug-item{align-items:center;border-bottom:1px solid #f8fafc;border-bottom:1px solid var(--c-f8fafc,#f8fafc);cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:background .1s}.tm-emp-sug-item:last-child{border-bottom:none}.tm-emp-sug-item:hover{background:#f0f7ff;background:var(--c-f0f7ff,#f0f7ff)}.tm-sug-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--c-3b82f6,#3b82f6),var(--c-8b5cf6,#8b5cf6));border-radius:50%;color:#fff;color:var(--ct-fff,#fff);display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:32px;justify-content:center;width:32px}.tm-sug-name{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:13px;font-weight:600}.tm-sug-role{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;margin-top:1px}.tm-emp-cell{gap:8px}.tm-emp-cell,.tm-sm-avatar{align-items:center;display:flex}.tm-sm-avatar{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--c-3b82f6,#3b82f6),var(--c-8b5cf6,#8b5cf6));border-radius:50%;color:#fff;color:var(--ct-fff,#fff);flex-shrink:0;font-size:11px;font-weight:700;height:28px;justify-content:center;width:28px}.tm-emp-n{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:12px;font-weight:700;line-height:1.2}.tm-emp-r{color:#64748b;color:var(--ct-64748b,#64748b);font-size:10px;line-height:1.2}.tm-wl-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:16px 20px 20px}.tm-wl-card{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:12px;padding:16px;transition:box-shadow .15s,transform .15s}.tm-wl-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.tm-wl-card-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;margin-bottom:10px}.tm-wl-card-task{align-items:baseline;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.tm-wl-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.tm-wl-card-work{color:#374151;color:var(--ct-374151,#374151);font-size:13px;line-height:1.5;margin:0 0 6px}.tm-wl-card-notes{background:#f5f3ff;background:var(--c-f5f3ff,#f5f3ff);color:#7c3aed;color:var(--ct-7c3aed,#7c3aed)}.tm-wl-card-blocked,.tm-wl-card-notes{border-radius:6px;font-size:12px;margin:0 0 6px;padding:6px 10px}.tm-wl-card-blocked{background:#fef2f2;background:var(--c-fef2f2,#fef2f2);color:#dc2626;color:var(--ct-dc2626,#dc2626)}@media(max-width:768px){.tm-tv-toolbar{align-items:flex-start;flex-direction:column}.tm-tv-toolbar-right{justify-content:flex-end;width:100%}.tm-emp-search-wrap{max-width:100%;min-width:100%}.tm-emp-cards-grid,.tm-wl-grid{grid-template-columns:1fr}.tm-wl-grid{padding:12px}}.tm-ta{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;box-sizing:border-box;color:#0f172a;color:var(--ct-0f172a,#0f172a);font-family:inherit;font-size:13px;line-height:1.6;min-height:80px;outline:none;padding:10px 12px;resize:vertical;transition:border-color .15s,box-shadow .15s;width:100%}.tm-ta:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f614}.tm-ta::placeholder{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8)}.tm-hist-detail-block{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #f1f5f9;border-left:3px solid #e2e8f0;border:1px solid var(--c-f1f5f9,#f1f5f9);border-left:3px solid var(--c-e2e8f0,#e2e8f0);border-radius:0 8px 8px 0;color:#374151;color:var(--ct-374151,#374151);font-size:12px;line-height:1.7;margin:4px 0;padding:10px 14px;white-space:pre-wrap}.tm-section-divider{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);height:1px;margin:16px 0}.tm-complete-badge{align-items:center;background:#ecfdf5;background:var(--c-ecfdf5,#ecfdf5);border:1px solid #6ee7b7;border:1px solid var(--c-6ee7b7,#6ee7b7);border-radius:20px;color:#059669;color:var(--ct-059669,#059669);display:inline-flex;font-size:11px;font-weight:700;gap:4px;padding:3px 10px}.tm-inp:focus{background:#fff;background:var(--c-fff,#fff);border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #3b82f614;outline:none}.tm-quick-entry{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #f1f5f9;border:1px solid var(--c-f1f5f9,#f1f5f9);border-radius:10px;padding:14px;transition:border-color .15s}.tm-quick-entry:focus-within{background:#fff;background:var(--c-fff,#fff);border-color:#93c5fd;border-color:var(--c-93c5fd,#93c5fd);box-shadow:0 2px 8px #3b82f60f}.tm-entry-num{align-items:center;background:#0f172a;background:var(--c-0f172a,#0f172a);border-radius:50%;color:#fff;color:var(--ct-fff,#fff);display:inline-flex;flex-shrink:0;font-size:10px;font-weight:800;height:20px;justify-content:center;width:20px}@keyframes tm-check-pop{0%{transform:scale(.8)}60%{transform:scale(1.15)}to{transform:scale(1)}}.tm-check-pop{animation:tm-check-pop .2s ease}.tm-ta-notes:focus{border-color:#8b5cf6;border-color:var(--c-8b5cf6,#8b5cf6);box-shadow:0 0 0 3px #8b5cf614}@media(max-width:1400px){.tm-col{max-height:calc(100vh - 320px)}}@media(max-width:1100px){.tm-col{max-height:60vh}}@media(max-width:640px){.tm-col{max-height:50vh}.tm-card-item{padding:10px 11px}}.tm-tbl-scroll-wrap{-webkit-overflow-scrolling:touch;max-height:520px;overflow-x:auto;overflow-y:auto;position:relative;scrollbar-color:#cbd5e1 #0000;scrollbar-color:var(--c-cbd5e1,#cbd5e1) #0000;scrollbar-width:thin}.tm-tbl-scroll-wrap::-webkit-scrollbar{height:5px;width:5px}.tm-tbl-scroll-wrap::-webkit-scrollbar-track{background:#0000}.tm-tbl-scroll-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:4px}.tm-tbl-scroll-wrap::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--c-94a3b8,#94a3b8)}.tm-tbl.tm-tbl-fixed{min-width:1000px}.tm-tbl.tm-tbl-fixed thead th{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);box-shadow:0 1px 0 #e2e8f0;box-shadow:0 1px 0 var(--c-e2e8f0,#e2e8f0);position:-webkit-sticky;position:sticky;top:0;z-index:2}@keyframes tm-pop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.tm-act{align-items:center;background:#0000;border:1.5px solid #0000;border-radius:7px;cursor:pointer;display:inline-flex;flex-shrink:0;height:30px;justify-content:center;transition:background .13s,border-color .13s,transform .1s;width:30px}.tm-act:hover{transform:translateY(-1px)}.tm-act-log{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#bfdbfe;border-color:var(--c-bfdbfe,#bfdbfe);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.tm-act-log:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe)}.tm-act-done{background:#ecfdf5;background:var(--c-ecfdf5,#ecfdf5);border-color:#6ee7b7;border-color:var(--c-6ee7b7,#6ee7b7);color:#059669;color:var(--ct-059669,#059669)}.tm-act-done:hover{background:#d1fae5;background:var(--c-d1fae5,#d1fae5)}.tm-act-edit{background:#fffbeb;background:var(--c-fffbeb,#fffbeb);border-color:#fcd34d;border-color:var(--c-fcd34d,#fcd34d);color:#d97706;color:var(--ct-d97706,#d97706)}.tm-act-edit:hover{background:#fef3c7;background:var(--c-fef3c7,#fef3c7)}.tm-act-del{background:#fef2f2;background:var(--c-fef2f2,#fef2f2);border-color:#fca5a5;border-color:var(--c-fca5a5,#fca5a5);color:#dc2626;color:var(--ct-dc2626,#dc2626)}.tm-act-del:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2)}.tm-time-direct{background:#fff;background:var(--c-fff,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;box-sizing:border-box;color:#0f172a;color:var(--ct-0f172a,#0f172a);cursor:pointer;font-family:inherit;font-size:13px;min-width:0;padding:8px 10px;transition:border-color .15s,box-shadow .15s;width:100%}.tm-time-direct:focus{border-color:#6366f1;border-color:var(--c-6366f1,#6366f1);box-shadow:0 0 0 3px #6366f11a;outline:none}.tm-time-direct::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.tm-dtp-trigger{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:7px;min-height:40px;padding:9px 11px;text-align:left;transition:border-color .15s,box-shadow .15s;width:100%}.tm-dtp-trigger:hover{border-color:#94a3b8;border-color:var(--c-94a3b8,#94a3b8)}.tm-dtp--open{box-shadow:0 0 0 3px #4f46e51a}.tm-dtp--open,.tm-dtp--set{border-color:#4f46e5;border-color:var(--c-4f46e5,#4f46e5)}.tm-dtp--set{background:#eef2ff;background:var(--c-eef2ff,#eef2ff)}.tm-dtp-ph{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);flex:1 1;font-size:13px}.tm-dtp-val{align-items:center;display:flex;flex:1 1;gap:6px}.tm-dtp-date{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:13px;font-weight:600}.tm-dtp-time{background:#eef2ff;background:var(--c-eef2ff,#eef2ff);border-radius:20px;color:#4f46e5;color:var(--ct-4f46e5,#4f46e5);font-size:12px;font-weight:500;padding:1px 7px}.tm-dtp-x{align-items:center;border-radius:4px;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:flex;padding:2px;transition:color .13s,background .13s}.tm-dtp-x:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#ef4444;color:var(--ct-ef4444,#ef4444)}.tm-dtp-dropdown{animation:tmDD .14s ease-out;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:12px;box-shadow:0 12px 32px #0f172a2e;overflow:hidden}@keyframes tmDD{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.tm-dtp-cal-head{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);justify-content:space-between;padding:9px 11px}.tm-cal-nav,.tm-dtp-cal-head{align-items:center;display:flex}.tm-cal-nav{background:none;border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;padding:3px 6px;transition:background .13s}.tm-cal-nav:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.tm-dtp-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);padding:9px 7px 5px}.tm-cal-dl{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 0 4px;text-align:center;text-transform:uppercase}.tm-cal-cell{align-items:center;aspect-ratio:1;border-radius:5px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;display:flex;font-size:11px;justify-content:center;position:relative;transition:background .1s;-webkit-user-select:none;user-select:none}.tm-cal-cell:hover:not(.tm-cal-empty):not(.tm-cal-from):not(.tm-cal-to):not(.tm-dtp-sel){background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.tm-cal-empty{cursor:default;pointer-events:none}.tm-cal-today{color:#4f46e5;color:var(--ct-4f46e5,#4f46e5);font-weight:700}.tm-cal-today:after{background:#4f46e5;background:var(--c-4f46e5,#4f46e5);border-radius:50%;bottom:2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:3px}.tm-dtp-sel{background:#4f46e5!important;background:var(--c-4f46e5,#4f46e5)!important;border-radius:5px;color:#fff!important;color:var(--ct-fff,#fff)!important;font-weight:600}.tm-cal-from{border-radius:5px 0 0 5px}.tm-cal-from,.tm-cal-to{background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8);color:#fff;color:var(--ct-fff,#fff);font-weight:600}.tm-cal-to{border-radius:0 5px 5px 0}.tm-cal-from.tm-cal-to{border-radius:5px}.tm-cal-in-range{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);border-radius:0;color:#1e40af;color:var(--ct-1e40af,#1e40af)}.tm-cal-rr-s{border-radius:5px 0 0 5px}.tm-cal-rr-e{border-radius:0 5px 5px 0}.tm-dtp-time-row{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background .13s}.tm-dtp-time-row:hover{background:#eef2ff;background:var(--c-eef2ff,#eef2ff)}.tm-dtp-time-lbl{color:#475569;color:var(--ct-475569,#475569);font-size:12px;font-weight:600}.tm-dtp-time-inp{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:7px;color:#0f172a;color:var(--ct-0f172a,#0f172a);cursor:pointer;flex:1 1;font-size:12px;padding:5px 9px}.tm-dtp-time-inp:focus{border-color:#4f46e5;border-color:var(--c-4f46e5,#4f46e5);box-shadow:0 0 0 2px #4f46e51a;outline:none}.tm-dtp-footer{background:#fff;background:var(--c-fff,#fff);border-top:1px solid #e2e8f0;border-top:1px solid var(--c-e2e8f0,#e2e8f0);flex-direction:column;gap:8px;padding:10px 12px}.tm-dtp-chips,.tm-dtp-footer{align-items:center;display:flex}.tm-dtp-chips{gap:6px;justify-content:center;width:100%}.tm-cal-chip{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:5px;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:11px;font-style:italic;padding:2px 7px;white-space:nowrap}.tm-cal-chip--set{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#93c5fd;border-color:var(--c-93c5fd,#93c5fd);color:#1e40af;color:var(--ct-1e40af,#1e40af);font-style:normal;font-weight:600}.tm-cal-trigger{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;gap:6px;min-width:210px;padding:7px 11px;transition:border-color .15s,box-shadow .15s;white-space:nowrap}.tm-cal-trigger:hover{border-color:#94a3b8;border-color:var(--c-94a3b8,#94a3b8)}.tm-cal-trigger--open{box-shadow:0 0 0 3px #2563eb1a}.tm-cal-trigger--applied,.tm-cal-trigger--open{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb)}.tm-cal-trigger--applied{background:#eff6ff;background:var(--c-eff6ff,#eff6ff)}.tm-cal-ph{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:12px;letter-spacing:.3px}.tm-cal-val{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:12px;font-weight:600}.tm-cal-sep{color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1);font-size:12px}.tm-cal-x{align-items:center;border-radius:4px;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:flex;padding:2px;transition:color .13s,background .13s}.tm-cal-x:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#ef4444;color:var(--ct-ef4444,#ef4444)}.tm-cal-dropdown{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:12px;box-shadow:0 10px 30px #0f172a1f;overflow:hidden}.tm-cal-clear,.tm-cal-dropdown{background:#fff;background:var(--c-fff,#fff)}.tm-cal-clear{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;font-family:inherit;font-size:11px;padding:4px 10px}.tm-cal-clear:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.tm-cal-apply{background:#4f46e5;background:var(--c-4f46e5,#4f46e5);border:none;border-radius:6px;color:#fff;color:var(--ct-fff,#fff);cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;padding:4px 12px}.tm-cal-apply:hover:not(:disabled){background:#4338ca;background:var(--c-4338ca,#4338ca)}.tm-cal-apply:disabled{background:#a5b4fc;background:var(--c-a5b4fc,#a5b4fc);cursor:not-allowed}.tm-dtp-month{align-items:center;background:none;border:none;border-radius:20px;color:#0f172a;color:var(--ct-0f172a,#0f172a);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:4px;padding:4px 8px;transition:background .13s}.tm-dtp-month:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.tm-yr-num{color:#2563eb;color:var(--ct-2563eb,#2563eb);font-weight:700}.tm-yr-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(4,1fr);padding:8px 8px 6px}.tm-yr-cell{border-radius:6px;color:#475569;color:var(--ct-475569,#475569);cursor:pointer;font-size:12px;font-weight:500;padding:6px 2px;text-align:center;transition:background .13s,color .13s;-webkit-user-select:none;user-select:none}.tm-yr-cell:hover{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.tm-yr-sel{background:#1d4ed8!important;background:var(--c-1d4ed8,#1d4ed8)!important;box-shadow:0 2px 6px #1d4ed859;color:#fff!important;color:var(--ct-fff,#fff)!important;font-weight:700}@media(max-width:640px){.tm-root{padding:12px 12px 32px}.tm-hdr{margin-bottom:16px}.tm-hdr h1{font-size:20px}.tm-hdr-acts{gap:6px}.tm-btn{font-size:12px;padding:7px 12px}.tm-view-tgl{overflow-x:auto}.tm-vbtn{font-size:11px;padding:6px 10px}}@media(max-width:768px){.tm-filters-bar{gap:8px;padding:10px 12px}.tm-fg-row{gap:6px}.tm-filters-bar .filter-trigger{min-width:100px}}@media(max-width:480px){.tm-filters-bar{align-items:stretch}.tm-fg-row,.tm-filters-bar{flex-direction:column}.tm-fg-row .filter-trigger,.tm-filters-bar .filter-trigger{min-width:0;min-width:auto;width:100%}.tm-srch-wrap{width:100%}}@media(max-width:768px){.tm-board{gap:10px;grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.tm-board{grid-template-columns:1fr}}@media(max-width:768px){.tm-tbl-scroll-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media(max-width:600px){.tm-modal-inner{border-radius:12px 12px 0 0;max-height:90vh;max-width:100%;padding:16px 14px;width:100%}.tm-frow,.tm-frow3{grid-template-columns:1fr}}@media(max-width:640px){.tm-emp-cards{grid-template-columns:1fr}.tm-tv-bar{align-items:stretch}.tm-tv-bar,.tm-tv-left{flex-direction:column}}@media(max-width:480px){.tm-pgn{align-items:flex-start;flex-direction:column;gap:10px}.tm-pgn-btns{flex-wrap:wrap}}.tm-th-drag{cursor:grab;transition:background .15s;-webkit-user-select:none;user-select:none}.tm-th-drag:active{cursor:grabbing}.tm-th-drag:hover{background:#f1f5f9!important;background:var(--c-f1f5f9,#f1f5f9)!important}.tm-th-sort{cursor:pointer}.tm-th-active{background:#eff6ff!important;background:var(--c-eff6ff,#eff6ff)!important;color:#1d4ed8!important;color:var(--ct-1d4ed8,#1d4ed8)!important}.tm-th-inner{align-items:center;display:flex;gap:5px;white-space:nowrap}.tm-th-grip{color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1);cursor:grab;flex-shrink:0;font-size:13px;line-height:1;margin-right:1px;transition:color .15s}.tm-th-drag:hover .tm-th-grip{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8)}.tm-sort-icon{flex-shrink:0;font-size:11px;line-height:1}.tm-sort-idle{color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1)}.tm-sort-active{color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8);font-weight:700}.tm-col-panel{animation:tm-pop .15s ease;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:190px;padding:6px 0;position:absolute;right:0;top:calc(100% + 6px);z-index:9999}.tm-col-panel-hdr{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#374151;color:var(--ct-374151,#374151);font-size:11px;font-weight:700;justify-content:space-between;letter-spacing:.05em;padding:8px 14px 6px;text-transform:uppercase}.tm-col-item,.tm-col-panel-hdr{align-items:center;display:flex}.tm-col-item{cursor:pointer;gap:8px;padding:7px 14px;transition:background .12s}.tm-col-item:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.tm-col-item[draggable=true]{cursor:grab}.tm-col-item[draggable=true]:active{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);cursor:grabbing}.tm-col-drag{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);cursor:grab;flex-shrink:0;font-size:14px;line-height:1}.tm-col-label{align-items:center;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;display:flex;flex:1 1;font-size:12.5px;font-weight:500;gap:7px;-webkit-user-select:none;user-select:none}.tm-col-label input[type=checkbox]{accent-color:#1d4ed8;accent-color:var(--c-1d4ed8,#1d4ed8);cursor:pointer;flex-shrink:0;height:14px;width:14px}.tm-col-label input:disabled{cursor:not-allowed;opacity:.4}.dl-lbl{color:#374151;color:var(--ct-374151,#374151);display:block;font-size:11px;font-weight:600;margin-bottom:4px}.dl-task-btn{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:9px;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 14px;text-align:left;transition:border-color .15s,box-shadow .15s;width:100%}.dl-task-btn:hover{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--c-dbeafe,#dbeafe)}.dl-task-list{background:#fff;background:var(--c-fff,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:10px;box-shadow:0 12px 32px #00000024;left:0;max-height:240px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:300}.dl-task-item{border-bottom:1px solid #f8fafc;border-bottom:1px solid var(--c-f8fafc,#f8fafc);cursor:pointer;padding:10px 14px;transition:background .1s}.dl-task-item:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.dl-task-item:last-child{border-bottom:none}.dl-task-sel{background:#f0f7ff!important;background:var(--c-f0f7ff,#f0f7ff)!important}@media (max-width:580px){.dl-time-row{grid-template-columns:1fr 1fr}.dl-time-row-3{grid-template-columns:1fr 1fr}.dl-time-row-3>div:last-child{grid-column:1/-1}}.dl-time-row{grid-gap:10px;grid-template-columns:1.3fr 1fr 1fr 80px}.dl-time-row,.dl-time-row-3{align-items:end;display:grid;gap:10px}.dl-time-row-3{grid-gap:10px;grid-template-columns:1fr 1fr 72px}@media (max-width:600px){.dl-time-row{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.dl-time-row>div:last-child{grid-column:1/-1}.dl-time-row-3{grid-template-columns:1fr 1fr}.dl-time-row-3>div:last-child{grid-column:1/-1}}@media (max-width:900px){.tm-modal[style*="860px"]{width:97vw!important}}@media (max-width:600px){.tm-modal[style*="860px"]{border-radius:0!important;max-height:100vh!important;width:100vw!important}}[data-theme=dark] .tm-tbl tbody tr:hover{background:#232c3e!important;background:var(--c-232c3e,#232c3e)!important}[data-theme=dark] .tm-tbl tbody tr.tm-tr-done:hover{background:#1b3a2b!important;background:var(--c-1b3a2b,#1b3a2b)!important}[data-theme=dark] .tm-tbl tbody tr.tm-tr-od:hover{background:#3a2226!important;background:var(--c-3a2226,#3a2226)!important}.tm-kpi--static{cursor:default}.tm-kpi--static:hover{border-color:#f1f5f9;border-color:var(--c-f1f5f9,#f1f5f9);box-shadow:0 1px 3px #0000000f;transform:none}[data-theme=dark] .tm-kpi--static:hover{box-shadow:0 1px 3px #0000004d}.rh-page{box-sizing:border-box;padding:24px 28px;width:100%}.rh-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:8px}.rh-title{color:#1a1a1a;color:var(--ct-1a1a1a,#1a1a1a);font-size:22px;font-weight:600;margin:0 0 4px}.rh-subtitle{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:14px;margin:0}.rh-tabs{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--c-e5e7eb,#e5e7eb);display:flex;gap:4px;margin-bottom:24px;margin-top:20px}.rh-tab{background:none;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;color:#6b7280;color:var(--ct-6b7280,#6b7280);cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:10px 20px;transition:color .15s,border-color .15s,background .15s}.rh-tab:hover{background:#f9fafb;background:var(--c-f9fafb,#f9fafb);color:#374151;color:var(--ct-374151,#374151)}.rh-tab--active{border-bottom-color:#2563eb;border-bottom-color:var(--c-2563eb,#2563eb);color:#2563eb;color:var(--ct-2563eb,#2563eb);font-weight:600}.rh-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 18px;transition:background .15s,opacity .15s}.rh-btn:disabled{cursor:not-allowed;opacity:.5}.rh-btn--primary{background:#2563eb;background:var(--c-2563eb,#2563eb);color:#fff;color:var(--ct-fff,#fff)}.rh-btn--primary:hover:not(:disabled){background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8)}.rh-btn--ghost{background:#0000;border:1px solid #d1d5db;border:1px solid var(--c-d1d5db,#d1d5db);color:#374151;color:var(--ct-374151,#374151)}.rh-btn--ghost:hover:not(:disabled){background:#f3f4f6;background:var(--c-f3f4f6,#f3f4f6)}.rh-btn--danger{background:#dc2626;background:var(--c-dc2626,#dc2626);color:#fff;color:var(--ct-fff,#fff)}.rh-btn--danger:hover:not(:disabled){background:#b91c1c;background:var(--c-b91c1c,#b91c1c)}.rh-icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;height:30px;justify-content:center;transition:background .15s;width:30px}.rh-icon-btn--edit{color:#2563eb;color:var(--ct-2563eb,#2563eb)}.rh-icon-btn--edit:hover{background:#eff6ff;background:var(--c-eff6ff,#eff6ff)}.rh-icon-btn--del{color:#dc2626;color:var(--ct-dc2626,#dc2626)}.rh-icon-btn--del:hover{background:#fef2f2;background:var(--c-fef2f2,#fef2f2)}.rh-tab-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.rh-tab-header h2{color:#111827;color:var(--ct-111827,#111827);font-size:16px;font-weight:600;margin:0}.rh-card{background:#fff;background:var(--c-fff,#fff);border:1px solid #e5e7eb;border:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:12px;margin-bottom:20px;overflow:hidden}.rh-table{border-collapse:collapse;font-size:14px;width:100%}.rh-table th{background:#f9fafb;background:var(--c-f9fafb,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--c-e5e7eb,#e5e7eb);color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:12px;font-weight:500;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.rh-table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--c-f3f4f6,#f3f4f6);color:#111827;color:var(--ct-111827,#111827);padding:14px 16px;vertical-align:middle}.rh-table tr:last-child td{border-bottom:none}.rh-table tr:hover td{background:#f9fafb;background:var(--c-f9fafb,#f9fafb)}.rh-role-name{color:#1f2937;color:var(--ct-1f2937,#1f2937);font-size:13px;font-weight:600}.rh-desc{color:#6b7280;color:var(--ct-6b7280,#6b7280);font-size:13px;max-width:200px}.rh-muted{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-size:13px}.rh-actions{display:flex;gap:6px}.rh-tag{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);border:1px solid #bfdbfe;border:1px solid var(--c-bfdbfe,#bfdbfe);border-radius:99px;color:#1e40af;color:var(--ct-1e40af,#1e40af);display:inline-block;font-size:11px;font-weight:500;margin:2px 3px 2px 0;padding:2px 8px}.rh-tag--see{background:#d1fae5;background:var(--c-d1fae5,#d1fae5);border-color:#a7f3d0;border-color:var(--c-a7f3d0,#a7f3d0);color:#065f46;color:var(--ct-065f46,#065f46)}.rh-tag--team{background:#f3e8ff;background:var(--c-f3e8ff,#f3e8ff);border-color:#e9d5ff;border-color:var(--c-e9d5ff,#e9d5ff);color:#6b21a8;color:var(--ct-6b21a8,#6b21a8)}.rh-tag--member{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);border-color:#fde68a;border-color:var(--c-fde68a,#fde68a);color:#92400e;color:var(--ct-92400e,#92400e)}.rh-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:700;height:24px;justify-content:center;width:32px}.rh-badge--purple{background:#ede9fe;background:var(--c-ede9fe,#ede9fe);color:#5b21b6;color:var(--ct-5b21b6,#5b21b6)}.rh-badge--blue{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1e40af;color:var(--ct-1e40af,#1e40af)}.rh-badge--teal{background:#ccfbf1;background:var(--c-ccfbf1,#ccfbf1);color:#0f766e;color:var(--ct-0f766e,#0f766e)}.rh-badge--amber{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);color:#92400e;color:var(--ct-92400e,#92400e)}.rh-badge--gray{background:#f3f4f6;background:var(--c-f3f4f6,#f3f4f6);color:#4b5563;color:var(--ct-4b5563,#4b5563)}.rh-empty{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-size:14px;padding:48px;text-align:center}.rh-info-banner{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);border:1px solid #fde68a;border:1px solid var(--c-fde68a,#fde68a);border-radius:8px;color:#92400e;color:var(--ct-92400e,#92400e);font-size:13px;margin-bottom:20px;padding:12px 16px}.rh-info-card{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:12px;padding:20px 24px}.rh-info-card__title{color:#374151;color:var(--ct-374151,#374151);font-size:14px;font-weight:600;margin:0 0 12px}.rh-info-card__list{display:flex;flex-direction:column;gap:6px;margin:0;padding-left:20px}.rh-info-card__list li{color:#4b5563;color:var(--ct-4b5563,#4b5563);font-size:13px;line-height:1.5}.rh-avatar-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.rh-avatar{align-items:center;background:#fef3c7;background:var(--c-fef3c7,#fef3c7);border:1px solid #fde68a;border:1px solid var(--c-fde68a,#fde68a);border-radius:99px;color:#92400e;color:var(--ct-92400e,#92400e);display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:3px 10px 3px 4px}.rh-avatar__dot{background:#f59e0b;background:var(--c-f59e0b,#f59e0b);border-radius:50%;color:#fff;color:var(--ct-fff,#fff);flex-shrink:0;font-size:10px;font-weight:700;height:22px;width:22px}.rh-avatar__dot,.rh-overlay{align-items:center;display:flex;justify-content:center}.rh-overlay{background:#00000073;inset:0;padding:20px;position:fixed;z-index:1000}.rh-modal{background:#fff;background:var(--c-fff,#fff);border-radius:14px;box-shadow:0 20px 60px #0000002e;display:flex;flex-direction:column;max-height:90vh;max-width:640px;overflow-y:auto;width:100%}.rh-modal--sm{max-width:420px}.rh-modal__header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px 0}.rh-modal__title{color:#111827;color:var(--ct-111827,#111827);font-size:17px;font-weight:600;margin:0}.rh-modal__body{color:#374151;color:var(--ct-374151,#374151);font-size:14px;line-height:1.6;padding:20px 24px}.rh-modal__actions{border-top:1px solid #f3f4f6;border-top:1px solid var(--c-f3f4f6,#f3f4f6);display:flex;gap:10px;justify-content:flex-end;padding:16px 24px 20px}.rh-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.rh-form-group{display:flex;flex-direction:column;gap:6px}.rh-form-group--full{grid-column:1/-1}.rh-label{color:#374151;color:var(--ct-374151,#374151);font-size:13px;font-weight:500}.rh-input{background:#fff;background:var(--c-fff,#fff);border:1px solid #d1d5db;border:1px solid var(--c-d1d5db,#d1d5db);border-radius:8px;box-sizing:border-box;color:#111827;color:var(--ct-111827,#111827);font-size:14px;outline:none;padding:8px 12px;transition:border-color .15s;width:100%}.rh-input:focus{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 0 0 2px #dbeafe;box-shadow:0 0 0 2px var(--c-dbeafe,#dbeafe)}.rh-input:disabled{background:#f9fafb;background:var(--c-f9fafb,#f9fafb);color:#6b7280;color:var(--ct-6b7280,#6b7280);cursor:not-allowed}.rh-textarea{background:#fff;background:var(--c-fff,#fff);border:1px solid #d1d5db;border:1px solid var(--c-d1d5db,#d1d5db);border-radius:8px;box-sizing:border-box;color:#111827;color:var(--ct-111827,#111827);font-size:14px;min-height:72px;outline:none;padding:8px 12px;resize:vertical;transition:border-color .15s;width:100%}.rh-textarea:focus{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 0 0 2px #dbeafe;box-shadow:0 0 0 2px var(--c-dbeafe,#dbeafe)}.rh-hint{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-size:11px;margin-top:2px}.rh-role-picker{display:flex;flex-direction:column;gap:8px}.rh-chips{display:flex;flex-wrap:wrap;gap:6px}.rh-chip{background:#fff;background:var(--c-fff,#fff);border:1.5px solid #d1d5db;border:1.5px solid var(--c-d1d5db,#d1d5db);border-radius:99px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;font-size:12px;font-weight:500;padding:4px 12px;transition:all .15s}.rh-chip:hover{color:#2563eb;color:var(--ct-2563eb,#2563eb)}.rh-chip--on,.rh-chip:hover{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb)}.rh-chip--on{background:#2563eb;background:var(--c-2563eb,#2563eb);color:#fff;color:var(--ct-fff,#fff)}.rh-member-picker{border:1px solid #e5e7eb;border:1px solid var(--c-e5e7eb,#e5e7eb);border-radius:8px;display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;padding:8px}.rh-member-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:6px 8px;transition:background .12s}.rh-member-item:hover{background:#f3f4f6;background:var(--c-f3f4f6,#f3f4f6)}.rh-member-item input[type=checkbox]{cursor:pointer}.rh-member-item__name{color:#111827;color:var(--ct-111827,#111827);font-size:13px;font-weight:500}.rh-member-item__role{color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);font-size:11px;margin-left:auto}.rh-toast-stack{bottom:24px;display:flex;flex-direction:column;gap:8px;position:fixed;right:24px;z-index:9999}.rh-toast{align-items:center;background:#1f2937;background:var(--c-1f2937,#1f2937);border-radius:10px;box-shadow:0 4px 16px #00000026;color:#f9fafb;color:var(--ct-f9fafb,#f9fafb);display:flex;font-size:13px;font-weight:500;gap:10px;min-width:280px;padding:12px 16px}.rh-toast--success .rh-toast__dot{background:#34d399;background:var(--c-34d399,#34d399)}.rh-toast--error .rh-toast__dot{background:#f87171;background:var(--c-f87171,#f87171)}.rh-toast__dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.rh-toast__msg{flex:1 1}.rh-toast__close{background:none;border:none;color:#9ca3af;color:var(--ct-9ca3af,#9ca3af);cursor:pointer;font-size:14px;padding:0}.rh-toast__close:hover{color:#fff;color:var(--ct-fff,#fff)}@media (max-width:768px){.rh-page{padding:16px}.rh-form-grid{grid-template-columns:1fr}.rh-table{font-size:12px}.rh-table td,.rh-table th{padding:10px}.rh-tabs{overflow-x:auto}}.app{background-color:#f9fafb;background-color:var(--c-f9fafb,#f9fafb);min-height:100vh;overflow-x:hidden}.main-content{margin-left:0;min-height:100vh;padding-top:64px;transition:margin-left .25s ease}@media (min-width:1024px){.app.sidebar-expanded .main-content{margin-left:256px}.app.sidebar-collapsed .main-content{margin-left:72px}}.page-container{padding:24px}.main-content.fullpage{margin-left:0!important;min-height:100vh;padding-top:0!important}[data-theme=dark]{color-scheme:dark}[data-theme=dark],[data-theme=dark] body{background-color:#0f1420}[data-theme=dark]{--c-white:#1b2130;--c-fff:#1b2130;--c-ffffff:#1b2130;--c-f8fafc:#0f1420;--c-f9fafb:#0f1420;--c-f8f9fa:#0f1420;--c-fafafa:#0f1420;--c-f1f5f9:#232b3b;--c-f3f4f6:#232b3b;--c-eff6ff:#15243d;--c-dbeafe:#1d3a5f;--c-bfdbfe:#244b7a;--c-93c5fd:#2f5d92;--c-fee2e2:#3a1f22;--c-fef2f2:#2a1719;--c-d1fae5:#14302a;--c-dcfce7:#14302a;--c-ecfdf5:#102a22;--c-fef3c7:#3a3016;--c-fefce8:#2a2710;--c-fff7ed:#2c2113;--c-0f172a:#0e131f;--c-111827:#0e131f;--c-0b1220:#0e131f;--c-1e293b:#1e2636;--c-1f2937:#1e2636;--c-374151:#2a3342;--c-475569:#33404f;--c-4b5563:#33404f;--c-334155:#2f3a49;--c-64748b:#475569;--c-6b7280:#475569;--c-94a3b8:#3a4456;--c-9ca3af:#3a4456;--c-a1a1aa:#3a4456;--c-e2e8f0:#2b3445;--c-e5e7eb:#2b3445;--c-cbd5e1:#3a4456;--c-d1d5db:#3a4456;--c-2563eb:#2f6fe0;--c-3b82f6:#3b82f6;--c-1d4ed8:#2456c9;--c-1e40af:#27498f;--c-1e3a8a:#24407c;--c-60a5fa:#3b82f6;--c-4f46e5:#5048e6;--c-6366f1:#6366f1;--c-0b63d6:#2f6fe0;--c-dc2626:#c92f2f;--c-ef4444:#e04545;--c-b91c1c:#a52828;--c-991b1b:#7f2222;--c-fca5a5:#b35a5a;--c-059669:#0d9b6f;--c-16a34a:#1c9a4a;--c-10b981:#10b981;--c-22c55e:#1faa53;--c-065f46:#0d4736;--c-15803d:#176b36;--c-f59e0b:#d98f10;--c-d97706:#c06a0c;--c-92400e:#6e3410;--c-b45309:#8a4109;--c-fbbf24:#d9a520;--ct-0f172a:#e7ecf3;--ct-111827:#e7ecf3;--ct-0b1220:#e7ecf3;--ct-1e293b:#d4dbe6;--ct-1f2937:#d4dbe6;--ct-374151:#c2cbd8;--ct-475569:#aab4c2;--ct-4b5563:#aab4c2;--ct-334155:#aab4c2;--ct-64748b:#94a1b3;--ct-6b7280:#94a1b3;--ct-94a3b8:#9aa7b8;--ct-9ca3af:#9aa7b8;--ct-a1a1aa:#9aa7b8;--ct-0b63d6:#5b9bf0;--ct-2563eb:#5b9bf0;--ct-3b82f6:#6aa6f5;--ct-1d4ed8:#5b9bf0;--ct-1e40af:#5b9bf0;--ct-1e3a8a:#6aa6f5;--ct-60a5fa:#7fb6fb;--ct-4f46e5:#8589f3;--ct-6366f1:#8589f3;--ct-dc2626:#f56565;--ct-ef4444:#f87171;--ct-b91c1c:#f05252;--ct-991b1b:#f08a8a;--ct-059669:#2ed9a0;--ct-16a34a:#34d058;--ct-10b981:#2ed9a0;--ct-065f46:#7fe0bc;--ct-15803d:#46c46f;--ct-f59e0b:#fbbf24;--ct-d97706:#f0a93a;--ct-92400e:#f0c07a;--ct-b45309:#f0b056;--c-dee2e6:#2b3445;--c-e9ecef:#2b3445;--c-f1f3f5:#232b3b;--c-adb5bd:#3a4456;--c-e0f2fe:#16344d;--c-e7f5ff:#16344d;--c-ede9fe:#241b3d;--c-f3e8ff:#2a1b3d;--c-faf5ff:#221530;--c-f0f4ff:#1a1f3d;--c-f8faff:#161b27;--c-a7f3d0:#2a5a40;--c-d1e7dd:#14302a;--c-fde68a:#4a3a14;--c-fff3cd:#3a3016;--c-f8d7da:#3a1d1d;--c-c4b5fd:#4a3d7a;--c-6b21a8:#6b21a8;--c-06b6d4:#06b6d4;--c-0284c7:#0284c7;--c-ea580c:#ea580c;--c-6c757d:#475569;--c-495057:#33404f;--c-1a202c:#0e131f;--c-166534:#14302a;--c-0f5132:#0d4736;--c-856404:#3a3016;--c-842029:#3a1d1d;--ct-6c757d:#94a1b3;--ct-495057:#aab4c2;--ct-1a202c:#e7ecf3;--ct-166534:#7fe0bc;--ct-0f5132:#7fe0bc;--ct-856404:#f0c07a;--ct-842029:#f08a8a;--ct-0284c7:#38bdf8;--ct-6d28d9:#a78bfa;--ct-6b21a8:#c084fc;--ct-5b21b6:#a78bfa;--ct-06b6d4:#22d3ee;--ct-4d7ce0:#6aa6f5;--ct-ea580c:#fb923c;--c-eef2ff:#1e1f45;--c-fff9f9:#2b1d20;--c-ecfeff:#103038;--c-f0f7ff:#15243d;--c-fafcff:#161b27;--c-e9eef5:#2b3445;--c-6ee7b7:#2a5a40;--c-a5b4fc:#3a3d6a;--c-fcd34d:#5a4714;--c-4338ca:#4338ca;--c-0e7490:#0e7490;--c-c2410c:#7a3410;--ct-0e7490:#22d3ee;--ct-c2410c:#fb923c;--ct-4338ca:#a5b4fc;--c-f0fdf4:#14301f;--c-bbf7d0:#2a5a40;--c-ede9fe:#2a2147;--c-fff5f5:#2b1d20;--c-fecaca:#3a1f22;--c-fffbeb:#2a2710;--c-e0e7ff:#1e2547;--c-ddd6fe:#2e2147;--c-fce7f3:#3a1f30;--c-f5f3ff:#241b3d;--c-f1f1f1:#232b3b;--c-f0f9ff:#15243d;--c-bae6fd:#16344d;--c-f0f0f0:#232b3b;--c-86efac:#2a5a40;--c-f0f4ff:#1a2440;--c-faf5ff:#241b3d;--c-e9d5ff:#2e2147;--c-fffdf5:#2a2710;--c-fde68a:#5a4714;--c-8b5cf6:#8b5cf6;--c-7c3aed:#7c3aed;--c-3730a3:#3730a3;--c-5b21b6:#5b21b6;--c-6d28d9:#6d28d9;--c-9d174d:#9d174d;--c-166534:#166534;--c-1b3a6b:#1b3a6b;--c-1e3a5f:#1e3a5f;--c-4d7ce0:#4d7ce0;--ct-166534:#6ee7b7;--ct-1b3a6b:#7fb0f0;--ct-3730a3:#a5b4fc;--ct-4d7ce0:#9bbcf5;--ct-5b21b6:#c4b5fd;--ct-6d28d9:#c4b5fd;--ct-7c3aed:#a78bfa;--ct-8b5cf6:#b39bf7;--ct-9d174d:#f0a0c0;--c-fffafa:#2b1d20;--c-f9fffe:#161b27;--c-fffdf0:#2a2710;--c-fff7e6:#2c2113;--c-f8fafb:#0f1420;--c-142d52:#142d52;--c-1c4532:#1c4532;--c-78350f:#78350f;--ct-1c4532:#6ee7b7;--ct-78350f:#f0b080;--c-eef2f7:#18202e;--ct-eef2f7:#cdd6e3;--c-667eea:#1e2338;--c-818cf8:#1e2138;--c-90caf9:#1e2d38;--c-a0aec0:#232a34;--c-bee3f8:#1c262c;--c-c6f6d5:#1c2c21;--c-c7d2fe:#1c1f2c;--c-cbd5e0:#1c232c;--c-ccc:#242424;--c-ccfbf1:#1c2c28;--c-cffafe:#1c2a2c;--c-d0d5e0:#1c212b;--c-d1e4ff:#1c222c;--c-d4edda:#1c2c20;--c-e3f2fd:#191e22;--c-e5e8ef:#1c212c;--c-e6edf3:#191e22;--c-e6eef8:#191d22;--c-e6f6ff:#191f22;--c-e8ecf1:#191d22;--c-e8edf2:#191d22;--c-e9d8fd:#231c2c;--c-eaf4ff:#191d22;--c-edf2f7:#191d22;--c-eef0f5:#191b22;--c-eef2f6:#191d22;--c-eef2f9:#191c22;--c-eef6ff:#191d22;--c-f0f6ff:#191c22;--c-f0fdfa:#192220;--c-f3f9fc:#191f22;--c-f43f5e:#381e23;--c-f4f6f9:#191c22;--c-f5f0ff:#1c1922;--c-f5f5f5:#1d1d1d;--c-f5f7fa:#191c22;--c-f6f8fa:#191d22;--c-f7fafc:#191e22;--c-f87171:#381e1e;--c-f8f9fc:#191b22;--c-fafbfc:#191d22;--c-fafbfd:#191c22;--c-fbfcff:#191b22;--c-fbfdff:#191d22;--c-fc8181:#381e1e;--c-fecdd3:#2c1c1e;--c-fed7aa:#2c241c;--c-fed7d7:#2c1c1c;--c-fed7e2:#2c1c20;--c-feebc8:#2c261c;--c-fff1f2:#221919;--ct-0369a1:#a7d7f1;--ct-047857:#a7f1dc;--ct-064e3b:#a7f1dd;--ct-075985:#a7d7f1;--ct-0891b2:#a7e2f1;--ct-0b4c9d:#a7c8f1;--ct-0c4a6e:#a7d6f1;--ct-0d9488:#a7f1ea;--ct-0f1724:#b7c7e1;--ct-0f766e:#a7f1eb;--ct-155724:#adebbb;--ct-155e75:#a9deef;--ct-172031:#bac6de;--ct-1976d2:#a7ccf1;--ct-1a1a1a:#d9bfbf;--ct-1f2d3d:#bbcbdd;--ct-22543d:#b6e2ce;--ct-243444:#bcccdc;--ct-2c5282:#b3c9e5;--ct-2d3748:#bfc9d9;--ct-3182ce:#adcdeb;--ct-48bb78:#b5e3c8;--ct-4a5568:#bfc9d9;--ct-553c9a:#c2b6e2;--ct-555:#d9bfbf;--ct-5685eb:#8dabec;--ct-718096:#bfcad9;--ct-721c24:#ebadb3;--ct-742a2a:#e4b4b4;--ct-7c2d12:#f1baa7;--ct-7f1d1d:#ecacac;--ct-97266d:#eaaed4;--ct-9a3412:#f1baa7;--ct-9b1230:#f1a7b7;--ct-be123c:#f1a7b9;--ct-c05621:#f0c0a8;--ct-c53030:#ebadad;--ct-d34848:#e59494;--ct-e53e3e:#ec8d8d}.pa-page{display:flex;flex-direction:column;height:calc(100vh - 60px);overflow:hidden;padding:0}.pa-sticky-top{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);flex-shrink:0;padding:20px 24px 0}.pa-scroll-area{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:20px 24px}.pa-scroll-area::-webkit-scrollbar{width:5px}.pa-scroll-area::-webkit-scrollbar-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.pa-scroll-area::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:4px}.pa-header{align-items:flex-start;display:flex;gap:14px;margin-bottom:14px}.pa-header-icon{align-items:center;background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-radius:10px;color:#2563eb;color:var(--ct-2563eb,#2563eb);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.pa-title{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:20px;font-weight:700;margin:0 0 3px}.pa-subtitle{color:#64748b;color:var(--ct-64748b,#64748b);font-size:13px;margin:0}.pa-refresh-btn{flex-shrink:0;margin-left:auto}.pa-info-strip{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border:1px solid #bfdbfe;border:1px solid var(--c-bfdbfe,#bfdbfe);border-radius:10px;display:flex;flex-wrap:wrap;gap:0;margin-bottom:14px;overflow:hidden}.pa-info-item{align-items:center;color:#475569;color:var(--ct-475569,#475569);display:flex;flex:1 1;font-size:12.5px;gap:8px;min-width:220px;padding:10px 16px}.pa-info-ico{font-size:16px}.pa-info-sep{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);margin:8px 0;width:1px}.pa-tabs{border-bottom:none;display:flex;gap:2px;margin-bottom:0;padding:0}.pa-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:7px;padding:10px 20px;transition:color .15s,border-color .15s}.pa-tab:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:8px 8px 0 0;color:#374151;color:var(--ct-374151,#374151)}.pa-tab.active{border-bottom-color:#2563eb;border-bottom-color:var(--c-2563eb,#2563eb);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.pa-tab-count{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);border-radius:20px;color:#475569;color:var(--ct-475569,#475569);font-size:10px;font-weight:700;padding:1px 7px}.pa-tab.active .pa-tab-count{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8)}.pa-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;padding:12px 0 16px}.pa-search-wrap{flex:1 1;min-width:220px;position:relative}.pa-search-icon{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.pa-search{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:7px;box-sizing:border-box;color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:13px;outline:none;padding:8px 32px 8px 34px;transition:border-color .15s;width:100%}.pa-search:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6)}.pa-search-clear{background:none;border:none;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);cursor:pointer;font-size:13px;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.pa-search-clear:hover,.pa-select{color:#374151;color:var(--ct-374151,#374151)}.pa-select{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:7px;cursor:pointer;font-size:13px;min-width:140px;outline:none;padding:8px 12px;transition:border-color .15s}.pa-select:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6)}.pa-select:disabled{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);cursor:not-allowed}.pa-filter-count,.pa-select:disabled{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8)}.pa-filter-count{font-size:12px;font-weight:500;margin-left:auto;white-space:nowrap}.pa-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.pa-card{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:12px;box-shadow:0 1px 3px #0000000f;overflow:hidden;transition:box-shadow .2s}.pa-card:hover{box-shadow:0 4px 12px #0000001a}.pa-card-header{align-items:flex-start;display:flex;gap:12px;padding:14px 16px}.pa-card-avatar{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.pa-card-info{flex:1 1;min-width:0}.pa-card-id{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-family:monospace;font-size:10px;font-weight:600}.pa-card-name{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:14px;font-weight:700;margin:2px 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pa-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.pa-chip{background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border:1px solid #bfdbfe;border:1px solid var(--c-bfdbfe,#bfdbfe);border-radius:20px;color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8);display:inline-block;font-size:10px;font-weight:700;padding:1px 8px}.pa-chip--sub{background:#f0fdf4;background:var(--c-f0fdf4,#f0fdf4);border-color:#bbf7d0;border-color:var(--c-bbf7d0,#bbf7d0);color:#15803d;color:var(--ct-15803d,#15803d)}.pa-card-loc{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px}.pa-card-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:8px}.pa-status-badge{border-radius:20px;font-size:11px;font-weight:700;padding:3px 10px}.pa-card-actions{display:flex;gap:6px}.pa-card-grants{border-top:1px solid #f1f5f9;border-top:1px solid var(--c-f1f5f9,#f1f5f9);padding:0}.pa-grants-scroll{max-height:240px;overflow-x:auto;overflow-y:auto}.pa-grants-table{border-collapse:collapse;font-size:12px;min-width:480px;width:100%}.pa-grants-table thead{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);position:-webkit-sticky;position:sticky;top:0;z-index:1}.pa-grants-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);color:#64748b;color:var(--ct-64748b,#64748b);font-size:10px;font-weight:700;letter-spacing:.5px;padding:8px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.pa-grants-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#374151;color:var(--ct-374151,#374151);padding:9px 12px;vertical-align:middle}.pa-grants-table tbody tr:last-child td{border-bottom:none}.pa-grants-table tbody tr:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.pa-grant-user{gap:8px}.pa-grant-user,.pa-user-dot{align-items:center;display:flex}.pa-user-dot{background:#e0e7ff;background:var(--c-e0e7ff,#e0e7ff);border-radius:50%;color:#4338ca;color:var(--ct-4338ca,#4338ca);flex-shrink:0;font-size:11px;font-weight:700;height:26px;justify-content:center;width:26px}.pa-role-chip{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:4px;color:#475569;color:var(--ct-475569,#475569);font-size:10px;font-weight:600;padding:2px 7px;white-space:nowrap}.pa-muted{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8)}.pa-grant-btns{display:flex;gap:4px;justify-content:flex-end}.pa-act-btn{background:none;border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:5px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;font-size:11px;padding:3px 7px;transition:all .15s}.pa-act-btn:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);color:#374151;color:var(--ct-374151,#374151)}.pa-act-btn--del{border-color:#fecaca;border-color:var(--c-fecaca,#fecaca);color:#ef4444;color:var(--ct-ef4444,#ef4444)}.pa-act-btn--del:hover{background:#fef2f2;background:var(--c-fef2f2,#fef2f2)}.pa-empty-grants{align-items:center;display:flex;gap:6px}.pa-empty-grants,.pa-loading-row{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:13px;padding:16px 20px}.pa-loading-row{text-align:center}.pa-uv-summary{align-items:center;color:#64748b;color:var(--ct-64748b,#64748b);display:flex;font-size:12px;justify-content:space-between;padding:0 0 12px}.pa-uv-summary-hint{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8)}.pa-uv-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.pa-uv-row{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:12px;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;gap:12px;padding:16px 18px;transition:box-shadow .2s,transform .15s}.pa-uv-row:hover{border-color:#d1d5db;border-color:var(--c-d1d5db,#d1d5db);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.pa-uv-user{gap:10px;min-width:0}.pa-uv-avatar,.pa-uv-user{align-items:center;display:flex}.pa-uv-avatar{border-radius:50%;color:#fff;color:var(--ct-fff,#fff);flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.pa-uv-info{flex:1 1;min-width:0}.pa-uv-name{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pa-uv-meta{align-items:center;display:flex;gap:6px;margin-top:2px}.pa-uv-access{align-items:flex-start;gap:6px;min-width:0}.pa-uv-access,.pa-uv-chips{display:flex;flex-wrap:wrap}.pa-uv-chips{align-items:center;gap:5px}.pa-uv-proj-chip{align-items:center;border:1px solid;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.pa-uv-more{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-color:#e2e8f0;border-color:var(--c-e2e8f0,#e2e8f0);color:#64748b;color:var(--ct-64748b,#64748b)}.pa-uv-no-access{color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1);font-size:12px;font-style:italic}.pa-uv-count-badge{align-items:center;background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-radius:20px;color:#2563eb;color:var(--ct-2563eb,#2563eb);display:inline-flex;font-size:12px;font-weight:700;gap:5px;padding:4px 10px}.pa-uv-count-badge.zero{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);color:#cbd5e1;color:var(--ct-cbd5e1,#cbd5e1)}.pa-uv-actions{display:flex;justify-content:flex-end;margin-top:auto;padding-top:4px}.pa-modal--assign{max-width:580px;width:min(580px,95vw)}.pa-modal-tabs{border-bottom:2px solid #f1f5f9;border-bottom:2px solid var(--c-f1f5f9,#f1f5f9);display:flex;gap:0;margin:0 0 4px;padding:0 20px}.pa-modal-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;margin-bottom:-2px;padding:10px 16px;transition:color .15s}.pa-modal-tab:hover{color:#374151;color:var(--ct-374151,#374151)}.pa-modal-tab.active{border-bottom-color:#2563eb;border-bottom-color:var(--c-2563eb,#2563eb);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.pa-proj-list{max-height:280px}.pa-proj-item{gap:10px}.pa-proj-dot{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:30px;justify-content:center;width:30px}.pa-proj-current-row{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;gap:10px;padding:9px 12px;transition:background .1s}.pa-proj-current-row:last-child{border-bottom:none}.pa-proj-current-row:hover{background:#fef2f2;background:var(--c-fef2f2,#fef2f2)}.pa-count-pill{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:20px;color:#475569;color:var(--ct-475569,#475569);display:inline-block;font-size:10px;font-weight:700;margin-left:6px;padding:1px 7px}.pa-badge--green{background:#dcfce7;background:var(--c-dcfce7,#dcfce7);color:#15803d;color:var(--ct-15803d,#15803d)}.pa-loading{align-items:center;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px}.pa-spinner{animation:pa-spin .7s linear infinite;border:3px solid #e2e8f0;border-top-color:#3b82f6;border:3px solid var(--c-e2e8f0,#e2e8f0);border-radius:50%;border-top-color:var(--c-3b82f6,#3b82f6);height:32px;width:32px}@keyframes pa-spin{to{transform:rotate(1turn)}}.pa-empty{align-items:center;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:flex;flex-direction:column;gap:10px;justify-content:center;padding:60px;text-align:center}.pa-empty-icon{font-size:40px}.pa-btn{align-items:center;border:none;border-radius:7px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:5px;padding:7px 14px;transition:all .15s;white-space:nowrap}.pa-btn--primary{background:#2563eb;background:var(--c-2563eb,#2563eb);color:#fff;color:var(--ct-fff,#fff)}.pa-btn--primary:hover{background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8)}.pa-btn--primary:disabled{background:#93c5fd;background:var(--c-93c5fd,#93c5fd);cursor:not-allowed}.pa-btn--ghost{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);color:#374151;color:var(--ct-374151,#374151)}.pa-btn--ghost:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.pa-btn--danger{background:#ef4444;background:var(--c-ef4444,#ef4444);color:#fff;color:var(--ct-fff,#fff)}.pa-btn--danger:hover{background:#dc2626;background:var(--c-dc2626,#dc2626)}.pa-btn--xs{border-radius:5px;font-size:11px;padding:4px 10px}.pa-btn--sm{font-size:12px;padding:5px 11px}.pa-badge{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);border-radius:20px;color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8);font-size:10px;font-weight:700;padding:1px 7px}.pa-badge--sm{font-size:9px;padding:0 5px}.pa-overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.pa-overlay--confirm{background:#0f172a99;z-index:2000}.pa-modal{background:#fff;background:var(--c-fff,#fff);border-radius:14px;box-shadow:0 20px 60px #0003;max-height:88vh;overflow-y:auto;width:min(520px,95vw)}.pa-modal--sm{max-width:380px}.pa-modal--grant{max-width:520px}.pa-modal-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px;padding:18px 20px 0}.pa-modal-title{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:16px;font-weight:700;margin:0}.pa-modal-sub{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;margin:3px 0 0}.pa-modal-body{color:#374151;color:var(--ct-374151,#374151);font-size:13px;line-height:1.6;padding:0 20px;text-align:center}.pa-modal-warn-icon{font-size:32px;padding:20px 0 0;text-align:center}.pa-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:16px 20px}.pa-icon-btn{background:none;border:none;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);cursor:pointer;font-size:18px;padding:2px}.pa-icon-btn:hover{color:#374151;color:var(--ct-374151,#374151)}.pa-proj-remove-selected{background:#fef2f2!important;background:var(--c-fef2f2,#fef2f2)!important;border-left:3px solid #ef4444;border-left:3px solid var(--c-ef4444,#ef4444)}.pa-field{padding:0 20px 14px}.pa-label{color:#374151;color:var(--ct-374151,#374151);display:block;font-size:12px;font-weight:700;margin-bottom:6px}.pa-opt{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-weight:400}.pa-input,.pa-textarea{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:7px;box-sizing:border-box;color:#0f172a;color:var(--ct-0f172a,#0f172a);font-family:inherit;font-size:13px;outline:none;padding:8px 10px;transition:border-color .15s;width:100%}.pa-input:focus,.pa-textarea:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6)}.pa-textarea{resize:vertical}.pa-user-select-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.pa-user-list{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;max-height:240px;overflow-y:auto;scrollbar-color:#cbd5e1 #f8fafc;scrollbar-color:var(--c-cbd5e1,#cbd5e1) var(--c-f8fafc,#f8fafc);scrollbar-width:thin}.pa-user-list::-webkit-scrollbar{width:4px}.pa-user-list::-webkit-scrollbar-track{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.pa-user-list::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:4px}.pa-user-item{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);cursor:pointer;display:flex;gap:10px;padding:9px 12px;transition:background .1s}.pa-user-item:last-child{border-bottom:none}.pa-user-item:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.pa-user-item.selected{background:#eff6ff;background:var(--c-eff6ff,#eff6ff)}.pa-user-item input[type=checkbox]{cursor:pointer;flex-shrink:0}.pa-user-avatar{align-items:center;background:#e0e7ff;background:var(--c-e0e7ff,#e0e7ff);border-radius:50%;color:#4338ca;color:var(--ct-4338ca,#4338ca);display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:30px;justify-content:center;width:30px}.pa-user-name{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:13px;font-weight:600}.pa-user-role{font-size:11px}.pa-empty-hint,.pa-user-role{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8)}.pa-empty-hint{font-size:13px;padding:16px;text-align:center}.pa-toast-stack{bottom:24px;display:flex;flex-direction:column;gap:8px;position:fixed;right:24px;z-index:9999}.pa-toast{align-items:center;animation:pa-slide-in .2s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;font-size:13px;font-weight:500;gap:8px;max-width:360px;min-width:240px;padding:10px 14px}@keyframes pa-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:none}}.pa-toast--success{background:#ecfdf5;background:var(--c-ecfdf5,#ecfdf5);border:1px solid #a7f3d0;border:1px solid var(--c-a7f3d0,#a7f3d0);color:#065f46;color:var(--ct-065f46,#065f46)}.pa-toast--error{background:#fef2f2;background:var(--c-fef2f2,#fef2f2);border:1px solid #fecaca;border:1px solid var(--c-fecaca,#fecaca);color:#991b1b;color:var(--ct-991b1b,#991b1b)}.pa-toast button{background:none;border:none;color:inherit;cursor:pointer;font-size:14px;margin-left:auto}.pa-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:16px 0 0}.pa-pagination-info{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px}.pa-pagination-controls{align-items:center;display:flex;gap:6px}.pa-page-btn{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;min-width:32px;padding:0 8px;transition:all .15s}.pa-page-btn:hover:not(:disabled){background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-color:#93c5fd;border-color:var(--c-93c5fd,#93c5fd);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.pa-page-btn:disabled{cursor:not-allowed;opacity:.4}.pa-page-btn.active{background:#2563eb;background:var(--c-2563eb,#2563eb);border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);color:#fff;color:var(--ct-fff,#fff)}.pa-page-size-select{border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:6px;color:#374151;color:var(--ct-374151,#374151);cursor:pointer;font-size:12px;outline:none;padding:5px 8px}@media (max-width:1100px){.pa-uv-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.pa-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.pa-cards-grid,.pa-uv-list{grid-template-columns:1fr}.pa-filter-bar{gap:8px}.pa-select{min-width:100px}.pa-info-sep{display:none}.pa-info-item{min-width:100%}.pa-tabs{overflow-x:auto}}.inv-page{display:flex;flex-direction:column;height:calc(100vh - 60px);overflow:hidden}.inv-sticky-top{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);flex-shrink:0;padding:20px 24px 0}.inv-scroll-area{flex:1 1;overflow-x:visible;overflow-y:auto;padding:20px 24px 32px}.inv-scroll-area::-webkit-scrollbar{width:5px}.inv-scroll-area::-webkit-scrollbar-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9)}.inv-scroll-area::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:4px}.inv-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.inv-header-left{align-items:center;display:flex;gap:14px}.inv-header-right{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px}.inv-header-right .group-project-filter,.inv-header-right>div[class*=group]{align-items:center;display:flex;flex-wrap:nowrap;gap:8px}.inv-header-icon{align-items:center;background:#eff6ff;background:var(--c-eff6ff,#eff6ff);border-radius:10px;color:#2563eb;color:var(--ct-2563eb,#2563eb);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.inv-title{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:22px;font-weight:600;margin:0 0 3px}.inv-subtitle{color:#64748b;color:var(--ct-64748b,#64748b);font-size:13px;margin:0}.inv-tabs{display:flex;gap:2px;margin-bottom:0}.inv-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:7px;padding:10px 20px;transition:color .15s,border-color .15s}.inv-tab:hover{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:8px 8px 0 0;color:#374151;color:var(--ct-374151,#374151)}.inv-tab.active{border-bottom-color:#2563eb;border-bottom-color:var(--c-2563eb,#2563eb);color:#2563eb;color:var(--ct-2563eb,#2563eb)}.inv-tab-count{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);border-radius:20px;color:#475569;color:var(--ct-475569,#475569);font-size:10px;font-weight:700;padding:1px 7px}.inv-tab.active .inv-tab-count{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8)}.inv-alert-pill,.inv-tab-count--warn{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);color:#92400e;color:var(--ct-92400e,#92400e)}.inv-alert-pill{border:1px solid #fde68a;border:1px solid var(--c-fde68a,#fde68a);border-radius:20px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:5px 14px;transition:background .15s}.inv-alert-pill:hover{background:#fde68a;background:var(--c-fde68a,#fde68a)}.inv-kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.inv-kpi-card{align-items:center;background:#fff;background:var(--c-fff,#fff);border-left:4px solid #0000;border-radius:10px;box-shadow:0 1px 3px #00000014;display:flex;gap:12px;padding:14px 16px;transition:all .2s}.inv-kpi-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.inv-kpi-card--alert{animation:inv-pulse-border 2s ease-in-out infinite}@keyframes inv-pulse-border{0%,to{box-shadow:0 1px 3px #00000014}50%{box-shadow:0 2px 8px #ef444440}}.inv-kpi-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.inv-kpi-content{flex:1 1;min-width:0}.inv-kpi-value{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:20px;font-weight:700;margin-bottom:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-kpi-label{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:600}.inv-kpi-sub{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:10px}.inv-action-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.inv-search-filters{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.inv-action-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.inv-search-wrap{flex:1 1;min-width:220px;position:relative}.inv-search-icon{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:13px;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.inv-search{border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;box-sizing:border-box;color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:13px;height:36px;outline:none;padding:0 32px;transition:border-color .2s;width:100%}.inv-search:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6)}.inv-search-clear{background:none;border:none;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);cursor:pointer;font-size:13px;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.inv-filter-select,.inv-search-clear:hover{color:#374151;color:var(--ct-374151,#374151)}.inv-filter-select{background:#fff;background:var(--c-fff,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;cursor:pointer;font-size:13px;height:36px;min-width:130px;outline:none;padding:0 12px;transition:border-color .15s}.inv-filter-select:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6)}.inv-result-count{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;margin-bottom:10px}.inv-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:5px;padding:7px 14px;transition:all .15s;white-space:nowrap}.inv-btn--primary{background:#2563eb;background:var(--c-2563eb,#2563eb);color:#fff;color:var(--ct-fff,#fff)}.inv-btn--primary:hover{background:#1d4ed8;background:var(--c-1d4ed8,#1d4ed8)}.inv-btn--primary:disabled{background:#93c5fd;background:var(--c-93c5fd,#93c5fd);cursor:not-allowed}.inv-btn--secondary{background:#fff;background:var(--c-fff,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);color:#374151;color:var(--ct-374151,#374151)}.inv-btn--secondary:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.inv-btn--ghost{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);color:#374151;color:var(--ct-374151,#374151)}.inv-btn--ghost:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.inv-btn--danger{background:#ef4444;background:var(--c-ef4444,#ef4444);color:#fff;color:var(--ct-fff,#fff)}.inv-btn--danger:hover{background:#dc2626;background:var(--c-dc2626,#dc2626)}.inv-btn--sm{border-radius:6px;font-size:12px;padding:5px 11px}.inv-btn--xs{border-radius:5px;font-size:11px;padding:3px 9px}.inv-btn--icon{gap:6px}.inv-table-container{-webkit-overflow-scrolling:touch;background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:12px;box-shadow:0 1px 3px #00000014;overflow-x:auto;overflow-y:visible}.inv-table-container::-webkit-scrollbar{height:5px}.inv-table-container::-webkit-scrollbar-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:0 0 12px 12px}.inv-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--c-cbd5e1,#cbd5e1);border-radius:4px}.inv-table{border-collapse:collapse;font-size:13px;min-width:860px;width:100%}.inv-table thead tr{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0)}.inv-table th{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:700;letter-spacing:.04em;padding:10px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.inv-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);color:#374151;color:var(--ct-374151,#374151);padding:11px 12px;vertical-align:middle}.inv-table tbody tr:last-child td{border-bottom:none}.inv-table-row{cursor:pointer;transition:background .1s}.inv-table-row:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.inv-code-cell{color:#475569;color:var(--ct-475569,#475569);font-family:JetBrains Mono,Courier New,monospace;font-size:12px;font-weight:600}.inv-name-cell{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-weight:500;max-width:200px}.inv-name-cell,.inv-note-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-note-cell{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;max-width:160px}.inv-muted{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:12px}.inv-empty-cell{text-align:center}.inv-empty{align-items:center;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:flex;flex-direction:column;gap:8px;padding:40px 20px}.inv-empty-icon{font-size:32px}.inv-empty p{font-size:13px;margin:0}.inv-cat-badge{border:1px solid;border-radius:20px}.inv-cat-badge,.inv-status-badge{display:inline-block;font-size:11px;font-weight:700;padding:2px 9px;white-space:nowrap}.inv-status-badge{border-radius:20px}.inv-view-btn{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:7px;color:#2563eb;color:var(--c-2563eb,#2563eb);cursor:pointer;font-size:12px;font-weight:600;justify-content:center;padding:3px 9px;transition:all .15s}.inv-txn-type,.inv-view-btn{align-items:center;display:inline-flex}.inv-txn-type{border-radius:20px;font-size:11px;font-weight:700;gap:4px;padding:2px 9px;white-space:nowrap}.inv-drawer-backdrop{background:#0f172a59;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:500}.inv-drawer{background:#fff;background:var(--c-fff,#fff);box-shadow:-8px 0 32px #0000001f;display:flex;flex-direction:column;height:100%;max-width:95vw;overflow-y:auto;padding:0;width:440px}.inv-drawer::-webkit-scrollbar{width:4px}.inv-drawer::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);border-radius:4px}.inv-drawer-header{align-items:flex-start;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 20px 16px}.inv-drawer-code{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-family:monospace;font-size:11px;font-weight:600;margin-bottom:4px}.inv-drawer-name{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:16px;font-weight:700;margin:0 0 8px}.inv-drawer-badges{display:flex;flex-wrap:wrap;gap:6px}.inv-drawer-kpis{grid-gap:1px;background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);display:grid;flex-shrink:0;gap:1px;grid-template-columns:1fr 1fr}.inv-drawer-kpi{background:#fff;background:var(--c-fff,#fff);padding:14px 16px}.inv-drawer-kpi-val{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:18px;font-weight:700}.inv-drawer-kpi-unit{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:12px;font-weight:400}.inv-drawer-kpi-lbl{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;margin-top:2px}.inv-drawer-section{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--c-f1f5f9,#f1f5f9);padding:16px 20px}.inv-drawer-section:last-child{border-bottom:none}.inv-drawer-section-title{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:10px;text-transform:uppercase}.inv-stock-bar-wrap{margin-top:6px}.inv-stock-bar-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:6px;height:10px;overflow:visible;position:relative}.inv-stock-bar-fill{border-radius:6px;height:100%;left:0;position:absolute;top:0;transition:width .4s ease}.inv-stock-bar-min{background:#f59e0b;background:var(--c-f59e0b,#f59e0b);border-radius:2px;height:16px;position:absolute;top:-3px;width:2px}.inv-stock-bar-labels{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);display:flex;font-size:10px;justify-content:space-between;margin-top:4px}.inv-detail-table{border-collapse:collapse;font-size:13px;width:100%}.inv-detail-table td{color:#374151;color:var(--ct-374151,#374151);padding:5px 0}.inv-detail-table td:first-child{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:12px;width:110px}.inv-txn-list{display:flex;flex-direction:column;gap:6px}.inv-txn-row{font-size:12px;gap:8px}.inv-txn-info,.inv-txn-row{align-items:center;display:flex}.inv-txn-info{flex:1 1;gap:6px;min-width:0}.inv-txn-qty{color:#0f172a;color:var(--ct-0f172a,#0f172a);flex-shrink:0;font-weight:700}.inv-txn-ref{font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-txn-date,.inv-txn-ref{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:11px}.inv-txn-date{flex-shrink:0}.inv-empty-hint{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:13px;margin:0;padding:12px 0}.inv-alerts-wrap{padding-top:4px}.inv-alerts-ok{align-items:center;color:#64748b;color:var(--ct-64748b,#64748b);display:flex;flex-direction:column;gap:10px;padding:60px 20px;text-align:center}.inv-alerts-ok h3{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:18px;font-weight:600;margin:0}.inv-alerts-ok p{font-size:13px;margin:0}.inv-alert-header{display:flex;gap:12px;margin-bottom:16px}.inv-alert-count{border-radius:20px;font-size:12px;font-weight:700;padding:6px 14px}.inv-alert-count--danger{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#991b1b;color:var(--ct-991b1b,#991b1b)}.inv-alert-count--warning{background:#fef3c7;background:var(--c-fef3c7,#fef3c7);color:#92400e;color:var(--ct-92400e,#92400e)}.inv-alerts-list{display:flex;flex-direction:column;gap:12px}.inv-alert-card{background:#fff;background:var(--c-fff,#fff);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:10px;box-shadow:0 1px 3px #0000000f;padding:14px 16px}.inv-alert-card--danger{border-left:4px solid #ef4444;border-left:4px solid var(--c-ef4444,#ef4444)}.inv-alert-card--warning{border-left:4px solid #f59e0b;border-left:4px solid var(--c-f59e0b,#f59e0b)}.inv-alert-card-top{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px}.inv-alert-code{color:#64748b;color:var(--ct-64748b,#64748b);display:block;font-family:monospace;font-size:11px;font-weight:700}.inv-alert-name{color:#0f172a;color:var(--ct-0f172a,#0f172a);display:block;font-size:14px;font-weight:600;margin-top:2px}.inv-alert-progress-wrap{align-items:center;display:flex;gap:8px;margin-bottom:10px}.inv-alert-progress-track{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.inv-alert-progress-fill{border-radius:4px;height:100%;transition:width .4s}.inv-alert-pct{font-size:11px;font-weight:700;min-width:30px}.inv-alert-card-bottom,.inv-alert-pct{color:#64748b;color:var(--ct-64748b,#64748b)}.inv-alert-card-bottom{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;gap:16px}.inv-overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.inv-modal{background:#fff;background:var(--c-fff,#fff);border-radius:14px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:90vh;overflow-y:auto;width:min(580px,95vw)}.inv-modal--sm{width:min(520px,95vw)}.inv-modal-header{align-items:flex-start;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:4px;padding:18px 20px 0}.inv-modal-title{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:16px;font-weight:700;margin:0}.inv-modal-sub{color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;margin:3px 0 0}.inv-modal-body{flex:1 1;overflow-y:auto;padding:16px 20px}.inv-modal-actions{border-top:1px solid #f1f5f9;border-top:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;flex-shrink:0;gap:8px;justify-content:flex-end;padding:14px 20px}.inv-icon-btn{background:none;border:none;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);cursor:pointer;font-size:18px;padding:2px}.inv-icon-btn:hover{color:#374151;color:var(--ct-374151,#374151)}.inv-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.inv-field{display:flex;flex-direction:column;gap:4px}.inv-field--full{grid-column:1/-1}.inv-label{color:#374151;color:var(--ct-374151,#374151);font-size:12px;font-weight:700}.inv-req{color:#ef4444;color:var(--ct-ef4444,#ef4444)}.inv-input,.inv-select,.inv-textarea{background-color:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:7px;box-sizing:border-box;color:#0f172a;color:var(--ct-0f172a,#0f172a);font-family:inherit;font-size:13px;outline:none;padding:7px 10px;transition:border-color .15s;width:100%}.inv-input:focus,.inv-select:focus,.inv-textarea:focus{border-color:#3b82f6;border-color:var(--c-3b82f6,#3b82f6)}.inv-item-hint{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;margin-top:3px}.inv-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='none' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;background-size:12px 8px;cursor:pointer;padding-right:30px}.inv-select:disabled{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed}.inv-select option{background-color:#fff;color:#0f172a;font-weight:500;padding:6px 8px}.inv-select option:disabled{color:#94a3b8}.inv-type-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.inv-type-pill{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:20px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:600;gap:4px;padding:5px 12px;transition:all .15s}.inv-type-pill:hover{background:#f8fafc;background:var(--c-f8fafc,#f8fafc)}.inv-type-pill.active{border-width:2px}.inv-type-icon{font-size:14px}.inv-toast-stack{display:flex;flex-direction:column;gap:8px;position:fixed;right:24px;top:24px;z-index:9999}.inv-toast{align-items:center;animation:inv-slide-in .2s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;font-size:13px;font-weight:500;gap:8px;max-width:360px;min-width:240px;padding:10px 14px}@keyframes inv-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:none}}.inv-toast--success{background:#ecfdf5;background:var(--c-ecfdf5,#ecfdf5);border:1px solid #a7f3d0;border:1px solid var(--c-a7f3d0,#a7f3d0);color:#065f46;color:var(--ct-065f46,#065f46)}.inv-toast--error{background:#fef2f2;background:var(--c-fef2f2,#fef2f2);border:1px solid #fecaca;border:1px solid var(--c-fecaca,#fecaca);color:#991b1b;color:var(--ct-991b1b,#991b1b)}@media (max-width:1100px){.inv-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.inv-kpi-grid{grid-template-columns:1fr 1fr}.inv-form-grid{grid-template-columns:1fr}.inv-field--full{grid-column:1}.inv-title{font-size:18px}.inv-action-bar{align-items:stretch;flex-direction:column}.inv-action-right{justify-content:flex-end}.inv-search-filters{gap:6px}.inv-filter-select{min-width:100px}.inv-drawer{width:100%}}@media (max-width:540px){.inv-kpi-grid{grid-template-columns:1fr}.inv-sticky-top{padding:14px 14px 0}.inv-scroll-area{padding:14px 14px 24px}}.inv-modal--lg{max-width:1100px;width:95%}.inv-modal--sm{max-width:560px}.inv-subtabs{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:10px;display:flex;gap:4px;margin:16px 0 12px;padding:4px;width:-webkit-fit-content;width:fit-content}.inv-subtab{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;color:var(--ct-64748b,#64748b);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:8px 18px;transition:all .15s}.inv-subtab:hover{background:#fff9;color:#1e293b;color:var(--ct-1e293b,#1e293b)}.inv-subtab.active{background:#fff;background:var(--c-fff,#fff);box-shadow:0 1px 3px #00000014;color:#2563eb;color:var(--ct-2563eb,#2563eb)}.inv-subtab .inv-tab-count{align-items:center;background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);border-radius:10px;color:#475569;color:var(--ct-475569,#475569);display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:22px;padding:0 7px}.inv-subtab.active .inv-tab-count{background:#dbeafe;background:var(--c-dbeafe,#dbeafe);color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8)}.inv-lineitems-wrap{background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--c-e2e8f0,#e2e8f0);border-radius:10px;margin-top:18px;padding:14px}.inv-lineitems-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.inv-lineitems-title{color:#1e293b;color:var(--ct-1e293b,#1e293b);font-size:13px;font-weight:700;letter-spacing:.4px;margin:0;text-transform:uppercase}.inv-lineitems-table{display:flex;flex-direction:column;gap:6px}.inv-lineitems-row{grid-gap:6px;align-items:center;display:grid;gap:6px;grid-template-columns:minmax(200px,1.8fr) minmax(140px,1fr) 72px 80px 110px 66px 110px 32px}.inv-lineitems-row--head{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--c-e2e8f0,#e2e8f0);color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;font-weight:700;letter-spacing:.4px;padding:0 4px 4px;text-transform:uppercase}.inv-lineitems-row .filter-trigger{font-size:12px;height:34px;min-width:0;width:100%}.inv-input--sm{font-size:12px!important;padding:6px 8px!important}.inv-lineitems-subtotal{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:13px;font-weight:600;padding:6px 8px;text-align:right}.inv-lineitems-del{align-items:center;background:#fff;background:var(--c-fff,#fff);border:1px solid #fecaca;border:1px solid var(--c-fecaca,#fecaca);border-radius:6px;color:#b91c1c;color:var(--ct-b91c1c,#b91c1c);cursor:pointer;display:inline-flex;font-size:12px;height:28px;justify-content:center;transition:all .15s;width:28px}.inv-lineitems-del:hover{background:#fee2e2;background:var(--c-fee2e2,#fee2e2)}.inv-lineitems-total{align-items:center;border-top:2px solid #e2e8f0;border-top:2px solid var(--c-e2e8f0,#e2e8f0);color:#475569;color:var(--ct-475569,#475569);display:flex;font-size:14px;gap:14px;justify-content:flex-end;margin-top:12px;padding-top:12px}.inv-lineitems-total strong{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:18px}@media (max-width:900px){.inv-lineitems-row{grid-template-columns:1fr 1fr}.inv-lineitems-row--head{display:none}}.inv-wh-selector{align-items:center;background:linear-gradient(135deg,#eff6ff,#fff);background:linear-gradient(135deg,var(--c-eff6ff,#eff6ff) 0,var(--c-ffffff,#fff) 100%);border:1.5px solid #bfdbfe;border:1.5px solid var(--c-bfdbfe,#bfdbfe);border-radius:8px;box-shadow:0 1px 2px #2563eb14;display:inline-flex;gap:8px;height:38px;padding:0 10px 0 12px;transition:all .15s}.inv-wh-selector:hover{border-color:#93c5fd;border-color:var(--c-93c5fd,#93c5fd);box-shadow:0 2px 6px #2563eb1f}.inv-wh-selector:focus-within{border-color:#2563eb;border-color:var(--c-2563eb,#2563eb);box-shadow:0 0 0 3px #2563eb26}.inv-wh-selector-icon{font-size:16px;line-height:1}.inv-wh-selector-input{background:#0000;border:none;color:#1e3a8a;color:var(--ct-1e3a8a,#1e3a8a);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;min-width:170px;outline:none;padding:0 4px}.inv-wh-selector-input option{background:#fff;background:var(--c-fff,#fff);color:#1e293b;color:var(--ct-1e293b,#1e293b);font-weight:500}@media (max-width:720px){.inv-wh-selector{width:100%}.inv-wh-selector-input{flex:1 1;min-width:0}}.inv-po-progress{display:flex;flex-direction:column;gap:4px;min-width:160px}.inv-po-progress-bar{background-color:#e2e8f0;background-color:var(--c-e2e8f0,#e2e8f0);border-radius:3px;height:6px;overflow:hidden;position:relative}.inv-po-progress-bar--lg{border-radius:5px;height:10px}.inv-po-progress-fill{border-radius:3px;height:100%;transition:width .4s ease}.inv-po-progress-fill--delivery{background:linear-gradient(90deg,#3b82f6,#059669);background:linear-gradient(90deg,var(--c-3b82f6,#3b82f6) 0,var(--c-059669,#059669) 100%)}.inv-po-progress-fill--payment{background:linear-gradient(90deg,#f59e0b,#059669);background:linear-gradient(90deg,var(--c-f59e0b,#f59e0b) 0,var(--c-059669,#059669) 100%)}.inv-po-progress-text{align-items:center;color:#64748b;color:var(--ct-64748b,#64748b);display:flex;font-size:11px;font-weight:500;justify-content:space-between}.inv-po-progress-text strong{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-weight:700}.inv-drawer--wide{max-width:880px}.inv-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;padding:12px 0 8px}.inv-filter-hint{background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border-radius:6px;color:#64748b;color:var(--ct-64748b,#64748b);font-size:12px;font-weight:500;padding:4px 10px}.inv-filter-hint--error{background:#fee2e2;background:var(--c-fee2e2,#fee2e2);color:#991b1b;color:var(--ct-991b1b,#991b1b)}.inv-tbl-footer{background:#f8fafc;border-radius:0 0 10px 10px;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;margin-bottom:24px;padding:11px 16px}.inv-pagination-info,.inv-tbl-footer{align-items:center;color:#64748b;display:flex;font-size:13px;gap:10px}.inv-pagination-info strong{color:#0f172a}.inv-page-size-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;cursor:pointer;font-family:inherit;font-size:13px;outline:none;padding:4px 8px}.inv-page-size-select:focus{border-color:#2563eb}.inv-pagination{align-items:center;display:flex;gap:3px}.inv-page-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;height:30px;justify-content:center;min-width:30px;padding:0 8px;transition:background .12s,color .12s,border-color .12s}.inv-page-btn.active,.inv-page-btn:hover:not(:disabled){background:#2563eb;border-color:#2563eb;color:#fff}.inv-page-btn:disabled{cursor:not-allowed;opacity:.38}.inv-filter-row{padding:8px 0 4px}.inv-filter-row .group-project-filter{margin-left:0}@media (max-width:600px){.inv-tbl-footer{align-items:flex-start;flex-direction:column}.inv-pagination{flex-wrap:wrap}}.inv-scope-section{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;margin-bottom:4px;padding:14px}.inv-scope-title{color:#475569;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.inv-muted-sm{color:#94a3b8;font-size:10.5px;font-weight:400;letter-spacing:0;margin-left:4px;text-transform:none}.inv-scope-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr}.inv-scope-select-wrap{align-items:center;display:flex;position:relative}.inv-scope-select-wrap .inv-select{flex:1 1}.inv-scope-spinner{animation:inv-spin .7s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#2563eb;height:12px;pointer-events:none;position:absolute;right:32px;width:12px}@keyframes inv-spin{to{transform:rotate(1turn)}}.inv-scope-resolved{align-items:center;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px}.inv-scope-chip{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#475569;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:3px 10px}.inv-scope-chip--active{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8;font-weight:600}.inv-scope-arrow{color:#94a3b8;font-size:14px;font-weight:400}@media (max-width:640px){.inv-scope-grid{grid-template-columns:1fr}}.inv-mode-toggle{background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:8px;display:inline-flex;gap:2px;margin-top:8px;padding:2px}.inv-mode-btn{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:5px 14px;transition:background .15s,color .15s}.inv-mode-btn--active{background:#fff;box-shadow:0 1px 2px #0f172a14;color:#1d4ed8}.inv-bulk-wrap{margin-top:16px}.inv-bulk-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.inv-bulk-count{color:#64748b;font-size:12px;font-weight:600;margin-left:auto}.inv-bulk-count strong{color:#0f172a}.inv-bulk-scroll{border:1.5px solid #e2e8f0;border-radius:10px;max-height:46vh;overflow:auto}.inv-bulk-table{border-collapse:initial;border-spacing:0;font-size:12.5px;min-width:920px;width:100%}.inv-bulk-table thead th{background:#f8fafc;border-bottom:1.5px solid #e2e8f0;color:#475569;font-size:11px;font-weight:700;padding:8px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:2}.inv-bulk-table th .inv-req{color:#ef4444}.inv-bulk-table tbody td{border-bottom:1px solid #f1f5f9;padding:5px 6px;vertical-align:middle}.inv-bulk-table tbody tr:last-child td{border-bottom:none}.inv-bulk-rownum{color:#94a3b8;font-weight:600;text-align:center;width:34px}.inv-bulk-table .inv-input,.inv-bulk-table .inv-select{border-radius:6px;font-size:12.5px;min-width:0;padding:5px 8px}.inv-bulk-table .inv-select{background-position:right 8px center;padding-right:26px}.inv-bulk-table .inv-input:focus,.inv-bulk-table .inv-select:focus{border-color:#3b82f6}.inv-bulk-row--error .inv-bulk-cell-key .inv-input{background:#fef2f2;border-color:#fca5a5}.inv-bulk-remove{background:none;border:none;border-radius:5px;color:#cbd5e1;cursor:pointer;font-size:15px;line-height:1;padding:2px 4px}.inv-bulk-remove:hover{background:#fef2f2;color:#ef4444}.inv-bulk-rowmsg{color:#b91c1c;font-size:11px;padding:2px 8px 8px 40px}.inv-bulk-col-code{width:120px}.inv-bulk-col-name{min-width:200px}.inv-bulk-col-cat{width:130px}.inv-bulk-col-unit{width:90px}.inv-bulk-col-num{width:86px}.inv-bulk-col-proj{width:140px}.inv-bulk-col-note{min-width:150px}.inv-bulk-col-x{width:34px}.inv-field .filter-trigger{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:7px;box-sizing:border-box;color:#0f172a;font-family:inherit;font-size:13px;height:36px!important;min-height:36px!important;padding:0 30px 0 10px;transition:border-color .15s,box-shadow .15s;width:100%!important}.inv-field .filter-trigger:hover:not(.filter-trigger--disabled){border-color:#cbd5e1;box-shadow:none}.inv-field .filter-trigger--open{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61f!important}.inv-field .filter-trigger--has-value{color:#0f172a;font-weight:500}.inv-field .filter-trigger--disabled{background-color:#f1f5f9;border-color:#e2e8f0;color:#94a3b8}.inv-field .filter-trigger__text{font-size:13px}.inv-field .filter-trigger__text--placeholder{color:#94a3b8;font-style:normal;font-weight:400}.inv-field .filter-trigger__chevron{color:#64748b}.inv-modal .filter-dropdown-list{border:1.5px solid #3b82f6;border-radius:8px;font-size:13px}.inv-modal .filter-dropdown-item{font-size:13px;padding:8px 12px}.inv-modal .filter-dropdown-item--selected{background:#eff6ff;border-left:3px solid #3b82f6;color:#1d4ed8}.inv-modal .filter-dropdown-search-wrapper{padding:8px 8px 6px}.inv-modal .filter-dropdown-search-input{font-size:13px}.inv-row-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:4px}.inv-icon-action{align-items:center;background:#0000;border:1.5px solid #0000;border-radius:7px;cursor:pointer;display:inline-flex;flex-shrink:0;height:30px;justify-content:center;padding:0;transition:background .12s,border-color .12s,transform .1s;width:30px}.inv-icon-action:hover{transform:translateY(-1px)}.inv-icon-action--view{color:#3b82f6}.inv-icon-action--view:hover{background:#eff6ff;border-color:#bfdbfe}.inv-icon-action--edit{color:#059669}.inv-icon-action--edit:hover{background:#ecfdf5;border-color:#6ee7b7}.inv-icon-action--delete{color:#ef4444}.inv-icon-action--delete:hover{background:#fef2f2;border-color:#fecaca}.inv-icon-action--void{color:#f59e0b}.inv-icon-action--void:hover{background:#fffbeb;border-color:#fde68a}.col-visibility-wrapper{position:relative}.col-visibility-btn{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;height:36px;padding:6px 12px;transition:all .2s;white-space:nowrap}.col-visibility-btn:hover{background-color:#f9fafb;border-color:#2563eb;color:#2563eb}.col-visibility-btn.has-hidden{background-color:#eff6ff;border-color:#2563eb;color:#2563eb}.col-visibility-badge{align-items:center;background-color:#2563eb;border-radius:9999px;color:#fff;display:inline-flex;font-size:10px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px}.col-visibility-dropdown{animation:invDropdownReveal .15s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px #0000001f;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:200}@keyframes invDropdownReveal{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.col-visibility-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:10px 12px}.col-visibility-header span{color:#374151;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.col-visibility-reset{background:none;border:none;border-radius:4px;color:#2563eb;cursor:pointer;font-family:inherit;font-size:11px;font-weight:500;padding:2px 6px;transition:background .15s}.col-visibility-reset:hover{background-color:#dbeafe}.col-visibility-list{max-height:280px;overflow-y:auto;padding:6px 0}.col-visibility-item{align-items:center;cursor:pointer;display:flex;gap:8px;padding:7px 12px;transition:background-color .15s;-webkit-user-select:none;user-select:none}.col-visibility-item:hover:not(.col-required){background-color:#f9fafb}.col-visibility-item.col-required{cursor:not-allowed;opacity:.6}.col-visibility-item input[type=checkbox]{accent-color:#2563eb;cursor:pointer;flex-shrink:0;height:14px;width:14px}.col-visibility-item input[type=checkbox]:disabled{cursor:not-allowed}.col-visibility-label{color:#374151;flex:1 1;font-family:inherit;font-size:13px}.col-required-tag{background-color:#f3f4f6;border-radius:3px;color:#6b7280;font-size:9px;font-weight:600;letter-spacing:.04em;padding:1px 5px;text-transform:uppercase}.th-content{align-items:center;display:flex;gap:4px;justify-content:flex-start}.sort-icon{flex-shrink:0;transition:all .2s}.sort-icon-default{opacity:.3}.sort-icon-active{stroke:#2563eb;opacity:1}.inv-table th:hover .sort-icon-default{opacity:.6}.col-drag-handle{align-items:center;color:#9ca3af;display:inline-flex;flex-shrink:0;margin-right:2px;opacity:0;transition:opacity .15s}.inv-table th.col-draggable:hover .col-drag-handle{opacity:1}.inv-table th.col-draggable{transition:background-color .15s,box-shadow .15s}.inv-table th.col-draggable:hover{background-color:#eff6ff;cursor:grab}.inv-table th.col-draggable:active{cursor:grabbing}.inv-table th.col-dragging{background-color:#dbeafe!important;box-shadow:inset 0 0 0 2px #2563eb;opacity:.5}.inv-table th.col-drag-over{background-color:#dbeafe!important;box-shadow:-3px 0 0 0 #2563eb;position:relative}.inv-table th.col-drag-over:before{animation:invDropIndicatorPulse .6s ease-in-out infinite alternate;background-color:#2563eb;border-radius:2px;bottom:0;content:"";left:-2px;position:absolute;top:0;width:3px}@keyframes invDropIndicatorPulse{0%{opacity:.7}to{opacity:1}}.inv-table td,.inv-table th{transition:background-color .2s}.inv-action-right .filter-trigger,.inv-search-filters .filter-trigger{border-radius:8px;font-size:13px;height:36px;min-width:120px}.inv-header-right .filter-trigger{font-size:13px;height:36px}.inv-table td[data-col=idx],.inv-table th[data-col=idx]{max-width:56px;min-width:56px;text-align:center!important;width:56px}.inv-table td[data-col=category],.inv-table td[data-col=currentQty],.inv-table td[data-col=mode],.inv-table td[data-col=qty],.inv-table td[data-col=status],.inv-table td[data-col=type],.inv-table td[data-col=unit],.inv-table th[data-col=category],.inv-table th[data-col=currentQty],.inv-table th[data-col=mode],.inv-table th[data-col=qty],.inv-table th[data-col=status],.inv-table th[data-col=type],.inv-table th[data-col=unit]{text-align:center!important}.inv-table td[data-col=amount],.inv-table td[data-col=balance],.inv-table td[data-col=paid],.inv-table td[data-col=totalValue],.inv-table td[data-col=total],.inv-table td[data-col=unitCost],.inv-table th[data-col=amount],.inv-table th[data-col=balance],.inv-table th[data-col=paid],.inv-table th[data-col=totalValue],.inv-table th[data-col=total],.inv-table th[data-col=unitCost]{padding-right:16px;text-align:right!important}.inv-table td[data-col=actions],.inv-table th[data-col=actions]{min-width:100px;text-align:center!important;width:100px}.inv-table td[data-col=actions] .inv-row-actions{justify-content:center}.inv-table td[data-col=billDate],.inv-table td[data-col=billNumber],.inv-table td[data-col=billRef],.inv-table td[data-col=by],.inv-table td[data-col=date],.inv-table td[data-col=dueDate],.inv-table td[data-col=itemCode],.inv-table td[data-col=itemName],.inv-table td[data-col=lastUpdated],.inv-table td[data-col=location],.inv-table td[data-col=name],.inv-table td[data-col=note],.inv-table td[data-col=paymentNumber],.inv-table td[data-col=poNumber],.inv-table td[data-col=progress],.inv-table td[data-col=projectId],.inv-table td[data-col=ref],.inv-table td[data-col=reference],.inv-table td[data-col=vendorName],.inv-table td[data-col=vendor],.inv-table th[data-col=billDate],.inv-table th[data-col=billNumber],.inv-table th[data-col=billRef],.inv-table th[data-col=by],.inv-table th[data-col=date],.inv-table th[data-col=dueDate],.inv-table th[data-col=itemCode],.inv-table th[data-col=itemName],.inv-table th[data-col=lastUpdated],.inv-table th[data-col=location],.inv-table th[data-col=name],.inv-table th[data-col=note],.inv-table th[data-col=paymentNumber],.inv-table th[data-col=poNumber],.inv-table th[data-col=progress],.inv-table th[data-col=projectId],.inv-table th[data-col=ref],.inv-table th[data-col=reference],.inv-table th[data-col=vendorName],.inv-table th[data-col=vendor]{text-align:left!important}.inv-table th .th-content{width:100%}.inv-modal--po{display:flex;flex-direction:column;max-height:90vh;width:min(860px,95vw)}.inv-po-modal-kpis{grid-gap:1px;background:#e2e8f0;border:1px solid #e2e8f0;border-radius:10px;display:grid;gap:1px;grid-template-columns:repeat(5,1fr);margin-bottom:20px;overflow:hidden}.inv-po-modal-kpi{background:#fff;padding:14px 16px}.inv-po-modal-kpi-val{color:#0f172a;font-size:17px;font-weight:700}.inv-po-modal-kpi-lbl{color:#64748b;font-size:11px;margin-top:3px}.inv-po-modal-section{margin-bottom:20px}.inv-po-modal-section:last-child{margin-bottom:0}.inv-po-modal-section-title{border-bottom:1px solid #f1f5f9;color:#64748b;font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:10px;padding-bottom:6px;text-transform:uppercase}.inv-po-modal-details-grid{grid-gap:10px 24px;display:grid;gap:10px 24px;grid-template-columns:1fr 1fr}.inv-po-modal-detail-item{display:flex;flex-direction:column;gap:2px}.inv-po-modal-detail-item--full{grid-column:1/-1}.inv-po-modal-detail-lbl{color:#94a3b8;font-size:11px;font-weight:500}.inv-po-modal-detail-val{color:#1e293b;font-size:13px;font-weight:500}@media (max-width:600px){.inv-po-modal-kpis{grid-template-columns:repeat(2,1fr)}.inv-po-modal-details-grid{grid-template-columns:1fr}}.inv-modal--bill-view{display:flex;flex-direction:column;max-height:88vh;width:min(620px,95vw)}[data-theme=dark] .inv-tbl-footer{background:#11151f;border-top-color:#2b3445;color:#94a1b3}[data-theme=dark] .inv-pagination-info{color:#94a1b3}[data-theme=dark] .inv-pagination-info strong{color:#e7ecf3}[data-theme=dark] .inv-page-size-select{background:#161b27;border-color:#2b3445;color:#d4dbe6}[data-theme=dark] .inv-page-size-select:focus{border-color:#3b82f6}[data-theme=dark] .inv-page-btn{background:#161b27;border-color:#2b3445;color:#d4dbe6}[data-theme=dark] .inv-page-btn.active,[data-theme=dark] .inv-page-btn:hover:not(:disabled){background:#2563eb;border-color:#2563eb;color:#fff}[data-theme=dark] .inv-search{background-color:#161b27;border-color:#2b3445;color:#e7ecf3}[data-theme=dark] .inv-search::placeholder{color:#8893a7}[data-theme=dark] .inv-search:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f62e}[data-theme=dark] .inv-input,[data-theme=dark] .inv-select,[data-theme=dark] .inv-textarea{background-color:#161b27;border-color:#2b3445;color:#e7ecf3}[data-theme=dark] .inv-input::placeholder,[data-theme=dark] .inv-textarea::placeholder{color:#8893a7}[data-theme=dark] .inv-input:focus,[data-theme=dark] .inv-select:focus,[data-theme=dark] .inv-textarea:focus{border-color:#3b82f6}[data-theme=dark] .inv-select{background-color:#161b27}[data-theme=dark] .inv-select option{background-color:#161b27;color:#e7ecf3}[data-theme=dark] .inv-select option:disabled{color:#6b7688}[data-theme=dark] .inv-select:disabled{background-color:#11151f;color:#6b7688}[data-theme=dark] .inv-scope-section{background:#11151f;border-color:#2b3445}[data-theme=dark] .inv-scope-title{color:#c2cbd8}[data-theme=dark] .inv-muted-sm{color:#8893a7}[data-theme=dark] .inv-scope-resolved{border-top-color:#2b3445}[data-theme=dark] .inv-scope-chip{background:#1b2130;border-color:#2b3445;color:#c2cbd8}[data-theme=dark] .inv-scope-chip--active{background:#15243d;border-color:#2f5d92;color:#7fb0f0}[data-theme=dark] .inv-scope-arrow{color:#8893a7}[data-theme=dark] .inv-scope-spinner{border-color:#3b82f6 #2b3445 #2b3445}[data-theme=dark] .inv-mode-toggle{background:#11151f;border-color:#2b3445}[data-theme=dark] .inv-mode-btn{color:#94a1b3}[data-theme=dark] .inv-mode-btn--active{background:#1b2130;box-shadow:none;color:#7fb0f0}[data-theme=dark] .inv-bulk-count{color:#94a1b3}[data-theme=dark] .inv-bulk-count strong{color:#e7ecf3}[data-theme=dark] .inv-bulk-scroll{border-color:#2b3445}[data-theme=dark] .inv-bulk-table thead th{background:#1b2130;border-bottom-color:#2b3445;color:#c2cbd8}[data-theme=dark] .inv-bulk-table tbody td{border-bottom-color:#232b3b}[data-theme=dark] .inv-bulk-row--error .inv-bulk-cell-key .inv-input{background:#2a1719;border-color:#5a2a2e}[data-theme=dark] .inv-bulk-remove{color:#3a4456}[data-theme=dark] .inv-bulk-remove:hover{background:#2a1719;color:#f06a6a}[data-theme=dark] .inv-bulk-rowmsg{color:#f08a8a}[data-theme=dark] .inv-field .filter-trigger{background-color:#161b27;border-color:#2b3445;color:#e7ecf3}[data-theme=dark] .inv-field .filter-trigger:hover:not(.filter-trigger--disabled){border-color:#3a4456}[data-theme=dark] .inv-field .filter-trigger--disabled{background-color:#11151f;border-color:#2b3445;color:#6b7688}[data-theme=dark] .inv-field .filter-trigger__text--placeholder{color:#8893a7}[data-theme=dark] .inv-field .filter-trigger__chevron{color:#94a1b3}[data-theme=dark] .inv-modal .filter-dropdown-list{background:#161b27;border-color:#3b82f6}[data-theme=dark] .inv-modal .filter-dropdown-item{color:#d4dbe6}[data-theme=dark] .inv-modal .filter-dropdown-item:hover{background:#232b3b}[data-theme=dark] .inv-modal .filter-dropdown-item--selected{background:#15243d;border-left-color:#3b82f6;color:#7fb0f0}[data-theme=dark] .inv-modal .filter-dropdown-search-input{background:#11151f;border-color:#2b3445;color:#e7ecf3}[data-theme=dark] .inv-po-modal-kpis{background:#2b3445;border-color:#2b3445}[data-theme=dark] .inv-po-modal-kpi{background:#161b27}[data-theme=dark] .inv-po-modal-kpi-val{color:#e7ecf3}[data-theme=dark] .inv-po-modal-kpi-lbl{color:#94a1b3}[data-theme=dark] .inv-po-modal-section-title{border-bottom-color:#232b3b;color:#94a1b3}[data-theme=dark] .inv-po-modal-detail-lbl{color:#8893a7}[data-theme=dark] .inv-po-modal-detail-val{color:#d4dbe6}[data-theme=dark] .col-visibility-btn{background-color:#1b2130;border-color:#2b3445;color:#c2cbd8}[data-theme=dark] .col-visibility-btn:hover{background-color:#232b3b;border-color:#3b82f6;color:#7fb0f0}[data-theme=dark] .col-visibility-btn.has-hidden{background-color:#15243d;border-color:#3b82f6;color:#7fb0f0}[data-theme=dark] .col-visibility-dropdown{background:#161b27;border-color:#2b3445;box-shadow:0 8px 24px #00000073}[data-theme=dark] .col-visibility-header{background-color:#1b2130;border-bottom-color:#232b3b}[data-theme=dark] .col-visibility-header span{color:#c2cbd8}[data-theme=dark] .col-visibility-reset:hover{background-color:#15243d}[data-theme=dark] .col-visibility-item:hover:not(.col-required){background-color:#232b3b}[data-theme=dark] .col-visibility-label{color:#c2cbd8}[data-theme=dark] .col-required-tag{background-color:#232b3b;color:#8893a7}[data-theme=dark] .col-drag-handle{color:#6b7688}[data-theme=dark] .inv-table th.col-draggable:hover{background-color:#15243d}.inv-view-toggle{align-items:center;background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:8px;display:inline-flex;gap:2px;padding:2px}.inv-view-toggle__btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);cursor:pointer;display:flex;height:28px;justify-content:center;transition:background .18s,color .18s;width:30px}.inv-view-toggle__btn:hover{background:#e2e8f0;background:var(--c-e2e8f0,#e2e8f0);color:#475569;color:var(--ct-475569,#475569)}.inv-view-toggle__btn--active{background:#fff;background:var(--c-white,#fff);box-shadow:0 1px 4px #0000001a;color:#1d4ed8;color:var(--ct-1d4ed8,#1d4ed8)}.inv-grid-view{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:4px 0 16px}.inv-grid-card{background:#fff;background:var(--c-white,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--c-e2e8f0,#e2e8f0);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s,border-color .2s,transform .15s}.inv-grid-card:hover{border-color:#93c5fd;box-shadow:0 4px 16px #1e40af1a;transform:translateY(-2px)}.inv-grid-card__img-wrap{aspect-ratio:4/3;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);flex-shrink:0;overflow:hidden;position:relative;width:100%}.inv-grid-card__img{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.inv-grid-card:hover .inv-grid-card__img{transform:scale(1.04)}.inv-grid-card__img-placeholder{align-items:center;background:#f1f5f9;background:var(--c-f1f5f9,#f1f5f9);display:flex;height:100%;justify-content:center;width:100%}.inv-grid-card__status-badge{bottom:7px;font-size:10px!important;left:8px;padding:2px 7px!important;pointer-events:none;position:absolute}.inv-grid-card__serial{background:#0f172a8c;border-radius:10px;color:#fff;font-size:10px;font-weight:700;line-height:1.5;padding:1px 6px;pointer-events:none;position:absolute;right:7px;top:6px}.inv-grid-card__body{display:flex;flex:1 1;flex-direction:column;gap:5px;padding:11px 12px 8px}.inv-grid-card__code{font-size:10px!important;line-height:1.2}.inv-grid-card__name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#0f172a;color:var(--ct-0f172a,#0f172a);display:-webkit-box;font-size:13px;font-weight:700;line-height:1.3;overflow:hidden}.inv-grid-card__cat{align-self:flex-start;font-size:10px!important;padding:1px 7px!important}.inv-grid-card__stats{display:flex;gap:10px;margin-top:4px}.inv-grid-card__stat{display:flex;flex-direction:column;gap:1px}.inv-grid-card__stat-label{color:#94a3b8;color:var(--ct-94a3b8,#94a3b8);font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.inv-grid-card__stat-value{color:#0f172a;color:var(--ct-0f172a,#0f172a);font-size:12px;font-weight:600}.inv-grid-card__location{color:#64748b;color:var(--ct-64748b,#64748b);font-size:11px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-grid-card__footer{align-items:center;background:#f8fafc;background:var(--c-f8fafc,#f8fafc);border-top:1px solid #f1f5f9;border-top:1px solid var(--c-f1f5f9,#f1f5f9);display:flex;gap:4px;justify-content:flex-end;padding:6px 10px 8px}[data-theme=dark] .inv-view-toggle{background:#1b2130;border-color:#2b3445}[data-theme=dark] .inv-view-toggle__btn:hover{background:#232b3b;color:#c2cbd8}[data-theme=dark] .inv-view-toggle__btn--active{background:#232b3b;box-shadow:0 1px 4px #00000059;color:#5b9bf0}[data-theme=dark] .inv-grid-card{background:#1b2130;border-color:#2b3445}[data-theme=dark] .inv-grid-card:hover{border-color:#3b82f6;box-shadow:0 4px 18px #3b82f626}[data-theme=dark] .inv-grid-card__img-placeholder{background:#161b27}[data-theme=dark] .inv-grid-card__name{color:#e7ecf3}[data-theme=dark] .inv-grid-card__stat-value{color:#d4dbe6}[data-theme=dark] .inv-grid-card__footer{background:#161b27;border-top-color:#232b3b}
/*# sourceMappingURL=main.f7a13aa6.css.map*/