@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}.navbar{background-color:#fff;border-bottom:1px solid #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}@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;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}.icon{color:#4b5563;height:20px;width:20px}.notification-dot{background-color:#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}.profile-avatar{align-items:center;background-color:#2563eb;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:center;width:32px}.profile-name{color:#0b63d6;font-size:15px;font-weight:700}@media (max-width:640px){.profile-button .icon,.profile-name{display:none}}.dropdown-menu{background-color:#fff;border:1px solid #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;display:block;font-size:14px;padding:8px 16px;text-decoration:none;transition:background-color .2s}.dropdown-item:hover{background-color:#f3f4f6}.dropdown-item.logout{color:#dc2626}.dropdown-divider{border:none;border-top:1px solid #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}.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);border:1px solid #d1d5db;border-left:none;border-radius:0 6px 6px 0;box-shadow:2px 0 6px #0000001a;color:#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);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;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;height:calc(100vh - 64px);left:0;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;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}@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;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}.sidebar-group-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-group-abbreviation{display:none;font-size:16px}.sidebar-group-chevron{color:#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;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);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 8px 20px #1e3a8a66,0 2px 8px #00000026;color:#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-color:#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;flex-shrink:0;height:14px;opacity:.6;width:14px}.sidebar-item:hover .child-connector{color:#6b7280;opacity:1}.sidebar-item.active .child-connector{color:#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;display:block;font-size:18px}.sidebar.collapsed .sidebar-group-header{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;padding:12px 6px}.sidebar.collapsed .sidebar-logo{justify-content:center}.sidebar-item:hover{background-color:#f3f4f6}.sidebar-item.active{background-color:#eff6ff;color:#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;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}.sidebar-logo-text{display:inline}}.sidebar.collapsed .sidebar-item{border-radius:12px}.sidebar .icon{color:#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;font-size:18px;font-weight:700}.sidebar-group-collapsed-arrow{color:#6b7280;flex-shrink:0;margin-top:2px;transition:transform .2s ease,color .2s ease}.sidebar-group-collapsed-arrow.expanded{color:#0b63d6;transform:rotate(180deg)}.sidebar.collapsed .sidebar-group-header.collapsible:hover .sidebar-group-collapsed-arrow{color:#0b63d6}.sidebar.collapsed .sidebar-group-chevron{display:none}.sidebar.collapsed .sidebar-group-header.collapsible:after{background:linear-gradient(135deg,#0b63d6,#0952b8);border:1px solid #ffffff26;border-radius:8px;box-shadow:0 8px 20px #0b63d666,0 2px 8px #00000026;color:#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-color:#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;border:1px solid #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;border-color:#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;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;padding:22px;text-align:center}.session-icon{color:#f59e0b;font-size:30px;margin-bottom:8px}.session-header h3{color:#111827;font-size:20px;margin:0}.session-body{padding:22px;text-align:center}.session-text{color:#374151;font-size:14px}.session-timer{color:#dc2626;font-size:48px;font-weight:700;margin:14px 0}.session-subtext{color:#6b7280;font-size:13px}.session-footer{border-top:1px solid #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;border:1px solid #2563eb;color:#2563eb}.session-btn-outline:hover{background:#eff6ff}.session-btn-danger{background:#dc2626;color:#fff}.session-btn-danger:hover{background:#b91c1c}:root{--blue:#0b63d6;--soft-blue:#eaf4ff;--muted:#6b7280;--card-shadow:0 6px 18px #1118270f;--radius:12px;--bg:linear-gradient(180deg,#fbfdff,#f3f9fc);--glass:#ffffffe6}.login-root{align-items:center;background:linear-gradient(180deg,#fbfdff,#f3f9fc);background:var(--bg);box-sizing:border-box;color:#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;display:block;font-size:13px;margin-bottom:6px}.required{color:#d34848;font-size:12px;font-weight:600;margin-left:4px}.login-input{background:#fff;border:1px solid #e6edf3;border-radius:10px;box-sizing:border-box;font-size:14px;outline:none;padding:10px 12px;width:100%}.login-password-row{align-items:center;display:flex;position:relative}.login-showpw{background:#0000;border:none;color:#0b63d6;color:var(--blue);cursor:pointer;font-weight:600;margin-left:8px}.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-error{background:#fff1f2;border-radius:8px;color:#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;cursor:pointer;font-weight:600;padding:10px 16px}.login-footer-note{align-self:flex-start;color:#6b7280;color:var(--muted);font-size:12px;margin-top:8px}@media (max-width:880px){.login-container{grid-template-columns:1fr;max-width:420px}.login-hero{padding-bottom:10px;padding-top:28px}.login-hero-img.desktop{display:none}.login-hero-img.mobile{display:block;max-width:320px}.login-panel{align-items:stretch;width:100%}.login-card{padding:20px}.login-submit-row{justify-content:flex-start}}.rd-container{padding:24px 24px 0}.rd-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.rd-header-left h1{color:#0f172a;font-size:24px;font-weight:700;margin:0}.rd-header-left p{color:#64748b;font-size:13px;margin:4px 0 0}.rd-role-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.04em;padding:6px 14px;text-transform:uppercase}.rd-kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(6,1fr);margin-bottom:24px}.rd-kpi-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 1px 3px #00000012;overflow:hidden;padding:20px;position:relative;transition:all .2s ease}.rd-kpi-card:before{background:#3b82f6;background:var(--kpi-accent,#3b82f6);border-radius:12px 12px 0 0;content:"";left:0;position:absolute;right:0;top:0}.rd-kpi-card:hover{border-color:#e2e8f0;box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.rd-kpi-icon{align-items:center;background:#eff6ff;background:var(--kpi-icon-bg,#eff6ff);border-radius:10px;display:flex;font-size:18px;height:40px;justify-content:center;margin-bottom:12px;width:40px}.rd-kpi-label{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.rd-kpi-value{color:#0f172a;font-size:28px;font-weight:800;line-height:1;margin-bottom:6px}.rd-kpi-sub{color:#94a3b8;font-size:12px}.rd-kpi-trend{align-items:center;display:inline-flex;font-size:12px;font-weight:600;gap:3px;margin-top:6px}.rd-kpi-trend.up{color:#059669}.rd-kpi-trend.down{color:#dc2626}.rd-row{grid-gap:20px;display:grid;gap:20px;margin-bottom:24px}.rd-row-2{grid-template-columns:1fr 1fr}.rd-row-3{grid-template-columns:1fr 1fr 1fr}.rd-row-2-1{grid-template-columns:2fr 1fr}.rd-row-1-2{grid-template-columns:1fr 2fr}.rd-row-3-2{grid-template-columns:3fr 2fr}.rd-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 1px 3px #00000012;overflow:hidden}.rd-card-head{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:18px 20px 14px}.rd-card-title{color:#0f172a;font-size:15px;font-weight:700;margin:0}.rd-card-sub{color:#94a3b8;font-size:12px;margin:3px 0 0}.rd-card-body{padding:18px 20px}.rd-table-wrap{overflow-x:auto}.rd-table{border-collapse:collapse;font-size:13px;width:100%}.rd-table thead tr{background:#f8fafc}.rd-table th{border-bottom:1px solid #f1f5f9;color:#475569;font-size:11px;font-weight:700;letter-spacing:.06em;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.rd-table td{border-bottom:1px solid #f8fafc;color:#475569;padding:12px 14px;vertical-align:middle}.rd-table tbody tr:hover{background:#f8fafc}.rd-table tbody tr:last-child td{border-bottom:none}.rd-table .name-cell{color:#0f172a;font-weight:600}.rd-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.03em;padding:3px 10px;white-space:nowrap}.rd-badge-green{background:#dcfce7;color:#15803d}.rd-badge-red{background:#fee2e2;color:#b91c1c}.rd-badge-blue{background:#dbeafe;color:#1d4ed8}.rd-badge-yellow{background:#fef3c7;color:#b45309}.rd-badge-purple{background:#f3e8ff;color:#7c3aed}.rd-badge-gray{background:#f1f5f9;color:#475569}.rd-badge-indigo{background:#eef2ff;color:#4338ca}.rd-badge-orange{background:#fff7ed;color:#c2410c}.rd-followup-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.rd-fu-stat{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;padding:14px 10px;text-align:center;transition:border-color .2s}.rd-fu-stat:hover{border-color:#cbd5e1}.rd-fu-stat-value{font-size:28px;font-weight:800;line-height:1;margin-bottom:5px}.rd-fu-stat-label{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.rd-fu-today{color:#3b82f6}.rd-fu-overdue{color:#ef4444}.rd-fu-upcoming{color:#f59e0b}.rd-followup-list{display:flex;flex-direction:column;gap:10px}.rd-fu-item{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;padding:12px 14px;transition:box-shadow .2s}.rd-fu-item:hover{box-shadow:0 2px 8px #00000014}.rd-fu-item.overdue{background:#fff9f9;border-left:3px solid #ef4444}.rd-fu-item.today{background:#f0f7ff;border-left:3px solid #3b82f6}.rd-fu-item.upcoming{border-left:3px solid #f59e0b}.rd-fu-dot{border-radius:50%;flex-shrink:0;height:8px;margin-top:4px;width:8px}.rd-fu-content{flex:1 1;min-width:0}.rd-fu-lead-name{color:#0f172a;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rd-fu-meta{color:#94a3b8;font-size:11px;margin-top:3px}.rd-fu-days{flex-shrink:0;font-size:11px;font-weight:700;white-space:nowrap}.rd-funnel{display:flex;flex-direction:column;gap:14px}.rd-funnel-labels{display:flex;justify-content:space-between;margin-bottom:5px}.rd-funnel-stage{color:#64748b;font-size:12px}.rd-funnel-val{color:#0f172a;font-size:12px;font-weight:700}.rd-funnel-bar-bg{background:#f1f5f9;border-radius:99px;height:8px;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:64px}.rd-mini-bar-wrap{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;height:100%}.rd-mini-bar-bg{align-items:flex-end;background:#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;font-size:10px}.rd-team-member-cell{align-items:center;display:flex;gap:10px}.rd-avatar{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:11px;font-weight:800;height:32px;justify-content:center;width:32px}.rd-stat-list{display:flex;flex-direction:column;gap:0}.rd-stat-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:10px 0}.rd-stat-row:last-child{border-bottom:none}.rd-stat-row-left{align-items:center;color:#475569;display:flex;font-size:13px;gap:8px}.rd-stat-dot{border-radius:2px;flex-shrink:0;height:8px;width:8px}.rd-stat-row-val{color:#0f172a;font-size:18px;font-weight:800}.rd-activity-list{display:flex;flex-direction:column;gap:0}.rd-activity-item{border-bottom:1px solid #f8fafc;display:flex;gap:12px;padding:12px 0}.rd-activity-item:last-child{border-bottom:none}.rd-activity-dot{border-radius:50%;flex-shrink:0;height:8px;margin-top:4px;width:8px}.rd-activity-line{display:flex;flex-direction:column}.rd-activity-text{color:#334155;font-size:13px;font-weight:500}.rd-activity-time{color:#94a3b8;font-size:11px;margin-top:3px}.rd-empty{color:#94a3b8;font-size:13px;padding:32px 16px;text-align:center}.rd-empty-icon{font-size:28px;margin-bottom:8px}.rd-loading{align-items:center;color:#94a3b8;display:flex;font-size:14px;gap:10px;justify-content:center;padding:40px}.rd-spinner{animation:rdSpin .7s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:18px;width:18px}@keyframes rdSpin{to{transform:rotate(1turn)}}@media (max-width:1280px){.rd-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.rd-kpi-grid{grid-template-columns:repeat(3,1fr)}.rd-row-1-2,.rd-row-2,.rd-row-2-1,.rd-row-3-2{grid-template-columns:1fr}.rd-row-3{grid-template-columns:1fr 1fr}}@media (max-width:640px){.rd-container{padding:16px}.rd-kpi-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.rd-row-3{grid-template-columns:1fr}.rd-followup-stats{grid-template-columns:repeat(3,1fr)}}.leads-enquiries-container{font-family:Poppins,sans-serif;padding:24px 24px 0}.leads-enquiries-breadcrumb{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:6px;margin-bottom:12px}.leads-enquiries-breadcrumb-separator{color:#9ca3af}.leads-enquiries-breadcrumb-active{color:#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;font-size:22px;font-weight:600;margin:0}.leads-enquiries-info-icon{color:#2563eb;cursor:help;font-size:26px;transition:all .3s ease}.leads-enquiries-info-icon:hover{color:#1d4ed8;transform:scale(1.1)}.leads-enquiries-action-bar{align-items:center;background-color:#fff;border:1px solid #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;height:16px;left:10px;position:absolute;top:50%;transform:translateY(-50%);width:16px}.leads-enquiries-search-input{border:1px solid #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;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;border:1px solid #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;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;color:#fff}.leads-enquiries-btn-primary:hover{background-color:#1d4ed8}.leads-enquiries-btn-secondary{background-color:#fff;border:1px solid #d1d5db;color:#374151}.leads-enquiries-btn-secondary:hover{background-color:#f9fafb}.leads-enquiries-btn-icon{height:14px;width:14px}.leads-enquiries-view-toggle{background-color:#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;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;color:#374151}.leads-enquiries-view-btn.active{background-color:#fff;box-shadow:0 1px 2px #0000000d;color:#2563eb}.leads-enquiries-table-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 2px #0000000d;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}.leads-enquiries-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.leads-enquiries-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.leads-enquiries-table{border-collapse:collapse;min-width:900px;table-layout:fixed;width:100%}.leads-enquiries-table td:first-child,.leads-enquiries-table td:nth-child(2),.leads-enquiries-table th:first-child,.leads-enquiries-table th:nth-child(2){text-align:left;width:18%}.leads-enquiries-table td:nth-child(3),.leads-enquiries-table th:nth-child(3){text-align:left;width:12%}.leads-enquiries-table td:nth-child(4),.leads-enquiries-table th:nth-child(4){text-align:left;width:10%}.leads-enquiries-table td:nth-child(5),.leads-enquiries-table td:nth-child(6),.leads-enquiries-table th:nth-child(5),.leads-enquiries-table th:nth-child(6){text-align:center;width:10%}.leads-enquiries-table td:nth-child(7),.leads-enquiries-table th:nth-child(7){text-align:center;width:22%}.leads-enquiries-table thead{background-color:#f9fafb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.leads-enquiries-table th{color:#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:nth-child(5) .th-content,.leads-enquiries-table th:nth-child(6) .th-content{justify-content:center}.th-content{justify-content:flex-start}.sort-icon{transition:all .2s}.sort-icon-default{opacity:.3}.sort-icon-active{stroke:#2563eb;opacity:1}.leads-enquiries-table th:hover{background-color:#f3f4f6}.leads-enquiries-table th:hover .sort-icon-default{opacity:.6}.leads-enquiries-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.leads-enquiries-table tbody tr:hover{background-color:#f9fafb}.leads-enquiries-table td{color:#6b7280;font-size:13px;overflow:hidden;padding:8px 16px;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.leads-enquiries-font-medium{color:#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;color:#991b1b}.leads-enquiries-badge-medium{background-color:#fef3c7;color:#92400e}.leads-enquiries-badge-low{background-color:#d1fae5;color:#065f46}.leads-enquiries-badge-new{background-color:#dbeafe;color:#1e40af}.leads-enquiries-badge-contacted{background-color:#e0e7ff;color:#3730a3}.leads-enquiries-badge-discussion{background-color:#fef3c7;color:#92400e}.leads-enquiries-badge-proposal{background-color:#ddd6fe;color:#5b21b6}.leads-enquiries-badge-won{background-color:#d1fae5;color:#065f46}.leads-enquiries-badge-lost{background-color:#fee2e2;color:#991b1b}.leads-enquiries-badge-default{background-color:#f3f4f6;color:#374151}.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}.leads-enquiries-action-view:hover{background-color:#dbeafe}.leads-enquiries-action-edit{color:#059669}.leads-enquiries-action-edit:hover{background-color:#d1fae5}.leads-enquiries-action-delete{color:#dc2626}.leads-enquiries-action-delete:hover{background-color:#fee2e2}.leads-enquiries-action-timeline{color:#8b5cf6}.leads-enquiries-action-timeline:hover{background-color:#ede9fe}.leads-enquiries-action-followup{color:#10b981}.leads-enquiries-action-followup:hover{background-color:#d1fae5}.leads-enquiries-action-proposal{color:#f59e0b}.leads-enquiries-action-proposal:hover{background-color:#fef3c7}.leads-enquiries-grid-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 2px #0000000d;padding:12px}.leads-enquiries-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:12px}.leads-enquiries-card{background-color:#fff;border:1px solid #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;box-shadow:0 3px 8px #0000001a;transform:translateY(-1px)}.leads-enquiries-card-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:8px}.leads-enquiries-card-id{background-color:#dbeafe;border-radius:4px;color:#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;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;display:flex;font-size:11px;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leads-enquiries-card-icon{color:#9ca3af;flex-shrink:0;height:12px;width:12px}.leads-enquiries-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;background-color:#f9fafb;border-left:2px solid #2563eb;border-radius:4px;color:#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;display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:8px}.leads-enquiries-card-source{align-items:center;color:#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}.leads-enquiries-card-action-btn.leads-enquiries-action-view:hover{background-color:#dbeafe}.leads-enquiries-card-action-btn.leads-enquiries-action-timeline{color:#8b5cf6}.leads-enquiries-card-action-btn.leads-enquiries-action-timeline:hover{background-color:#ede9fe}.leads-enquiries-card-action-btn.leads-enquiries-action-followup{color:#10b981}.leads-enquiries-card-action-btn.leads-enquiries-action-followup:hover{background-color:#d1fae5}.leads-enquiries-card-action-btn.leads-enquiries-action-proposal{color:#f59e0b}.leads-enquiries-card-action-btn.leads-enquiries-action-proposal:hover{background-color:#fef3c7}.leads-enquiries-card-action-btn.leads-enquiries-action-edit{color:#059669}.leads-enquiries-card-action-btn.leads-enquiries-action-edit:hover{background-color:#d1fae5}.leads-enquiries-card-action-btn.leads-enquiries-action-delete{color:#dc2626}.leads-enquiries-card-action-btn.leads-enquiries-action-delete:hover{background-color:#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;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:10px 12px}.leads-enquiries-pagination-info{color:#6b7280;font-size:12px}.leads-enquiries-pagination-controls{align-items:center;display:flex;gap:12px}.leads-enquiries-rows-select{background-color:#fff;border:1px solid #d1d5db;border-radius:5px;cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;margin-left:8px;padding:5px 8px}.leads-enquiries-pagination-buttons{align-items:center;display:flex;gap:10px}.leads-enquiries-pagination-btn{background-color:#fff;border:1px solid #d1d5db;border-radius:5px;color:#374151;cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;padding:5px 10px;transition:all .2s}.leads-enquiries-pagination-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#2563eb;color:#2563eb}.leads-enquiries-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.leads-enquiries-pagination-current{color:#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;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;display:flex;justify-content:space-between;padding:14px 16px}.leads-enquiries-modal-header h2{color:#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}.leads-enquiries-modal-close svg{color:#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;color:#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;font-size:12px;font-weight:500}.leads-enquiries-form-group input,.leads-enquiries-form-group select,.leads-enquiries-form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-family:Poppins,sans-serif;font-size:13px;padding:7px 10px;transition:all .2s}.leads-enquiries-form-group input:focus,.leads-enquiries-form-group select:focus,.leads-enquiries-form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}.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;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;color:#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;font-size:11px;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.leads-enquiries-detail-value{color:#111827;font-size:13px;font-weight:500}.leads-enquiries-description{color:#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;border-radius:3px}.leads-enquiries-timeline::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.leads-enquiries-timeline::-webkit-scrollbar-thumb:hover{background:#94a3b8}.leads-enquiries-timeline-item{display:flex;gap:10px;position:relative}.leads-enquiries-timeline-item:not(:last-child):before{background-color:#e5e7eb;bottom:-10px;content:"";left:6px;position:absolute;top:18px;width:2px}.leads-enquiries-timeline-marker{background-color:#2563eb;border:2px solid #dbeafe;border-radius:50%;flex-shrink:0;height:12px;margin-top:3px;width:12px}.leads-enquiries-timeline-content{background-color:#f9fafb;border:1px solid #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;font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.leads-enquiries-timeline-date{color:#6b7280;font-size:10px}.leads-enquiries-timeline-body p{color:#374151;font-size:12px;line-height:1.4;margin:0 0 6px}.leads-enquiries-timeline-user{color:#6b7280;font-size:11px;font-style:italic}.leads-enquiries-modal-actions{border-top:1px solid #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;border:2px solid #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;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;font-size:16px;font-weight:600;margin:0 0 6px}.delete-confirmation-text p{color:#6b7280;font-size:13px;line-height:1.4;margin:0}.delete-confirmation-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;position:absolute;right:12px;top:12px;transition:all .2s}.delete-confirmation-close:hover{background-color:#f3f4f6;color:#111827}.delete-confirmation-actions{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:center;padding:12px 16px}.delete-btn-cancel{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#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}.delete-btn-confirm{background-color:#dc2626;border:none;border-radius:6px;color:#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}.leads-enquiries-btn-disabled,.leads-enquiries-btn:disabled{background-color:#e5e7eb!important;color:#9ca3af!important;cursor:not-allowed!important;filter:blur(.5px);opacity:.5}.leads-enquiries-btn-disabled:hover,.leads-enquiries-btn:disabled:hover{background-color:#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;border:1px solid #fde68a;color:#92400e}.alert-danger{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.leads-enquiries-btn-success{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#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);border:none;border-radius:6px;color:#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-card,.leads-enquiries-grid-container{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:#fff;border:1px solid #d1d5db;color:#374151;display:flex;font-family:Poppins,sans-serif;font-size:13px;gap:6px;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}.col-visibility-badge{align-items:center;background-color:#2563eb;border-radius:9999px;display:inline-flex;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px}.col-visibility-dropdown{animation:dropdownReveal .15s ease-out;border:1px solid #e5e7eb;box-shadow:0 8px 24px #0000001f;overflow:hidden;right:0;top:calc(100% + 6px)}@keyframes dropdownReveal{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.col-visibility-header{background-color:#f9fafb;border-bottom:1px solid #f3f4f6;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;color:#2563eb;font-family:Poppins,sans-serif;transition:background .15s}.col-visibility-reset:hover{background-color:#dbeafe}.col-visibility-list{padding:6px 0}.col-visibility-item{gap:8px;padding:7px 12px;transition:background-color .15s}.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;flex-shrink:0;height:14px;width:14px}.col-visibility-label{color:#374151;font-family:Poppins,sans-serif;font-size:13px}.col-required-tag{background-color:#f3f4f6;color:#6b7280;letter-spacing:.04em}.col-drag-handle{align-items:center;color:#9ca3af;display:inline-flex;margin-right:2px}.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}.leads-enquiries-table th.col-dragging{background-color:#dbeafe!important;box-shadow:inset 0 0 0 2px #2563eb;opacity:.5}.leads-enquiries-table th.col-drag-over{background-color:#dbeafe!important;box-shadow:-3px 0 0 0 #2563eb;position:relative}.leads-enquiries-table th.col-drag-over:before{animation:dropIndicatorPulse .6s ease-in-out infinite alternate;background-color:#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;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000f;overflow:hidden}.ld-detail-topbar{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px 16px}.ld-back-btn{border:1px solid #d1d5db;color:#374151;font-family:Poppins,sans-serif;gap:6px;transition:all .18s}.ld-back-btn:hover{background:#f3f4f6;border-color:#2563eb;color:#2563eb}.ld-hero{align-items:flex-start;border-bottom:1px solid #e5e7eb;gap:14px;padding:18px 20px}.ld-hero-avatar{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;height:46px;width:46px}.ld-hero-name{color:#111827;font-size:17px;margin:0 0 3px}.ld-hero-code{background:#dbeafe;border-radius:4px;color:#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;border-bottom:2px solid #e5e7eb;gap:0;padding:0 16px}.ld-tab{color:#6b7280;font-family:Poppins,sans-serif;padding:10px 18px;transition:all .18s}.ld-tab:hover{background:#f3f4f6;color:#374151}.ld-tab.active{background:#0000;border-bottom-color:#2563eb;color:#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;border:1px solid #e5e7eb;border-radius:7px}.ld-card-title{color:#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;flex-shrink:0;font-weight:500}.ld-field-val{color:#111827;font-weight:500;text-align:right;word-break:break-word}.ld-enquiry-card{background:#f0f9ff;border:1px solid #bae6fd;border-left:4px solid #2563eb;border-radius:7px}.ld-enquiry-text{color:#374151;margin:0}.ld-proposal-card{border:1px solid #e5e7eb;border-radius:7px;flex-wrap:wrap;justify-content:space-between;padding:13px 16px;transition:all .18s}.ld-proposal-card:hover{border-color:#2563eb;box-shadow:0 2px 6px #2563eb1a}.ld-proposal-card-left{min-width:180px}.ld-proposal-no{background:#dbeafe;border-radius:4px;color:#2563eb;display:inline-block;font-size:10px;margin-bottom:4px;padding:2px 7px}.ld-proposal-title{color:#111827}.ld-proposal-meta{color:#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;color:#374151}.ld-proposal-actions{gap:6px}.ld-pact-btn{background:#fff;border:1px solid #d1d5db;color:#374151;font-family:Poppins,sans-serif;padding:5px 10px;transition:all .18s}.ld-pact-btn:hover{border-color:#2563eb}.ld-pact-edit:hover{background:#ecfdf5;border-color:#059669;color:#059669}.ld-history-list{gap:0}.ld-history-item{border-bottom:1px solid #f3f4f6;padding:12px 0;position:relative}.ld-history-item:last-child{border-bottom:none}.ld-history-icon{background:#f3f4f6;border-radius:50%;font-size:14px;height:30px;width:30px}.ld-history-hdr{margin-bottom:4px}.ld-history-type{color:#2563eb;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ld-history-date{color:#9ca3af}.ld-history-by{color:#6b7280;font-style:italic}.ld-history-desc{color:#374151;line-height:1.5;margin-bottom:4px}.ld-chg-field{color:#374151}.ld-chg-old{background:#fee2e2;color:#ef4444}.ld-chg-new,.ld-chg-old{border-radius:3px;padding:1px 5px}.ld-chg-new{background:#d1fae5;color:#059669}.ld-empty-state{color:#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;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}.ld-btn-pri:hover{background:#1d4ed8}.ld-btn-sec{border:1px solid #d1d5db;color:#374151}.ld-btn-sec:hover{background:#f9fafb;border-color:#9ca3af}.ld-btn-sm{padding:4px 9px}.ld-proposal-form{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.ld-ptabs{background:#fafafa;border-bottom:2px solid #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;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;color:#374151}.ld-ptab.active{background:#fff;border-bottom-color:#2563eb;color:#2563eb;font-weight:700}.ld-ptab-body{min-height:220px;padding:16px}.ld-pform-footer{background:#fafafa;border-top:1px solid #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;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-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;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;border-bottom:1px solid #e5e7eb;color:#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;padding:6px 8px;vertical-align:middle}.ld-inner-table td input,.ld-inner-table td select,.ld-inner-table td textarea{background:#fff;border:1px solid #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;outline:none}.ld-inner-table td textarea{min-height:36px;resize:vertical}.ld-subtotal-row td{background:#f9fafb;border-top:1px solid #e5e7eb;font-size:12px}.ld-total-row td{background:#ecfdf5;border-top:2px solid #86efac;font-size:12px;font-weight:700}.ld-del-row{background:#fee2e2;border:none;border-radius:4px;color:#991b1b;cursor:pointer;font-size:12px;padding:4px 8px}.ld-del-row:hover{background:#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;border:2px solid #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;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:8px 10px;transition:background .12s}.ld-bom-drop-item:hover{background:#eff6ff;border-left:3px solid #2563eb;padding-left:7px}.ld-bom-drop-item strong{color:#111827;font-size:12px}.leads-enquiries-form-group textarea[style*=fca5a5]{background:#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-radius:8px;padding:14px 16px}.ld-overview-proposals-empty{background:#fafafa;color:#6b7280;padding:12px 14px}.ld-ovp-icon{font-size:22px}.ld-ovp-text{gap:2px}.ld-ovp-label{color:#374151}.ld-ovp-sub{color:#9ca3af}.ld-ovp-header,.ld-ovp-stats{margin-bottom:12px}.ld-ovp-stats{border-bottom:1px solid #f3f4f6;border-top:1px solid #f3f4f6;gap:24px;padding:12px 0}.ld-ovp-stat{gap:3px;min-width:60px}.ld-ovp-stat-val{color:#111827;line-height:1}.ld-ovp-stat-money .ld-ovp-stat-val{font-size:16px}.ld-ovp-stat-label{color:#9ca3af;letter-spacing:.03em}.ld-ovp-latest{gap:8px}.ld-ovp-latest-label{color:#9ca3af;flex-shrink:0;font-size:10px;letter-spacing:.03em;text-transform:uppercase}.ld-ovp-latest-title{color:#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;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;transition:color .12s ease}.leads-enquiries-card:has(.leads-enquiries-card-clickable:hover){border-color:#bfdbfe;box-shadow:0 4px 16px #2563eb1f;transition:box-shadow .15s ease,border-color .15s ease}.leads-enquiries-pagination-btn-active{background-color:#2563eb!important;border-color:#2563eb!important;color:#fff!important;font-weight:600}.leads-enquiries-pagination-btn-active:hover{background-color:#1d4ed8!important}.leads-enquiries-pagination-ellipsis{align-items:center;color:#9ca3af;display:inline-flex;font-size:13px;padding:0 4px;-webkit-user-select:none;user-select:none}.leads-enquiries-pagination-btn:first-child,.leads-enquiries-pagination-btn:last-child{font-size:14px;min-width:32px;padding:5px 6px}.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;border:1px solid #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;border:1.5px solid #e2e8f0;border-radius:9px;color:#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;border-color:#94a3b8}.le-subsidy-btn--yes{background:#ecfdf5;border-color:#059669;color:#065f46}.le-subsidy-btn--no{background:#fef2f2;border-color:#dc2626;color:#991b1b}.le-subsidy-hint{color:#64748b;display:block;font-size:12px;font-style:italic;margin-top:6px}.group-project-filter{align-items:center;display:flex;gap:12px;margin-left:auto}.filter-group{display:flex;flex-direction:column;gap:4px;min-width:220px}.filter-label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.filter-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;max-width:220px;min-width:220px;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;transition:border-color .2s,box-shadow .2s;white-space:nowrap;width:220px}.filter-select:hover:not(:disabled){border-color:#9ca3af}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-select:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.filter-select option{white-space:nowrap}.filter-error{color:#dc2626;font-size:11px}.loading-indicator{animation:spin .6s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;display:inline-block;height:14px;width:14px}@media (max-width:768px){.page-header-with-filter{align-items:flex-start;flex-direction:column}.group-project-filter{align-items:stretch;flex-direction:column;margin-left:0;width:100%}.filter-group,.filter-select{min-width:0;min-width:auto;width:100%}.filter-select{max-width:100%}}.toast-container{gap:10px;max-width:400px;z-index:9999}.toast-notification{background:#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;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}.toast-success .toast-icon-container{color:#10b981}.toast-success .toast-title{color:#065f46}.toast-error{border-left-color:#ef4444}.toast-error .toast-icon-container{color:#ef4444}.toast-error .toast-title{color:#991b1b}.toast-warning{border-left-color:#f59e0b}.toast-warning .toast-icon-container{color:#f59e0b}.toast-warning .toast-title{color:#92400e}.toast-info{border-left-color:#3b82f6}.toast-info .toast-icon-container{color:#3b82f6}.toast-info .toast-title{color:#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:#ffffffd9;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.crm-preloader-box{align-items:center;display:flex;flex-direction:column;gap:12px}.crm-spinner{animation:crm-spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#2563eb;height:42px;width:42px}.crm-loading-text{color:#374151;font-size:14px;font-weight:500}@keyframes crm-spin{to{transform:rotate(1turn)}}.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;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;display:flex;justify-content:space-between;padding:24px}.timeline-modal-header h2{color:#0f172a;font-size:20px;font-weight:600;margin:0 0 4px}.timeline-lead-name{color:#64748b;font-size:14px;margin:0}.timeline-modal-close{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;flex-shrink:0;padding:8px;transition:all .2s ease}.timeline-modal-close:hover{background:#f1f5f9;color:#0f172a}.timeline-modal-close svg{height:20px;width:20px}.timeline-lead-summary{grid-gap:16px;background:#f8fafc;border-bottom:1px solid #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;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.timeline-summary-value{color:#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;color:#1e40af}.timeline-status-badge.status-contacted{background:#fef3c7;color:#92400e}.timeline-status-badge.status-in-discussion{background:#e0e7ff;color:#3730a3}.timeline-status-badge.status-proposal-sent{background:#e9d5ff;color:#6b21a8}.timeline-status-badge.status-closed-won{background:#d1fae5;color:#065f46}.timeline-priority-badge.priority-high,.timeline-status-badge.status-closed-lost{background:#fee2e2;color:#991b1b}.timeline-priority-badge.priority-medium{background:#fef3c7;color:#92400e}.timeline-priority-badge.priority-low{background:#d1fae5;color:#065f46}.timeline-tabs{background:#fff;border-bottom:2px solid #eef2f7;display:flex;padding:0 24px}.timeline-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#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}.timeline-tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.timeline-content{flex:1 1;overflow-y:auto;padding:24px}.timeline-list{display:flex;flex-direction:column;gap:16px}.timeline-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.timeline-item:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000001a}.timeline-item-icon{align-items:center;background:#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;font-size:15px;font-weight:600;margin:0}.timeline-item-time{color:#94a3b8;font-size:12px;white-space:nowrap}.timeline-item-change{align-items:center;background:#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;font-weight:600}.timeline-change-old{color:#ef4444;text-decoration:line-through}.timeline-change-arrow{color:#94a3b8}.timeline-change-new{color:#10b981;font-weight:600}.timeline-item-footer{color:#64748b;font-size:12px}.timeline-item-user{font-style:italic}.followups-list{display:flex;flex-direction:column;gap:16px}.followup-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s ease}.followup-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000001a}.followup-card-header{align-items:center;background:#f8fafc;border-bottom:1px solid #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;font-size:15px;font-weight:600}.followup-badges{display:flex;gap:8px}.followup-status-badge{border-radius:999px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.followup-priority-badge{background:#fff;border:2px solid;font-size:11px}.followup-card-body{padding:16px}.followup-detail{align-items:center;color:#475569;display:flex;font-size:14px;gap:10px;margin-bottom:10px}.followup-detail svg{color:#94a3b8;flex-shrink:0;height:16px;width:16px}.followup-notes,.followup-outcome{background:#f8fafc;border-radius:8px;margin-top:12px;padding:12px}.followup-notes strong,.followup-outcome strong{color:#475569;display:block;font-size:13px;margin-bottom:6px}.followup-notes p,.followup-outcome p{color:#0f172a;font-size:14px;line-height:1.6;margin:0}.followup-outcome{background:#ecfdf5;border-left:3px solid #10b981}.followup-card-footer{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;color:#64748b;display:flex;font-size:12px;justify-content:space-between;padding:12px 16px}.followup-completed{color:#10b981;font-weight:600}.timeline-empty{color:#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;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);color:#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;border:1px solid #e2e8f0;color:#64748b}.timeline-btn-secondary:hover{background:#f8fafc;border-color:#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;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;display:flex;justify-content:space-between;padding:24px}.add-followup-modal-header h2{color:#0f172a;font-size:20px;font-weight:600;margin:0}.add-followup-modal-close{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;padding:8px;transition:all .2s ease}.add-followup-modal-close:hover{background:#f1f5f9;color:#0f172a}.add-followup-modal-close svg{height:20px;width:20px}.add-followup-lead-info{grid-gap:16px;background:#f8fafc;border-bottom:1px solid #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;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.add-followup-info-value{color:#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;font-size:14px;font-weight:500}.add-followup-form-group input,.add-followup-form-group select,.add-followup-form-group textarea{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#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;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;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);color:#fff}.add-followup-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.add-followup-btn-secondary{background:#fff;border:1px solid #e2e8f0;color:#64748b}.add-followup-btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#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;border-color:#cbd5e1;color:#475569}.lep-btn--template:hover{border-color:#6366f1;color:#6366f1}.lep-btn--import{background:#6366f1;border-color:#6366f1;color:#fff}.lep-btn--import:hover:not(:disabled){background:#4f46e5}.lep-btn--import:disabled{cursor:not-allowed;opacity:.6}.lep-btn--export{background:#fff;border-color:#059669;color:#059669}.lep-btn--export:hover{background:#ecfdf5}.lep-spinner{animation:lepSpin .6s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;display:inline-block;height:13px;width:13px}@keyframes lepSpin{to{transform:rotate(1turn)}}.lep-result{animation:lepDrop .2s ease;background:#fff;border-radius:12px;border-top:4px solid #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}.lep-result--fail{border-top-color:#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;cursor:pointer;font-size:14px;line-height:1;padding:0}.lep-result-close:hover{color:#374151}.lep-result-counts{display:flex;gap:16px;margin-bottom:8px}.lep-count-ok{color:#059669;font-weight:700}.lep-count-skip{color:#d97706;font-weight:700}.lep-error-list p{color:#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;line-height:1.4}.lep-progress-bar{background:#e2e8f0;border-radius:20px;height:8px;margin-top:8px;overflow:hidden;position:relative}.lep-progress-fill{background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:20px;height:100%;transition:width .2s ease}.lep-progress-bar span{color:#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;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;font-size:16px;font-weight:700;margin:0}.lep-tpl-close{background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:18px;line-height:1;padding:2px 6px;transition:background .15s,color .15s}.lep-tpl-close:hover{background:#f1f5f9;color:#374151}.lep-tpl-subtitle{color:#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;border:1.5px solid #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;border-color:#6366f1}.lep-tpl-item-info{flex:1 1;min-width:0}.lep-tpl-item-name{color:#1e293b;font-size:14px;font-weight:700;margin-bottom:3px}.lep-tpl-item-desc{color:#64748b;font-size:12px;line-height:1.4}.lep-tpl-autofill-badge{align-items:center;background:#ecfdf5;border:1px solid #6ee7b7;border-radius:6px;color:#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;border-color:#cbd5e1;color:#475569}.lep-tpl-btn--dl:hover{border-color:#6366f1;color:#6366f1}.lep-tpl-btn--imp{background:#6366f1;border-color:#6366f1;color:#fff}.lep-tpl-btn--imp:hover{background:#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;color:#fff}.lfu-toast--error{background:#991b1b;color:#fff}@keyframes lfu-slide-in{0%{opacity:0;transform:translateX(60px)}to{opacity:1;transform:none}}.lfu-head{justify-content:space-between;margin-bottom:16px}.lfu-head,.lfu-head-left{align-items:center;display:flex}.lfu-head-left{gap:8px}.lfu-heading{color:#111827;font-size:15px;font-weight:700;margin:0}.lfu-count-pill{background:#f3f4f6;border-radius:20px;color:#374151;font-size:11px;font-weight:700;padding:2px 7px}.lfu-overdue-flag{background:#fef2f2;border:1px solid #fecaca;border-radius:20px;color:#dc2626;font-size:11px;font-weight:600;padding:2px 8px}.lfu-add-btn{align-items:center;background:#1b3a6b;border:none;border-radius:8px;color:#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}.lfu-filters{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:16px}.lfu-filter{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#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;color:#374151}.lfu-filter.active{background:#1b3a6b;border-color:#1b3a6b;color:#fff}.lfu-filter.urgent{border-color:#fca5a5;color:#dc2626}.lfu-filter.urgent.active{background:#dc2626;border-color:#dc2626;color:#fff}.lfu-filter-num{background:#ffffff40;border-radius:10px;font-size:10px;padding:0 5px}.lfu-filter:not(.active) .lfu-filter-num{background:#f3f4f6;color:#374151}.lfu-loading{align-items:center;color:#6b7280;display:flex;gap:10px;justify-content:center;padding:32px 0}.lfu-spinner{animation:lfu-spin .7s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#1b3a6b;height:18px;width:18px}@keyframes lfu-spin{to{transform:rotate(1turn)}}.lfu-empty{color:#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-list{display:flex;flex-direction:column;gap:10px}.lfu-card{animation:lfu-fade-in .3s ease both;background:#fff;border:1px solid #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;border-color:#fecaca}.lfu-card--done{background:#f9fffe;border-color:#d1fae5;opacity:.92}.lfu-card--cancelled{opacity:.65}@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{border:1px solid;border-radius:20px;padding:3px 10px;white-space:nowrap}.lfu-status-chip,.lfu-type-chip{align-items:center;display:inline-flex;font-size:11px;font-weight:600;gap:5px}.lfu-status-chip{border-radius:20px;padding:3px 9px}.lfu-status-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.lfu-overdue-chip{background:#fef2f2;border:1px solid #fecaca;border-radius:20px;color:#dc2626;font-size:11px;font-weight:700;padding:2px 8px}.lfu-priority-badge{font-size:11px;font-weight:600}.lfu-card-datetime{margin-left:auto;text-align:right}.lfu-date{color:#374151;display:block;font-size:12px;font-weight:600}.lfu-time{color:#9ca3af;font-size:11px}.lfu-card-row2{flex-wrap:wrap;gap:10px}.lfu-assignee,.lfu-card-row2{align-items:center;display:flex}.lfu-assignee{color:#374151;font-size:12px;gap:6px}.lfu-avatar{align-items:center;background:#e0e7ff;border-radius:50%;color:#3730a3;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:22px;justify-content:center;width:22px}.lfu-created-by{color:#9ca3af;font-size:11px;margin-left:auto}.lfu-completed-stamp{color:#059669;font-size:11px;font-weight:500}.lfu-notes{background:#f8fafc;border:1px solid #e5e7eb;border-radius:7px;padding:10px 12px}.lfu-block-label{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.lfu-block-label--outcome{color:#065f46}.lfu-block-text{color:#374151;font-size:13px;line-height:1.55;margin:0;white-space:pre-wrap}.lfu-outcome{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #a7f3d0;border-radius:7px;padding:10px 12px}.lfu-block-text--outcome{color:#1f2937}.lfu-expand-btn{background:none;border:none;color:#059669;cursor:pointer;font-size:11px;font-weight:600;padding:4px 0 0}.lfu-pending-hint{background:#f9fafb;color:#9ca3af}.lfu-overdue-hint,.lfu-pending-hint{border-radius:6px;font-size:11px;font-style:italic;padding:6px 10px}.lfu-overdue-hint{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.lfu-card-actions{display:flex;gap:8px;padding-top:4px}.lfu-btn-complete{background:#1b3a6b;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:background .15s}.lfu-btn-complete:hover{background:#142d52}.lfu-btn-cancel{background:#fff;border:1px solid #e5e7eb;border-radius:7px;color:#6b7280;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .15s}.lfu-btn-cancel:hover{border-color:#ef4444;color:#ef4444}.lfu-btn-cancel:disabled{cursor:not-allowed;opacity:.5}.lfu-add-card{animation:lfu-fade-in .2s ease;background:#eff6ff;border:2px dashed #bfdbfe;border-radius:12px;margin-bottom:16px;padding:16px 20px}.lfu-add-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.lfu-add-card-header h5{color:#1e40af;font-size:14px;font-weight:700;margin:0}.lfu-add-body{gap:14px}.lfu-add-body,.lfu-form-group{display:flex;flex-direction:column}.lfu-form-group{gap:5px}.lfu-form-group label{color:#374151;font-size:12px;font-weight:600}.lfu-form-hint{color:#9ca3af;font-weight:400}.lfu-form-group input,.lfu-form-group select,.lfu-form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:7px;color:#111827;font-family:inherit;font-size:13px;padding:8px 10px;transition:border-color .15s}.lfu-form-group input:focus,.lfu-form-group select:focus,.lfu-form-group textarea:focus{border-color:#1b3a6b;outline:none}.lfu-form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.lfu-type-grid{display:flex;flex-wrap:wrap;gap:6px}.lfu-type-opt{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;padding:6px 12px;transition:all .15s}.lfu-type-opt:hover{border-color:#9ca3af}.lfu-type-opt.active{font-weight:700}.lfu-type-icon{font-size:14px}.lfu-add-footer{display:flex;gap:10px;justify-content:flex-end}.lfu-btn-sec{background:#fff;border:1px solid #d1d5db;border-radius:7px;color:#374151;cursor:pointer;font-size:12px;font-weight:600;padding:7px 16px}.lfu-btn-sec:hover{background:#f9fafb}.lfu-modal-bg{align-items:center;animation:lfu-modal-bg-in .2s ease;background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes lfu-modal-bg-in{0%{opacity:0}to{opacity:1}}.lfu-modal{animation:lfu-modal-in .2s ease;background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000040;max-height:90vh;max-width:560px;overflow-y:auto;width:100%}@keyframes lfu-modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}.lfu-modal-top{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:20px 24px 16px}.lfu-modal-title{color:#111827;font-size:17px;font-weight:700;margin:8px 0 0}.lfu-modal-sub{color:#6b7280;font-size:12px;margin:2px 0 0}.lfu-modal-body{display:flex;flex-direction:column;gap:16px;padding:20px 24px}.lfu-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.lfu-modal-reminder{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:10px 12px}.lfu-modal-reminder-label{color:#92400e;display:block;font-size:11px;font-weight:700;margin-bottom:4px}.lfu-modal-reminder p{color:#78350f;font-size:12px;margin:0}.lfu-status-opts{display:flex;flex-wrap:wrap;gap:8px}.lfu-status-opt{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:9px;cursor:pointer;display:flex;flex:1 1;gap:10px;min-width:130px;padding:10px 12px;transition:all .15s}.lfu-status-opt:hover{border-color:#9ca3af}.lfu-status-opt input{display:none}.lfu-status-opt div strong{display:block;font-size:12px}.lfu-status-opt div p{color:#9ca3af;font-size:11px;margin:1px 0 0}.lfu-status-opt-icon{flex-shrink:0;font-size:18px;font-weight:700}.lfu-char-count{color:#9ca3af;font-size:10px;text-align:right}.lfu-icon-close{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:16px;line-height:1;padding:4px;transition:color .15s}.lfu-icon-close:hover{color:#374151}@media (max-width:600px){.lfu-form-row{grid-template-columns:1fr}.lfu-card-row1{gap:6px}.lfu-card-datetime{margin-left:0;text-align:left;width:100%}.lfu-status-opts{flex-direction:column}}.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;font-size:32px;font-weight:700;margin-bottom:8px}.proposal-page-breadcrumb{color:#718096;font-size:14px}.proposal-page-action-bar{align-items:center;background:#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-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;box-shadow:0 0 0 3px #3182ce1a;outline:none}.proposal-page-filter{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 16px;transition:border-color .3s}.proposal-page-filter:focus{border-color:#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;color:#fff}.proposal-page-btn-primary:hover{background:#2c5aa0;box-shadow:0 4px 6px #3182ce4d;transform:translateY(-1px)}.proposal-page-btn-secondary{background:#e2e8f0;color:#2d3748}.proposal-page-btn-secondary:hover{background:#cbd5e0}.proposal-page-btn-sm{font-size:13px;padding:6px 12px}.proposal-page-table-container{background:#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;position:-webkit-sticky;position:sticky;top:0;z-index:10}.proposal-page-table th{border-bottom:2px solid #e2e8f0;color:#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}.proposal-page-table td{border-bottom:1px solid #e2e8f0;font-size:14px;padding:16px}.proposal-page-table tbody tr{transition:background-color .2s}.proposal-page-table tbody tr:hover{background:#f7fafc}.proposal-page-id{color:#3182ce;font-family:Courier New,monospace;font-weight:600}.proposal-page-version{background:#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;color:#4a5568}.status-sent{background:#bee3f8;color:#2c5282}.status-approved{background:#c6f6d5;color:#22543d}.status-rejected{background:#fed7d7;color:#742a2a}.status-hold{background:#feebc8;color:#7c2d12}.proposal-page-actions{display:flex;gap:8px}.proposal-page-action-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#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;color:#2d3748;transform:scale(1.1)}.proposal-page-action-delete:hover{background:#fed7d7;color:#742a2a}.proposal-page-pagination{align-items:center;background:#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;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-radius:4px;cursor:pointer;font-size:14px}.proposal-page-pagination-btn{background:#fff;padding:6px 16px;transition:all .2s}.proposal-page-pagination-btn:hover:not(:disabled){background:#edf2f7;border-color:#cbd5e0}.proposal-page-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.proposal-page-pagination-current{color:#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;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;border-bottom:1px solid #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;font-size:24px;font-weight:700}.proposal-page-modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#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;color:#2d3748}.proposal-page-modal-content{padding:24px}.proposal-page-card{background:#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{color:#1a202c;font-size:18px;font-weight:600;margin-bottom:4px}.proposal-page-card h3{color:#1a202c;font-size:16px;font-weight:600;margin-bottom:16px}.proposal-page-card h4{color:#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;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;font-size:14px;line-height:1.6}.proposal-page-content-section pre{background:#fff;border-radius:4px;font-family:Courier New,monospace;padding:12px;white-space:pre-wrap}.proposal-page-modal-actions{border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.proposal-page-status-dropdown{background:#fff;border:1px solid #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;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-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;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;border-left:4px solid #3182ce;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.proposal-page-version-item strong{color:#1a202c;display:block;font-size:16px;margin-bottom:4px}.proposal-page-version-item p{color:#718096;font-size:13px}.proposal-delete-modal{animation:slideUp .3s;background:#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;border-radius:50%;color:#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;font-size:24px;font-weight:700;margin:0 0 12px}.proposal-delete-modal-text{color:#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;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s}.proposal-delete-btn:hover{background:#9b2c2c;box-shadow:0 4px 6px #c530304d;transform:translateY(-1px)}.proposal-unit-dropdown{background-color:#fff;border:1px solid #e2e8f0;font-size:13px;padding:8px;transition:border-color .3s}.proposal-unit-dropdown:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.unit-input-container{position:relative}.unit-input-container input:focus{border-color:#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;border-radius:4px}.unit-input-container>div::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.unit-input-container>div::-webkit-scrollbar-thumb:hover{background:#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}.proposal-page-modal::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.proposal-page-modal::-webkit-scrollbar-thumb:hover{background:#a0aec0}.proposal-page-table-container::-webkit-scrollbar{height:8px}.proposal-page-table-container::-webkit-scrollbar-track{background:#f1f1f1}.proposal-page-table-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.proposal-page-table-container::-webkit-scrollbar-thumb:hover{background:#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}.proposal-view:hover{background-color:#2563eb1f}.proposal-edit{color:#059669}.proposal-edit:hover{background-color:#0596691f}.proposal-pdf{color:#7f1d1d}.proposal-pdf:hover{background-color:#7f1d1d1f}.proposal-delete{color:#dc2626}.proposal-delete:hover{background-color:#dc26261f}.proposal-action-icon:disabled{cursor:not-allowed;opacity:.4}:root{--p-blue:#2563eb;--p-blue-lt:#dbeafe;--p-blue-dk:#1d4ed8;--p-green:#059669;--p-red:#dc2626;--p-amber:#d97706;--p-purple:#7c3aed;--p-border:#e5e7eb;--p-bg:#f9fafb;--p-text:#111827;--p-muted:#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;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;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}.p-btn-primary:hover{background:#1d4ed8;background:var(--p-blue-dk)}.p-btn-secondary{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--p-border);color:#374151}.p-btn-secondary:hover{background:#f9fafb;background:var(--p-bg)}.p-btn-outline{background:#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}.p-btn-danger:hover{background:#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;border:1px solid #e5e7eb;border:1px solid var(--p-border);border-radius:6px;border-radius:var(--p-radius);color:#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;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;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;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;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;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;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;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;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;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;color:#374151}.status-sent{background:#dbeafe;color:#1e40af}.status-approved{background:#d1fae5;color:#065f46}.status-rejected{background:#fee2e2;color:#991b1b}.status-hold{background:#fef3c7;color:#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}.p-act-pdf{color:#7f1d1d}.p-act-pdf:hover{background:#fee2e2}.p-act-delete{color:#dc2626;color:var(--p-red)}.p-act-delete:hover{background:#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;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;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;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;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;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;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;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;border:none;border-radius:4px;color:#991b1b;cursor:pointer;font-size:12px;padding:4px 8px;transition:background .15s}.p-del-row-btn:hover{background:#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;border-top:2px solid #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;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;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;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;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{background:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-family:var(--p-font);padding:6px 10px}.p-delete-modal{animation:pSlideUp .22s;background:#fff;border:2px solid #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;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;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;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;font-size:12px;margin-bottom:8px}.procurement-quotation-received-title{color:#1e293b;font-size:24px;font-weight:600;margin:0}.procurement-quotation-received-count{color:#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;border:1px solid #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;box-shadow:0 0 0 3px #3b82f61a;outline:none}.procurement-quotation-received-filter{background-color:#fff;border:1px solid #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}.procurement-quotation-received-filter:focus{border-color:#3b82f6;outline:none}.procurement-quotation-received-checkbox-filter{align-items:center;color:#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;border:none;border-radius:8px;color:#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;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.procurement-quotation-received-btn-secondary{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#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;border-color:#cbd5e1}.procurement-btn-icon{gap:6px}.procurement-quotation-received-btn-danger{background-color:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.procurement-quotation-received-btn-danger:hover{background-color:#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;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;color:#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;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;color:#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;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}.procurement-column-picker-item input[type=checkbox]{accent-color:#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;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;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;font-size:22px;font-weight:700;margin-bottom:4px}.procurement-quotation-received-kpi-label{color:#64748b;font-size:12px;font-weight:500}.procurement-quotation-received-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;max-height:500px}.procurement-table-scroll{flex:1 1;overflow-x:auto;overflow-y:auto}.procurement-table-scroll::-webkit-scrollbar{height:5px;width:5px}.procurement-table-scroll::-webkit-scrollbar-track{background:#f1f5f9}.procurement-table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.procurement-table-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.procurement-table-wrapper{width:100%}.procurement-quotation-received-table{border-collapse:initial;border-spacing:0}.procurement-quotation-received-table thead{background-color:#f8fafc}.procurement-quotation-received-table th{background:#f8fafc;position:-webkit-sticky;position:sticky;top:0;z-index:20}.procurement-quotation-received-table td{border-bottom:1px solid #f1f5f9;color:#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}.procurement-quotation-received-table-id{color:#3b82f6;font-weight:600}.procurement-quotation-received-table-vendor{color:#1e293b;font-weight:500}.procurement-quotation-received-table-value{color:#059669;font-weight:600}.procurement-quotation-received-expiring{color:#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;color:#1e40af}.procurement-quotation-received-badge-review{background-color:#fef3c7;color:#92400e}.procurement-quotation-received-badge-shortlisted{background-color:#e0e7ff;color:#4338ca}.procurement-quotation-received-badge-approved{background-color:#d1fae5;color:#065f46}.procurement-quotation-received-badge-rejected{background-color:#fee2e2;color:#991b1b}.procurement-quotation-received-badge-expiring{background-color:#fed7aa;color:#9a3412}.procurement-quotation-received-badge-expired{background-color:#fecaca;color:#7f1d1d}.procurement-quotation-received-badge-po-created{background-color:#d1fae5;color:#065f46}.procurement-quotation-received-actions-cell{align-items:center;display:flex;gap:8px;justify-content:center}.procurement-quotation-received-action-btn{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:6px;transition:all .2s}.procurement-quotation-received-action-btn:hover{background-color:#f1f5f9;transform:scale(1.1)}.procurement-quotation-received-create-po-btn{background-color:#dcfce7;color:#166534}.procurement-quotation-received-create-po-btn:hover{background-color:#bbf7d0}.empty-state{font-style:italic;padding:50px 20px!important}.file-link{color:#3b82f6;font-size:13px;text-decoration:none;transition:color .2s}.file-link:hover{color:#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;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;border-bottom:1px solid #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;font-size:20px;margin:0 0 4px}.procurement-quotation-received-drawer-subtitle{color:#64748b;font-size:13px;margin:0}.procurement-quotation-received-drawer-close{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:24px;line-height:1;padding:4px;transition:all .2s}.procurement-quotation-received-drawer-close:hover{background-color:#f1f5f9;color:#1e293b}.procurement-quotation-received-drawer-content{padding:20px}.procurement-quotation-received-drawer-section{margin-bottom:24px}.procurement-quotation-received-drawer-section h3{color:#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;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.quotation-value{color:#059669;font-size:14px;font-weight:600}.quotation-items-table-wrapper{overflow-x:auto}.quotation-items-table{border:1px solid #e2e8f0;border-collapse:collapse;border-radius:8px;font-size:13px;overflow:hidden;width:100%}.quotation-items-table thead{background-color:#f8fafc}.quotation-items-table th{border-bottom:1px solid #e2e8f0;color:#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;color:#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;border-top:1px solid #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;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;display:flex;justify-content:space-between;padding:20px}.procurement-quotation-received-modal-header h2{color:#1e293b;font-size:18px;margin:0}.procurement-quotation-received-modal-close{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:24px;line-height:1;padding:4px;transition:all .2s}.procurement-quotation-received-modal-close:hover{background-color:#f1f5f9;color:#1e293b}.procurement-quotation-received-upload-form{display:flex;flex-direction:column;gap:20px;padding:20px}.procurement-quotation-received-form-section{background-color:#f8fafc;border-radius:8px;padding:16px}.procurement-quotation-received-form-section h3{color:#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;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;border:1px solid #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;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;border:none;border-radius:6px;color:#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}.procurement-quotation-received-items-table-wrapper{margin-bottom:16px;overflow-x:auto}.procurement-quotation-received-items-table{border:1px solid #e2e8f0;border-collapse:collapse;border-radius:8px;font-size:13px;min-width:1000px;overflow:hidden;width:100%}.procurement-quotation-received-items-table thead{background-color:#f8fafc}.procurement-quotation-received-items-table th{border-bottom:1px solid #e2e8f0;color:#475569;font-size:11px;font-weight:600;padding:10px 8px;text-align:left;text-transform:uppercase;white-space:nowrap}.procurement-quotation-received-items-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:8px}.procurement-quotation-received-items-table tbody tr:last-child td{border-bottom:none}.table-input{border:1px solid #d1d5db;border-radius:4px;font-family:inherit;font-size:13px;padding:6px 8px;transition:all .2s;width:100%}.table-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.table-input::placeholder{color:#94a3b8;font-style:italic;opacity:.7}.table-input:focus::placeholder{opacity:.5}.procurement-quotation-received-btn-remove-item{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#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}.procurement-quotation-received-quote-summary{background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:14px}.procurement-quotation-received-summary-row{color:#475569;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.procurement-quotation-received-summary-total{border-top:2px solid #e2e8f0;color:#1e293b;font-size:15px;margin-top:8px;padding-top:10px}.procurement-quotation-received-summary-total span{color:#059669}.procurement-quotation-received-modal-actions{border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding:16px 20px}.file-info-box{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;color:#0c4a6e;font-size:13px;margin-top:8px;padding:10px}.table-footer{background-color:#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;font-size:13px;font-weight:500}.page-size-select{background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#1e293b;cursor:pointer;font-size:13px;padding:6px 10px;transition:all .2s}.page-size-select:hover{border-color:#94a3b8}.page-size-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.page-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.page-btn.active{background:#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}}.Invoices-page-container{color:#1a202c;padding:24px 24px 0}.Invoices-page-breadcrumb{align-items:center;color:#64748b;display:flex;font-size:13px;gap:6px;margin-bottom:12px}.Invoices-page-separator{color:#cbd5e1}.Invoices-page-current{color:#2563eb;font-weight:500}.Invoices-page-title{color:#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{border:1px solid #e2e8f0;border-radius:6px;flex:1 1;font-size:13px;min-width:200px;padding:10px 12px;transition:all .2s}.Invoices-page-search:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}.Invoices-page-filter{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:13px;min-width:140px;padding:6px 12px;transition:all .2s}.Invoices-page-filter:hover{border-color:#cbd5e1}.Invoices-page-filter:focus{border-color:#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;border:none;border-radius:6px;color:#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;box-shadow:0 2px 8px #2563eb4d;transform:translateY(-1px)}.Invoices-page-btn-secondary{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#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;border-color:#cbd5e1}.Invoices-page-btn-add{background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.Invoices-page-btn-add:hover{background-color:#059669}.Invoices-page-btn-remove{align-items:center;background-color:#fee2e2;border:none;border-radius:4px;color:#991b1b;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:24px;justify-content:center;transition:all .2s;width:24px}.Invoices-page-btn-remove:hover{background-color:#fecaca}.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;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;font-size:11px;font-weight:500;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.Invoices-page-stat-value{color:#0f172a;font-size:22px;font-weight:700}.Invoices-page-stat-success{color:#10b981}.Invoices-page-stat-warning{color:#f59e0b}.Invoices-page-stat-danger{color:#ef4444}.Invoices-page-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;height:500px}.Invoices-page-table-scroll{flex:1 1;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}.Invoices-page-table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.Invoices-page-table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.Invoices-page-table{border-collapse:collapse;width:100%}.Invoices-page-table thead{background-color:#f8fafc;position:-webkit-sticky;position:sticky;top:0;z-index:10}.Invoices-page-table th{border-bottom:1px solid #e2e8f0;color:#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;color:#334155;font-size:13px;padding:8px 12px}.Invoices-page-table tbody tr{transition:all .15s}.Invoices-page-table tbody tr:hover{background-color:#f8fafc}.Invoices-page-invoice-id{color:#2563eb;font-size:13px;font-weight:600}.Invoices-page-total{color:#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}.Invoices-page-status-sent{background-color:#dbeafe}.Invoices-page-status-paid{background-color:#d1fae5;color:#065f46}.Invoices-page-status-cancelled{background-color:#fee2e2}.Invoices-page-payment-partial{background-color:#fef3c7}.Invoices-page-payment-pending{background-color:#fef3c7;color:#92400e}.Invoices-page-payment-paid{background-color:#d1fae5;color:#065f46}.Invoices-page-status-overdue{background-color:#fee2e2;color:#991b1b}.Invoices-page-action-buttons{display:flex;gap:4px}.Invoices-page-action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:4px 8px;transition:all .2s}.Invoices-page-btn-view{background-color:#dbeafe;color:#1e40af}.Invoices-page-btn-view:hover{background-color:#bfdbfe}.Invoices-page-btn-edit{background-color:#fef3c7;color:#92400e}.Invoices-page-btn-edit:hover{background-color:#fde68a}.Invoices-page-btn-download{background-color:#d1fae5;color:#065f46}.Invoices-page-btn-download:hover{background-color:#a7f3d0}.Invoices-page-btn-payment{background-color:#d1fae5;color:#065f46}.Invoices-page-btn-payment:hover{background-color:#a7f3d0}.Invoices-page-btn-delete{background-color:#fee2e2;color:#991b1b}.Invoices-page-btn-delete:hover{background-color:#fecaca}.Invoices-page-pagination{align-items:center;background:#fff;border-radius:8px;border-top:1px solid #f1f5f9;box-shadow:0 1px 3px #00000014;display:flex;justify-content:space-between;padding:12px 16px}.Invoices-page-pagination-info{color:#64748b;font-size:12px}.Invoices-page-pagination-controls-wrapper{align-items:center;display:flex;gap:16px}.Invoices-page-pagination-size{align-items:center;color:#64748b;display:flex;font-size:12px;gap:6px}.Invoices-page-pagination-size label{font-weight:500}.Invoices-page-pagination-size-select{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;font-size:12px;margin-left:8px;padding:8px;transition:all .2s}.Invoices-page-pagination-size-select:hover{border-color:#cbd5e1}.Invoices-page-pagination-size-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.Invoices-page-pagination-controls{align-items:center;display:flex;gap:8px}.Invoices-page-pagination-btn{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#475569;cursor:pointer;font-size:12px;padding:8px;transition:all .2s}.Invoices-page-pagination-btn:hover:not(:disabled){background-color:#f8fafc;border-color:#cbd5e1}.Invoices-page-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.Invoices-page-pagination-current{color:#334155;font-size:12px;font-weight:500}.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;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;display:flex;justify-content:space-between;padding:16px 20px}.Invoices-page-modal-header h2{color:#0f172a;font-size:18px;font-weight:700}.Invoices-page-modal-close{align-items:center;background-color:#f1f5f9;border:none;border-radius:6px;color:#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;color:#334155}.Invoices-page-modal-body{flex:1 1;overflow-y:auto;padding:16px 20px}.Invoices-page-modal-actions{border-top:1px solid #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;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.Invoices-page-invoice-company h1{color:#0f172a;font-size:28px;font-weight:700;margin-bottom:6px}.Invoices-page-invoice-number{color:#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;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;display:block;font-weight:500;margin-bottom:4px}.Invoices-page-invoice-section{margin-bottom:20px}.Invoices-page-invoice-section h3{color:#0f172a;font-size:16px;font-weight:600;margin-bottom:12px}.Invoices-page-invoice-section h4{color:#334155;font-size:14px;font-weight:600;margin-bottom:10px;margin-top:16px}.Invoices-page-client-info{background-color:#f8fafc;border-radius:8px;font-size:13px;line-height:1.6;padding:14px}.Invoices-page-client-info p{color:#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}.Invoices-page-invoice-items-table th{border-bottom:2px solid #e2e8f0;color:#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;color:#334155;font-size:13px;padding:8px 10px}.Invoices-page-invoice-totals{background-color:#f8fafc;border-radius:8px;margin-left:auto;margin-top:16px;max-width:350px;padding:14px}.Invoices-page-total-row{color:#334155;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.Invoices-page-grand-total{border-top:2px solid #e2e8f0;color:#0f172a;font-size:16px;font-weight:700;margin-top:10px;padding-top:10px}.Invoices-page-payment-summary{background-color:#f8fafc;border-radius:8px;padding:14px}.Invoices-page-payment-info{margin-bottom:16px}.Invoices-page-payment-row{color:#334155;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.Invoices-page-balance-due{border-top:2px solid #e2e8f0;font-size:15px;font-weight:600;margin-top:10px;padding-top:10px}.Invoices-page-text-success{color:#10b981}.Invoices-page-text-danger{color:#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;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:11px;font-weight:600;padding:8px;text-align:left}.Invoices-page-payment-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:13px;padding:8px}.Invoices-page-invoice-actions{border-top:2px solid #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;margin-bottom:20px;padding-bottom:16px}.Invoices-page-form-section:last-child{border-bottom:none}.Invoices-page-form-section h3{color:#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;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-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;box-shadow:0 0 0 2px #2563eb1a;outline:none}.Invoices-page-item-row{background-color:#f8fafc;border-radius:8px;display:flex;gap:8px;margin-bottom:12px;padding:12px;position:relative}.Invoices-page-item-fields{display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.Invoices-page-item-total{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#0f172a;font-size:13px;font-weight:600;padding:6px 10px}.Invoices-page-calculation-summary{background-color:#f8fafc;border-radius:8px;margin-left:auto;margin-top:16px;max-width:350px;padding:14px}.Invoices-page-calc-row{color:#334155;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.Invoices-page-calc-grand{border-top:2px solid #e2e8f0;color:#0f172a;font-size:16px;font-weight:700;margin-top:10px;padding-top:10px}.invoice-item-dropdown{background:#fff;border:1px solid #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;cursor:pointer;padding:10px 12px;transition:background-color .2s}.invoice-item-dropdown>div:hover{background-color:#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}}.receipts-page-container{color:#1a202c;padding:24px 24px 0}.receipts-page-breadcrumb{align-items:center;color:#64748b;display:flex;font-size:13px;gap:6px;margin-bottom:12px}.receipts-page-separator{color:#cbd5e1}.receipts-page-current{color:#2563eb;font-weight:500}.receipts-page-title{color:#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-radius:6px;flex:1 1;font-size:13px;min-width:200px;padding:6px 12px;transition:all .2s}.receipts-page-search:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}.receipts-page-filter{background-color:#fff;border:1px solid #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}.receipts-page-filter:focus{border-color:#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;border:none;border-radius:6px;color:#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;box-shadow:0 2px 8px #2563eb4d;transform:translateY(-1px)}.receipts-page-btn-secondary{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#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;border-color:#cbd5e1}.receipts-page-btn-danger{align-items:center;background:#dc2626;border:none;border-radius:6px;color:#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;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;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;font-size:11px;font-weight:500;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.receipts-page-stat-value{color:#0f172a;font-size:22px;font-weight:700}.receipts-page-stat-success{color:#10b981}.receipts-page-stat-warning{color:#f59e0b}.receipts-page-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;max-height:480px}.receipts-page-table-scroll{flex:1 1;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}.receipts-page-table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.receipts-page-table{border-collapse:collapse;width:100%}.receipts-page-table thead{background-color:#f8fafc;position:-webkit-sticky;position:sticky;top:0;z-index:10}.receipts-page-table th{border-bottom:1px solid #e2e8f0;color:#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;color:#334155;font-size:13px;padding:8px 12px}.receipts-page-table tbody tr{transition:all .15s}.receipts-page-table tbody tr:hover{background-color:#f8fafc}.receipt-no{color:#2563eb;font-size:13px;font-weight:600}.receipt-amount{color:#0f172a;font-weight:600}.text-success{color:#10b981;font-weight:500}.text-warning{color:#f59e0b;font-weight:500}.text-danger{color:#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;color:#1e40af}.receipt-type-invoice{background-color:#d1fae5;color:#065f46}.receipt-type-other{background-color:#f1f5f9;color:#64748b}.Invoices-page-status-draft{background:#f1f5f9;color:#64748b}.Invoices-page-status-sent{background:#dbeafe;color:#1e40af}.Invoices-page-status-paid{background:#dcfce7;color:#166534}.Invoices-page-payment-partial{background:#fef3c7;color:#92400e}.Invoices-page-status-cancelled{background:#fee2e2;color:#991b1b}.receipt-action-buttons{display:flex;gap:4px}.receipt-action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:4px 8px;transition:all .2s}.btn-view{background-color:#dbeafe;color:#1e40af}.btn-view:hover{background-color:#bfdbfe}.btn-edit{background-color:#fef3c7;color:#92400e}.btn-edit:hover{background-color:#fde68a}.btn-edit-allocation{background-color:#ddd6fe;color:#5b21b6}.btn-edit-allocation:hover{background-color:#c4b5fd}.btn-adjust{background-color:#ddd6fe;color:#5b21b6}.btn-adjust:hover{background-color:#c4b5fd}.btn-download{background-color:#d1fae5;color:#065f46}.btn-download:hover{background-color:#a7f3d0}.btn-delete{background-color:#fee2e2;color:#991b1b}.btn-delete:hover{background-color:#fecaca}.btn-restore{background:#16a34a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px}.btn-restore:hover{background:#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;color:#fff}.btn-edit-small:hover{background:#2563eb}.btn-remove-small{background:#ef4444;color:#fff}.btn-remove-small:hover{background:#dc2626}.receipts-page-pagination{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;display:flex;justify-content:space-between;padding:12px 16px}.receipts-page-pagination-info{color:#64748b;font-size:12px}.receipts-page-pagination-controls-wrapper{align-items:center;display:flex;gap:16px}.receipts-page-pagination-size{align-items:center;color:#64748b;display:flex;font-size:12px;gap:6px}.receipts-page-pagination-size label{font-weight:500}.receipts-page-pagination-size-select{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;font-size:12px;margin-left:8px;padding:8px;transition:all .2s}.receipts-page-pagination-size-select:hover{border-color:#cbd5e1}.receipts-page-pagination-size-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.receipts-page-pagination-controls{align-items:center;display:flex;gap:8px}.receipts-page-pagination-btn{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#475569;cursor:pointer;font-size:12px;padding:8px;transition:all .2s}.receipts-page-pagination-btn:hover:not(:disabled){background-color:#f8fafc;border-color:#cbd5e1}.receipts-page-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.receipts-page-pagination-current{color:#334155;font-size:12px;font-weight:500}.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;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;display:flex;justify-content:space-between;padding:16px 20px}.receipts-page-modal-header h2{color:#0f172a;font-size:18px;font-weight:700}.receipts-page-modal-close{align-items:center;background-color:#f1f5f9;border:none;border-radius:6px;color:#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;color:#334155}.receipts-page-modal-body{flex:1 1;overflow-y:auto;padding:16px 20px}.receipts-page-modal-actions{border-top:1px solid #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;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;display:block;font-weight:500;margin-bottom:4px}.receipt-details{background-color:#f8fafc;border-radius:8px;margin-bottom:20px;padding:14px}.receipt-detail-row{color:#334155;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.receipt-amounts{background-color:#f8fafc;border-radius:8px;padding:14px}.receipt-amount-row{border-bottom:1px solid #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;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;margin-bottom:20px;padding-bottom:16px}.receipts-page-form-section:last-child{border-bottom:none}.receipts-page-form-section h3{color:#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;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-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;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-radius:8px;display:flex;flex-direction:column;gap:6px;height:100%;padding:14px;transition:all .2s}.receipt-type-content strong{color:#0f172a;font-size:14px}.receipt-type-content span{color:#64748b;font-size:12px}.receipt-type-option input[type=radio]:checked+.receipt-type-content{background-color:#eff6ff;border-color:#2563eb}.receipt-type-option:hover .receipt-type-content{border-color:#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-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;font-size:14px}.invoice-selection-details{color:#64748b;display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.invoice-selection-item input[type=radio]:checked+.invoice-selection-content{background-color:#eff6ff;border-color:#2563eb}.invoice-selection-item:hover .invoice-selection-content{border-color:#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);border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#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}.adjustment-section h3{color:#1e293b;font-size:15px;font-weight:600;margin-bottom:8px}.adjustment-hint{color:#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;border:2px solid #e2e8f0;border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:14px;transition:all .2s ease}.invoice-adjustment-item:hover{background:#f1f5f9;border-color:#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;font-size:14px;font-weight:600}.invoice-adjustment-details{color:#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;font-size:12px;font-weight:600}.invoice-adjustment-input input{border:2px solid #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;box-shadow:0 0 0 2px #667eea1a;outline:none}.invoice-adjustment-input small{color:#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);border-radius:8px;color:#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;font-size:15px;font-weight:600;margin-bottom:12px}.allocations-list{display:flex;flex-direction:column;gap:10px}.allocation-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:6px;padding:12px}.allocation-header{align-items:center;border-bottom:1px solid #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;font-size:11px;font-weight:600}.allocation-details-grid span{color:#1e293b;font-size:13px;font-weight:500}.edit-allocation-form{background:#fff;border:2px solid #3b82f6;border-radius:8px;padding:16px}.edit-allocation-form h3{color:#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;font-size:12px;font-weight:600}.invoice-display{background:#f1f5f9;border-radius:6px;display:flex;justify-content:space-between;padding:10px}.invoice-display strong{color:#1e293b;font-size:13px}.invoice-display span{color:#10b981;font-size:13px;font-weight:700}.move-arrow{color:#3b82f6;font-size:20px;font-weight:700}.invoice-select{border:2px solid #cbd5e1;border-radius:6px;font-size:13px;font-weight:500;padding:8px 10px}.invoice-select:focus{border-color:#3b82f6;outline:none}.amount-input-section{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.amount-input-section label{color:#475569;font-size:12px;font-weight:600}.amount-input-section input{border:2px solid #cbd5e1;border-radius:6px;font-size:14px;font-weight:600;padding:8px 10px}.amount-input-section input:focus{border-color:#3b82f6;outline:none}.amount-input-section small{color:#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;font-size:17px;font-weight:600;margin-bottom:20px}.receipt-delete-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin:16px 0;padding:12px;text-align:left}.info-row{border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:6px 0}.info-row:last-child{border-bottom:none}.info-row strong{color:#64748b;font-size:13px}.info-row span{color:#1e293b;font-size:13px;font-weight:500}.amount-highlight{color:#dc2626!important;font-weight:700!important}.delete-warning{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin:16px 0;padding:12px;text-align:left}.delete-warning strong{color:#dc2626;display:block;font-size:13px;margin-bottom:6px}.delete-warning p{color:#991b1b;font-size:13px;margin:6px 0}.delete-warning ul{color:#991b1b;font-size:12px;margin:6px 0 0 16px}.delete-warning li{margin:4px 0}.delete-note{color:#64748b;font-size:12px;font-style:italic;margin-top:12px}.deleted-receipts-section{background:#fef2f2;border:1px solid #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;font-size:15px;font-weight:600;margin:0}.deleted-table{background:#fff}.deleted-row{background:#fef2f2;opacity:.8}.deleted-row:hover{background:#fee2e2;opacity:1}.column-manager-modal{background:#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;display:flex;justify-content:space-between;padding:12px 16px}.column-manager-header h3{color:#0f172a;font-size:14px;font-weight:600}.column-manager-header button{align-items:center;background-color:#f1f5f9;border:none;border-radius:4px;color:#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}.column-manager-body{max-height:380px;overflow-y:auto;padding:8px}.column-item{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:6px;padding:8px;transition:all .2s}.column-item:hover{background-color:#f8fafc}.column-item-left{align-items:center;display:flex;gap:8px}.drag-handle{color:#94a3b8}.column-item input[type=checkbox]{cursor:pointer;height:16px;width:16px}.column-item span{color:#334155;font-size:13px}.fixed-badge{background-color:#f1f5f9;border-radius:3px;color:#64748b;font-size:10px;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}.column-manager-footer{border-top:1px solid #e2e8f0;display:flex;gap:8px;justify-content:space-between;padding:12px 16px}.empty-state{padding:24px}.empty-state-small{background-color:#f8fafc;border-radius:6px;color:#94a3b8;font-size:12px;padding:16px;text-align:center}.loading-state{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;color:#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}}.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;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}.cm-type-confirm{border-top:4px solid #3b82f6}.cm-type-success{border-top:4px solid #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}.cm-type-confirm .cm-icon-wrap{background:#eff6ff}.cm-type-success .cm-icon-wrap{background:#f0fdf4}.cm-title{color:#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;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;font-size:13px;margin:0 0 4px;text-align:center}.cm-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.cm-info-row{align-items:center;border-bottom:1px solid #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;font-size:12px;font-weight:600;white-space:nowrap}.cm-info-value{color:#1e293b;font-size:13px;font-weight:500;text-align:right}.cm-info-value.cm-amount{color:#dc2626;font-size:14px;font-weight:700}.cm-warning-box{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:10px 14px}.cm-warning-box p{color:#b91c1c;font-size:12px;line-height:1.5;margin:0}.cm-note{color:#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;border:1px solid #e2e8f0;color:#475569}.cm-btn-cancel:hover{background:#e2e8f0;color:#334155}.cm-btn-primary{background:#2563eb;color:#fff}.cm-btn-primary:hover{background:#1d4ed8;box-shadow:0 3px 10px #2563eb4d}.cm-btn-danger{background:#dc2626;color:#fff}.cm-btn-danger:hover{background:#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%}}.tab-navigation{background-color:#fff;border-bottom:2px solid #e2e8f0;display:flex;gap:8px;padding:20px 24px 0}.tab-button{align-items:center;background-color:initial;border:none;border-bottom:3px solid #0000;bottom:-2px;color:#64748b;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;position:relative;transition:all .2s}.tab-button:hover{background-color:#f8fafc;color:#2563eb}.tab-button.active{background-color:initial;border-bottom-color:#2563eb;color:#2563eb}.tab-button span{white-space:nowrap}.tab-content{background-color:#f5f7fa}@media (max-width:768px){.tab-navigation{padding:16px 16px 0}.tab-button{font-size:14px;padding:10px 16px}.tab-button svg{height:18px;width:18px}}.tc-page{background:#f1f5f9;color:#1e293b;min-height:100vh;padding:24px}.tc-toast{animation:tcSlideIn .25s ease;border-radius:10px;box-shadow:0 8px 24px #00000026;font-size:14px;font-weight:500;padding:14px 22px;position:fixed;right:24px;top:24px;z-index:9999}.tc-toast--success{background:#059669;color:#fff}.tc-toast--error{background:#dc2626;color:#fff}.tc-toast--info{background:#6366f1;color:#fff}@keyframes tcSlideIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.tc-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.tc-title{color:#0f172a;font-size:24px;font-weight:700;margin:0}.tc-subtitle{color:#64748b;font-size:13px;margin:4px 0 0}.tc-stats-bar{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:24px}.tc-stat-card{align-items:center;background:#fff;border-radius:12px;border-top:4px solid #e2e8f0;box-shadow:0 1px 4px #0000000f;display:flex;flex-direction:column;gap:4px;min-width:110px;padding:16px 20px;transition:transform .15s,box-shadow .15s}.tc-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.tc-stat-card--urgent{animation:urgentPulse 2s ease-in-out infinite}@keyframes urgentPulse{0%,to{box-shadow:0 1px 4px #7c3aed33}50%{box-shadow:0 4px 16px #7c3aed66}}.tc-stat-value{font-size:28px;font-weight:700;line-height:1}.tc-stat-label{color:#64748b;font-size:11px;letter-spacing:.05em;text-transform:uppercase}.tc-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px}.tc-search{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex:1 1;font-size:14px;min-width:220px;outline:none;padding:10px 16px;transition:border-color .2s}.tc-search:focus{border-color:#6366f1}.tc-filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.tc-filter-tab{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;font-size:13px;padding:8px 14px;transition:all .2s}.tc-filter-tab:hover{border-color:#6366f1;color:#6366f1}.tc-filter-tab.active{font-weight:600}.tc-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.tc-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 4px #0000000f;display:flex;flex-direction:column;gap:10px;padding:18px;transition:box-shadow .2s,transform .2s}.tc-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.tc-card--handed-off{background:#f0fdf4;border-color:#bbf7d0}.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;flex:1 1;font-size:16px;font-weight:700}.tc-priority-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.tc-card-code{color:#94a3b8;font-family:monospace;font-size:11px}.tc-card-contact{color:#475569;display:flex;flex-direction:column;font-size:13px;gap:2px}.tc-card-group{color:#6366f1;font-size:12px;font-weight:500}.tc-card-enquiry{color:#64748b;font-size:13px;line-height:1.5;margin:0}.tc-card-footer{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:4px}.tc-handed-off-label{background:#d1fae5;border-radius:20px;color:#059669;font-size:12px;font-weight:600;padding:4px 10px}.tc-btn-status{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:7px 14px;transition:background .2s}.tc-btn-status:hover{background:#4f46e5}.tc-card-viewlink{color:#6366f1;cursor:pointer;font-size:12px;font-weight:500;text-align:right}.tc-card-viewlink:hover{text-decoration:underline}.tc-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px}.tc-loading{align-items:center;color:#64748b;display:flex;font-size:15px;gap:12px;justify-content:center;padding:60px 0}.tc-spinner{animation:spin .7s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#6366f1;height:24px;width:24px}.tc-empty{color:#94a3b8;padding:80px 20px;text-align:center}.tc-empty-icon{font-size:48px;margin-bottom:12px}.tc-pagination{align-items:center;display:flex;font-size:14px;gap:20px;justify-content:center;margin-top:32px}.tc-pagination button{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 18px;transition:all .2s}.tc-pagination button:hover:not(:disabled){border-color:#6366f1;color:#6366f1}.tc-pagination button:disabled{cursor:not-allowed;opacity:.4}.tc-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.tc-modal{animation:modalIn .2s ease;background:#fff;border-radius:18px;box-shadow:0 24px 60px #00000040;max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.tc-modal--sm{max-width:460px}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.tc-modal-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;padding:22px 24px 0}.tc-modal-header h2{color:#0f172a;font-size:18px;font-weight:700;margin:0}.tc-lead-code{color:#94a3b8;font-family:monospace;font-size:12px}.tc-modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:18px;line-height:1;padding:0}.tc-modal-close:hover{color:#1e293b}.tc-handed-off-banner{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;color:#065f46;font-size:13px;font-weight:500;margin:14px 24px 0;padding:12px 16px}.tc-modal-body{display:flex;flex-direction:column;gap:10px;padding:18px 24px}.tc-detail-row{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:8px 0}.tc-detail-label{color:#64748b;flex-shrink:0;font-size:12px;font-weight:600;letter-spacing:.04em;padding-top:1px;text-transform:uppercase;width:120px}.tc-detail-value{color:#1e293b;flex:1 1;font-size:14px}.tc-detail-enquiry{display:flex;flex-direction:column;gap:6px}.tc-detail-enquiry p{background:#f8fafc;border-radius:8px;color:#374151;font-size:14px;line-height:1.6;margin:0;padding:12px}.tc-modal-footer{border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px 22px}.tc-btn-primary{background:#6366f1;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 22px;transition:background .2s}.tc-btn-primary:hover:not(:disabled){background:#4f46e5}.tc-btn-primary:disabled{cursor:not-allowed;opacity:.5}.tc-btn-secondary{background:#f1f5f9;border:none;border-radius:10px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:10px 22px;transition:background .2s}.tc-btn-secondary:hover{background:#e2e8f0}.tc-lead-name-hint{color:#64748b;font-size:13px;margin:0 0 14px}.tc-status-options{display:flex;flex-direction:column;gap:10px}.tc-status-option{align-items:flex-start;background:#fafafa;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:14px;transition:all .2s}.tc-status-option:hover{background:#eef2ff;border-color:#a5b4fc}.tc-status-option.selected{background:#eef2ff;border-color:#6366f1}.tc-status-option input[type=radio]{display:none}.tc-status-emoji{flex-shrink:0;font-size:22px;margin-top:1px}.tc-status-option strong{color:#0f172a;display:block;font-size:14px}.tc-status-option p{color:#64748b;font-size:12px;line-height:1.4;margin:3px 0 0}.tc-reason-field{margin-top:14px}.tc-reason-field label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.tc-req{color:#ef4444}.tc-reason-field textarea{border:1.5px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:13px;outline:none;padding:10px 14px;resize:vertical;transition:border-color .2s;width:100%}.tc-reason-field textarea:focus{border-color:#6366f1}.tc-handoff-note{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;color:#1e40af;font-size:13px;line-height:1.5;margin-top:14px;padding:12px 14px}@media (max-width:600px){.tc-page{padding:14px}.tc-cards{grid-template-columns:1fr}.tc-stats-bar{gap:8px}.tc-stat-card{min-width:80px;padding:12px 10px}.tc-stat-value{font-size:22px}}.tc-modal--sm{max-width:520px}.tc-interested-fields{display:flex;flex-direction:column;gap:0}.tc-reason-field input[type=date],.tc-reason-field input[type=text]{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:13px;outline:none;padding:9px 12px;transition:border-color .2s;width:100%}.tc-reason-field input[type=date]:focus,.tc-reason-field input[type=text]:focus{border-color:#6366f1}.tc-field-hint{color:#6b7280;display:block;font-size:11.5px;font-weight:400;margin-top:4px}.tc-property-toggle{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.tc-prop-btn{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-family:inherit;font-size:13px;padding:7px 16px;transition:all .15s}.tc-prop-btn:hover{background:#eef2ff;border-color:#a5b4fc}.tc-prop-btn.active{background:#eef2ff;border-color:#6366f1;color:#4338ca;font-weight:600}.tc-modal--edit{max-width:660px;width:95vw}.tc-edit-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:14px}@media (max-width:520px){.tc-edit-grid{grid-template-columns:1fr}}.tc-edit-field{display:flex;flex-direction:column;gap:5px}.tc-edit-field--full{margin-bottom:10px}.tc-edit-field label{color:#374151;font-size:12px;font-weight:600}.tc-edit-field input,.tc-edit-field select,.tc-edit-field textarea{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:13px;padding:8px 11px;transition:border-color .15s;width:100%}.tc-edit-field input:focus,.tc-edit-field select:focus,.tc-edit-field textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f;outline:none}.tc-edit-field textarea{resize:vertical}.tc-edit-note{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:12px;margin-top:10px;padding:10px 14px}.tc-card-actions{align-items:center;display:flex;gap:6px}.tc-btn-edit-sm{background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:7px;cursor:pointer;font-size:13px;line-height:1;padding:5px 9px;transition:background .15s,border-color .15s}.tc-btn-edit-sm:hover{background:#e0e7ff;border-color:#6366f1}.tc-btn-edit{background:#eef2ff;border:1.5px solid #6366f1;border-radius:9px;color:#4f46e5;cursor:pointer;font-size:13px;font-weight:600;padding:10px 18px;transition:background .15s}.tc-btn-edit:hover{background:#e0e7ff}.tc-subsidy-field{margin-top:4px}.tc-subsidy-toggle{display:flex;flex-wrap:wrap;gap:10px}.tc-subsidy-btn{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9px;color:#374151;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 16px;text-align:center;transition:all .15s}.tc-subsidy-btn:hover{background:#f1f5f9;border-color:#94a3b8}.tc-subsidy-btn.active--yes{background:#ecfdf5;border-color:#059669;color:#065f46}.tc-subsidy-btn.active--no{background:#fef2f2;border-color:#dc2626;color:#991b1b}.tc-subsidy-hint{color:#64748b;display:block;font-size:12px;font-style:italic;margin-top:6px}.tc-pagination-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px 4px 4px}.tc-pagination-size{align-items:center;color:#64748b;display:flex;font-size:13px;gap:8px}.tc-pagination-size select{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;padding:5px 10px;transition:border-color .15s}.tc-pagination-size select:focus{border-color:#6366f1;outline:none}.tc-pagination-info{color:#64748b;font-size:13px}.tc-pagination-info strong{color:#1e293b}.tc-pagination-controls{align-items:center;display:flex;gap:4px}.tc-page-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;height:34px;justify-content:center;min-width:34px;padding:0 8px;transition:all .15s}.tc-page-btn:hover:not(:disabled){background:#eef2ff;border-color:#6366f1;color:#6366f1}.tc-page-btn:disabled{cursor:not-allowed;opacity:.35}.tc-page-num--active{background:#6366f1;border-color:#6366f1;color:#fff!important;font-weight:700}.tc-page-num--active:hover{background:#4f46e5!important}.tc-page-ellipsis{color:#94a3b8;font-size:14px;padding:0 4px;-webkit-user-select:none;user-select:none}@media (max-width:600px){.tc-pagination-bar{align-items:flex-start;flex-direction:column}}.col-visibility-wrapper{position:relative}.col-visibility-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:6px 12px;transition:all .15s}.col-visibility-btn:hover{background:#f8fafc;border-color:#cbd5e1}.col-visibility-btn.has-hidden{border-color:#3b82f6;color:#2563eb}.col-visibility-badge{background:#3b82f6;border-radius:999px;color:#fff;font-size:10px;font-weight:700;padding:1px 6px}.col-visibility-dropdown{animation:cvSlideDown .15s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 20px #0000001f;left:0;min-width:200px;position:absolute;top:calc(100% + 5px);z-index:200}@keyframes cvSlideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.col-visibility-header{align-items:center;border-bottom:1px solid #f1f5f9;color:#0f172a;display:flex;font-size:12px;font-weight:600;justify-content:space-between;padding:9px 12px}.col-visibility-reset{background:#0000;border:none;border-radius:4px;color:#3b82f6;cursor:pointer;font-size:11px;font-weight:500;padding:2px 6px}.col-visibility-reset:hover{background:#eff6ff}.col-visibility-list{max-height:280px;overflow-y:auto;padding:4px}.col-visibility-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:7px;padding:6px 8px;-webkit-user-select:none;user-select:none}.col-visibility-item:hover{background:#f8fafc}.col-visibility-item input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:13px;width:13px}.col-visibility-item input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.col-visibility-label{color:#475569;flex:1 1;font-size:12px}.col-required{opacity:.65}.col-required-tag{background:#f1f5f9;border-radius:3px;color:#64748b;font-size:9px;font-weight:600;padding:1px 5px;text-transform:uppercase}.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;border-bottom:2px solid #3b82f6}.col-draggable.col-dragging{opacity:.4}.th-content{align-items:center;display:flex;gap:4px;justify-content:center;white-space:nowrap}.col-drag-handle{color:#cbd5e1;flex-shrink:0;opacity:0;transition:opacity .15s}.col-draggable:hover .col-drag-handle{opacity:1}.col-draggable:hover{background:#f1f5f9!important}.sort-icon{display:inline-block}.sort-icon-default{color:#cbd5e1}.sort-icon-active{color:#3b82f6}.cust-clickable-row:hover{background:#f8fafc}.cust-clickable-row:hover td{color:#0f172a}.cust-view-toggle-container{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px}.cust-view-toggle{background:#f1f5f9;border-radius:7px;display:flex;gap:4px;padding:3px}.cust-view-btn{align-items:center;border:none;border-radius:5px;color:#64748b;cursor:pointer;display:inline-flex;font-size:12px;gap:5px;padding:5px 10px;transition:all .15s}.cust-view-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#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{border:1px solid #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}.cust-card-header{margin-bottom:10px}.cust-card-id{color:#3b82f6;letter-spacing:.3px}.cust-card-title{color:#0f172a;font-weight:700;margin:0 0 6px}.cust-card-info{margin-bottom:6px}.cust-card-info-item{color:#64748b}.cust-card-icon{color:#94a3b8}.cust-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#94a3b8;display:-webkit-box;font-size:11px;line-height:1.4;margin-top:4px;overflow:hidden}.cust-card-footer{background:#fafbfc;border-top:1px solid #f1f5f9;padding:8px 14px}.cust-card-source{color:#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}.cust-card-action-btn.cust-action-edit:hover{background:#16a34a1a;color:#16a34a}.cust-card-action-btn.cust-action-delete:hover{background:#dc26261a;color:#dc2626}.cust-card-action-btn.cust-action-timeline:hover{background:#7c3aed1a;color:#7c3aed}.cust-card-action-btn.cust-action-followup:hover{background:#fb923c1a;color:#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;border:1px solid #e2e8f0;border-radius:6px;color:#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;border-color:#3b82f6;color:#3b82f6}.ld-detail-breadcrumb{color:#6b7280;font-size:12px}.ld-detail-breadcrumb,.ld-hero{align-items:center;display:flex}.ld-hero{background:#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);border-radius:10px;color:#fff;flex-shrink:0;font-size:20px;font-weight:700;height:44px;justify-content:center;width:44px}.ld-hero-name{color:#0f172a;font-size:18px;font-weight:700;margin:0 0 2px}.ld-hero-code{color:#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;display:flex;gap:2px;margin-bottom:14px}.ld-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;margin-bottom:-2px;padding:8px 16px;transition:all .15s}.ld-tab:hover{color:#0f172a}.ld-tab.active{border-bottom-color:#3b82f6;color:#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;border-radius:10px;box-shadow:0 1px 3px #0000000f;padding:14px}.ld-card-title{border-bottom:1px solid #f1f5f9;color:#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;font-size:11px;font-weight:600;letter-spacing:.3px;min-width:100px;text-transform:uppercase;white-space:nowrap}.ld-field-val{color:#0f172a;font-size:12px}.ld-enquiry-card{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000f;margin-bottom:14px;padding:14px}.ld-enquiry-text{color:#475569;font-size:13px;line-height:1.6}.ld-overview-proposals{background:#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;font-size:13px;font-weight:600}.ld-ovp-sub{color:#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;font-size:18px;font-weight:700}.ld-ovp-stat-money .ld-ovp-stat-val{color:#059669}.ld-ovp-stat-label{color:#94a3b8;font-size:10px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.ld-ovp-latest{align-items:center;background:#f8fafc;border-radius:6px;display:flex;flex-wrap:wrap;font-size:12px;gap:6px;padding:7px 10px}.ld-ovp-latest-label{color:#64748b;font-size:11px;font-weight:600}.ld-ovp-latest-title{color:#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;border:1px solid #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;font-family:monospace;font-size:11px;font-weight:700;margin-bottom:3px}.ld-proposal-title{color:#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;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;border:1px solid #e2e8f0;border-radius:5px;color:#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;border-color:#93c5fd;color:#2563eb}.ld-pact-edit:hover{background:#f0fdf4;border-color:#86efac;color:#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;color:#475569}.ld-ps-sent{background:#dbeafe;color:#1e40af}.ld-ps-approved{background:#d1fae5;color:#065f46}.ld-ps-rejected{background:#fee2e2;color:#991b1b}.ld-ps-hold{background:#fef3c7;color:#92400e}.ob-s-draft{background:#f1f5f9;color:#475569}.ob-s-confirmed{background:#dbeafe;color:#1e40af}.ob-s-production{background:#fef3c7;color:#92400e}.ob-s-ready{background:#e0e7ff;color:#4338ca}.ob-s-dispatched{background:#ddd6fe;color:#6b21a8}.ob-s-completed{background:#d1fae5;color:#065f46}.ob-s-cancelled{background:#fee2e2;color:#991b1b}.ld-history-list{display:flex;flex-direction:column;gap:10px}.ld-history-item{align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;gap:12px;padding:10px}.ld-history-icon{align-items:center;background:#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;font-size:12px;font-weight:600}.ld-history-date{color:#94a3b8;font-size:11px}.ld-history-by{color:#64748b;font-size:11px}.ld-history-desc{color:#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;font-weight:600}.ld-chg-old{color:#dc2626;text-decoration:line-through}.ld-chg-new{color:#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);color:#fff}.ld-btn-pri:hover:not(:disabled){box-shadow:0 3px 8px #3b82f659;transform:translateY(-1px)}.ld-btn-sec{background:#fff;border:1px solid #e2e8f0;color:#64748b}.ld-btn-sec:hover{background:#f8fafc;border-color:#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;display:flex;gap:8px;justify-content:flex-end;margin-top:12px;padding-top:12px}.ld-empty-state{color:#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;display:flex;font-size:13px;gap:8px;justify-content:center;padding:20px}.badge-blue{background:#dbeafe;color:#1e40af}.badge-yellow{background:#fef3c7;color:#92400e}.badge-green{background:#dcfce7;color:#166534}.badge-purple{background:#f3e8ff;color:#6b21a8}.badge-orange{background:#fed7aa;color:#9a3412}.badge-grey{background:#f1f5f9;color:#475569}.badge-Active{background:#dcfce7;color:#166534}.badge-Inactive{background:#f1f5f9;color:#475569}.badge-Prospect{background:#fed7aa;color:#9a3412}.badge-Lead{background:#dbeafe;color:#1e40af}.cust-badge.badge-blue{background:#dbeafe!important;color:#1e40af!important}.cust-badge.badge-yellow{background:#fef3c7!important;color:#92400e!important}.cust-badge.badge-green{background:#dcfce7!important;color:#166534!important}.cust-badge.badge-purple{background:#f3e8ff!important;color:#6b21a8!important}.cust-badge.badge-orange{background:#fed7aa!important;color:#9a3412!important}.cust-badge.badge-grey{background:#f1f5f9!important;color:#475569!important}.phone-error-message{color:#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;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;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;box-shadow:0 1px 3px #0000001f!important;color:#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;font-size:22px;font-weight:600;margin:0}.cust-container{padding:24px 24px 0}.cust-breadcrumb{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:6px;margin-bottom:1rem}.cust-breadcrumb-separator{color:#d1d5db}.cust-breadcrumb-active{color:#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;height:16px;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px}.cust-search-input{background:#fff;border:1px solid #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;box-shadow:0 0 0 3px #3b82f61a}.cust-filters{display:flex;flex-wrap:wrap;gap:.5rem}.cust-filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;outline:none;padding:10px}.cust-filter-select:focus{border-color:#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;color:#fff;padding:8px}.cust-btn-primary:hover{background:#2563eb}.cust-btn-secondary{background:#fff;border:1px solid #e2e8f0;color:#374151;padding:10px}.cust-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.cust-btn-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.cust-btn-icon{height:14px;width:14px}.cust-table-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000014;overflow:hidden}.cust-table-wrapper{max-height:480px;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}.cust-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.cust-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.cust-table{border-collapse:collapse;font-size:13px;width:100%}.cust-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.cust-table th{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.05em;padding:10px 14px;text-align:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.cust-table td{border-bottom:1px solid #f1f5f9;color:#374151;padding:10px 14px;vertical-align:middle}.cust-table tbody tr:last-child td{border-bottom:none}.cust-table tbody tr:hover{background:#f8fafc}.cust-clickable-row{cursor:pointer}.cust-font-medium{color:#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}.cust-action-view:hover{background:#eff6ff}.cust-action-edit{color:#10b981}.cust-action-edit:hover{background:#ecfdf5}.cust-action-delete{color:#ef4444}.cust-action-delete:hover{background:#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;border:1px solid #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;display:flex;justify-content:space-between;padding:10px 12px 6px}.cust-card-id{color:#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;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;display:flex;font-size:12px;gap:6px}.cust-card-icon{color:#9ca3af;flex-shrink:0;height:13px;width:13px}.cust-card-footer{align-items:center;background:#f9fafb;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:8px 12px}.cust-card-source{color:#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{border-top:1px solid #f1f5f9;color:#6b7280;flex-wrap:wrap;font-size:13px;justify-content:space-between;padding:12px 16px}.cust-pagination,.cust-pagination-controls{align-items:center;display:flex;gap:8px}.cust-pagination-buttons{align-items:center;display:flex;gap:4px}.cust-pagination-info{color:#6b7280;font-size:13px}.cust-pagination-current{color:#374151;font-size:13px;font-weight:500;padding:0 4px}.cust-rows-select{outline:none;padding:5px 8px}.cust-pagination-btn,.cust-rows-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:12px}.cust-pagination-btn{color:#374151;padding:5px 12px;transition:all .15s}.cust-pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#cbd5e1}.cust-pagination-btn:disabled{cursor:not-allowed;opacity:.4}.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;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;border-bottom:1px solid #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;font-size:16px;font-weight:600;margin:0}.cust-modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.cust-modal-close:hover{background:#f3f4f6;color:#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}.cust-form-section-title{color:#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;font-size:12px;font-weight:500}.cust-form-group input,.cust-form-group select,.cust-form-group textarea,.cust-form-input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#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;box-shadow:0 0 0 2px #3b82f61a}.cust-form-actions{background:#fff;border-top:1px solid #f1f5f9;bottom:0;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem;position:-webkit-sticky;position:sticky}.customer-delete-modal{background:#fff;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;border-radius:50%;color:#ef4444;display:inline-flex;font-size:24px;font-weight:700;height:56px;justify-content:center;width:56px}.customer-delete-modal-title{color:#111827;font-size:18px;font-weight:600;margin:0 0 .5rem}.customer-delete-modal-text{color:#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;border:none;color:#fff!important}.customer-delete-btn:hover{background:#dc2626!important}.followups-page-root{padding:24px 24px 0}.followups-breadcrumb{align-items:center;color:#64748b;display:flex;font-size:14px;gap:8px;margin-bottom:20px}.followups-breadcrumb-separator{color:#cbd5e1}.followups-breadcrumb-active{color:#0f172a;font-weight:500}.followups-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.followups-header h1{color:#0f172a;font-size:28px;font-weight:700;margin:0}.followups-kpi-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.followups-kpi-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;padding:20px;transition:all .3s ease}.followups-kpi-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.kpi-icon{height:48px;width:48px}.kpi-icon svg{height:24px;width:24px}.kpi-label{margin-bottom:4px}.kpi-value{color:#0f172a}.kpi-total .kpi-icon{background:#dbeafe;color:#3b82f6}.kpi-pending .kpi-icon{background:#fef3c7;color:#f59e0b}.kpi-today .kpi-icon{background:#e0e7ff;color:#6366f1}.kpi-overdue .kpi-icon{background:#fee2e2;color:#ef4444}.kpi-completed .kpi-icon{background:#d1fae5;color:#10b981}.followups-action-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.followups-search-wrapper{flex:1 1;min-width:250px;position:relative}.followups-search-icon{color:#94a3b8;height:18px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:18px}.followups-search-input{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 14px 10px 42px;transition:all .2s ease;width:100%}.followups-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.followups-filters{display:flex;flex-wrap:wrap;gap:12px}.followups-filter-select{background:#fff;border:1px solid #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;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);color:#fff}.followups-btn-primary:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.followups-btn-secondary{background:#fff;border:1px solid #e2e8f0;color:#64748b}.followups-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.followups-btn-icon{height:18px;width:18px}.followups-btn:disabled{cursor:not-allowed;opacity:.6}.followups-form-card{background:#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;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.followups-form-header h3{color:#0f172a;font-size:18px;font-weight:600;margin:0}.followups-form-close{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;padding:8px;transition:all .2s ease}.followups-form-close:hover{background:#f1f5f9;color:#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;font-size:14px;font-weight:500}.followups-form-group input,.followups-form-group select,.followups-form-group textarea{background:#fff;border:1px solid #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;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;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px}.followups-table-card{background:#fff;border:1px solid #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}.followups-table-scroll-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.followups-table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.followups-table{border-collapse:collapse;width:100%}.followups-table th,.followups-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.followups-table th{color:#475569;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 16px;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;color:#0f172a;font-size:14px;padding:16px;vertical-align:middle}.followups-table tbody tr{transition:background-color .2s ease}.followups-table tbody tr:hover{background:#f8fafc}.followups-table tbody tr.followup-overdue{background:#fef2f2}.followups-table tbody tr.followup-overdue:hover{background:#fee2e2}@media (max-width:1200px){.followups-table{min-width:850px}.followups-table tbody td:first-child,.followups-table thead th:first-child{background:#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}.followups-table tbody tr:hover td:first-child{background:#f8fafc}.followups-table tbody tr.followup-overdue td:first-child{background:#fef2f2}.followups-table tbody td:last-child,.followups-table thead th:last-child{background:#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}.followups-table tbody tr:hover td:last-child{background:#f8fafc}.followups-table tbody tr.followup-overdue td:last-child{background:#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;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 4px #0000000f;display:block;margin-bottom:12px;overflow:hidden}.followups-table tbody tr.followup-overdue{background:#fef2f2;border-color:#fca5a5}.followups-table tbody tr.followup-overdue:hover,.followups-table tbody tr:hover{background:#fff;box-shadow:0 4px 12px #0000001a}.followups-table td{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;font-size:13px;gap:10px;justify-content:space-between;min-height:42px;padding:10px 14px}.followups-table td:last-child{border-bottom:none}.followups-table td:before{color:#94a3b8;content:attr(data-label);flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.5px;min-width:95px;text-transform:uppercase}.followups-table td.followup-actions-td{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end}.followups-table td.followup-actions-td:before{display:none}.followup-action-btn{padding:10px}.followup-action-btn svg{height:18px;width:18px}.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:9px 12px}.followups-table td:before{font-size:9px;min-width:80px}.kpi-value{font-size:24px}.followup-actions{flex-direction:row}.followups-btn{justify-content:center;width:100%}}.followup-lead-info{display:flex;flex-direction:column;gap:4px}.followup-lead-info strong{color:#0f172a;font-weight:600}.followup-group-badge{background:#f1f5f9;border-radius:4px;color:#64748b;display:inline-block;font-size:11px;font-weight:500;padding:2px 8px}.followup-type-badge{align-items:center;background:#f1f5f9;border-radius:6px;color:#475569;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:4px 10px}.followup-scheduled{display:flex;flex-direction:column;gap:4px}.followup-overdue-badge{background:#fef2f2;border-radius:4px;color:#ef4444;font-size:11px;padding:2px 8px}.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:12px;padding:4px 12px}.followup-priority-badge.priority-high{background:#fee2e2;color:#991b1b}.followup-priority-badge.priority-medium{background:#fef3c7;color:#92400e}.followup-priority-badge.priority-low{background:#d1fae5;color:#065f46}.followup-status-btn{border:none;border-radius:999px;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .2s ease}.followup-status-btn.status-pending{background:#fff7ed;color:#b45309}.followup-status-btn.status-pending:hover{background:#fed7aa}.followup-status-btn.status-completed{background:#ecfdf5;color:#059669}.followup-status-btn.status-completed:hover{background:#a7f3d0}.followup-status-btn.status-cancelled{background:#fff1f2;color:#be123c}.followup-status-btn.status-cancelled:hover{background:#fecdd3}.followup-status-btn.status-rescheduled{background:#f3e8ff;color:#7c3aed}.followup-status-btn.status-rescheduled:hover{background:#ddd6fe}.followup-notes-preview{color:#64748b;font-size:13px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.followup-actions{display:flex;gap:8px}.followup-action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.followup-action-btn svg{height:16px;width:16px}.followup-action-btn.action-edit{border-color:#3b82f6;color:#3b82f6}.followup-action-btn.action-edit:hover{background:#3b82f6;color:#fff}.followup-action-btn.action-delete{border-color:#ef4444;color:#ef4444}.followup-action-btn.action-delete:hover{background:#ef4444;color:#fff}.followups-empty-state{color:#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;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 20px}.followups-pagination-info{color:#64748b;font-size:14px}.followups-pagination-controls{align-items:center;display:flex;gap:12px}.followups-rows-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;margin-left:8px;padding:8px 12px}.followups-pagination-buttons{align-items:center;display:flex;gap:8px}.followups-pagination-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.followups-pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.followups-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.followups-pagination-current{color:#0f172a;font-size:14px;font-weight:500;padding:0 8px}@media (max-width:1024px){.followups-kpi-container{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.followups-action-bar{align-items:stretch;flex-direction:column}.followups-search-wrapper{min-width:100%}.followups-filters{width:100%}.followups-filter-select{flex:1 1;min-width:auto}}@media (max-width:768px){.followups-page-root{padding:16px 16px 0}.followups-header h1{font-size:24px}.followups-form-grid,.followups-kpi-container{grid-template-columns:1fr}.followups-table-wrapper{overflow-x:scroll}.followups-table{min-width:800px}.followups-pagination,.followups-pagination-controls{align-items:stretch;flex-direction:column}.followups-pagination-buttons{justify-content:space-between}}@media (max-width:480px){.kpi-value{font-size:24px}.followup-actions{flex-direction:column}.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;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin:auto;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.followup-modal-header{align-items:center;background:#fff;border-bottom:1px solid #eef2f7;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.followup-modal-header h2{color:#0f172a;font-size:20px;font-weight:600;margin:0}.followup-modal-close{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;padding:8px;transition:all .2s ease}.followup-modal-close:hover{background:#f1f5f9;color:#0f172a}.followup-modal-close svg{height:20px;width:20px}.followup-modal-lead-info{grid-gap:16px;background:#f8fafc;border-bottom:1px solid #eef2f7;display:grid;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;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.followup-info-value{color:#0f172a;font-size:14px;font-weight:600}.followup-modal-form{padding:24px}.followup-form-section{margin-bottom:24px}.followup-form-section h3{border-bottom:1px solid #eef2f7;color:#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;font-size:14px;font-weight:500}.followup-form-group input,.followup-form-group select,.followup-form-group textarea{background:#fff;border:1px solid #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;box-shadow:0 0 0 3px #3b82f61a;outline:none}.followup-form-group input:disabled,.followup-form-group select:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.followup-form-group textarea{min-height:100px;resize:vertical}.followup-help-text{color:#64748b;font-size:12px;font-style:italic}.followup-modal-actions{background:#fff;border-radius:0 0 16px 16px;border-top:1px solid #eef2f7;bottom:0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;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}.followup-modal-actions button{width:100%}}.analytics-dashboard{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh;padding:24px}.dashboard-header{border-radius:12px;margin-bottom:24px;padding:24px}.header-content{margin-bottom:20px}.breadcrumb{color:#64748b;font-size:14px;margin-bottom:8px}.page-title{color:#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;border:2px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;outline:none;padding:10px 16px;transition:all .3s ease}.filter-select:hover{border-color:#2563eb}.filter-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.export-btn{background:#2563eb;color:#fff;font-weight:600;margin-left:auto;padding:10px 20px;transition:all .3s ease}.export-btn:hover{background:#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;box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.kpi-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.kpi-icon{background:#f0f9ff;font-size:32px;height:56px;width:56px}.kpi-title{color:#64748b;font-size:14px;font-weight:500;margin-bottom:8px}.trend-up{color:#22c55e}.trend-down{color:#ef4444}.trend-arrow{font-size:16px}.section-title{border-left:4px solid #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;box-shadow:0 2px 8px #0000000f}.chart-card.span-2{grid-column:span 2}.card-title{border-bottom:2px solid #f1f5f9;color:#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;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);border-radius:8px;color:#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;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);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;font-size:12px;font-weight:600}.bar-label{color:#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;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;border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .3s ease}.stat-row:hover{background:#f1f5f9;transform:translateX(4px)}.stat-color{border-radius:3px;height:12px;width:12px}.stat-color.approved{background:#22c55e}.stat-color.pending{background:#f59e0b}.stat-color.rejected{background:#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}th{font-size:13px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}td,th{color:#475569;padding:14px 16px}td{border-bottom:1px solid #f1f5f9;font-size:14px}tbody tr{transition:all .3s ease}tbody tr:hover{background:#f8fafc}.client-name,.employee-name{color:#1e293b;font-weight:600}.revenue-cell{color:#2563eb;font-weight:600}.deals-cell{color:#22c55e;font-weight:600}.rate-badge{background:#dbeafe;border-radius:12px;color:#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;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;font-size:22px;font-weight:600;margin:0}.vendor-management-count{color:#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;border:1px solid #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;box-shadow:0 0 0 2px #3b82f61a;outline:none}.vendor-management-filter{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:13px;padding:7px 12px;transition:all .2s}.vendor-management-filter:hover{border-color:#cbd5e1}.vendor-management-filter:focus{border-color:#3b82f6;outline:none}.vendor-management-actions{display:flex;flex-wrap:wrap;gap:8px}.vendor-management-btn-primary{align-items:center;background-color:#3b82f6;border:none;border-radius:6px;color:#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;box-shadow:0 3px 8px #3b82f64d;transform:translateY(-1px)}.vendor-management-btn-secondary{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#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;border-color:#cbd5e1}.vendor-management-btn-danger{background-color:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:7px 14px;transition:all .2s}.vendor-management-btn-danger:hover{background-color:#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;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;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;font-size:20px;font-weight:700;margin-bottom:2px}.vendor-management-kpi-label{color:#64748b;font-size:11px;font-weight:500}.vendor-management-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;max-height:480px}.vendor-management-table-scroll{flex:1 1;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}.vendor-management-table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.vendor-management-table-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.vendor-management-table{border-collapse:collapse;min-width:1200px;width:100%}.vendor-management-table thead{background-color:#f8fafc;position:-webkit-sticky;position:sticky;top:0;z-index:10}.vendor-management-table th{border-bottom:2px solid #e2e8f0;color:#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;color:#334155;font-size:13px;padding:10px 12px}.vendor-management-table-row{transition:background-color .15s}.vendor-management-table-row:hover{background-color:#f8fafc}.vendor-name-cell{font-weight:500}.vendor-name-info{display:flex;flex-direction:column;gap:3px}.vendor-name{font-size:13px}.vendor-code{background-color:#f1f5f9;border-radius:3px;color:#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;display:flex;gap:5px}.contact-item svg{flex-shrink:0}.star-rating{display:flex;gap:1px}.no-rating{color:#94a3b8;font-size:11px}.vendor-orders-cell{font-weight:500}.orders-badge{align-items:center;background-color:#eff6ff;border-radius:10px;color:#2563eb;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:3px 8px}.vendor-value-cell{color:#059669;font-size:13px;font-weight:600}.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;color:#065f46}.vendor-badge-inactive{background-color:#fee2e2;color:#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{background-color:#f1f5f9;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;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;border-bottom:1px solid #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;font-size:20px;margin:0 0 3px}.vendor-management-drawer-subtitle{color:#64748b;font-size:12px;margin:0}.vendor-management-drawer-close{background:none;border:none;border-radius:5px;color:#64748b;cursor:pointer;font-size:20px;line-height:1;padding:4px;transition:all .2s}.vendor-management-drawer-close:hover{background-color:#f1f5f9;color:#1e293b}.vendor-management-drawer-content{padding:16px}.vendor-management-drawer-section{margin-bottom:20px}.vendor-management-drawer-section h3{color:#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;border-radius:6px;padding:10px}.vendor-info-item svg{height:16px;width:16px}.vendor-info-item>div{flex:1 1;gap:3px}.info-label{font-weight:600}.info-value{word-wrap:break-word;color:#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);border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:10px;padding:12px}.vendor-stat-card svg{color:#3b82f6;flex-shrink:0;height:20px;width:20px}.stat-value{color:#1e293b;font-size:16px;font-weight:700}.stat-label{color:#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;border-radius:3px}.purchase-history-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.purchase-history-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.purchase-history-item{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:12px;transition:all .2s}.purchase-history-item:hover{background-color:#f1f5f9;border-color:#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;font-size:13px;font-weight:600}.po-value{font-size:14px}.po-item-details{color:#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-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;font-size:9px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.timeline-date{color:#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;border-radius:5px;color:#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;border-top:1px solid #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;border-radius:10px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.vendor-management-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px}.vendor-management-modal-header h2{color:#1e293b;font-size:18px;margin:0}.vendor-management-modal-close{background:none;border:none;border-radius:5px;color:#64748b;cursor:pointer;font-size:20px;line-height:1;padding:4px;transition:all .2s}.vendor-management-modal-close:hover{background-color:#f1f5f9;color:#1e293b}.vendor-management-edit-form{padding:16px}.vendor-form-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:16px;padding:14px}.vendor-form-section h3{border-bottom:2px solid #e2e8f0;color:#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}.vendor-form-group input,.vendor-form-group select,.vendor-form-group textarea{background-color:#fff;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;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;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;border-radius:20px;color:#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;border:1px solid #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;border-bottom:1px solid #e2e8f0;color:#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;cursor:pointer;display:flex;padding:2px;transition:color .15s,background .15s}.columns-picker__close:hover{background:#e2e8f0;color:#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;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}.columns-picker__item:disabled{cursor:not-allowed;opacity:.4}.columns-picker__checkbox{align-items:center;background:#fff;border:1.5px solid #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;border-color:#2563eb;color:#fff}.vendor-management-table__th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#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}.vendor-management-table__th--drag-over{background:#eff6ff!important;outline:2px dashed #3b82f6;outline-offset:-2px}.th-inner{display:inline-flex;white-space:nowrap}.drag-handle{align-items:center;color:#cbd5e1;cursor:grab;display:inline-flex;flex-shrink:0;padding:0 1px;transition:color .15s}.vendor-management-table__th:hover .drag-handle{color:#94a3b8}.drag-handle:active{cursor:grabbing}.th-label{flex:1 1}.sort-icon{flex-shrink:0;transition:color .15s,transform .2s}.sort-icon--idle{color:#cbd5e1;opacity:.7}.sort-icon--active{color:#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}}.documents-page-root{background:#f6f8fa;color:#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;font-size:22px;margin:0}.documents-page-breadcrumb{color:#6b7280;font-size:13px}.documents-page-card{background:#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-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;border:1px solid #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;border-color:#0b63d6;color:#fff}.documents-page-action-danger{background:#0000;border-color:#0000;color:#b91c1c}.documents-page-summary{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 18px}.documents-page-stat-card{background:#fff;border-radius:8px;box-shadow:0 6px 18px #1118270a;flex:1 1;min-width:160px;padding:12px}.documents-page-card-title{color:#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;border:1px solid #e6edf3;border-radius:8px;cursor:pointer;padding:6px 10px}.documents-page-toggle.active{background:#eef6ff;border-color:#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;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;border-radius:8px;color:#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;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.documents-page-file-sub{color:#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;display:inline-block;font-size:12px;padding:6px 10px}.documents-page-file-size{color:#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;border-collapse:collapse;border-radius:8px;box-sizing:border-box;overflow:hidden;width:100%}.documents-page-table thead th{background:#fafbfd;border-bottom:1px solid #eef2f6;color:#475569;font-weight:600;padding:10px;text-align:left}.documents-page-table tbody td{border-top:1px solid #eef2f6;padding:10px;vertical-align:middle}.documents-page-list-row:hover{background:#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;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;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-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-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;border:1px solid #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:center;display:flex;gap:12px}.profile-user-page-avatar-wrap{align-items:center;background:#f3f6f9;border-radius:12px;display:flex;flex-shrink:0;height:84px;justify-content:center;overflow:hidden;width:84px}.profile-user-page-avatar-img{display:block;height:100%;object-fit:cover;width:100%}.profile-user-page-avatar-initials{color:#2563eb;font-size:28px;font-weight:700}.profile-user-page-meta{display:flex;flex-direction:column;gap:4px}.profile-user-page-name{color:#0b4c9d;font-size:20px;margin:0}.profile-user-page-role{color:#6b7280;font-size:13px}.profile-user-page-email{color:#374151;font-size:13px}.profile-user-page-stats{display:flex;flex-direction:column;gap:8px;margin-top:8px}.profile-user-page-stat{background:#fafbfd;border-radius:8px;color:#334155;display:flex;font-size:13px;justify-content:space-between;padding:8px 10px}.profile-user-page-stat-title{color:#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;margin:0}.profile-user-page-row{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.profile-user-page-row label{color:#374151;font-size:13px}.profile-user-page-row input{background:#fff;border:1px solid #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;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:10px;transition:color .2s}.password-toggle-btn:hover{color:#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;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}}.btn{background:#0000;border:1px solid #e6edf3;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 12px}.btn.primary{background:#0b63d6;border-color:#0b63d6;color:#fff}.btn:disabled{cursor:not-allowed;opacity:.6}input:disabled{background-color:#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;border-left:4px solid #28a745}.toast-success .toast-icon{background-color:#28a745;color:#fff}.toast-success .toast-close,.toast-success .toast-message,.toast-success .toast-title{color:#155724}.toast-error{background-color:#f8d7da;border-left:4px solid #dc3545}.toast-error .toast-icon{background-color:#dc3545;color:#fff}.toast-error .toast-close,.toast-error .toast-message,.toast-error .toast-title{color:#721c24}.toast-warning{background-color:#fff3cd;border-left:4px solid #ffc107}.toast-warning .toast-icon{background-color:#ffc107;color:#856404}.toast-warning .toast-close,.toast-warning .toast-message,.toast-warning .toast-title{color:#856404}@media (max-width:768px){.toast-notification{left:20px;min-width:auto;right:20px}}.sales-salesorder-container{background-color:#f5f7fa;min-height:100vh;padding:24px}.sales-salesorder-breadcrumb{color:#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;font-size:32px;font-weight:700;margin:0 0 4px}.sales-salesorder-subtitle{color:#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;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;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.sales-salesorder-kpi-value{color:#1e293b;font-size:28px;font-weight:700;margin-bottom:4px}.sales-salesorder-kpi-subtitle{color:#64748b;font-size:12px}.sales-salesorder-kpi-trend{font-size:13px;font-weight:600;margin-top:8px}.sales-salesorder-kpi-trend.positive{color:#10b981}.sales-salesorder-kpi-trend.negative{color:#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-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;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;color:#fff}.sales-salesorder-btn-primary:hover{background-color:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.sales-salesorder-btn-secondary{background-color:#fff;border:1px solid #e2e8f0;color:#475569}.sales-salesorder-btn-secondary:hover{background-color:#f8fafc;border-color:#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}.sales-salesorder-filters-panel{background:#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;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s}.sales-salesorder-filter-select:focus{border-color:#3b82f6;outline:none}.sales-salesorder-bulk-actions{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.sales-salesorder-bulk-actions span{color:#1e40af;font-size:14px;font-weight:600;margin-right:auto}.sales-salesorder-table-container{background:#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;position:-webkit-sticky;position:sticky;top:0;z-index:10}.sales-salesorder-table th{border-bottom:2px solid #e2e8f0;color:#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;color:#1e293b;font-size:14px;padding:14px 16px}.sales-salesorder-table-row:hover{background-color:#f8fafc}.sales-salesorder-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sales-salesorder-sortable:hover{color:#3b82f6}.sales-salesorder-checkbox-col{width:40px}.sales-salesorder-link{color:#3b82f6;cursor:pointer;font-weight:500;text-decoration:none;transition:color .2s}.sales-salesorder-link:hover{color:#2563eb;text-decoration:underline}.sales-salesorder-text-muted{color:#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;color:#64748b}.sales-salesorder-badge-confirmed{background-color:#dbeafe;color:#1e40af}.sales-salesorder-badge-shipped{background-color:#d1fae5;color:#065f46}.sales-salesorder-badge-delivered{background-color:#d1fae5;color:#047857}.sales-salesorder-badge-cancelled{background-color:#fee2e2;color:#991b1b}.sales-salesorder-badge-payment-pending{background-color:#fef3c7;color:#92400e}.sales-salesorder-badge-payment-partial{background-color:#fed7aa;color:#9a3412}.sales-salesorder-badge-payment-paid{background-color:#d1fae5;color:#065f46}.sales-salesorder-pagination{align-items:center;background:#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;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-radius:6px;cursor:pointer;font-size:14px}.sales-salesorder-pagination-btn{background:#fff;padding:6px 16px;transition:all .2s}.sales-salesorder-pagination-btn:hover:not(:disabled){background-color:#f8fafc;border-color:#cbd5e1}.sales-salesorder-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.sales-salesorder-pagination-current{color:#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;background:#fff;box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;height:100vh;max-width:800px;overflow-y:auto;width:100%}.sales-salesorder-drawer-header{align-items:flex-start;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.sales-salesorder-drawer-header h2{color:#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}.sales-salesorder-drawer-content{flex:1 1;overflow-y:auto;padding:24px}.sales-salesorder-drawer-footer{background:#fff;border-top:1px solid #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;font-size:16px;font-weight:700;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.sales-salesorder-detail-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.sales-salesorder-detail-row{border-bottom:1px solid #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;font-size:14px;font-weight:600}.sales-salesorder-detail-value{color:#1e293b;font-size:14px;text-align:right}.sales-salesorder-items-table{margin-bottom:16px;overflow-x:auto}.sales-salesorder-items-table table{background:#fff;border:1px solid #e2e8f0;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.sales-salesorder-items-table th{background-color:#f8fafc;border-bottom:2px solid #e2e8f0;color:#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;color:#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;font-size:12px}.sales-salesorder-totals{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.sales-salesorder-total-row{color:#475569;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.sales-salesorder-grand-total{border-top:2px solid #e2e8f0;color:#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;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #bfdbfe;height:12px;left:-32px;position:absolute;top:4px;width:12px}.sales-salesorder-timeline-item:not(:last-child):before{background-color:#e2e8f0;bottom:-8px;content:"";left:-26px;position:absolute;top:16px;width:2px}.sales-salesorder-timeline-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.sales-salesorder-timeline-action{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:4px}.sales-salesorder-timeline-meta{color:#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;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;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-radius:8px;box-sizing:border-box;padding:8px 10px;width:100%}.sales-salesorder-close-btn{background:none;border:none;color:#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}.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;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;font-size:24px;font-weight:600;margin:0}.purchase-orders-count{color:#64748b;font-size:20px;font-weight:400}.table-footer{background:#fff;flex-shrink:0}.page-size-selector:focus{box-shadow:0 0 0 2px #3b82f61a}@media (max-width:768px){.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%}}.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{display:flex;flex:1 1;flex-wrap:wrap;gap:10px}.purchase-orders-search{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:14px;min-width:250px;padding:10px 16px;transition:all .2s}.purchase-orders-search:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.purchase-orders-filter{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px;min-width:140px;padding:8px 14px;transition:all .2s}.purchase-orders-filter:hover{border-color:#cbd5e1}.purchase-orders-filter:focus{border-color:#3b82f6;outline:none}.purchase-orders-actions{display:flex;flex-wrap:wrap;gap:10px}.purchase-orders-btn-primary{align-items:center;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.purchase-orders-btn-primary:hover{background-color:#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;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.purchase-orders-btn-secondary:hover{background-color:#f8fafc;border-color:#cbd5e1}.purchase-orders-btn-small{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.purchase-orders-btn-small:hover{background-color:#2563eb}.purchase-column-picker-container{position:relative}.purchase-column-picker-dropdown{animation:slideDown .2s ease-out;background:#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;color:#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;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;color:#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;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}.purchase-column-picker-item input[type=checkbox]{accent-color:#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:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.purchase-orders-kpi-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:14px;padding:16px;transition:all .2s}.purchase-orders-kpi-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.purchase-orders-kpi-icon{align-items:center;background-color:#f1f5f9;border-radius:12px;display:flex;font-size:28px;height:50px;justify-content:center;width:50px}.purchase-orders-kpi-content{flex:1 1}.purchase-orders-kpi-value{color:#1e293b;font-size:22px;font-weight:700;margin-bottom:4px}.purchase-orders-kpi-label{color:#64748b;font-size:12px;font-weight:500}.purchase-orders-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;max-height:500px}.purchase-orders-table-scroll{flex:1 1;overflow-x:auto;overflow-y:auto}.purchase-orders-table-scroll::-webkit-scrollbar{height:5px;width:5px}.purchase-orders-table-scroll::-webkit-scrollbar-track{background:#f1f5f9}.purchase-orders-table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.purchase-orders-table-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.purchase-orders-table-wrapper{overflow-x:auto}.purchase-orders-table{border-collapse:initial;border-spacing:0;font-size:13px;width:100%}.purchase-orders-table thead{background:#f8fafc}.purchase-orders-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#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;color:#334155;font-size:13px;padding:12px 14px}.purchase-orders-table-row{transition:background-color .15s}.purchase-orders-table-row:hover{background-color:#f8fafc}.purchase-orders-table-id{color:#3b82f6;font-weight:600}.purchase-orders-table-value{color:#059669;font-weight:600}.vendor-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:13px;padding:0;text-decoration:underline}.vendor-link:hover{color:#2563eb}.empty-state{color:#94a3b8;font-size:14px;padding:40px 20px}.delivery-progress{display:flex;flex-direction:column;gap:4px}.progress-bar{background-color:#e2e8f0;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#3b82f6,#059669);border-radius:3px;height:100%;transition:width .3s ease}.progress-text{color:#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}.po-badge-draft{background-color:#f1f5f9;color:#475569}.po-badge-approved{background-color:#dbeafe;color:#1e40af}.po-badge-ordered{background-color:#e0e7ff;color:#4338ca}.po-badge-transit{background-color:#fef3c7;color:#92400e}.po-badge-delivered{background-color:#d1fae5;color:#065f46}.po-badge-cancelled{background-color:#fee2e2;color:#991b1b}.po-payment-pending{background-color:#fef3c7;color:#92400e}.po-payment-partial{background-color:#fed7aa;color:#9a3412}.po-payment-paid{background-color:#d1fae5;color:#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;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:6px;transition:all .2s}.purchase-orders-action-btn:hover{background-color:#f1f5f9;transform:scale(1.1)}.table-footer{gap:12px;padding:14px 18px}.page-btn{border:2px solid #e2e8f0;color:#475569;font-size:13px;font-weight:500;min-width:36px;padding:6px 12px;transition:all .3s ease}.page-btn:hover:not(:disabled){color:#2563eb;transform:translateY(-1px)}.page-btn:disabled{background:#f1f5f9}.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;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;border-bottom:1px solid #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;font-size:20px;margin:0 0 4px}.purchase-orders-drawer-subtitle{color:#64748b;font-size:13px;margin:0}.purchase-orders-drawer-close{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:24px;line-height:1;padding:4px;transition:all .2s}.purchase-orders-drawer-close:hover{background-color:#f1f5f9;color:#1e293b}.purchase-orders-drawer-content{padding:20px}.purchase-orders-drawer-section{margin-bottom:24px}.purchase-orders-drawer-section h3{color:#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;font-size:12px;font-weight:500}.po-value{color:#059669;font-size:15px;font-weight:600}.po-items-table{border:1px solid #e2e8f0;border-collapse:collapse;border-radius:8px;font-size:13px;overflow:hidden;width:100%}.po-items-table thead{background-color:#f8fafc}.po-items-table th{border-bottom:1px solid #e2e8f0;color:#475569;font-size:11px;font-weight:600;padding:10px 12px;text-align:left;text-transform:uppercase}.po-items-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:10px 12px}.po-items-table tbody tr:last-child td{border-bottom:none}.delivered-qty{color:#059669;font-weight:600}.pending-qty{color:#ea580c;font-weight:600}.purchase-orders-drawer-actions{background:#fff;border-top:1px solid #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;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;display:flex;justify-content:space-between;padding:20px}.purchase-orders-modal-header h2{color:#1e293b;font-size:18px;margin:0}.purchase-orders-modal-close{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:24px;line-height:1;padding:4px;transition:all .2s}.purchase-orders-modal-close:hover{background-color:#f1f5f9;color:#1e293b}.purchase-orders-modal-content{padding:20px}.delivery-item-info h3{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 14px}.delivery-stats{grid-gap:14px;background-color:#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;font-size:11px;font-weight:500;text-transform:uppercase}.delivery-stat-value{color:#1e293b;font-size:20px;font-weight:700}.delivery-stat-value.pending{color:#ea580c}.delivery-form-group{display:flex;flex-direction:column;gap:6px}.delivery-form-group label{color:#475569;font-size:13px;font-weight:600}.delivery-form-group input{border:1px solid #e2e8f0;border-radius:6px;font-size:14px;padding:8px 12px;transition:all .2s}.delivery-form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.delivery-form-group small{color:#64748b;font-size:12px}.purchase-orders-modal-actions{border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding:16px 20px}.po-form-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:16px}.po-form-section h3{border-bottom:2px solid #e2e8f0;color:#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;font-size:12px;font-weight:600}.po-form-group input,.po-form-group select,.po-form-group textarea{background-color:#fff;border:1px solid #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;box-shadow:0 0 0 3px #3b82f61a;outline:none}.po-form-group textarea{min-height:60px;resize:vertical}.po-items-table tbody tr{transition:all .2s ease}.po-items-table tbody tr:hover{background-color:#f8fafc!important}.po-items-table input[type=checkbox]{accent-color:#2563eb;cursor:pointer;height:16px;width:16px}.remove-item-btn{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:all .2s ease}.remove-item-btn:hover{background:#fecaca;border-color:#fca5a5;transform:scale(1.05)}@media (max-width:1024px){.purchase-orders-kpi-grid{grid-template-columns:repeat(2,1fr)}.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}}@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}.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{font-size:14px;min-width:100%;padding:10px 12px}.purchase-orders-filter{padding:10px 12px;width:100%}.purchase-orders-actions{flex-direction:column;gap:8px;width:100%}.purchase-orders-btn-primary,.purchase-orders-btn-secondary{font-size:14px;justify-content:center;padding:12px;width:100%}.purchase-column-picker-container{width:100%}.purchase-column-picker-dropdown{left:0;max-width:100%;right:0;width:100%}.purchase-orders-kpi-grid{gap:12px;grid-template-columns:1fr}.purchase-orders-kpi-card{padding:14px}.purchase-orders-kpi-icon{font-size:24px;height:44px;width:44px}.purchase-orders-kpi-value{font-size:20px}.purchase-orders-kpi-label{font-size:11px}.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}.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{font-size:11px}.po-items-table td,.po-items-table th{font-size:11px;padding:8px 6px}.purchase-orders-btn-small{font-size:11px;padding:6px 10px}.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}.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}.pagination{flex-wrap:wrap;justify-content:center;width:100%}.page-btn{font-size:12px;min-width:32px;padding:8px 12px}}@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-column-picker-container{width:100%}.purchase-orders-btn-primary,.purchase-orders-btn-secondary{font-size:13px;padding:10px}.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}}@media (max-width:375px){.purchase-orders-title{font-size:15px}.purchase-orders-kpi-grid{gap:10px}.purchase-orders-kpi-card{padding:12px}.purchase-orders-table{min-width:700px}.po-form-section{padding:12px}}.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;border-radius:20px;color:#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;border:1px solid #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;border-bottom:1px solid #e2e8f0;color:#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;cursor:pointer;display:flex;padding:2px;transition:color .15s,background .15s}.po-columns-picker__close:hover{background:#e2e8f0;color:#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;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}.po-columns-picker__item:disabled{cursor:not-allowed;opacity:.4}.po-columns-picker__checkbox{align-items:center;background:#fff;border:1.5px solid #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;border-color:#2563eb;color:#fff}.po-th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:12px;font-weight:600;padding:12px 14px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;transition:background .15s;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:20}.po-th--sortable{cursor:pointer}.po-th--sortable:hover{background:#f1f5f9}.po-th--drag-over{background:#eff6ff!important;outline:2px dashed #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;cursor:grab;flex-shrink:0;padding:0 1px;transition:color .15s}.po-th:hover .po-drag-handle{color:#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;opacity:.7}.po-sort-icon--active{color:#2563eb}.po-th[draggable=true]:active{opacity:.6}@media (max-width:768px){.po-columns-picker{left:0;min-width:190px;right:auto}.po-btn--columns span:first-of-type,.po-columns-count-badge{display:none}}.procurement-bills-received-container{padding:24px 24px 0}.procurement-bills-received-header{margin-bottom:24px}.procurement-bills-received-breadcrumb{color:#64748b;font-size:13px;margin-bottom:8px}.procurement-bills-received-title{color:#1e293b;font-size:28px;font-weight:600;margin:0}.procurement-bills-received-count{color:#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;border:1px solid #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;box-shadow:0 0 0 3px #3b82f61a;outline:none}.procurement-bills-received-filter{background-color:#fff;border:1px solid #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}.procurement-bills-received-filter:focus{border-color:#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;border:none;border-radius:8px;color:#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;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.procurement-bills-received-btn-secondary{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#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;border-color:#cbd5e1}.procurement-bills-received-btn-link{align-items:center;background:none;border:1px solid #3b82f6;border-radius:6px;color:#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}.procurement-bills-received-kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);margin-bottom:20px}.procurement-bills-received-kpi-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:14px;min-width:0;padding:16px;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;border-radius:12px;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.procurement-bills-received-kpi-content{flex:1 1;min-width:0}.procurement-bills-received-kpi-value{color:#1e293b;font-size:22px;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.procurement-bills-received-kpi-label{color:#64748b;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.procurement-bills-received-table-container{background:#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}.procurement-bills-received-table-scroll-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.procurement-bills-received-table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#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 thead tr{background-color:#f8fafc}.procurement-bills-received-table th{background-color:#f8fafc;border-bottom:2px solid #e2e8f0;color:#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;color:#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}.procurement-bills-received-table-row:last-child td{border-bottom:none}.procurement-bills-received-table-id{color:#3b82f6;font-weight:600;white-space:nowrap}.procurement-bills-received-table-vendor{color:#1e293b;font-weight:500}.procurement-bills-received-table-amount{color:#1e293b;font-weight:600;white-space:nowrap}.procurement-bills-received-table-paid{color:#059669;font-weight:500;white-space:nowrap}.procurement-bills-received-table-balance{color:#ea580c;font-weight:600;white-space:nowrap}.procurement-bills-received-link{color:#3b82f6;cursor:pointer;text-decoration:underline;white-space:nowrap}.procurement-bills-received-link:hover{color:#2563eb}.procurement-bills-received-no-link{color:#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;color:#92400e}.procurement-bills-received-badge-partial{background-color:#fed7aa;color:#9a3412}.procurement-bills-received-badge-paid{background-color:#d1fae5;color:#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;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:6px;transition:all .2s}.procurement-bills-received-action-btn:hover{background-color:#eff6ff;color:#3b82f6;transform:scale(1.1)}.procurement-bills-received-pagination{background:#fff;border-top:1px solid #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;font-size:13px;font-weight:500}.page-size-selector{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:13px;padding:6px 10px;transition:all .2s}.page-size-selector:focus{border-color:#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-numbers{display:flex;gap:4px}.page-number{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:13px;font-weight:500;min-width:36px;padding:7px 12px;transition:all .2s}.page-number:hover{background:#f1f5f9;border-color:#cbd5e1}.page-number.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.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;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;border-bottom:1px solid #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;font-size:22px;margin:0 0 4px;word-break:break-word}.procurement-bills-received-drawer-vendor{color:#64748b;font-size:15px;margin:0}.procurement-bills-received-drawer-close{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;flex-shrink:0;line-height:1;padding:4px;transition:all .2s}.procurement-bills-received-drawer-close:hover{background-color:#f1f5f9;color:#1e293b}.procurement-bills-received-drawer-content{padding:24px}.procurement-bills-received-drawer-section{margin-bottom:28px}.procurement-bills-received-drawer-section h3{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.procurement-bills-received-drawer-section h4{color:#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;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;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.procurement-bills-received-info-item span{color:#1e293b;font-size:14px;font-weight:500}.procurement-bills-received-amount-highlight{color:#1e293b!important;font-size:16px!important;font-weight:700!important}.procurement-bills-received-balance-highlight{color:#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;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px}.procurement-bills-received-trace-label{color:#64748b;font-size:13px;font-weight:500;min-width:120px}.procurement-bills-received-items-table{border:1px solid #e2e8f0;border-collapse:collapse;border-radius:8px;font-size:14px;overflow:hidden;width:100%}.procurement-bills-received-items-table thead{background-color:#f8fafc}.procurement-bills-received-items-table th{border-bottom:1px solid #e2e8f0;color:#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;color:#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;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:16px}.procurement-bills-received-payment-stat label{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.procurement-bills-received-paid-amount{color:#059669;font-size:22px;font-weight:700}.procurement-bills-received-balance-amount{color:#ea580c;font-size:22px;font-weight:700}.procurement-bills-received-payment-table{border:1px solid #e2e8f0;border-collapse:collapse;border-radius:8px;font-size:13px;overflow:hidden;width:100%}.procurement-bills-received-payment-table thead{background-color:#f8fafc}.procurement-bills-received-payment-table th{border-bottom:1px solid #e2e8f0;color:#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;color:#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;border-radius:6px;color:#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;border-left:3px solid #f59e0b;border-radius:4px;color:#78350f;font-size:14px;padding:10px 12px}.procurement-bills-received-drawer-actions{background:#fff;border-top:1px solid #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;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;display:flex;justify-content:space-between;padding:24px}.procurement-bills-received-modal-header h2{color:#1e293b;font-size:20px;margin:0}.procurement-bills-received-modal-close{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;line-height:1;padding:4px;transition:all .2s}.procurement-bills-received-modal-close:hover{background-color:#f1f5f9;color:#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;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-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;box-shadow:0 0 0 3px #3b82f61a;outline:none}.procurement-bills-received-payment-info{grid-gap:16px;background-color:#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;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;padding:20px 24px}.procurement-bills-received-file-view-modal{animation:procurement-bills-received-scaleIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;height:90vh;max-width:1200px;overflow:hidden;width:90vw}.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;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;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 28px}.bill-form-modal-header h2{color:#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;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .2s}.bill-form-modal-close-btn:hover{background:#f1f5f9;color:#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;border-radius:4px}.bill-form-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.bill-form-modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.bill-form-section{margin-bottom:28px}.bill-form-section:last-child{margin-bottom:0}.bill-form-section-title{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.bill-form-section-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:16px;padding-bottom:8px}.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;font-size:13px;font-weight:600}.bill-form-input,.bill-form-select,.bill-form-textarea{background:#fff;border:1px solid #cbd5e1;border-radius:6px;box-sizing:border-box;color:#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;box-shadow:0 0 0 3px #3b82f61a;outline:none}.bill-form-input:disabled,.bill-form-select:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.bill-form-file-input{border:2px dashed #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;padding:8px}.bill-form-file-input:hover{background:#f8fafc;border-color:#3b82f6}.bill-form-hint{color:#64748b;font-size:12px;margin-top:4px}.bill-form-hint-success{color:#22c55e;font-size:12px;margin-top:4px}.bill-form-hint-error{color:#ef4444;font-size:12px;margin-top:4px}.bill-form-file-selected{color:#22c55e;font-size:13px;margin-top:8px}.bill-form-items-table-container{border:1px solid #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}.bill-form-items-table th{border-bottom:2px solid #e2e8f0;color:#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;padding:8px}.bill-form-item-row:hover{background:#fafafa}.bill-form-table-input{border:1px solid #cbd5e1;border-radius:4px;box-sizing:border-box;font-size:13px;padding:6px 8px;width:100%}.bill-form-table-input:focus{border-color:#3b82f6;outline:none}.bill-form-line-total{color:#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;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;gap:6px;padding:8px 16px;transition:all .2s}.bill-form-add-item-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.bill-form-remove-item-btn{align-items:center;background:#fee2e2;border:none;border-radius:4px;color:#dc2626;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.bill-form-remove-item-btn:hover{background:#fecaca}.bill-form-total-row{align-items:center;background:#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;font-size:20px;font-weight:700}.bill-form-edit-warning{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:6px;color:#92400e;font-size:13px;line-height:1.6;padding:12px 16px}.bill-form-modal-actions{border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;justify-content:flex-end;padding:18px 28px}.bill-form-save-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:11px 28px;transition:all .2s}.bill-form-save-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.bill-form-cancel-btn{background:#f1f5f9;border:none;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;font-weight:600;padding:11px 28px;transition:all .2s}.bill-form-cancel-btn:hover{background:#e2e8f0}@media (max-width:1400px){.procurement-bills-received-kpi-grid{grid-template-columns:repeat(5,1fr)}.procurement-bills-received-kpi-value{font-size:20px}}@media (max-width:1100px){.procurement-bills-received-kpi-grid{grid-template-columns:repeat(3,1fr)}.procurement-bills-received-kpi-value{font-size:22px}}@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;width:100vw}.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}}.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:#eff6ff;color:#3b82f6}.receipt-action-btn.btn-view:hover{background-color:#3b82f6;color:#fff}.receipt-action-btn.btn-edit{background-color:#fffbeb;color:#f59e0b}.receipt-action-btn.btn-edit:hover{background-color:#f59e0b;color:#fff}.receipt-action-btn.btn-delete{background-color:#fef2f2;color:#ef4444}.receipt-action-btn.btn-delete:hover{background-color:#ef4444;color:#fff}.receipt-action-btn.btn-adjust{background-color:#f0fdf4;color:#22c55e}.receipt-action-btn.btn-adjust:hover{background-color:#22c55e;color:#fff}.receipt-action-btn.btn-restore{background-color:#f0fdf4;color:#16a34a;font-size:12px;font-weight:600;padding:0 10px;width:auto}.receipt-action-btn.btn-restore:hover{background-color:#16a34a;color:#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;color:#92400e}.bill-status-partial{background:#dbeafe;color:#1e40af}.bill-status-paid{background:#dcfce7;color:#166534}.bill-status-overdue{background:#fee2e2;color:#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;color:#6d28d9}.vp-type-bill{background:#dbeafe;color:#1e40af}.bill-no,.vp-advance-no{color:#1e293b;font-size:13px;font-weight:700}.bill-amount,.vp-amount{color:#0f172a;font-weight:600}.text-success{color:#16a34a;font-weight:600}.text-warning{color:#d97706;font-weight:600}.text-danger{color:#dc2626;font-weight:600}.bill-action-buttons,.receipt-action-buttons{align-items:center;display:flex;gap:6px}.reports-page{background-color:#f5f7fa;min-height:100vh}.reports-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:24px 32px}.reports-breadcrumb{color:#6b7280;font-size:13px;margin-bottom:8px}.reports-title{color:#111827;font-size:28px;font-weight:600;margin:0}.reports-header-actions{display:flex;gap:12px}.reports-btn-primary,.reports-btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.reports-btn-primary{background:#3b82f6;color:#fff}.reports-btn-primary:hover{background:#2563eb}.reports-btn-primary:disabled{background:#93c5fd;cursor:not-allowed}.reports-btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.reports-btn-secondary:hover{background:#f9fafb}.reports-mobile-tabs{background:#fff;border-bottom:1px solid #e5e7eb;display:none;padding:0 16px}.reports-mobile-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s}.reports-mobile-tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.reports-content{grid-gap:0;display:grid;gap:0;grid-template-columns:320px 1fr 380px;height:calc(100vh - 89px);overflow:hidden}.reports-pane{background:#fff;border-right:1px solid #e5e7eb;overflow-y:auto}.reports-pane-right{border-right:none}.report-builder{padding:20px}.report-builder-header h2{color:#111827;font-size:18px;font-weight:600;margin:0 0 20px}.builder-section{margin-bottom:24px}.builder-section-header{align-items:center;background:#f9fafb;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px;text-align:left;transition:background .2s;width:100%}.builder-section-header:hover{background:#f3f4f6}.builder-section-content{padding-top:12px}.templates-grid{grid-gap:12px;display:grid;gap:12px}.template-card{align-items:flex-start;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.template-card:hover{border-color:#3b82f6;box-shadow:0 4px 6px #3b82f61a}.template-icon{flex-shrink:0;font-size:32px}.template-info{flex:1 1}.template-name{color:#111827;font-size:14px;font-weight:600;margin-bottom:4px}.template-desc{color:#6b7280;font-size:12px}.widgets-list{display:flex;flex-direction:column;gap:8px}.widget-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;text-align:left;transition:all .2s;width:100%}.widget-item:hover{background:#eff6ff;border-color:#3b82f6}.widget-icon{font-size:24px}.widget-info{flex:1 1}.widget-label{color:#111827;font-size:14px;font-weight:500}.widget-desc{color:#6b7280;font-size:12px}.fields-category{margin-bottom:16px}.fields-category-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.fields-list{display:flex;flex-direction:column;gap:4px}.field-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:move;display:flex;font-size:13px;gap:8px;padding:8px 12px;transition:all .2s}.field-item:hover{background:#f9fafb;border-color:#d1d5db}.field-type{color:#9ca3af;font-size:11px;margin-left:auto;text-transform:uppercase}.sections-list{display:flex;flex-direction:column;gap:8px}.section-preview-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:12px}.section-preview-drag{color:#9ca3af;cursor:move}.section-preview-info{flex:1 1}.section-preview-type{color:#3b82f6;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.section-preview-title{color:#374151;font-size:14px}.section-preview-actions{display:flex;gap:4px}.section-action-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;transition:all .2s}.section-action-btn:hover{background:#fee2e2;color:#dc2626}.empty-state{color:#9ca3af;padding:32px 16px}.empty-state p{margin:4px 0}.empty-state-hint{font-size:13px}.report-config{padding:20px}.report-config-header h2{color:#111827;font-size:18px;font-weight:600;margin:0 0 20px}.config-section{border-bottom:1px solid #e5e7eb;margin-bottom:32px;padding-bottom:32px}.config-section:last-child{border-bottom:none}.config-section-title{color:#111827;font-size:16px;font-weight:600;margin:0 0 16px}.config-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.config-btn-add{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#3b82f6;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s}.config-btn-add:hover{background:#dbeafe}.config-form-group{margin-bottom:16px}.config-form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.config-form-group input,.config-form-group select,.config-form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.config-form-group input:focus,.config-form-group select:focus,.config-form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.config-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.filters-list{display:flex;flex-direction:column;gap:12px}.filter-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1.5fr 1fr 1.5fr auto}.filter-field,.filter-operator,.filter-value{border:1px solid #d1d5db;border-radius:6px;font-size:13px;padding:8px 12px}.filter-remove-btn{background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;padding:8px;transition:all .2s}.filter-remove-btn:hover{background:#fecaca}.config-empty-state{background:#f9fafb;border-radius:8px;color:#9ca3af;padding:32px;text-align:center}.config-empty-hint{font-size:13px}.config-run-controls{display:flex;gap:12px}.config-btn-run,.config-btn-schedule{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.config-btn-run{background:#3b82f6;color:#fff}.config-btn-run:hover:not(:disabled){background:#2563eb}.config-btn-run:disabled{background:#93c5fd;cursor:not-allowed}.config-btn-schedule{background:#fff;border:1px solid #d1d5db;color:#374151}.config-btn-schedule:hover{background:#f9fafb}.config-radio-group{display:flex;flex-direction:column;gap:12px}.config-radio-label{align-items:flex-start;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:12px;transition:all .2s}.config-radio-label:hover{background:#f9fafb}.config-radio-label input[type=radio]{margin-top:2px;width:auto}.config-radio-label span:first-of-type{color:#111827;font-weight:500}.config-radio-hint{color:#6b7280;display:block;font-size:12px;margin-top:4px}.config-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}.config-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:500px;width:100%}.config-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.config-modal-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.config-modal-header button{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;transition:all .2s}.config-modal-header button:hover{background:#f3f4f6}.config-modal-body{max-height:60vh;overflow-y:auto;padding:24px}.config-modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:16px 24px}.config-btn-primary,.config-btn-secondary{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.config-btn-primary{background:#3b82f6;color:#fff}.config-btn-primary:hover{background:#2563eb}.config-btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.config-btn-secondary:hover{background:#f9fafb}.report-preview{display:flex;flex-direction:column;height:100%}.preview-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:20px}.preview-header h2{color:#111827;font-size:18px;font-weight:600;margin:0 0 12px}.preview-view-modes{display:flex;gap:8px}.view-mode-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s}.view-mode-btn:hover{background:#f9fafb}.view-mode-btn.active{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.export-controls{border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;padding:0 20px 16px}.export-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s}.export-btn-primary{background:#3b82f6;color:#fff}.export-btn-primary:hover{background:#2563eb}.export-btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.export-btn-secondary:hover{background:#f9fafb}.export-progress{background:#eff6ff;border-bottom:1px solid #bfdbfe;flex-shrink:0;padding:16px 20px}.export-progress-bar{background:#dbeafe;border-radius:999px;height:8px;margin-bottom:8px;overflow:hidden}.export-progress-fill{background:#3b82f6;height:100%;transition:width .3s ease}.export-progress-text{color:#1e40af;font-size:13px;font-weight:500}.preview-content{flex:1 1;overflow-y:auto;padding:24px 20px}.preview-content.print-layout{background:#f3f4f6;padding:24px}.preview-content.print-layout .preview-section{background:#fff;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;padding:40px}.preview-report-header{margin-bottom:32px}.preview-report-title{color:#111827;font-size:28px;font-weight:700;margin:0 0 8px}.preview-report-description{color:#6b7280;font-size:15px;margin:0 0 16px}.preview-report-meta{color:#6b7280;display:flex;font-size:13px;gap:16px}.preview-meta-item{align-items:center;display:flex;gap:6px}.preview-filters-applied{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;font-size:13px;margin-bottom:24px;padding:12px 16px}.filter-badge{background:#fff;border:1px solid #d1d5db;border-radius:4px;display:inline-block;font-size:12px;margin-left:8px;padding:4px 8px}.preview-section{margin-bottom:32px}.preview-section-title{color:#111827;font-size:20px;font-weight:600;margin:0 0 16px}.preview-kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.kpi-card{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;padding:20px}.kpi-label{color:#6b7280;font-size:13px;margin-bottom:8px}.kpi-value{color:#111827;margin-bottom:8px}.kpi-trend{display:flex;font-size:14px;font-weight:500}.kpi-trend.trend-positive{color:#059669}.kpi-trend.trend-negative{color:#dc2626}.kpi-trend.trend-neutral{color:#6b7280}.data-table-wrapper{margin-bottom:24px}.data-table-container{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#f9fafb}.data-table th{color:#374151;cursor:pointer;font-size:13px;font-weight:600;padding:12px 16px;text-align:left;-webkit-user-select:none;user-select:none}.table-header-content{align-items:center;display:flex;gap:8px}.data-table tbody tr{border-top:1px solid #e5e7eb;transition:background .2s}.data-table tbody tr:hover{background:#f9fafb}.data-table td{color:#374151;font-size:14px;padding:12px 16px}.table-pagination{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;font-size:13px;justify-content:space-between;padding:16px}.pagination-controls{gap:12px}.pagination-btn{background:#fff;border:1px solid #d1d5db;font-size:13px;padding:6px 12px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f3f4f6}.pagination-btn:disabled{opacity:.5}.pagination-pages{color:#6b7280}.chart-wrapper{margin-bottom:24px}.chart-container{margin:0 auto;max-width:600px}.preview-text-block{background:#f9fafb;border-radius:8px;color:#374151;font-size:14px;line-height:1.6;margin-bottom:24px;padding:16px}.page-break{border-top:2px dashed #d1d5db;margin:32px 0}.preview-empty,.preview-loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;height:100%;justify-content:center;padding:48px 24px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}.preview-empty svg{color:#d1d5db;margin-bottom:16px}.preview-empty h3{color:#374151;font-size:18px;margin:0 0 8px}.preview-empty p{color:#9ca3af;font-size:14px;margin:0}.export-history{border-top:1px solid #e5e7eb;flex-shrink:0;padding:20px}.export-history-title{color:#111827;font-size:15px;font-weight:600;margin:0 0 12px}.export-history-list{display:flex;flex-direction:column;gap:8px}.export-history-item{align-items:center;background:#f9fafb;border-radius:6px;display:flex;gap:12px;padding:12px;transition:all .2s}.export-history-item:hover{background:#f3f4f6}.export-history-icon{color:#3b82f6;flex-shrink:0}.export-history-info{flex:1 1}.export-history-name{color:#111827;font-size:13px;font-weight:500}.export-history-meta{color:#6b7280;font-size:12px}.export-history-download{border-radius:4px;color:#3b82f6;padding:6px;transition:all .2s}.export-history-download:hover{background:#eff6ff}.export-history-empty{color:#9ca3af;font-size:13px;padding:24px;text-align:center}@media (max-width:1200px){.reports-content{grid-template-columns:280px 1fr 320px}}@media (max-width:992px){.reports-content{grid-template-columns:1fr;height:auto}.reports-mobile-tabs{display:flex}.reports-pane{display:none;height:auto;min-height:500px}.reports-pane.active{display:block}.preview-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:640px){.reports-header{padding:16px}.reports-title{font-size:24px}.config-form-row,.filter-row{grid-template-columns:1fr}.config-run-controls,.export-controls{flex-direction:column}.export-btn{justify-content:center;width:100%}.preview-kpi-grid{grid-template-columns:1fr}.table-pagination{flex-direction:column;gap:12px}}@media print{.export-controls,.export-history,.preview-header,.reports-header,.reports-mobile-tabs,.reports-pane-center,.reports-pane-left{display:none!important}.reports-content{display:block}.preview-content{padding:0}.page-break{border:none;page-break-after:always}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;color:#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);border-radius:12px;box-shadow:0 4px 12px #2563eb4d;color:#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;color:#2563eb}.btn-edit:hover{background:#f0f0f0;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.btn-export{background:#059669;color:#fff}.btn-export:hover{background:#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;border:2px solid #2563eb;border-radius:12px;display:flex;gap:16px;margin-bottom:32px;padding:24px}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#2563eb;height:40px;width:40px}.export-status p{color:#2563eb;font-size:16px;font-weight:600}.document-container{display:flex;flex-direction:column;gap:32px}.document-page{background:#fff;box-shadow:0 2px 8px #0000001a;min-height:1000px;padding:72px 96px;position:relative}.document-page.with-border{border:3px solid #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;font-size:16px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.header-divider{background:linear-gradient(90deg,#0000,#2563eb,#0000);height:3px;margin-top:12px}.doc-title{color:#1a1a1a;font-size:36px;font-weight:700;letter-spacing:2px;margin-bottom:24px;text-align:center;text-transform:uppercase}.system-title{color:#2563eb;font-size:20px;font-weight:600;margin-bottom:48px;text-align:center}.client-information{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;margin-bottom:48px;padding:32px}.client-information.edit-mode{background:#fef3c7;border-color:#fbbf24}.info-item{display:flex;font-size:16px;margin-bottom:12px}.info-item:last-child{margin-bottom:0}.info-label{color:#374151;min-width:140px}.info-value{color:#1a1a1a}.content-section{margin-bottom:32px}.section-heading{border-bottom:3px solid #2563eb;color:#2563eb;font-size:22px;font-weight:700;margin-bottom:16px;padding-bottom:8px}.subsection-heading{color:#1a1a1a;font-size:18px;font-weight:700;margin-bottom:12px;text-decoration:underline}.section-text{color:#1a1a1a;font-size:15px;line-height:1.8;margin-bottom:12px;text-align:justify}.footnote{color:#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;border:2px solid #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-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;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;color:#fff}.pricing-table th{font-weight:700;padding:16px;text-align:left}.pricing-table td{border:1px solid #dee2e6;padding:16px}.pricing-table tbody tr:nth-child(2){background:#fff}.pricing-table .amc-cell{background:#eff6ff;color:#1e40af;font-style:italic}.pricing-table .gst-cell{background:#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;border-left:4px solid #2563eb;color:#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}.warranty-table td,.warranty-table th{border:1px solid #dee2e6;padding:14px;text-align:left}.warranty-table th{color:#374151;font-weight:700}.bom-table{border-collapse:collapse;font-size:12px;margin:24px 0;width:100%}.bom-table thead{background:#2563eb;color:#fff}.bom-table td,.bom-table th{border:1px solid #dee2e6;padding:10px;text-align:left}.bom-table th{font-weight:700}.bom-table tbody tr:nth-child(2n){background:#f8f9fa}.bom-table tbody tr:hover{background:#eff6ff}.document-footer{border-top:2px solid #dee2e6;margin-top:48px;padding-top:24px;text-align:center}.document-footer p{color:#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;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;border-bottom:2px solid #dee2e6;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:24px 32px}.modal-header h2{color:#1a1a1a;font-size:24px;font-weight:700}.btn-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.btn-close:hover{background:#e5e7eb;color:#1a1a1a}.modal-body{flex:1 1;overflow-y:auto;padding:32px}.form-section{border-bottom:2px solid #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;color:#2563eb;font-size:18px;font-weight:700;padding-bottom:8px}.form-group,.form-section h3{margin-bottom:20px}.form-group label{color:#374151;display:block;margin-bottom:8px}.form-group input,.form-group textarea{border:2px solid #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;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-group textarea{min-height:80px}.form-group small{color:#6b7280;display:block;font-size:12px;margin-top:6px}.form-row{grid-gap:16px;gap:16px}.modal-footer{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:2px solid #dee2e6;display:flex;gap:12px;justify-content:flex-end;padding:20px 32px}.btn-save{align-items:center;background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-save:hover{background:#1d4ed8;box-shadow:0 4px 8px #2563eb4d;transform:translateY(-2px)}.btn-cancel{background:#fff;border:2px solid #dee2e6;border-radius:8px;color:#6b7280;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.btn-cancel:hover{background:#f8f9fa;border-color:#9ca3af;color:#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}}.users-page-container{background:#f5f7fa;min-height:100vh;padding:24px}.users-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.users-page-header-left{flex:1 1}.users-page-title{color:#1a202c;font-size:32px;font-weight:700;margin:0 0 4px}.users-page-subtitle{color:#718096;font-size:16px;margin:0}.users-page-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:8px;margin-bottom:24px}.users-page-tab{background:none;border:none;border-bottom:3px solid #0000;color:#718096;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:-2px;padding:12px 24px;transition:all .2s}.users-page-tab:hover{color:#4f46e5}.users-page-tab-active{border-bottom-color:#4f46e5;color:#4f46e5}.users-page-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.users-page-btn-primary{background:#4f46e5;color:#fff}.users-page-btn-primary:hover{background:#4338ca;box-shadow:0 4px 12px #4f46e566;transform:translateY(-1px)}.users-page-btn-secondary{background:#e2e8f0;color:#4a5568}.users-page-btn-secondary:hover{background:#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:24px}.users-page-search-box{flex:1 1;max-width:400px;position:relative}.users-page-search-input{border:2px solid #e2e8f0;border-radius:8px;font-size:15px;padding:12px 16px 12px 44px;transition:border-color .2s;width:100%}.users-page-search-input:focus{border-color:#4f46e5;outline:none}.users-page-search-icon{color:#a0aec0;font-size:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.users-page-filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:15px;min-width:200px;padding:12px 16px}.users-page-filter-select:focus{border-color:#4f46e5;outline:none}.users-page-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.users-page-stat-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;text-align:center}.users-page-stat-number{color:#4f46e5;font-size:36px;font-weight:700;margin-bottom:4px}.users-page-stat-label{color:#718096;font-size:14px;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;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;font-size:20px;font-weight:700;margin:0 0 4px}.users-page-role-description{color:#718096;font-size:14px;line-height:1.5;margin:0}.users-page-role-stats{border-bottom:1px solid #e2e8f0;border-top:1px solid #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;font-size:14px}.users-page-role-stat-value{color:#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;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.users-page-table{border-collapse:collapse;width:100%}.users-page-table thead{background:#f7fafc;border-bottom:2px solid #e2e8f0}.users-page-table th{color:#4a5568;font-size:13px;font-weight:700;letter-spacing:.5px;padding:16px;text-align:left;text-align:center;text-transform:uppercase}.users-page-table td{border-bottom:1px solid #e2e8f0;color:#2d3748;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}.users-page-row-inactive{opacity:.5}.users-page-user-info{align-items:center;display:flex;gap:12px}.users-page-user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.users-page-user-name{color:#1a202c;font-weight:600;margin-bottom:2px}.users-page-user-username{color:#718096;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;color:#c53030}.users-page-badge-role-2{background:#feebc8;color:#c05621}.users-page-badge-role-3{background:#c6f6d5;color:#22543d}.users-page-badge-role-4{background:#bee3f8;color:#2c5282}.users-page-badge-role-5{background:#e9d8fd;color:#553c9a}.users-page-badge-role-6{background:#fed7e2;color:#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;color:#22543d}.users-page-status-inactive{background-color:#fed7d7;color:#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;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;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}.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;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;transition:all .2s}.users-page-btn-icon:hover{background:#edf2f7}.users-page-btn-icon-edit{color:#4f46e5}.users-page-btn-icon-edit:hover{background:#eef2ff;color:#4338ca}.users-page-btn-icon-delete{color:#e53e3e}.users-page-btn-icon-delete:hover{background:#fff5f5;color:#c53030}.users-page-btn-danger:hover{background:#fed7d7}.users-page-btn-link{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:14px;padding:0;text-decoration:underline}.users-page-btn-link:hover{color:#4338ca}.users-page-loading{color:#718096}.users-page-empty-state,.users-page-loading{font-size:16px;padding:60px;text-align:center}.users-page-empty-state{color:#a0aec0}.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;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;display:flex;justify-content:space-between;padding:24px}.users-page-modal-header h2{color:#1a202c;font-size:24px;font-weight:700;margin:0}.users-page-modal-subtitle{color:#718096;font-size:14px;margin:4px 0 0}.users-page-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#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;color:#4a5568}.users-page-modal-body{max-height:calc(90vh - 180px);overflow-y:auto;padding:24px}.users-page-modal-footer{border-top:1px solid #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:#4a5568;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.users-page-section-label{border-bottom:2px solid #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-radius:8px;font-size:15px;padding:12px;transition:border-color .2s;width:100%}.users-page-form-group input:focus,.users-page-form-group select:focus{border-color:#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;border:2px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .2s}.users-page-menu-permission-item:hover{background:#edf2f7;border-color:#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:#2d3748;font-size:14px;font-weight:600}.users-page-menu-permission-desc{color:#718096;font-size:12px;line-height:1.4;margin:0}.users-page-permissions-summary{align-items:center;background:#f7fafc;border-radius:8px;color:#2d3748;display:flex;flex-wrap:wrap;font-size:15px;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;color:#4f46e5;font-size:14px;font-weight:700;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;cursor:pointer;font-size:13px;font-weight:600;padding:4px 8px}.users-page-btn-select-all:hover{background:#eef2ff}.users-page-permission-list{grid-gap:8px;display:grid;gap:8px}.users-page-permission-item{align-items:flex-start;background:#f7fafc;border-radius:8px;display:flex;gap:12px;padding:12px}.users-page-permission-check{color:#48bb78;font-size:18px;font-weight:700;line-height:1}.users-page-permission-details{flex:1 1}.users-page-permission-name{color:#2d3748;font-size:14px;font-weight:600;margin-bottom:2px}.users-page-permission-desc{color:#718096;font-size:13px}.users-page-permission-toggles{grid-gap:8px;display:grid;gap:8px}.users-page-permission-toggle-item{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;padding:12px 16px;transition:all .2s}.users-page-permission-toggle-item:hover{background:#edf2f7;border-color:#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;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}.toast-success{border-left:4px solid #22c55e}.toast-error{border-left:4px solid #ef4444}.toast-notification{border-left:4px solid #3b82f6}.toast-header{border-bottom:1px solid #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;color:#16a34a}.toast-error .toast-icon{background:#fee2e2;color:#dc2626}.toast-notification .toast-icon{background:#dbeafe;color:#2563eb}.toast-title{color:#1f2937;flex:1 1;font-size:14px;font-weight:600}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:#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;color:#4b5563}.toast-close:active{transform:scale(.95)}.toast-body{color:#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;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;color:#dc2626}.confirm-modal-icon-warning{background:#fef3c7;color:#f59e0b}.confirm-modal-icon-info{background:#dbeafe;color:#2563eb}.confirm-modal-title{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 12px}.confirm-modal-message{color:#4b5563;font-size:15px;line-height:1.5;margin:0 0 8px}.confirm-modal-warning{color:#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;color:#374151}.confirm-modal-btn-cancel:hover{background:#e5e7eb}.confirm-modal-btn-confirm{color:#fff}.confirm-modal-btn-danger{background:#dc2626}.confirm-modal-btn-danger:hover{background:#b91c1c}.confirm-modal-btn-warning{background:#f59e0b}.confirm-modal-btn-warning:hover{background:#d97706}.confirm-modal-btn-info{background:#2563eb}.confirm-modal-btn-info:hover{background:#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;border-top:1px solid #e2e8f0;color:#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}.pagination-controls{align-items:center;display:flex;gap:16px}.pagination-select{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;cursor:pointer;outline:none;padding:6px 12px;transition:border-color .2s}.pagination-select:hover{border-color:#cbd5e0}.pagination-nav{align-items:center;display:flex;gap:12px}.pagination-btn{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-weight:500;padding:6px 16px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#f7fafc;border-color:#cbd5e0;color:#2d3748}.pagination-btn:disabled{background-color:#edf2f7;border-color:#edf2f7;color:#a0aec0;cursor:not-allowed}.pagination-current{color:#2d3748;min-width:80px;text-align:center}.pagination-current strong{color:#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;border-radius:6px;bottom:120%;color:#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;content:"";top:100%}.tooltip-wrapper:hover .tooltip{opacity:1;transform:translateX(-50%) translateY(-4px);visibility:visible}.admin-page{background-color:#f5f7fa;margin:0 auto;max-width:1600px;min-height:100vh}.admin-header{align-items:center;background:#fff;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px 30px}.admin-header h1{color:#333;font-size:28px;margin:0}.message{animation:slideIn .3s ease;border-radius:6px;font-size:14px;font-weight:500;padding:12px 20px}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-tabs{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:10px;margin-bottom:30px;padding:15px 20px}.tab{background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:16px;font-weight:500;padding:12px 30px;transition:all .3s ease}.tab:hover{background-color:#f0f2f5;color:#333}.tab.active{background-color:#007bff;color:#fff}.admin-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:30px}.tab-content{display:flex;flex-direction:column;gap:30px}.form-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:25px}.form-section h2{color:#333;font-size:20px;margin-bottom:20px;margin-top:0}.admin-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#555;font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-group textarea{font-family:inherit;resize:vertical}.checkbox-group label{align-items:center;cursor:pointer;flex-direction:row;font-weight:400;gap:10px}.checkbox-group input[type=checkbox]{cursor:pointer;width:auto}.form-actions{display:flex;gap:15px;margin-top:10px}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 30px;transition:all .3s ease}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-primary:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.table-section{margin-top:20px}.table-section h2{color:#333;font-size:20px;margin-bottom:20px}.table-scroll{overflow-x:auto}.admin-table{background:#fff;border-collapse:collapse;width:100%}.admin-table thead{background-color:#f8f9fa}.admin-table th{border-bottom:2px solid #dee2e6;color:#333;font-weight:600;padding:12px 15px;text-align:left;white-space:nowrap}.admin-table td{border-bottom:1px solid #dee2e6;color:#555;padding:12px 15px}.admin-table tbody tr:hover{background-color:#f8f9fa}.status-badge{font-weight:500;padding:4px 10px}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.status-badge.status-planning{background-color:#fff3cd;color:#856404}.status-badge.status-in_progress{background-color:#cce5ff;color:#004085}.status-badge.status-completed{background-color:#d4edda;color:#155724}.status-badge.status-on_hold{background-color:#f8d7da;color:#721c24}.status-badge.status-cancelled{background-color:#e2e3e5;color:#383d41}.btn-delete,.btn-edit{border:none;border-radius:4px;cursor:pointer;font-size:13px;margin-right:8px;padding:6px 12px;transition:all .3s ease}.btn-edit{background-color:#ffc107;color:#000}.btn-edit:hover{background-color:#e0a800}.btn-delete{background-color:#dc3545;color:#fff}.btn-delete:hover{background-color:#c82333}@media (max-width:768px){.admin-page{padding:15px}.admin-header{align-items:flex-start;gap:15px}.admin-header,.admin-tabs{flex-direction:column}.form-row{grid-template-columns:1fr}.table-scroll{overflow-x:scroll}}:root{--rp-bg:#f4f6f9;--rp-surface:#fff;--rp-surface-2:#f8f9fc;--rp-surface-3:#eef0f5;--rp-border:#e5e8ef;--rp-border-2:#d0d5e0;--rp-accent:#2563eb;--rp-accent-2:#1d4ed8;--rp-accent-glow:#2563eb1a;--rp-success:#16a34a;--rp-danger:#dc2626;--rp-text-1:#111827;--rp-text-2:#4b5563;--rp-text-3:#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;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;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;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;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-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-top-color:#2563eb;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{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}.rp-perm-chip--on .rp-perm-chip__check{background:var(--rp-accent);border-color:var(--rp-accent)}.rp-menu-toolbar{align-items:center;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(200px,1fr))}.rp-menu-card{align-items:center;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;min-width:0;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;transition:color .15s;white-space:nowrap}.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)}@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}}@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{padding:12px 16px 0}.rp-create-section{padding:14px 16px}.rp-header{padding:16px}}.rp-brand-name{color:#111827}.rp-brand-icon{box-shadow:0 2px 8px #2563eb33}.rp-sidebar__section-label{border:none;color:#9ca3af}.rp-stat__val{color:#2563eb}.rp-stat__key{color:#9ca3af}.rp-stat-divider{background:#e5e8ef}.rp-role-item:hover{background:#f0f4ff;border-color:#dbeafe}.rp-role-item--active{background:#eff6ff;border-color:#bfdbfe;border-left:3px solid #2563eb}.rp-role-item__avatar{background:#f3f4f6;color:#6b7280}.rp-role-item--active .rp-role-item__avatar{background:#2563eb;color:#fff}.rp-role-item__name{color:#111827}.rp-role-item__desc{color:#9ca3af}.rp-role-item__dot{background:#2563eb;box-shadow:0 0 6px #2563eb66}.rp-role-empty{color:#d1d5db}.rp-role-list::-webkit-scrollbar-thumb{background:#e5e8ef}.rp-header{background:#fff;border-bottom:1px solid #e5e8ef;border-bottom:1px solid var(--rp-border)}.rp-header__title{color:#111827}.rp-header__sub{color:#6b7280}.rp-header__role-pill{background:#eff6ff;border-color:#bfdbfe;color:#374151}.rp-header__role-pill strong{color:#2563eb}.rp-live-dot{background:#16a34a;box-shadow:0 0 6px #16a34a}.rp-create-section{background:#fff;border-bottom:1px solid #e5e8ef;border-bottom:1px solid var(--rp-border)}.rp-ctab{color:#6b7280}.rp-ctab:hover{background:#f3f4f6;border-color:#e5e8ef;color:#374151}.rp-ctab--active{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.rp-field__label{color:#6b7280}.rp-field__input{background:#fff;border-color:#d1d5db;box-shadow:0 1px 2px #0000000a;color:#111827}.rp-field__input::placeholder{color:#d1d5db}.rp-field__input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.rp-btn-create{background:#2563eb;box-shadow:0 2px 8px #2563eb33}.rp-btn-create:hover{background:#1d4ed8;box-shadow:0 4px 14px #2563eb40}.rp-btn-save{background:#2563eb;box-shadow:0 2px 6px #2563eb33}.rp-btn-save:hover{background:#1d4ed8}.rp-empty-state__graphic{background:#f9fafb;border-color:#e5e7eb;color:#d1d5db}.rp-empty-state__title{color:#6b7280}.rp-empty-state__sub{color:#9ca3af}.rp-panel-tabs,.rp-panels{background:#fff}.rp-panel-tabs{border-bottom:1px solid #e5e8ef;border-bottom:1px solid var(--rp-border)}.rp-ptab{color:#6b7280}.rp-ptab:hover{color:#374151}.rp-ptab--active{border-bottom-color:#2563eb;color:#1d4ed8}.rp-ptab__badge{background:#f3f4f6;color:#6b7280}.rp-ptab--active .rp-ptab__badge{background:#eff6ff;color:#2563eb}.rp-panel{background:#f4f6f9}.rp-panel::-webkit-scrollbar-thumb{background:#d1d5db}.rp-loader{border-color:#2563eb #e5e7eb #e5e7eb}.rp-loader-wrap{color:#9ca3af}.rp-group{background:#fff;border-color:#e5e8ef}.rp-group:hover{border-color:#bfdbfe;box-shadow:0 1px 6px #2563eb0f}.rp-group__header{background:#f8f9fc;border-bottom-color:#e5e8ef}.rp-group__name{color:#374151}.rp-group__pill{background:#eff6ff;color:#2563eb}.rp-group__master input[type=checkbox]{accent-color:#2563eb}.rp-perm-chip{background:#f9fafb;border-color:#e5e7eb;color:#4b5563}.rp-perm-chip:hover{background:#f0f4ff;border-color:#93c5fd;color:#111827}.rp-perm-chip__check{background:#fff;border-color:#d1d5db}.rp-perm-chip--on{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.rp-perm-chip--on .rp-perm-chip__check{background:#2563eb;border-color:#2563eb;color:#fff}.rp-menu-toolbar{background:#fff;border-color:#e5e8ef}.rp-select-all{color:#374151}.rp-select-all input[type=checkbox]{accent-color:#2563eb}.rp-menu-count{color:#9ca3af}.rp-menu-card{background:#fff;border-color:#e5e8ef}.rp-menu-card:hover{background:#f0f4ff;border-color:#93c5fd;box-shadow:0 2px 8px #2563eb12}.rp-menu-card--on{background:#eff6ff;border-color:#93c5fd}.rp-menu-card--on:hover{background:#dbeafe;border-color:#60a5fa}.rp-menu-card__icon{background:#f3f4f6;color:#9ca3af}.rp-menu-card--on .rp-menu-card__icon{background:#dbeafe;color:#2563eb}.rp-menu-card__name{color:#374151}.rp-menu-card--on .rp-menu-card__name{color:#1d4ed8;font-weight:600}.rp-toggle{background:#e5e7eb;border-color:#d1d5db}.rp-toggle--on{background:#2563eb;border-color:#2563eb}.rp-toggle__knob{background:#fff;box-shadow:0 1px 3px #00000026}.rp-no-data{color:#d1d5db}.rp-toast{background:#fff;border-color:#e5e8ef;box-shadow:0 4px 20px #0000001a;color:#111827}.rp-toast__msg{color:#374151}.rp-toast__close{color:#9ca3af}.rp-toast__close:hover{color:#374151}.rp-toast--success .rp-toast__indicator{background:#16a34a;box-shadow:0 0 6px #16a34a66}.rp-toast--error .rp-toast__indicator{background:#dc2626;box-shadow:0 0 6px #dc262666}.rp-toast--info .rp-toast__indicator{background:#2563eb;box-shadow:0 0 6px #2563eb66}.project-dashboard-container{padding:24px}.project-dashboard-header{margin-bottom:24px}.project-dashboard-breadcrumb{color:#64748b;font-size:13px;margin-bottom:8px}.page-header-with-filter{gap:20px;margin-bottom:24px}.project-dashboard-title{color:#1e293b;font-size:28px;font-weight:600;margin:0}.header-actions,.project-dashboard-title{align-items:center;display:flex;gap:12px}.dashboard-refresh-btn{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.dashboard-refresh-btn:hover{background-color:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.dashboard-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.project-dashboard-empty-state{align-items:center;background:#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;margin-bottom:24px}.project-dashboard-empty-state h2{color:#1e293b;font-size:24px;font-weight:600;margin:0 0 12px}.project-dashboard-empty-state p{color:#64748b;font-size:16px;margin:0;max-width:500px}.project-overview-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.project-overview-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}.project-overview-info h2{color:#1e293b;font-size:24px;font-weight:600;margin:0 0 12px}.project-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.project-code,.project-location{align-items:center;background-color:#f1f5f9;border-radius:6px;color:#64748b;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px}.project-status-badge{border-radius:6px;color:#fff;display:inline-block;font-size:13px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.progress-circle{height:120px;width:120px}.progress-circle svg{height:100%;width:100%}.progress-value{fill:#1e293b;font-size:24px;font-weight:700}.progress-label{fill:#64748b;font-size:12px;font-weight:500}.project-overview-details{grid-gap:20px;border-top:1px solid #e2e8f0;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding-top:20px}.project-detail-item{align-items:center;display:flex;gap:12px}.project-detail-item svg{color:#64748b;flex-shrink:0}.project-detail-item>div{display:flex;flex-direction:column;gap:4px}.detail-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#1e293b;font-size:16px;font-weight:600}.dashboard-section{margin-bottom:24px}.section-title{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px}.kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.kpi-card{align-items:center;background:#fff;border-radius:12px;border-top:4px solid;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;padding:24px;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;border-radius:12px;display:flex;flex-shrink:0;font-size:36px;height:64px;justify-content:center;width:64px}.kpi-content{flex:1 1}.kpi-value{color:#1e293b;font-size:28px;font-weight:700;line-height:1;margin-bottom:4px}.kpi-label{color:#64748b;font-size:14px;font-weight:500}.kpi-subtitle{color:#94a3b8;font-size:12px;margin-top:4px}.kpi-trend{align-items:center;border-radius:4px;display:inline-flex;font-size:13px;font-weight:600;gap:4px;margin-top:8px;padding:4px 8px}.kpi-trend.positive{background-color:#dcfce7;color:#22c55e}.kpi-trend.negative{background-color:#fee2e2;color:#ef4444}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.metric-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;transition:all .2s}.metric-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.metric-header{align-items:center;color:#64748b;display:flex;gap:12px;margin-bottom:16px}.metric-title{color:#64748b;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.metric-value{color:#1e293b;font-size:32px;font-weight:700;margin-bottom:12px}.metric-breakdown{display:flex;flex-direction:column;gap:8px}.metric-item{align-items:center;color:#475569;display:flex;font-size:13px;gap:8px}.metric-item.success{color:#22c55e}.metric-item.warning{color:#f59e0b}.metric-item.danger{color:#ef4444}.dashboard-charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:24px}.chart-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.chart-card.full-width{grid-column:1/-1}.chart-header{margin-bottom:20px}.chart-title{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.chart-subtitle{color:#64748b;display:block;font-size:13px;margin-top:4px}.dashboard-bottom-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.vendors-list{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.vendor-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:16px;padding:16px 20px;transition:background-color .2s}.vendor-item:last-child{border-bottom:none}.vendor-item:hover{background-color:#f8fafc}.vendor-rank{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#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;font-size:15px;font-weight:600;margin-bottom:4px}.vendor-meta{color:#64748b;display:flex;font-size:12px;gap:12px}.vendor-orders,.vendor-rating{align-items:center;display:inline-flex;gap:4px}.vendor-amount{color:#22c55e;font-size:16px;font-weight:700}.activities-timeline{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.activity-item{border-bottom:1px solid #f1f5f9;display:flex;gap:16px;padding:16px 20px;transition:background-color .2s}.activity-item:last-child{border-bottom:none}.activity-item:hover{background-color:#f8fafc}.activity-icon{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.activity-content{flex:1 1}.activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.activity-type{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.activity-date{color:#94a3b8;font-size:12px}.activity-action{color:#1e293b;font-size:14px;font-weight:500;margin-bottom:4px}.activity-amount{color:#22c55e;font-size:15px;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;color:#475569}.status-approved{background-color:#dcfce7;color:#166534}.status-ordered{background-color:#dbeafe;color:#1e40af}.status-in-transit{background-color:#cffafe;color:#155e75}.status-delivered{background-color:#dcfce7;color:#166534}.status-cancelled,.status-rejected{background-color:#fee2e2;color:#991b1b}.status-new,.status-under-review{background-color:#fef3c7;color:#92400e}@media (max-width:1400px){.dashboard-charts-grid{grid-template-columns:1fr}}@media (max-width:1024px){.kpi-grid,.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-bottom-grid{grid-template-columns:1fr}}@media (max-width:768px){.project-dashboard-container{padding:16px}.project-dashboard-title{font-size:22px}.page-header-with-filter{align-items:stretch;flex-direction:column}.header-actions{flex-direction:column;width:100%}.project-overview-header{align-items:center;flex-direction:column;text-align:center}.progress-circle{height:100px;width:100px}.dashboard-charts-grid,.kpi-grid,.metrics-grid,.project-overview-details{grid-template-columns:1fr}.kpi-icon{height:56px;width:56px}.kpi-value{font-size:24px}}@media (max-width:480px){.project-meta{align-items:flex-start;flex-direction:column}.vendor-item{flex-wrap:wrap}.vendor-amount{text-align:right;width:100%}}.progress-bar-container{background-color:#e2e8f0;border-radius:4px;height:8px;margin:8px 0;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px;height:100%;transition:width .3s ease}.progress-bar-fill.success{background:linear-gradient(90deg,#22c55e,#16a34a)}.progress-bar-fill.warning{background:linear-gradient(90deg,#f59e0b,#d97706)}.progress-bar-fill.danger{background:linear-gradient(90deg,#ef4444,#dc2626)}.project-timeline-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;position:relative}.timeline-milestone{border-left:3px solid #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}.timeline-milestone.completed .milestone-marker{background-color:#22c55e;color:#fff}.timeline-milestone.in-progress{border-left-color:#3b82f6}.timeline-milestone.in-progress .milestone-marker{background-color:#3b82f6;color:#fff}.timeline-milestone.upcoming{border-left-color:#94a3b8}.timeline-milestone.upcoming .milestone-marker{background-color:#f1f5f9;border:2px solid #cbd5e1;color:#64748b}.timeline-milestone.overdue{border-left-color:#ef4444}.timeline-milestone.overdue .milestone-marker{background-color:#ef4444;color:#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;font-size:13px;font-weight:600;margin-bottom:4px}.milestone-title{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 4px}.milestone-description{color:#64748b;font-size:14px;line-height:1.5;margin:0}.kpi-card.financial{background:linear-gradient(135deg,#667eea,#764ba2);border-top:none;color:#fff}.kpi-card.financial .kpi-icon{background-color:#fff3;color:#fff}.kpi-card.financial .kpi-label,.kpi-card.financial .kpi-subtitle,.kpi-card.financial .kpi-value{color:#fff}.metric-card.highlight{border:2px solid #3b82f6;box-shadow:0 4px 16px #3b82f633}.metric-card.success{border-left:4px solid #22c55e}.metric-card.warning{border-left:4px solid #f59e0b}.metric-card.danger{border-left:4px solid #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-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;color:#166534}.status-badge.negative{background-color:#fee2e2;color:#991b1b}.status-badge.neutral{background-color:#f1f5f9;color:#475569}.custom-tooltip{background-color:#1e293bf2;border:none;border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:12px}.custom-tooltip .label{color:#fff;font-weight:600;margin-bottom:4px}.custom-tooltip .value{color:#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;box-shadow:none}}.db-expense-block{background:#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);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;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;color:#92400e}.db-pill-info{background:#e0f2fe;color:#075985}.db-expand-btn{background:#ffffff26;border:none;border-radius:8px;color:#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;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-right:1px solid #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}.db-expense-kpi-icon{flex-shrink:0}.db-expense-kpi-val{color:#1e293b;font-size:16px;font-weight:700}.db-expense-kpi-label{color:#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;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-radius:7px;color:#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;border-color:#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;border:1.5px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;padding:12px 16px;transition:border-color .15s}.db-employee-card:hover{border-color:#3b82f6}.db-emp-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#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;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-emp-count{color:#64748b;font-size:11px;margin-top:2px}.db-emp-amounts{flex-shrink:0;text-align:right}.db-emp-total{color:#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;color:#166534}.db-approved-pill,.db-pending-pill{border-radius:99px;font-size:10px;font-weight:700;padding:2px 6px}.db-pending-pill{background:#fef3c7;color:#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;border:1.5px solid #e2e8f0;border-radius:10px;padding:16px 18px}.db-cat-chart-card h4,.db-recent-exp-card h4{align-items:center;color:#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;border:1px solid #f1f5f9;border-radius:8px;display:flex;gap:10px;padding:10px 12px;transition:border-color .12s}.db-recent-exp-item:hover{border-color:#e2e8f0}.db-recent-cat-icon{align-items:center;background:#eff6ff;border-radius:8px;color:#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;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-recent-meta{color:#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;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;color:#92400e}.db-status-approved{background:#dcfce7;color:#166534}.db-status-rejected{background:#fee2e2;color:#991b1b}.db-view-all-link{border:1.5px dashed #bfdbfe;border-radius:8px;color:#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;border-color:#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;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);border-bottom:1px solid #f1f5f9;border-radius:14px 14px 0 0;color:#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;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;border-bottom:2px solid #e2e8f0;color:#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;color:#1e293b;padding:11px 14px}.db-emp-table tbody tr:last-child td{border-bottom:none}.db-emp-table tbody tr:hover td{background:#f8fafc}.db-emp-table-user{align-items:center;display:flex;gap:8px}.db-green{color:#166534;font-weight:600}.db-amber{color:#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}}.orderbook-page{padding:24px 24px 0}.orderbook-breadcrumb{align-items:center;color:#64748b;display:flex;font-size:11px;gap:5px;margin-bottom:10px}.orderbook-breadcrumb-separator{color:#cbd5e1}.orderbook-breadcrumb-active{color:#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;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;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;color:#1e40af}.ob-th-sorted{background:#eff6ff!important;color:#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;color:#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}.ob-sort-active{color:#3b82f6;font-weight:700}.orderbook-table th.ob-sortable:has(.ob-sort-active){background:#eff6ff;color:#1e40af}.orderbook-date-range{align-items:center;background:#fff;border:1px solid #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;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;font-size:12px;padding:0 2px}.orderbook-date-clear{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#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;color:#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-radius:6px;flex:1 1;font-size:12px;min-width:180px;padding:10px;transition:border-color .2s}.orderbook-search:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.orderbook-filter{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:12px;min-width:120px;padding:10px}.orderbook-filter:focus{border-color:#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);color:#fff;padding:10px}.orderbook-btn-primary:hover:not(:disabled){box-shadow:0 3px 8px #3b82f659;transform:translateY(-1px)}.orderbook-btn-secondary{background:#fff;border:1px solid #e2e8f0;color:#64748b;padding:10px}.orderbook-btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.orderbook-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.orderbook-btn-danger:hover:not(:disabled){box-shadow:0 3px 8px #ef444459;transform:translateY(-1px)}.orderbook-btn:disabled{cursor:not-allowed;opacity:.6}.orderbook-column-picker-container{position:relative}.orderbook-column-picker-dropdown{animation:slideDown .15s ease-out;background:#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;color:#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;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;padding:0;width:20px}.orderbook-column-picker-close:hover{background:#f1f5f9;color:#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;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}.orderbook-column-picker-item span{flex:1 1}.orderbook-column-picker-item input[type=checkbox]{accent-color:#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;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}.orderbook-table-card .orderbook-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.orderbook-table-card .orderbook-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.orderbook-table{border-collapse:collapse;font-size:12px;width:100%}.orderbook-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.orderbook-table th{color:#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;color:#0f172a;font-size:12px;padding:7px 10px;vertical-align:middle}.orderbook-table tbody tr:hover{background:#f8fafc}.orderbook-id{color:#3b82f6;font-weight:600}.orderbook-customer-info{display:flex;flex-direction:column;gap:1px}.orderbook-customer-info strong{color:#0f172a;font-size:12px;font-weight:600}.orderbook-customer-code{color:#64748b;font-size:10px}.orderbook-amount{color:#059669;font-weight:600;text-align:right}.orderbook-balance{color:#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;color:#475569}.orderbook-status.status-confirmed{background:#dbeafe;color:#1e40af}.orderbook-status.status-production{background:#fef3c7;color:#92400e}.orderbook-status.status-ready{background:#e0e7ff;color:#4338ca}.orderbook-status.status-dispatched{background:#ddd6fe;color:#6b21a8}.orderbook-status.status-completed{background:#d1fae5;color:#065f46}.orderbook-status.status-cancelled{background:#fee2e2;color:#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:#5685eb}.ob-view:hover{background:#2563eb1a}.ob-edit{color:#16a34a}.ob-edit:hover{background:#16a34a1a}.ob-upload{color:#7c3aed}.ob-upload:hover{background:#7c3aed1a}.ob-delete{color:#dc2626}.ob-delete:hover{background:#dc26261a}.orderbook-empty-state{color:#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;border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:10px 12px}.orderbook-pagination-info{color:#64748b;font-size:11px}.orderbook-pagination-controls{align-items:center;display:flex;gap:6px}.orderbook-rows-select{margin-left:8px}.orderbook-pagination-btn,.orderbook-rows-select{background:#fff;border:1px solid #e2e8f0;border-radius:5px;cursor:pointer;font-size:11px;padding:8px}.orderbook-pagination-btn{color:#475569;font-weight:500;transition:all .15s}.orderbook-pagination-btn:hover:not(:disabled){background:#f8fafc}.orderbook-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.orderbook-pagination-current{color:#0f172a;font-size:11px;font-weight:500}.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;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;border-bottom:1px solid #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;font-size:15px;font-weight:600;margin:0}.orderbook-modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#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;color:#0f172a}.orderbook-modal-content{flex:1 1;overflow-y:auto;padding:12px 16px}.orderbook-delete-modal{animation:slideUp .2s ease-out;background:#fff;border-radius:10px;max-width:380px;padding:20px;text-align:center;width:100%}.orderbook-delete-icon{align-items:center;background:#fee2e2;border-radius:50%;display:flex;height:44px;justify-content:center;margin:0 auto 10px;width:44px}.orderbook-delete-icon svg{color:#dc2626;height:22px;width:22px}.orderbook-delete-modal h3{color:#0f172a;font-size:16px;font-weight:700;margin:0 0 6px}.orderbook-delete-modal p{color:#64748b;font-size:12px;line-height:1.5;margin:0 0 4px}.orderbook-delete-warning{color:#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;border-radius:8px;margin-bottom:10px;padding:12px}.orderbook-card:last-child{margin-bottom:0}.orderbook-card h3{color:#0f172a;font-size:13px;font-weight:600;margin:0 0 8px}.orderbook-card-header{align-items:flex-start;border-bottom:1px solid #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;font-size:12px}.orderbook-info-grid strong{color:#0f172a;font-weight:600;margin-right:4px}.orderbook-description{border-top:1px solid #e2e8f0;margin-top:10px;padding-top:10px}.orderbook-description p{color:#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;border-radius:6px;display:flex;flex-direction:column;gap:3px;padding:8px 10px}.orderbook-financial-item span{color:#64748b;font-size:11px;font-weight:500}.orderbook-financial-item strong{color:#0f172a;font-size:13px}.orderbook-total{color:#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;font-size:11px;font-weight:500}.orderbook-form-group input,.orderbook-form-group select,.orderbook-form-group textarea{background:#fff;border:1px solid #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;box-shadow:0 0 0 2px #3b82f61a;outline:none}.orderbook-form-group input:disabled,.orderbook-form-group select:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.orderbook-form-group textarea{min-height:52px;resize:vertical}.orderbook-help-text{color:#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;border:2px dashed #e2e8f0;border-radius:6px;color:#94a3b8;padding:20px 12px;text-align:center}.orderbook-empty-items p{font-size:12px;margin:0}.orderbook-grand-total{align-items:center;background:#fff;border:1px solid #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;font-size:15px}.orderbook-total-row{background:#f8fafc!important;font-weight:600}.orderbook-total-row td{border-bottom:none!important;padding:8px!important}.orderbook-modal-actions{background:#fff;border-radius:0 0 10px 10px;border-top:1px solid #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;position:-webkit-sticky;position:sticky;top:0;z-index:10}.orderbook-items-table thead th{border-bottom:1px solid #e5e7eb;color:#374151;font-size:11px;font-weight:600;padding:6px 5px;text-align:left;white-space:nowrap}.orderbook-items-table tbody td{border-bottom:1px solid #e5e7eb;padding:3px 4px;vertical-align:middle}.orderbook-items-table tbody tr:hover{background:#f9fafb}.orderbook-table-input{border:1px solid #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;box-shadow:0 0 0 2px #3b82f614;outline:none}.orderbook-table-input::placeholder{color:#9ca3af;font-size:10px}.orderbook-table-input-number{text-align:right}.orderbook-table-cell-centered{color:#6b7280;font-size:11px;font-weight:500;text-align:center}.orderbook-table-cell-total{color:#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;cursor:pointer;display:inline-flex;justify-content:center;padding:3px;transition:all .15s}.orderbook-table-delete-btn:hover{background:#fee2e2;color:#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}.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;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}.orderbook-items-table tbody tr:hover td:first-child{background:#f9fafb}.orderbook-modal .orderbook-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.orderbook-modal .orderbook-table th{color:#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;color:#0f172a;font-size:12px;padding:6px 9px;vertical-align:middle}.orderbook-info-box{background:#e3f2fd;border:1px solid #90caf9;border-radius:6px;margin-bottom:12px;padding:10px 12px}.orderbook-info-box h4{color:#1976d2;font-size:12px;font-weight:600;margin:0 0 6px}.orderbook-info-box ul{color:#555;font-size:11px;line-height:1.6;margin:0;padding-left:16px}.orderbook-card>p{color:#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}}.expense-management-container{padding:24px 24px 0}.expense-management-header{margin-bottom:16px}.expense-management-breadcrumb{color:#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;font-size:22px;font-weight:600;margin:0 0 6px}.expense-management-subtitle{color:#6c757d;font-size:12px;line-height:1.4;margin:0}.expense-management-action-bar{align-items:center;background:#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-radius:5px;flex:1 1;font-size:13px;min-width:200px;padding:7px 12px;transition:all .2s}.expense-management-search:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.expense-management-filter{background-color:#fff;border:1px solid #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;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;border:none;border-radius:5px;color:#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;box-shadow:0 3px 6px #3b82f64d;transform:translateY(-1px)}.expense-management-btn-success{align-items:center;background-color:#22c55e;border:none;border-radius:5px;color:#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;box-shadow:0 3px 6px #22c55e4d;transform:translateY(-1px)}.expense-management-btn-secondary{align-items:center;background-color:#fff;border:1px solid #dee2e6;border-radius:5px;color:#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;border-color:#adb5bd}.expense-management-btn-danger{align-items:center;background-color:#ef4444;border:none;border-radius:5px;color:#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;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;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;font-size:18px;font-weight:700;margin-bottom:2px}.expense-management-kpi-label{color:#6c757d;font-size:11px;font-weight:500}.expense-tabs{border-bottom:2px solid #dee2e6;display:flex;gap:6px;margin-bottom:16px}.expense-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#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;color:#3b82f6}.expense-tab.active{border-bottom-color:#3b82f6}.payment-count-badge{align-items:center;background-color:#e0f2fe;border-radius:10px;color:#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;font-size:12px;line-height:1.3;max-width:300px}.linked-expense-badge{align-items:center;background-color:#dbeafe;border:1px solid #3b82f6;border-radius:8px;color:#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;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}.exp-table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.expense-management-table{border-collapse:collapse;font-size:13px;width:100%}.expense-management-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.expense-management-table th{color:#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;transition:background-color .2s}.expense-management-table-row:hover{background-color:#f8f9fa}.expense-management-table td{color:#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;font-size:13px;font-weight:600}.expense-project-group{color:#6c757d;font-size:11px}.expense-category-cell{align-items:center;color:#495057;display:flex;gap:6px}.expense-category-cell svg{height:16px;width:16px}.expense-amount-cell{color:#1a202c;font-size:13px;font-weight:600}.expense-payment-mode{align-items:center;color:#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;color:#856404}.expense-badge-approved{background-color:#d1e7dd;color:#0f5132}.expense-badge-rejected{background-color:#f8d7da;color:#842029}.expense-management-actions-cell{align-items:center;display:flex;gap:4px}.expense-management-action-btn{align-items:center;background-color:#fff;border:1px solid #dee2e6;border-radius:5px;color:#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;border-color:#3b82f6;color:#3b82f6;transform:scale(1.05)}.expense-management-action-btn.delete-btn:hover{background-color:#fef2f2;border-color:#ef4444;color:#ef4444}.expense-management-action-btn.advance-btn{border-color:#22c55e;color:#22c55e}.expense-management-action-btn.advance-btn:hover{background-color:#22c55e;border-color:#22c55e;color:#fff}.advance-modal-subtitle{color:#6c757d;font-size:12px;font-weight:400;margin:3px 0 0}.table-footer{background-color:#f8f9fa;border-top:1px solid #dee2e6;color:#6c757d;font-size:12px}.pagination{gap:6px}.page-btn{background-color:#fff;border:1px solid #dee2e6;border-radius:5px;color:#495057;min-width:32px;padding:6px 10px;text-align:center;transition:all .2s}.page-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#3b82f6;color:#3b82f6}.page-btn.active{background-color:#3b82f6;border-color:#3b82f6;font-weight:600}.page-btn:disabled{opacity:.5}.empty-state{color:#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;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;font-size:11px;font-style:italic;margin:-6px 0 12px}.advance-payment-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#3b82f6}.advance-total{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#22c55e}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.expense-management-modal-header{align-items:center;background:#fff;border-bottom:1px solid #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;font-size:18px;font-weight:600;margin:0}.expense-management-modal-close{align-items:center;background:none;border:none;border-radius:5px;color:#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;color:#1a202c}.expense-management-edit-form{max-height:calc(90vh - 150px);overflow-y:auto;padding:16px}.expense-form-section{border-bottom:1px solid #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;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 12px}.commission-section{background-color:#f8f9fa;border:1px solid #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;font-size:12px;font-weight:500}.expense-form-group label:after{color:#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;border:1px solid #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;box-shadow:0 0 0 2px #3b82f61a;outline:none}.expense-form-group textarea{min-height:60px;resize:vertical}.file-upload-area{background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:6px;cursor:pointer;padding:16px;position:relative;text-align:center;transition:all .2s}.file-upload-area:hover{background-color:#f0f7ff;border-color:#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;font-size:13px;font-weight:500;margin:6px 0 3px}.file-upload-hint{color:#6c757d;font-size:11px}.expense-management-modal-actions{background-color:#f8f9fa;border-top:1px solid #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;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;border-bottom:1px solid #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;font-size:18px;font-weight:600;margin:0}.expense-management-drawer-subtitle{color:#6c757d;font-size:12px;margin:3px 0 0}.expense-management-drawer-close{align-items:center;background:none;border:none;border-radius:5px;color:#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;color:#1a202c}.expense-management-drawer-content{padding:16px}.expense-management-drawer-section{margin-bottom:20px}.expense-management-drawer-section h3{color:#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;border:1px solid #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;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;font-weight:500;letter-spacing:.03em}.info-value{color:#1a202c;font-size:12px}.expense-description-box{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:12px}.expense-description-box p{color:#495057;font-size:12px;line-height:1.5;margin:0;white-space:pre-wrap}.expense-management-drawer-actions{border-top:1px solid #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;border:2px solid #dee2e6;border-radius:6px;padding:12px;transition:all .2s}.expense-item-card:hover{border-color:#3b82f6;box-shadow:0 2px 6px #3b82f61a}.expense-item-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.expense-item-number{color:#3b82f6;font-size:13px;font-weight:600}.expense-item-remove{align-items:center;background-color:#fff;border:1px solid #ef4444;border-radius:5px;color:#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;color:#fff}.file-upload-area-small{align-items:center;background-color:#fff;border:1px dashed #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;border-color:#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;font-size:11px}.expense-items-total{align-items:center;background-color:#e7f5ff;border:2px solid #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;font-size:16px}:root{--exp-bg:#f1f5f9;--exp-surface:#fff;--exp-border:#e2e8f0;--exp-text:#0f172a;--exp-muted:#64748b;--exp-primary:#2563eb;--exp-success:#22c55e;--exp-warning:#f59e0b;--exp-danger:#ef4444;--exp-purple:#8b5cf6;--exp-teal:#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;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;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;border-color:#2563eb;border-color:var(--exp-primary);box-shadow:0 0 0 3px #2563eb1a}.exp-mgmt-filter{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--exp-border);border-radius:10px;border-radius:var(--exp-radius);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:13px;outline:none;padding:7px 10px;transition:border-color .2s}.exp-mgmt-filter:focus{background:#fff;border-color:#2563eb;border-color:var(--exp-primary)}.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}.exp-mgmt-btn-secondary{background:#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}.exp-mgmt-btn-danger{background:#ef4444;background:var(--exp-danger);color:#fff}.exp-mgmt-btn-icon{padding:7px 10px}.exp-mgmt-btn-columns,.exp-mgmt-btn-icon{background:#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}.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;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;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;font-size:11px}.exp-user-sub .amber{color:#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-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;border-radius:4px}.exp-mgmt-table{border-collapse:collapse;font-size:13px;width:100%}.exp-mgmt-table thead th{background:#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;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}.sort-active{color:#2563eb;color:var(--exp-primary)}.exp-mgmt-table-row td{border-bottom:1px solid #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}.exp-empty-state{color:#64748b;color:var(--exp-muted);font-size:14px;padding:48px 20px!important;text-align:center}.exp-code{background:#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;color:#92400e}.badge-approved{background:#dcfce7;color:#166534}.badge-rejected{background:#fee2e2;color:#991b1b}.badge-settled{background:#dbeafe;color:#1e40af}.badge-expense{background:#f3e8ff;color:#6b21a8}.badge-advance{background:#ecfdf5;color:#065f46}.history-action-badge{background:#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;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{background:#eff6ff;color:#2563eb;color:var(--exp-primary)}.edit-btn{background:#fff7ed;color:#ea580c}.ok-btn{background:#dcfce7;color:#16a34a}.rej-btn{background:#fee2e2;color:#ef4444;color:var(--exp-danger)}.adv-btn{background:#f3e8ff;color:#8b5cf6;color:var(--exp-purple)}.del-btn{background:#fee2e2;color:#ef4444;color:var(--exp-danger)}.settle-btn{font-size:11px;font-weight:600;padding:3px 8px;width:auto}.table-footer{background:#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;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}.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;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;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;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;background:#f8fafc;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{background:#f8fafc;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;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;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;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}.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;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;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;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;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;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;border:1px solid #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}.exp-mgmt-drawer-actions{align-items:center;background:#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;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}.exp-mgmt-table-row:hover td:first-child{background:#f8fafc}.exp-mgmt-table tbody td:last-child,.exp-mgmt-table thead th:last-child{background:#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}.exp-mgmt-table-row:hover td:last-child{background:#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{overflow-x:visible}.exp-mgmt-table,.exp-mgmt-table tbody{display:block;width:100%}.exp-mgmt-table thead{display:none}.exp-mgmt-table-row{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--exp-border);border-radius:10px;box-shadow:0 1px 4px #0000000f;display:block;margin:0 0 12px;overflow:hidden}.exp-mgmt-table-row:hover{background:#fff;box-shadow:0 4px 12px #0000001a}.exp-mgmt-table-row td{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;font-size:13px;gap:10px;justify-content:space-between;min-height:40px;padding:10px 14px}.exp-mgmt-table-row td:last-child{border-bottom:none}.exp-mgmt-table-row td:before{color:#94a3b8;content:attr(data-label);flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.5px;min-width:95px;text-transform:uppercase}.exp-mgmt-table-row td.actions-td{background:#f8fafc;border-top:1px solid #e2e8f0;border-top:1px solid var(--exp-border);justify-content:flex-end;padding:10px 14px}.exp-mgmt-table-row td.actions-td:before{display:none}.exp-act-btn{height:34px;width:34px}.exp-act-btn svg{height:16px;width:16px}.exp-mgmt-table-container{background:#0000;border:none;box-shadow:none;margin:0 14px 20px;overflow:visible}.table-footer{background:#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}.page-size-selector{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--exp-border);border-radius:6px;cursor:pointer;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--exp-font);font-size:13px;padding:6px 10px;transition:all .2s}.page-size-selector:focus{border-color:#2563eb;border-color:var(--exp-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}@media (max-width:768px){.table-footer{padding:12px}.pagination-info,.table-footer{align-items:stretch;flex-direction:column}.page-size-selector{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}}.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;font-size:26px;font-weight:800;margin:6px 0 4px}.tm-hdr-sub{color:#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;font-size:11px;font-weight:700;gap:6px;letter-spacing:.06em;text-transform:uppercase}.tm-bcs{color:#cbd5e1}.tm-bca{color:#475569}.tm-view-tgl{background:#fff;border:1px solid #e2e8f0;border-radius:9px;display:flex;overflow:hidden}.tm-vbtn{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:12px;font-weight:700;padding:7px 14px;transition:all .15s;white-space:nowrap}.tm-vbtn.active{background:#0f172a;color:#fff}.tm-vbtn:hover:not(.active){background:#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;color:#fff}.tm-primary:hover:not(:disabled){background:#1e293b;transform:translateY(-1px)}.tm-primary:disabled{cursor:not-allowed;opacity:.5}.tm-ghost{background:#fff;border:1px solid #e2e8f0;color:#374151}.tm-ghost:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.tm-ghost:disabled{cursor:not-allowed;opacity:.5}.tm-sm{font-size:11px;padding:5px 12px}.tm-view-btn-sm{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#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;border-color:#3b82f6;color:#1d4ed8}.tm-kpi-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(6,1fr);margin-bottom:24px}@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)}}.tm-kpi{background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 1px 3px #00000012;cursor:pointer;overflow:hidden;padding:18px 20px;position:relative;transition:all .2s}.tm-kpi:after{background:#3b82f6;background:var(--ka,#3b82f6);border-radius:0 0 12px 12px;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,#3b82f6);box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.tm-kpi-on:after{transform:scaleX(1)}.tm-kpi-ico{align-items:center;background:#eff6ff;background:var(--kib,#eff6ff);border-radius:10px;display:flex;font-size:16px;height:38px;justify-content:center;margin-bottom:10px;width:38px}.tm-kpi-lbl{color:#64748b;font-size:10px;font-weight:700;letter-spacing:.07em;margin-bottom:4px;text-transform:uppercase}.tm-kpi-val{color:#0f172a;font-size:26px;font-weight:800;line-height:1;margin-bottom:4px}.tm-kpi-sub{color:#94a3b8;font-size:11px}.tm-filters-bar{background:#fff;border:1px solid #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;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#0f172a;font-size:13px;outline:none;padding:8px 30px 8px 32px;transition:border-color .15s;width:100%}.tm-srch:focus{background:#fff;border-color:#3b82f6}.tm-clr{background:#0000;border:none;color:#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;border:1px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-size:12px;outline:none;padding:7px 28px 7px 10px;transition:border-color .15s}.tm-filter-sel:focus{background-color:#fff;border-color:#3b82f6}.tm-fcount{color:#64748b;font-size:12px;font-weight:600;margin-left:auto;white-space:nowrap}.tm-card{background:#fff;border:1px solid #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;display:flex;justify-content:space-between;padding:16px 20px 12px}.tm-card-hdr h3{color:#0f172a;font-size:15px;font-weight:700;margin:0}.tm-card-sub{color:#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:#f8fafc;border-bottom:1px solid #e2e8f0}.tm-tbl thead th{color:#64748b;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 #f8fafc;cursor:pointer;transition:background .12s}.tm-tbl tbody tr:last-child{border-bottom:none}.tm-tbl tbody tr:hover{background:#f8fafc}.tm-tbl td{padding:10px 12px;vertical-align:middle}.tm-tr-od{background:#fff9f9!important}.tm-tr-done td{opacity:.6}.tm-tr-done:hover{background:#f0fdf4!important}.tm-task-cell{display:flex;flex-direction:column;gap:2px;max-width:260px}.tm-tcode{color:#94a3b8;font-family:monospace;font-size:10px;font-weight:700;letter-spacing:.04em}.tm-ttitle{color:#0f172a;font-size:13px;font-weight:600;line-height:1.4}.tm-trel{color:#64748b;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-assignee{color:#374151}.tm-assignee,.tm-due{font-size:12px;font-weight:500;white-space:nowrap}.tm-due{color:#475569}.tm-due-od{color:#dc2626;font-weight:700}.tm-nodash{color:#94a3b8;font-size:12px}.tm-td-txt{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#374151;display:-webkit-box;font-size:12px;line-height:1.4;margin:0;max-width:240px;overflow:hidden}.tm-notes-txt{color:#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;border-radius:6px;color:#475569;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;color:#1d4ed8}.tm-chip-orange{background:#fff7ed;color:#c2410c}.tm-chip-danger{background:#fef2f2;color:#dc2626}.tm-hours-pill{align-items:center;background:#ecfeff;color:#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;color:#7c3aed;white-space:nowrap}.tm-mini-prog{align-items:center;display:flex;gap:8px;min-width:90px}.tm-mini-bar{background:#e2e8f0;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.tm-mini-fill{background:#3b82f6;border-radius:3px;height:100%;transition:width .3s}.tm-mini-prog>span{color:#64748b;font-size:11px;font-weight:700;text-align:right;width:30px}.tm-acts{gap:4px}.tm-act,.tm-acts{align-items:center;display:flex}.tm-act{background:#fff;border:1px solid #e2e8f0;border-radius:7px;cursor:pointer;font-size:14px;height:30px;justify-content:center;padding:0;transition:all .15s;width:30px}.tm-act:hover{background:#f8fafc;box-shadow:0 2px 6px #0000001a;transform:scale(1.1)}.tm-pgn{align-items:center;background:#fafafa;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:12px 18px}.tm-pgn-info{color:#64748b;font-size:12px}.tm-pgn-btns{display:flex;gap:4px}.tm-pb{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:7px;color:#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;border-color:#cbd5e1}.tm-pb.active{background:#0f172a;border-color:#0f172a;color:#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;border-radius:12px;min-height:200px;padding:12px;transition:background .2s,box-shadow .2s}.tm-col-over{background:#eff6ff;box-shadow:inset 0 0 0 2px #3b82f6}.tm-col-hdr{align-items:center;border-radius:4px 4px 0 0;border-top:3px solid #0000;display:flex;gap:8px;margin-top:-4px;padding:8px 0 12px}.tm-col-title{color:#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-direction:column;gap:10px}.tm-col-empty{border:2px dashed #e2e8f0;border-radius:8px;color:#94a3b8;font-size:12px;padding:20px 0;text-align:center}.tm-drop-zone{animation:tm-pulse 1s ease-in-out infinite;background:#eff6ff;border:2px dashed #93c5fd;border-radius:8px;color:#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;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 2px #0000000d;cursor:grab;padding:14px;transition:all .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}.tm-ci-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.tm-ci-title{color:#0f172a;font-size:13px;font-weight:600;line-height:1.4;margin:0 0 5px}.tm-ci-proj{color:#1d4ed8;font-size:11px;margin:0 0 4px}.tm-ci-rel{color:#64748b;font-size:11px;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-ci-bot{align-items:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:space-between;margin-bottom:6px}.tm-due-sm{font-weight:500}.tm-ci-who,.tm-due-sm{color:#64748b;font-size:11px}.tm-ci-who{margin-top:5px}.tm-ci-footer{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.tm-ci-hours{background:#ecfeff;border-radius:5px;color:#0e7490;font-size:11px;font-weight:700;padding:2px 7px}.tm-ci-log-btn{background:#0000;border:1px dashed #cbd5e1;border-radius:6px;color:#64748b;cursor:pointer;font-size:11px;font-weight:600;margin-top:10px;padding:6px;transition:all .15s;width:100%}.tm-ci-log-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.tm-drag-hint{color:#cbd5e1;font-size:10px;margin-top:4px;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;border:1px solid #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;font-size:12px;font-weight:600}.tm-emp-search-wrap{min-width:260px}.tm-emp-search-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.tm-emp-sug-item:hover{background:#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-radius:12px;box-shadow:0 1px 3px #00000012;gap:14px;padding:14px 18px}.tm-emp-card:hover{border-color:#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;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}.tm-blue{color:#2563eb!important}.tm-purple{color:#7c3aed!important}.tm-orange{color:#d97706!important}.tm-green-txt{color:#059669;font-size:11px;font-weight:600}.tm-red{color:#dc2626!important}.tm-blue-val{color:#0e7490!important;font-weight:700}.tm-today-panel{background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 1px 3px #00000012;margin-bottom:24px;overflow:hidden}.tm-today-hdr{background:linear-gradient(135deg,#f8fafc,#eff6ff);border-bottom:1px solid #f1f5f9;padding:18px 20px}.tm-today-hdr h3{color:#0f172a;font-size:16px;font-weight:800;margin:0 0 3px}.tm-today-hdr p{color:#64748b;font-size:12px;margin:0}.tm-today-tl{padding:16px 20px}.tm-tl-item{border-bottom:1px solid #f8fafc;display:flex;gap:14px;padding:12px 0}.tm-tl-item:last-child{border-bottom:none}.tm-tl-time{color:#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-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;font-size:13px;font-weight:600;margin:0 0 3px}.tm-tl-text{color:#475569;font-size:12px;line-height:1.5;margin:0}.tm-tl-notes{color:#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;font-size:12px;font-weight:700;letter-spacing:.05em;margin:0 0 6px;text-transform:uppercase}.tm-today-task{align-items:center;background:#f8fafc;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:10px 14px;transition:background .12s}.tm-today-task:hover{background:#eff6ff}.tm-today-task>span:nth-child(3){color:#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;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;display:flex;flex-shrink:0;justify-content:space-between;padding:22px 24px 16px}.tm-mhdr h2{color:#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{color:#64748b;font-size:12px;margin:0}.tm-xbtn{background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;flex-shrink:0;font-size:13px;height:30px;transition:all .15s;width:30px}.tm-xbtn:hover{background:#e2e8f0;color:#0f172a}.tm-mtask-strip{background:#f8fafc;border-bottom:1px solid #f1f5f9;flex-shrink:0;padding:14px 24px}.tm-mtask-strip>strong{color:#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;border-top:1px solid #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;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;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#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;box-shadow:0 0 0 3px #3b82f61f}.tm-sel{-webkit-appearance:none;appearance:none}.tm-req{color:#ef4444}.tm-hint{color:#94a3b8;font-size:10px;font-weight:400;letter-spacing:0;text-transform:none}.tm-range{-webkit-appearance:none;appearance:none;background:#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;border-radius:50%;box-shadow:0 1px 4px #3b82f64d;cursor:pointer;height:18px;width:18px}.tm-pval{color:#3b82f6;float:right;font-size:13px;font-weight:800}.tm-range-ticks{color:#94a3b8;display:flex;font-size:10px;justify-content:space-between;margin-top:4px}.tm-detail-grid{grid-gap:10px;background:#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;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.tm-dg-val{color:#0f172a;font-size:12px;font-weight:600}.tm-dr-sec{margin-bottom:20px}.tm-dr-sec h4{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.07em;margin:0 0 8px;text-transform:uppercase}.tm-dr-desc{color:#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;font-size:14px;font-weight:800}.tm-prog-track{background:#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;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;display:flex;gap:12px;padding:12px 0}.tm-hist-item:last-child{border-bottom:none}.tm-hist-blocked-row{background:#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;font-size:12px;font-weight:700}.tm-hist-when{color:#94a3b8;font-size:11px}.tm-hist-time{color:#64748b;font-family:monospace;font-size:11px}.tm-hist-text{color:#374151;font-size:13px;line-height:1.5;margin:0 0 4px}.tm-hist-blk{color:#dc2626;font-size:12px;font-style:italic;margin:4px 0}.tm-hist-notes{color:#7c3aed;font-size:12px;margin:4px 0}.tm-hist-sc{background:#eff6ff;border-radius:4px;color:#2563eb;display:inline-flex;font-size:11px;padding:2px 8px}.tm-empty-txt{color:#94a3b8;font-size:13px;font-style:italic;margin:0}.tm-empty{color:#94a3b8;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;box-shadow:0 1px 3px #0000000f}.tm-wl-card-top{align-items:center}.tm-tv-toolbar{align-items:center;background:#fafcff;border-bottom:1px solid #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;font-size:12px;font-weight:600;white-space:nowrap}.tm-date-range{align-items:center;display:flex;gap:6px}.tm-dr-lbl{color:#64748b;font-size:12px;font-weight:600;white-space:nowrap}.tm-emp-section{background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:16px 20px}.tm-emp-section-label{color:#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;border:1px solid #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;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);border-radius:50%;color:#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;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-emp-role{color:#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;font-size:15px;font-weight:800;line-height:1}.tm-es>label{color:#94a3b8;font-size:9px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.tm-wl-header{border-bottom:1px solid #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;font-size:15px;font-weight:700;gap:8px;margin:0 0 3px}.tm-wl-sub{color:#64748b;font-size:12px;margin:0}.tm-wl-emp-badge{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#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;border:1px solid #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;box-shadow:0 0 0 3px #3b82f61a}.tm-srch-ico{color:#94a3b8;flex-shrink:0;font-size:14px;padding:0 10px}.tm-emp-inp{color:#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;cursor:pointer;padding:0 10px;transition:color .15s}.tm-emp-clear:hover{color:#374151}.tm-emp-suggestions{background:#fff;border:1px solid #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;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}.tm-sug-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:32px;justify-content:center;width:32px}.tm-sug-name{color:#0f172a;font-size:13px;font-weight:600}.tm-sug-role{color:#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);border-radius:50%;color:#fff;flex-shrink:0;font-size:11px;font-weight:700;height:28px;justify-content:center;width:28px}.tm-emp-n{color:#0f172a;font-size:12px;font-weight:700;line-height:1.2}.tm-emp-r{color:#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;border:1px solid #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;font-size:13px;line-height:1.5;margin:0 0 6px}.tm-wl-card-notes{background:#f5f3ff;color:#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;color:#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;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#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;box-shadow:0 0 0 3px #3b82f614}.tm-ta::placeholder{color:#94a3b8}.tm-hist-detail-block{background:#f8fafc;border:1px solid #f1f5f9;border-left:3px solid #e2e8f0;border-radius:0 8px 8px 0;color:#374151;font-size:12px;line-height:1.7;margin:4px 0;padding:10px 14px;white-space:pre-wrap}.tm-section-divider{background:#f1f5f9;height:1px;margin:16px 0}.tm-complete-badge{align-items:center;background:#ecfdf5;border:1px solid #6ee7b7;border-radius:20px;color:#059669;display:inline-flex;font-size:11px;font-weight:700;gap:4px;padding:3px 10px}.tm-inp:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f614;outline:none}.tm-quick-entry{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:14px;transition:border-color .15s}.tm-quick-entry:focus-within{background:#fff;border-color:#93c5fd;box-shadow:0 2px 8px #3b82f60f}.tm-entry-num{align-items:center;background:#0f172a;border-radius:50%;color:#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;box-shadow:0 0 0 3px #8b5cf614}.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;font-size:22px;font-weight:600;margin:0 0 4px}.rh-subtitle{color:#6b7280;font-size:14px;margin:0}.rh-tabs{border-bottom:2px solid #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;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;color:#374151}.rh-tab--active{border-bottom-color:#2563eb;color:#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;color:#fff}.rh-btn--primary:hover:not(:disabled){background:#1d4ed8}.rh-btn--ghost{background:#0000;border:1px solid #d1d5db;color:#374151}.rh-btn--ghost:hover:not(:disabled){background:#f3f4f6}.rh-btn--danger{background:#dc2626;color:#fff}.rh-btn--danger:hover:not(:disabled){background:#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}.rh-icon-btn--edit:hover{background:#eff6ff}.rh-icon-btn--del{color:#dc2626}.rh-icon-btn--del:hover{background:#fef2f2}.rh-tab-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.rh-tab-header h2{color:#111827;font-size:16px;font-weight:600;margin:0}.rh-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;overflow:hidden}.rh-table{border-collapse:collapse;font-size:14px;width:100%}.rh-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#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;color:#111827;padding:14px 16px;vertical-align:middle}.rh-table tr:last-child td{border-bottom:none}.rh-table tr:hover td{background:#f9fafb}.rh-role-name{color:#1f2937;font-size:13px;font-weight:600}.rh-desc{color:#6b7280;font-size:13px;max-width:200px}.rh-muted{color:#9ca3af;font-size:13px}.rh-actions{display:flex;gap:6px}.rh-tag{background:#dbeafe;border:1px solid #bfdbfe;border-radius:99px;color:#1e40af;display:inline-block;font-size:11px;font-weight:500;margin:2px 3px 2px 0;padding:2px 8px}.rh-tag--see{background:#d1fae5;border-color:#a7f3d0;color:#065f46}.rh-tag--team{background:#f3e8ff;border-color:#e9d5ff;color:#6b21a8}.rh-tag--member{background:#fef3c7;border-color:#fde68a;color:#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;color:#5b21b6}.rh-badge--blue{background:#dbeafe;color:#1e40af}.rh-badge--teal{background:#ccfbf1;color:#0f766e}.rh-badge--amber{background:#fef3c7;color:#92400e}.rh-badge--gray{background:#f3f4f6;color:#4b5563}.rh-empty{color:#9ca3af;font-size:14px;padding:48px;text-align:center}.rh-info-banner{background:#fef3c7;border:1px solid #fde68a;border-radius:8px;color:#92400e;font-size:13px;margin-bottom:20px;padding:12px 16px}.rh-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px}.rh-info-card__title{color:#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;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;border:1px solid #fde68a;border-radius:99px;color:#92400e;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:3px 10px 3px 4px}.rh-avatar__dot{background:#f59e0b;border-radius:50%;color:#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;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;font-size:17px;font-weight:600;margin:0}.rh-modal__body{color:#374151;font-size:14px;line-height:1.6;padding:20px 24px}.rh-modal__actions{border-top:1px solid #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;font-size:13px;font-weight:500}.rh-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#111827;font-size:14px;outline:none;padding:8px 12px;transition:border-color .15s;width:100%}.rh-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #dbeafe}.rh-input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.rh-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#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;box-shadow:0 0 0 2px #dbeafe}.rh-hint{color:#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;border:1.5px solid #d1d5db;border-radius:99px;color:#374151;cursor:pointer;font-size:12px;font-weight:500;padding:4px 12px;transition:all .15s}.rh-chip:hover{border-color:#2563eb;color:#2563eb}.rh-chip--on{background:#2563eb;border-color:#2563eb;color:#fff}.rh-member-picker{border:1px solid #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}.rh-member-item input[type=checkbox]{cursor:pointer}.rh-member-item__name{color:#111827;font-size:13px;font-weight:500}.rh-member-item__role{color:#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;border-radius:10px;box-shadow:0 4px 16px #00000026;color:#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}.rh-toast--error .rh-toast__dot{background:#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;cursor:pointer;font-size:14px;padding:0}.rh-toast__close:hover{color:#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;min-height:100vh}.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}
/*# sourceMappingURL=main.9be90840.css.map*/