@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--color-primary:#b60000;--color-primary-dark:#8a0000;--color-primary-light:#b600001a;--color-text:#1f2937;--color-text-secondary:#4b5563;--color-text-muted:#6b7280;--color-bg:#fff;--color-bg-subtle:#f9fafb;--color-bg-muted:#f3f4f6;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-success:#059669;--color-success-bg:#d1fae5;--color-error:#dc2626;--color-error-bg:#fee2e2;--color-warning:#d97706;--color-info:#2563eb;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:20px;--focus-ring:2px solid var(--color-primary);--focus-ring-offset:2px;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f;--modal-width-sm:420px;--modal-width-md:640px;--modal-width-lg:800px}[data-theme=dark]{--color-text:#f3f4f6;--color-text-secondary:#d1d5db;--color-text-muted:#9ca3af;--color-bg:#111827;--color-bg-subtle:#1f2937;--color-bg-muted:#374151;--color-border:#374151;--color-border-strong:#4b5563;--color-primary-light:#b6000033;--color-success-bg:#05966933;--color-error-bg:#dc262633;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080}[data-theme=dark] .brand-form-modal,[data-theme=dark] .chart-card,[data-theme=dark] .client-list-container,[data-theme=dark] .company-form-modal,[data-theme=dark] .content-inner,[data-theme=dark] .discard-confirm-box,[data-theme=dark] .modal-overlay>div:not(.session-modal-overlay),[data-theme=dark] .placeholder-card,[data-theme=dark] .product-form-modal,[data-theme=dark] .profile-dropdown,[data-theme=dark] .stat-card,[data-theme=dark] .tender-form-modal,[data-theme=dark] .tender-list-container,[data-theme=dark] .tenders-table-wrapper,[data-theme=dark] .user-detail-modal,[data-theme=dark] .user-form-modal,[data-theme=dark] .user-management-container{background:#fff!important;background:var(--color-bg)!important}[data-theme=dark] .form-actions-sticky,[data-theme=dark] .modal-header{border-color:#e5e7eb;border-color:var(--color-border)}body,html{background:#fff;background:var(--color-bg);color:#1f2937;color:var(--color-text)}.modal--sm{max-width:420px;max-width:var(--modal-width-sm)}.modal--md{max-width:640px;max-width:var(--modal-width-md)}.modal--lg{max-width:800px;max-width:var(--modal-width-lg)}.field-required label:after{color:#dc2626;color:var(--color-error);content:" *"}.field-error{color:#dc2626;color:var(--color-error);font-size:12px;margin-top:4px;margin-top:var(--space-1)}.form-actions-sticky{background:#fff;background:var(--color-bg);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border);bottom:0;margin-top:24px;margin-top:var(--space-6);padding:16px 0;padding:var(--space-4) 0;position:-webkit-sticky;position:sticky}:focus-visible{outline:2px solid #b60000;outline:var(--focus-ring);outline-offset:2px;outline-offset:var(--focus-ring-offset)}a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}.btn-secondary{background:#f3f4f6;background:var(--color-bg-muted,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);color:#4b5563;color:var(--color-text-secondary,#4b5563)}.btn-secondary:hover{background:#e5e7eb;background:var(--color-border,#e5e7eb);color:#1f2937;color:var(--color-text,#1f2937)}button.btn-loading:disabled{cursor:wait}.btn:disabled,button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-success-state{align-items:center;animation:successPulse .5s ease;background:#059669!important;background:var(--color-success)!important;border-color:#059669!important;border-color:var(--color-success)!important;color:#fff!important;cursor:default!important;display:inline-flex;gap:8px;justify-content:center}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.btn-success-state{animation:none}}@keyframes staggerRowIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stagger-rows tr{animation:staggerRowIn .2s ease both}@media (prefers-reduced-motion:reduce){.stagger-rows tr{animation:none;opacity:1}}body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:#0a0a0a;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.ccms-bg{background-position:50%;background-repeat:no-repeat;background-size:contain;filter:brightness(.8);height:120%;left:-10%;opacity:.5;position:absolute;top:-10%;width:120%}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:20px;box-shadow:0 0 0 1px #fff3,0 8px 32px #0000004d,0 0 80px #b6000026;max-width:400px;padding:40px 36px;position:relative;width:100%;z-index:1}.login-header{margin-bottom:28px;text-align:center}.logo-image{height:auto;margin-bottom:12px;max-width:200px}.login-header p{color:#6b7280;font-size:15px;font-weight:500;margin:0}.login-form{display:flex;flex-direction:column;gap:18px}.error-message{background:#fee2e2;border-radius:10px;font-size:14px;text-align:center}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:600;margin-bottom:2px}.input-wrapper{position:relative;width:100%}.input-icon{color:#9ca3af;display:block;height:20px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px;z-index:10}.input-wrapper input,.input-wrapper input[type=password],.input-wrapper input[type=text]{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;box-sizing:border-box;font-size:14px;height:48px;line-height:48px;padding:0 16px 0 44px;transition:all .2s ease;width:100%}.input-wrapper input:focus{background:#fff;border-color:#b60000;box-shadow:0 0 0 3px #b600001a;outline:none}.input-wrapper input::placeholder{color:#9ca3af}.show-password{align-items:center;color:#6b7280;cursor:pointer;display:flex;font-size:13px;gap:8px;margin-top:8px;-webkit-user-select:none;user-select:none}.show-password input[type=checkbox]{accent-color:#b60000;cursor:pointer;height:16px;width:16px}.show-password span{line-height:1}.show-password:hover{color:#374151}.input-wrapper select{-webkit-appearance:none;appearance:none;background-color:#f9fafb;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;border:1.5px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#374151;cursor:pointer;font-size:14px;height:48px;padding-left:44px;padding-right:40px;transition:all .2s ease;width:100%}.input-wrapper select:focus{background-color:#fff;border-color:#b60000;box-shadow:0 0 0 3px #b600001a;outline:none}.input-wrapper select option{background:#fff;color:#374151;padding:10px}.input-wrapper select option:first-child{color:#9ca3af}.form-options{align-items:center;display:flex;justify-content:flex-end;margin-top:-8px}.forgot-link{background:none;border:none;color:#b60000;cursor:pointer;font-size:13px;font-weight:500;padding:0;text-decoration:none;transition:all .2s ease}.forgot-link:hover{color:#8a0000;text-decoration:underline}.login-button{align-items:center;background:linear-gradient(135deg,#b60000,#8a0000);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;justify-content:center;margin-top:4px;min-height:48px;padding:14px;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 10px 20px -5px #b6000080;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:24px;width:24px}.login-footer{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px;text-align:center}.login-footer p{color:#9ca3af;font-size:12px;margin:0}.login-footer strong{color:#b60000;font-weight:600}.credentials-title{color:#374151;font-size:13px;font-weight:600;margin-bottom:8px!important}.credentials-list{color:#6b7280;display:flex;flex-direction:column;font-size:11px;gap:4px}.credentials-list span{background:#f3f4f6;border-radius:4px;padding:4px 8px}.credentials-list strong{color:#374151;font-weight:600}.modal-overlay{animation:fadeIn .2s ease;background:#0009}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 50px #0000004d;max-width:400px;padding:32px;position:relative;text-align:center;width:100%}.modal-close{background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-close svg{height:20px;width:20px}.modal-icon{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.modal-icon svg{color:#b60000;height:32px;width:32px}.modal-content h2{color:#1a1a2e;font-size:20px;font-weight:700;margin:0 0 12px}.modal-content>p{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 24px}.email-button{align-items:center;background:linear-gradient(135deg,#b60000,#8a0000);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;margin-bottom:16px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.email-button:hover{box-shadow:0 8px 20px #b6000066;transform:translateY(-2px)}.email-button svg{height:20px;width:20px}.admin-email{color:#9ca3af;font-size:13px;margin:0}@media (max-width:480px){.login-card{padding:32px 24px}.login-header h1{font-size:24px}.modal-content{padding:24px}}.dashboard-layout{background:#f3f4f6;background:var(--color-bg-muted,#f3f4f6);min-height:100vh}.sidebar{background:linear-gradient(180deg,#000,#000);display:flex;flex-direction:column;height:calc(100vh - 64px);left:0;overflow:hidden;position:fixed;top:64px;transition:all .3s ease;width:260px;z-index:90}.sidebar.closed{width:72px}.dashboard-badge{border-radius:8px;font-size:11px;font-weight:600;letter-spacing:.5px;margin:16px 12px 12px;overflow:hidden;padding:10px 16px;text-align:center;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.dashboard-badge.super-admin{background:linear-gradient(135deg,#b60000,#8a0000);background:linear-gradient(135deg,var(--color-primary,#b60000) 0,var(--color-primary-dark,#8a0000) 100%);color:#fff}.dashboard-badge.sm-employee{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.dashboard-badge.sanbee-employee{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.dashboard-badge.analytics{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.dashboard-badge.sm-finance{background:linear-gradient(135deg,#0d9488,#0f766e);color:#fff}.sidebar.closed .dashboard-badge{font-size:0;margin:12px 14px;padding:8px}.sidebar.closed .dashboard-badge:after{content:attr(data-short);font-size:10px;font-weight:700}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-x:hidden;overflow-y:auto;padding:12px}.nav-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#ffffffb3;cursor:pointer;display:flex;font-size:14px;gap:12px;overflow:hidden;padding:12px 14px;position:relative;text-align:left;transition:all .2s ease;white-space:nowrap;width:100%}.nav-item svg{flex-shrink:0;height:20px;min-width:20px;width:20px}.nav-item span{opacity:1;transition:opacity .2s ease}.sidebar.closed .nav-item{gap:0;justify-content:center;padding:12px}.sidebar.closed .nav-item span{opacity:0;overflow:hidden;width:0}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:linear-gradient(135deg,#b60000,#8a0000);background:linear-gradient(135deg,var(--color-primary,#b60000) 0,var(--color-primary-dark,#8a0000) 100%);color:#fff}.nav-group{width:100%}.nav-parent{position:relative}.nav-parent .expand-icon{height:16px;margin-left:auto;transition:transform .2s ease;width:16px}.nav-parent.expanded .expand-icon{transform:rotate(0deg)}.nav-parent.has-active{background:#b600001a;color:#b60000;color:var(--color-primary,#b60000)}.nav-children{max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-children.expanded{max-height:200px}.nav-child{font-size:13px;padding-left:44px!important}.nav-child svg{height:16px;width:16px}.sidebar.closed .nav-children,.sidebar.closed .nav-parent .expand-icon{display:none}.sidebar.closed .nav-group:hover .nav-children{background:#1f2937;background:var(--color-text,#1f2937);border-radius:8px;box-shadow:0 4px 12px #0000004d;display:block;left:100%;max-height:none;min-width:180px;padding:8px;position:absolute;top:0;z-index:1000}.sidebar.closed .nav-group:hover .nav-child{padding-left:12px!important}.sidebar.closed .nav-item:after{background:#1f2937;background:var(--color-text,#1f2937);border-radius:6px;box-shadow:0 4px 12px #0000004d;color:#fff;content:attr(data-tooltip);font-size:13px;left:100%;margin-left:10px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease,left .2s ease;white-space:nowrap;z-index:1000}.sidebar.closed .nav-item:hover:after{left:calc(100% + 5px);opacity:1}.sidebar-toggle{align-items:center;background:#0000;border:none;color:#ffffffb3;cursor:pointer;display:flex;justify-content:flex-end;padding:12px 16px;transition:all .2s ease;width:100%}.sidebar.closed .sidebar-toggle{justify-content:center;padding:12px}.sidebar-toggle:hover{background:#ffffff1a;color:#fff}.sidebar-toggle svg{height:20px;transition:all .3s ease;width:20px}.sidebar-toggle:hover svg{transform:scale(1.1)}.topbar{align-items:center;background:var(--color-bg);border-bottom:1px solid var(--color-border);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm,0 2px 8px #0000001a);display:flex;height:64px;justify-content:space-between;left:0;padding:0 24px;position:fixed;right:0;top:0;transition:background .25s ease,box-shadow .25s ease;z-index:100}.main-content{margin-left:260px;margin-top:64px;min-height:calc(100vh - 64px);transition:margin-left .3s ease}.main-content.expanded{margin-left:72px}.topbar-left{align-items:center;display:flex;gap:16px}.topbar-logo{height:44px;margin:0 16px 0 12px;max-height:100%;object-fit:contain;width:auto}.topbar-divider{background:#e5e7eb;background:var(--color-border,#e5e7eb);height:32px;margin:0 8px;width:1px}.page-title{color:#1a1a2e;color:var(--color-text,#1a1a2e);font-size:18px;font-weight:600;margin:0}.topbar-right{align-items:center;display:flex;gap:16px}.theme-toggle-btn{background:#0000;border:none;border-radius:12px;color:var(--color-text-muted);cursor:pointer;height:44px;padding:0;position:relative;transition:background .2s ease,color .2s ease,transform .2s ease;width:44px}.theme-toggle-btn:hover{background:var(--color-bg-muted);color:var(--color-text)}.theme-toggle-btn:active{transform:scale(.95)}.theme-toggle-icons{margin:0 auto;position:relative}.theme-toggle-icons,.theme-toggle-icons .theme-icon{align-items:center;display:inline-flex;height:22px;justify-content:center;width:22px}.theme-toggle-icons .theme-icon{position:absolute;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s ease}.theme-toggle-icons .theme-icon svg{height:22px;width:22px}.theme-icon-sun{opacity:1;transform:rotate(0deg) scale(1)}.theme-icon-sun:not(.active){opacity:0;transform:rotate(-90deg) scale(.5)}.theme-icon-moon{opacity:0;transform:rotate(90deg) scale(.5)}.theme-icon-moon.active{opacity:1;transform:rotate(0deg) scale(1)}@media (prefers-reduced-motion:reduce){.theme-toggle-btn,.theme-toggle-icons .theme-icon{transition-duration:.01ms}.theme-toggle-icons .theme-icon-moon,.theme-toggle-icons .theme-icon-moon.active,.theme-toggle-icons .theme-icon-sun:not(.active){transform:none}}.notification-btn{background:none;border:none;border-radius:10px;color:#6b7280;color:var(--color-text-muted,#6b7280);cursor:pointer;padding:10px;position:relative;transition:all .2s ease}.notification-btn:hover{background:#f3f4f6;background:var(--color-bg-muted,#f3f4f6);color:#1a1a2e;color:var(--color-text,#1a1a2e)}.notification-btn svg{height:22px;width:22px}.notification-badge{background:#b60000;background:var(--color-primary,#b60000);border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;position:absolute;right:4px;top:4px}.user-profile-wrapper{position:relative}.user-profile{align-items:center;background:none;border:none;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:background .2s ease}.user-profile:hover{background:#f3f4f6;background:var(--color-bg-muted,#f3f4f6)}.user-profile .avatar{align-items:center;background:linear-gradient(135deg,#b60000,#8a0000);background:linear-gradient(135deg,var(--color-primary,#b60000) 0,var(--color-primary-dark,#8a0000) 100%);border-radius:10px;color:#fff;flex-shrink:0;font-size:16px;font-weight:600;height:40px;line-height:1;width:40px}.user-info,.user-profile .avatar{display:flex;justify-content:center}.user-info{flex-direction:column;line-height:1.3;text-align:left}.user-name{color:#1a1a2e;color:var(--color-text,#1a1a2e);font-size:14px;font-weight:600}.user-role{font-size:12px}.dropdown-arrow,.user-role{color:#6b7280;color:var(--color-text-muted,#6b7280)}.dropdown-arrow{height:16px;margin-left:4px;transition:transform .2s ease;width:16px}.dropdown-arrow.open{transform:rotate(180deg)}.profile-dropdown{animation:dropdownFadeIn .2s ease;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 20px #00000026;box-shadow:var(--shadow-md,0 4px 20px #00000026);min-width:180px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:200}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;background:none;border:none;border-radius:8px;color:var(--color-text);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;transition:all .2s ease;width:100%}.dropdown-item:hover{background:var(--color-error-bg);color:#b60000;color:var(--color-primary,#b60000)}.dropdown-item svg{height:18px;width:18px}.content{padding:24px;padding:var(--space-6,24px)}.content-title-area{margin-bottom:24px;margin-bottom:var(--space-6,24px)}.breadcrumb{align-items:center;color:#6b7280;color:var(--color-text-muted,#6b7280);display:flex;font-size:13px;gap:8px;gap:var(--space-2,8px);margin-bottom:8px;margin-bottom:var(--space-2,8px)}.breadcrumb a,.breadcrumb span{color:inherit}.breadcrumb-sep{color:#d1d5db;color:var(--color-border-strong,#d1d5db);-webkit-user-select:none;user-select:none}.content-page-title{color:#1a1a2e;color:var(--color-text,#1a1a2e);font-size:22px;font-weight:700;margin:0}.content-header{margin-bottom:24px;margin-bottom:var(--space-6,24px)}.content-header h2{color:#1a1a2e;color:var(--color-text,#1a1a2e);font-size:24px;font-weight:700;margin:0 0 8px}.content-header p{color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:14px;margin:0}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-card{background:var(--color-bg);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.stat-content{display:flex;flex-direction:column}.stat-label{color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:13px;margin-bottom:8px}.stat-value{color:#1a1a2e;color:var(--color-text,#1a1a2e);font-size:28px;font-weight:700;margin-bottom:4px}.stat-change{font-size:13px;font-weight:600}.placeholder-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.placeholder-card{background:var(--color-bg);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;text-align:center}.placeholder-card h3{color:#1a1a2e;color:var(--color-text,#1a1a2e);font-size:18px;font-weight:600;margin:0 0 12px}.placeholder-card p{margin:0 0 20px}.placeholder-btn,.placeholder-card p{color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:14px}.placeholder-btn{background:#f3f4f6;background:var(--color-bg-muted,#f3f4f6);border:none;border-radius:8px;cursor:not-allowed;font-weight:500;padding:10px 24px}.placeholder-btn.active{background:linear-gradient(135deg,#b60000,#8a0000);background:linear-gradient(135deg,var(--color-primary,#b60000) 0,var(--color-primary-dark,#8a0000) 100%);color:#fff;cursor:pointer}.placeholder-card.clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.placeholder-card.clickable:hover{box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md,0 4px 12px #0000001a);transform:translateY(-2px)}.chart-section{margin-bottom:24px}.chart-card{background:var(--color-bg);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.chart-card h3{color:#1a1a2e;color:var(--color-text,#1a1a2e);font-size:18px;font-weight:600;margin:0 0 20px}.chart-placeholder{height:250px;justify-content:center}.chart-bars,.chart-placeholder{align-items:flex-end;display:flex}.chart-bars{gap:24px;height:100%;padding-bottom:30px}.bar-container{align-items:center;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:flex-end}.bar{background:linear-gradient(180deg,#b60000,#8a0000);background:linear-gradient(180deg,var(--color-primary,#b60000) 0,var(--color-primary-dark,#8a0000) 100%);border-radius:6px 6px 0 0;transition:height .3s ease;width:40px}.bar-label{color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:12px}@media (max-width:1200px){.placeholder-section,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.topbar{padding:0 16px}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0;margin-top:64px}.main-content.expanded{margin-left:0}.placeholder-section,.stats-grid{grid-template-columns:1fr}.user-info{display:none}.page-title{font-size:16px}.content{padding:16px}}.company-form-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.company-form{padding:24px}.form-row.name-abbr-row{grid-template-columns:1fr 140px}.abbreviation-group input{font-weight:600;letter-spacing:1px;text-align:center;text-transform:uppercase}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.form-group textarea{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .2s;width:100%}.form-group textarea:focus{border-color:#b60000;box-shadow:0 0 0 3px #b600001a;outline:none}.form-group textarea::placeholder{color:#9ca3af;color:var(--color-text-muted,#9ca3af)}.checkbox-group{background:#f9fafb;background:var(--color-bg-subtle,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:10px;padding:16px}.checkbox-label{align-items:center;margin-bottom:0!important}.checkbox-label input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.checkbox-custom{background:#fff;margin-right:12px}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:#b60000;border-color:#b60000}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;margin-bottom:2px;transform:rotate(45deg);width:6px}.checkbox-label input[type=checkbox]:focus+.checkbox-custom{box-shadow:0 0 0 3px #b600001a}.checkbox-text{font-size:15px}.checkbox-hint{color:#6b7280;color:var(--color-text-muted,#6b7280);display:block;font-size:12px;margin-left:34px;margin-top:8px}.discard-confirm-overlay{align-items:center;background:#00000080;border-radius:16px;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.discard-confirm-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:320px;padding:24px}.discard-confirm-box p{color:#1f2937;color:var(--color-text,#1f2937);font-size:15px;margin:0 0 20px}.discard-confirm-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-discard-btn{background:#dc2626;background:var(--color-error,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.confirm-discard-btn:hover{background:#b91c1c}@media (max-width:600px){.company-form-modal{margin:10px;max-height:calc(100vh - 20px)}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .cancel-btn,.form-actions .submit-btn{width:100%}}.client-list-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.client-type-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:0;margin-bottom:16px}.client-tab{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:15px;font-weight:500;margin-bottom:-2px;padding:12px 24px;transition:color .2s,border-color .2s}.client-tab:hover{color:#1f2937}.client-tab.active{border-bottom-color:#b60000;color:#b60000}.continent-tabs{border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-bottom:16px}.continent-tab{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.continent-tab:hover{background:#e5e7eb;color:#1f2937}.continent-tab.active{background:#fef2f2;border-color:#b60000;color:#b60000}.client-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.client-list-header h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.filters-section{border-bottom:1px solid #e5e7eb;padding-bottom:20px}.search-form{display:flex;flex:1 1;gap:8px;min-width:280px}.search-form input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-size:14px;padding:10px 14px}.search-form input:focus{border-color:#b60000;box-shadow:0 0 0 3px #b600001a;outline:none}.search-form button{background:#374151;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .2s}.search-form button:hover{background:#1f2937}.filter-group{display:flex;flex-wrap:wrap;gap:12px}.clear-filters-btn{background:#f3f4f6;background:var(--color-bg-muted,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;border-radius:var(--radius-md,8px);color:#4b5563;color:var(--color-text-secondary,#4b5563);cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s}.clear-filters-btn:hover{background:#e5e7eb;background:var(--color-border,#e5e7eb);color:#1f2937;color:var(--color-text,#1f2937)}.filter-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;min-width:150px;padding:10px 14px}.filter-group select:focus{border-color:#b60000;outline:none}.table-skeleton .skeleton-box{height:20px}.companies-table-wrapper{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 280px);overflow-x:auto;overflow-y:auto}.companies-table{border-collapse:collapse;font-size:14px;width:100%}.companies-table thead{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);box-shadow:0 1px 0 #e5e7eb;box-shadow:0 1px 0 var(--color-border,#e5e7eb);position:-webkit-sticky;position:sticky;top:0;z-index:2}.companies-table th,.companies-table thead{background:#f9fafb;background:var(--color-bg-subtle,#f9fafb)}.companies-table th{border-bottom:0;color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.companies-table td{border-bottom:1px solid color-mix(in srgb,#e5e7eb 40%,#0000);border-bottom:1px solid color-mix(in srgb,var(--color-border,#e5e7eb) 40%,#0000);color:#374151;color:var(--color-text-secondary,#374151);padding:14px 16px}.companies-table tbody tr{transition:background .15s ease,border-color .15s ease}.companies-table tbody tr:hover{background:#f9fafb;background:var(--color-bg-subtle,#f9fafb)}.companies-table tbody tr.expanded-row,.companies-table tbody tr:hover{border-left:3px solid #b60000;border-left:3px solid var(--color-primary,#b60000)}.company-name{align-items:center;color:#1f2937;display:flex;font-weight:500;gap:8px}.client-badge{background:linear-gradient(135deg,#059669,#047857);border-radius:4px;color:#fff;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.is-client-row{background:linear-gradient(90deg,#0596690d,#0000)}.companies-table tbody tr.potential-flag-red,.companies-table tbody tr.potential-flag-red:hover{border-left:3px solid #ef4444}.companies-table tbody tr.potential-flag-yellow,.companies-table tbody tr.potential-flag-yellow:hover{border-left:3px solid #eab308}.companies-table tbody tr.potential-flag-green,.companies-table tbody tr.potential-flag-green:hover{border-left:3px solid #22c55e}.abbreviation-cell{color:#b60000;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.type-badge{border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px;text-transform:capitalize}.links-cell{display:flex;gap:12px}.links-cell a{align-items:center;background:#f3f4f6;border-radius:6px;color:#6b7280;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.links-cell a:hover{background:#e5e7eb;color:#374151}.links-cell svg{height:16px;width:16px}.confirm-modal{border-radius:12px;padding:24px}.confirm-modal .warning{margin-bottom:20px}.modal-actions{justify-content:flex-end}.cancel-btn,.confirm-delete-btn{padding:10px 20px}.expand-cell{padding:8px!important;width:40px}.expand-btn{align-items:center;background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.expand-btn:hover{background:#e5e7eb}.expand-btn svg{color:#6b7280;height:16px;transition:transform .2s;width:16px}.expand-btn.expanded svg{transform:rotate(90deg)}.expanded-row{background:#fef3f3!important}.contacts-count-btn{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;display:inline-flex;justify-content:center;padding:0;transition:transform .15s ease,background .15s ease}.contacts-count-btn:hover .count-badge{background:#b600001a;background:var(--color-primary-light,#b600001a);color:#b60000;color:var(--color-primary,#b60000)}.contacts-count .count-badge{align-items:center;background:#e5e7eb;background:var(--color-border,#e5e7eb);border-radius:50%;color:#374151;color:var(--color-text-secondary,#374151);display:inline-flex;font-size:12px;font-weight:600;height:24px;justify-content:center;min-width:24px;padding:0 6px;transition:background .15s ease,color .15s ease}.expanded-details-row td{animation:expandRow .25s ease;background:#fafafa;background:var(--color-bg-subtle,#fafafa);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-border,#e5e7eb);padding:0!important}@keyframes expandRow{0%{opacity:0}to{opacity:1}}.expanded-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1.5fr;padding:20px 24px}.contacts-section h4,.details-section h4{border-bottom:2px solid #b60000;color:#1f2937;display:inline-block;font-size:14px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.detail-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#1f2937;font-size:14px}.detail-link{color:#2563eb;font-size:13px;text-decoration:none;word-break:break-all}.detail-link:hover{text-decoration:underline}.about-section{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.about-text{color:#4b5563;font-size:13px;line-height:1.6;margin:8px 0 0;white-space:pre-wrap}.contacts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.contacts-header h4{border:none;margin:0;padding:0}.add-contact-btn{align-items:center;background:#b60000;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.add-contact-btn:hover{background:#8a0000}.add-contact-btn svg{height:14px;width:14px}.contacts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.contact-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;transition:box-shadow .2s}.contact-card:hover{box-shadow:0 4px 12px #00000014}.contact-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.contact-avatar{align-items:center;background:linear-gradient(135deg,#b60000,#8a0000);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.contact-info{flex:1 1;min-width:0}.contact-name{color:#1f2937;display:block;font-size:14px;font-weight:600}.contact-designation{color:#6b7280;display:block;font-size:12px;margin-top:2px}.contact-actions{display:flex;gap:4px}.contact-delete-btn,.contact-edit-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.contact-edit-btn{background:#dbeafe;color:#2563eb}.contact-edit-btn:hover{background:#bfdbfe}.contact-delete-btn{background:#fee2e2;color:#dc2626}.contact-delete-btn:hover{background:#fecaca}.contact-delete-btn svg,.contact-edit-btn svg{height:14px;width:14px}.contact-details{border-top:1px solid #f3f4f6;padding-top:12px}.contact-detail-row{display:flex;gap:10px;margin-bottom:8px}.contact-detail-row svg{color:#6b7280;flex-shrink:0;height:16px;margin-top:2px;width:16px}.contact-values{display:flex;flex-direction:column;gap:4px}.email-link,.phone-link{color:#2563eb;font-size:13px;text-decoration:none}.email-link:hover,.phone-link:hover{text-decoration:underline}.contact-notes{border-top:1px dashed #e5e7eb;margin-top:10px;padding-top:10px}.notes-label{color:#6b7280;font-size:11px;font-weight:600;text-transform:uppercase}.notes-text{color:#4b5563;display:block;font-size:12px;line-height:1.4;margin-top:4px}.no-contacts{align-items:center;background:#fff;border:2px dashed #e5e7eb;border-radius:10px;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:32px 20px}.no-contacts svg{height:48px;margin-bottom:12px;opacity:.5;width:48px}.no-contacts p{font-size:14px;margin:0 0 16px}.no-contacts button{background:#b60000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px}.no-contacts button:hover{background:#8a0000}.contact-form-modal{background:#fff;border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header h3{color:#1f2937;font-size:18px;margin:0}.close-modal-btn{align-items:center;background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.close-modal-btn:hover{background:#e5e7eb}.close-modal-btn svg{color:#6b7280;height:18px;width:18px}.contact-form-modal form{padding:24px}.contact-form-modal .form-group{margin-bottom:20px}.contact-form-modal label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.contact-form-modal input,.contact-form-modal textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.contact-form-modal input:focus,.contact-form-modal textarea:focus{border-color:#b60000;box-shadow:0 0 0 3px #b600001a;outline:none}.contact-form-modal textarea{min-height:80px;resize:vertical}.dynamic-field{display:flex;gap:8px;margin-bottom:8px}.dynamic-field input{flex:1 1}.remove-field-btn{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.remove-field-btn:hover{background:#fecaca}.remove-field-btn svg{height:16px;width:16px}.add-field-btn{background:#f3f4f6;border:none;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:8px 12px;transition:background .2s}.add-field-btn:hover{background:#e5e7eb}.contact-form-modal .modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}.save-btn{background:linear-gradient(135deg,#b60000,#8a0000);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.save-btn:hover{box-shadow:0 4px 12px #b600004d;transform:translateY(-1px)}@media (max-width:1024px){.expanded-content{grid-template-columns:1fr}}@media (max-width:768px){.client-list-header{align-items:stretch;gap:16px}.client-list-header,.filters-section{flex-direction:column}.filter-group{width:100%}.filter-group select{flex:1 1}.companies-table{font-size:13px}.companies-table td,.companies-table th{padding:10px 12px}.companies-table-wrapper:after{color:#6b7280;color:var(--color-text-muted,#6b7280);content:"← Scroll for more columns →";display:block;font-size:12px;padding:6px 0;text-align:center}.contacts-grid,.details-grid{grid-template-columns:1fr}.contact-form-modal{margin:0 10px;max-width:95%}}.user-form-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:640px;overflow-y:auto;width:100%}.user-form{padding:24px}.form-group input,.form-group select{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 14px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#b60000;box-shadow:0 0 0 3px #b600001a;outline:none}.form-group input:disabled{background:#f3f4f6;background:var(--color-bg-muted,#f3f4f6);cursor:not-allowed}.field-hint,.form-group input:disabled{color:#6b7280;color:var(--color-text-muted,#6b7280)}.field-hint{display:block;font-size:12px;margin-top:4px}.password-input{position:relative}.password-input input{padding-right:44px}.toggle-password{background:none;border:none;color:#6b7280;color:var(--color-text-muted,#6b7280);cursor:pointer;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.toggle-password:hover{color:#374151;color:var(--color-text-secondary,#374151)}.toggle-password svg{height:20px;width:20px}.role-options{display:flex;flex-direction:column;gap:10px}.role-option{align-items:center;border:2px solid #e5e7eb;border:2px solid var(--color-border,#e5e7eb);border-radius:10px;cursor:pointer;display:flex;padding:14px 16px;transition:all .2s}.role-option:hover{background:#f9fafb;background:var(--color-bg-subtle,#f9fafb);border-color:#d1d5db}.role-option.selected{background:#fef2f2;border-color:#b60000}.role-option input{display:none}.role-content{flex:1 1}.role-label{color:#1f2937;color:var(--color-text,#1f2937);display:block;font-weight:500;margin-bottom:2px}.role-description{color:#6b7280;color:var(--color-text-muted,#6b7280);display:block;font-size:13px}.role-check{align-items:center;background:#e5e7eb;background:var(--color-border,#e5e7eb);border-radius:50%;display:flex;height:24px;justify-content:center;transition:all .2s;width:24px}.role-option.selected .role-check{background:#b60000}.role-check svg{color:#fff;height:14px;opacity:0;transition:opacity .2s;width:14px}.role-option.selected .role-check svg{opacity:1}.checkbox-group{align-items:center;display:flex}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:12px;padding-top:28px}.checkbox-label input{display:none}.checkbox-custom{align-items:center;border:2px solid #d1d5db;border-radius:6px;display:flex;flex-shrink:0;height:22px;justify-content:center;margin-top:2px;transition:all .2s;width:22px}.checkbox-label input:checked+.checkbox-custom{background:#b60000;border-color:#b60000}.checkbox-custom:after{border:2px solid #fff;border-width:0 2px 2px 0;content:"";height:10px;opacity:0;transform:rotate(45deg);transition:opacity .2s;width:6px}.checkbox-label input:checked+.checkbox-custom:after{opacity:1}.checkbox-text{color:#1f2937;color:var(--color-text,#1f2937);display:flex;flex-direction:column;font-weight:500}.checkbox-text small{color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:13px;font-weight:400}.form-actions .cancel-btn{background:#f3f4f6;background:var(--color-bg-muted,#f3f4f6);border:none;border-radius:8px;color:#374151;color:var(--color-text-secondary,#374151);cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.form-actions .cancel-btn:hover{background:#e5e7eb;background:var(--color-border,#e5e7eb)}.form-actions .submit-btn{align-items:center;background:linear-gradient(135deg,#b60000,#8a0000);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;min-width:140px;padding:12px 24px;transition:all .2s}.form-actions .submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #b600004d;transform:translateY(-1px)}.form-actions .submit-btn:disabled{cursor:not-allowed;opacity:.7}@media (max-width:600px){.user-form-modal{margin:10px;max-height:calc(100vh - 20px)}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .cancel-btn,.form-actions .submit-btn{width:100%}}.user-management-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.user-management-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.header-actions{display:flex;gap:12px}.export-btn{align-items:center;background:#f3f4f6;background:var(--color-bg-muted,#f3f4f6);border:1px solid #d1d5db;border-radius:8px;color:#374151;color:var(--color-text-secondary,#374151);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.export-btn:hover{background:#e5e7eb;background:var(--color-border,#e5e7eb)}.export-btn svg{height:18px;width:18px}.add-user-btn{align-items:center;background:linear-gradient(135deg,#b60000,#8a0000);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.add-user-btn:hover{box-shadow:0 4px 12px #b600004d;transform:translateY(-1px)}.add-user-btn svg{height:18px;width:18px}.search-box input::placeholder{color:#9ca3af;color:var(--color-text-muted,#9ca3af)}.role-filter,.status-filter{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;min-width:140px;padding:12px 16px}.role-filter:focus,.status-filter:focus{border-color:#b60000;outline:none}.success-message{align-items:center;background:#dcfce7;border:1px solid #86efac;border-radius:8px;color:#166534;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.success-message svg{flex-shrink:0;height:20px;width:20px}.success-message button{background:none;border:none;color:#166534;cursor:pointer;font-size:20px;margin-left:auto}.bulk-actions-bar{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.selection-count{color:#92400e;font-weight:500}.bulk-buttons{display:flex;gap:8px}.bulk-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.bulk-btn.activate{background:#dcfce7;color:#166534}.bulk-btn.activate:hover{background:#bbf7d0}.bulk-btn.deactivate{background:#fef3c7;color:#92400e}.bulk-btn.deactivate:hover{background:#fde68a}.bulk-btn.delete{background:#fee2e2;color:#dc2626}.bulk-btn.delete:hover{background:#fecaca}.bulk-btn.cancel{background:#f3f4f6;background:var(--color-bg-muted,#f3f4f6);color:#374151;color:var(--color-text-secondary,#374151)}.bulk-btn.cancel:hover{background:#e5e7eb;background:var(--color-border,#e5e7eb)}.user-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.user-stats .stat-card{background:#f9fafb;background:var(--color-bg-subtle,#f9fafb);border-radius:10px;padding:16px;text-align:center}.user-stats .stat-number{color:#1f2937;color:var(--color-text,#1f2937);display:block;font-size:28px;font-weight:700}.user-stats .stat-label{color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:13px}.empty-state,.loading-state{align-items:center;color:#6b7280;color:var(--color-text-muted,#6b7280);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.users-table-wrapper{border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:10px;overflow-x:auto}.users-table{border-collapse:collapse;font-size:14px;width:100%}.users-table th{background:#f9fafb;background:var(--color-bg-subtle,#f9fafb);border-bottom:1px solid #e5e7eb;color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:12px;font-weight:600;letter-spacing:.05em;padding:14px 16px;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);color:#374151;color:var(--color-text-secondary,#374151);padding:16px}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover{background:#f9fafb;background:var(--color-bg-subtle,#f9fafb)}.users-table tr.inactive-row{opacity:.6}.users-table tr.selected-row{background:#fef3c7}.users-table tr.selected-row:hover{background:#fde68a}.checkbox-col{text-align:center;width:40px}.checkbox-col input[type=checkbox]{accent-color:#b60000;cursor:pointer;height:18px;width:18px}.user-info-cell{gap:12px}.user-avatar,.user-info-cell{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#b60000,#8a0000);border-radius:10px;color:#fff;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.user-details{display:flex;flex-direction:column}.user-name{color:#1f2937;color:var(--color-text,#1f2937);font-weight:500}.user-email{color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:12px}.role-badge{color:#fff;display:inline-block;font-weight:500;padding:4px 10px}.role-badge,.status-badge{border-radius:20px;font-size:12px}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.inactive{background:#fee2e2;color:#dc2626}.status-toggle{border:none;border-radius:20px;cursor:pointer;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;transition:all .2s}.status-toggle.active{background:#dcfce7;color:#16a34a}.status-toggle.active:hover:not(:disabled){background:#bbf7d0}.status-toggle.inactive{background:#fee2e2;color:#dc2626}.status-toggle.inactive:hover:not(:disabled){background:#fecaca}.status-toggle:disabled{cursor:not-allowed;opacity:.6}.date-cell{color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:13px}.actions-cell{gap:8px}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.action-btn svg{height:16px;width:16px}.action-btn.view-btn{background:#f3e8ff;color:#7c3aed}.action-btn.view-btn:hover{background:#e9d5ff}.action-btn.edit-btn{background:#dbeafe;color:#2563eb}.action-btn.edit-btn:hover{background:#bfdbfe}.action-btn.key-btn{background:#fef3c7;color:#d97706}.action-btn.key-btn:hover{background:#fde68a}.action-btn.delete-btn{background:#fee2e2;color:#dc2626}.action-btn.delete-btn:hover{background:#fecaca}.action-btn:disabled{cursor:not-allowed;opacity:.4}.table-footer{color:#6b7280;color:var(--color-text-muted,#6b7280);display:flex;font-size:14px;justify-content:flex-end;padding-top:16px}.confirm-action-btn{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px}.confirm-action-btn:hover{background:#1d4ed8}.confirm-action-btn:disabled{cursor:not-allowed;opacity:.6}.confirm-icon.action{background:#dbeafe;color:#2563eb}.confirm-icon.key{background:#fef3c7;color:#d97706}.user-detail-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.user-detail-modal .modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.user-detail-modal .modal-header h2{color:#1f2937;color:var(--color-text,#1f2937);font-size:20px;font-weight:600;margin:0}.user-detail-modal .close-btn{align-items:center;background:#f3f4f6;background:var(--color-bg-muted,#f3f4f6);border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.user-detail-modal .close-btn:hover{background:#e5e7eb;background:var(--color-border,#e5e7eb)}.user-detail-modal .close-btn svg{color:#6b7280;color:var(--color-text-muted,#6b7280);height:20px;width:20px}.user-detail-content{padding:24px}.user-detail-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;margin-bottom:24px;padding-bottom:24px}.user-avatar.large{border-radius:16px;font-size:28px;height:72px;width:72px}.user-detail-info h3{color:#1f2937;color:var(--color-text,#1f2937);font-size:20px;margin:0 0 4px}.user-detail-username{color:#6b7280;color:var(--color-text-muted,#6b7280);display:block;font-size:14px;margin-bottom:8px}.user-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.detail-item label{font-weight:600}.user-detail-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;padding-top:24px}.edit-user-btn,.reset-password-btn{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}.edit-user-btn{background:linear-gradient(135deg,#b60000,#8a0000);color:#fff}.edit-user-btn:hover{box-shadow:0 4px 12px #b600004d;transform:translateY(-1px)}.reset-password-btn{background:#fef3c7;color:#92400e}.reset-password-btn:hover{background:#fde68a}.edit-user-btn svg,.reset-password-btn svg{height:16px;width:16px}.password-reset-modal{max-width:400px}.password-input-group{margin:20px 0}.password-input-group input{border:1.5px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 14px;transition:all .2s;width:100%}.password-input-group input:focus{border-color:#b60000;box-shadow:0 0 0 3px #b600001a;outline:none}.password-input-group input:disabled{background:#f3f4f6;cursor:not-allowed}.confirm-reset-btn{background:#d97706;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px}.confirm-reset-btn:hover:not(:disabled){background:#b45309}.confirm-reset-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1024px){.user-stats{grid-template-columns:repeat(2,1fr)}.user-detail-grid{grid-template-columns:1fr}}@media (max-width:768px){.user-management-header{flex-direction:column;gap:16px}.header-actions{flex-direction:column;width:100%}.add-user-btn,.export-btn{justify-content:center;width:100%}.filters-section{flex-direction:column}.user-stats{grid-template-columns:1fr 1fr}.users-table{font-size:13px}.users-table td,.users-table th{padding:12px}.user-avatar{font-size:14px;height:36px;width:36px}.bulk-actions-bar{flex-direction:column;gap:12px;text-align:center}.bulk-buttons{flex-wrap:wrap;justify-content:center}.user-detail-actions{flex-direction:column}.edit-user-btn,.reset-password-btn{justify-content:center;width:100%}.actions-cell{flex-wrap:wrap}}.brand-form-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.brand-form{padding:24px}.logo-upload-group{margin-bottom:24px}.logo-upload-group label{color:#374151;color:var(--color-text-secondary,#374151);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.logo-upload-area{display:flex;justify-content:center}.logo-preview{border:2px solid #e5e7eb;border:2px solid var(--color-border,#e5e7eb);border-radius:12px;height:150px;overflow:hidden;position:relative;width:150px}.logo-preview img{background:#f9fafb;background:var(--color-bg-subtle,#f9fafb);height:100%;object-fit:contain;width:100%}.remove-logo-btn{align-items:center;background:#dc2626e6;border:none;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:8px;top:8px;width:28px}.remove-logo-btn svg{color:#fff;height:14px;width:14px}.logo-dropzone{align-items:center;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:150px;justify-content:center;transition:all .2s;width:150px}.logo-dropzone:hover{background:#fef2f2;border-color:#b60000}.logo-dropzone svg{color:#9ca3af;height:40px;margin-bottom:8px;width:40px}.logo-dropzone span{color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:14px;margin-bottom:4px}.logo-dropzone small{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:12px}.form-group{margin-bottom:20px}.form-group input{border:1.5px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 14px;transition:all .2s;width:100%}.form-group input:focus{border-color:#b60000;box-shadow:0 0 0 3px #b600001a;outline:none}.form-group input::placeholder{color:#9ca3af;color:var(--color-text-muted,#9ca3af)}.form-actions{margin-top:8px;padding-top:16px}.submit-btn{min-width:120px}@media (max-width:500px){.brand-form-modal{margin:10px}.form-actions{flex-direction:column-reverse}.cancel-btn,.submit-btn{width:100%}}.product-form-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.product-form{padding:24px}.form-group textarea{min-height:100px}.photos-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.photo-item{aspect-ratio:1;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;position:relative}.photo-item img{height:100%;object-fit:cover;width:100%}.photo-item.new{border:2px solid #b60000}.remove-photo{align-items:center;background:#dc2626e6;border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transition:opacity .2s;width:24px}.photo-item:hover .remove-photo{opacity:1}.remove-photo svg{color:#fff;height:12px;width:12px}.add-photo-btn{align-items:center;aspect-ratio:1;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:100px;transition:all .2s}.add-photo-btn:hover{background:#fef2f2;border-color:#b60000}.add-photo-btn svg{color:#9ca3af;height:24px;margin-bottom:4px;width:24px}.add-photo-btn span{color:#6b7280;font-size:12px}.materials-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.material-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:12px;padding:12px}.material-item.new{background:#fef2f2}.material-icon{align-items:center;background:#fff;border-radius:8px;color:#6b7280;display:flex;height:36px;justify-content:center;width:36px}.material-icon svg{height:20px;width:20px}.material-info{display:flex;flex:1 1;flex-direction:column}.material-label{color:#374151;font-size:14px;font-weight:500}.material-type{color:#9ca3af;font-size:12px}.material-label-input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:14px;padding:8px 12px}.remove-material{align-items:center;background:#fee2e2;border:none;border-radius:6px;cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.remove-material:hover{background:#fecaca}.remove-material svg{color:#dc2626;height:14px;width:14px}.add-link-btn,.add-material-btn{align-items:center;background:#f3f4f6;border:1px dashed #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.add-link-btn:hover,.add-material-btn:hover{background:#e5e7eb;border-color:#9ca3af}.add-link-btn svg,.add-material-btn svg{height:18px;width:18px}.links-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.link-item{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr 2fr auto}.link-item input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px}.link-item input:focus{border-color:#b60000;outline:none}.remove-link{align-items:center;background:#fee2e2;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.remove-link:hover{background:#fecaca}.remove-link svg{color:#dc2626;height:14px;width:14px}@media (max-width:600px){.product-form-modal{margin:10px}.form-row,.link-item{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.cancel-btn,.submit-btn{width:100%}}.product-list-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.product-list-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.header-left{display:flex;flex-direction:column;gap:12px}.back-btn{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:8px 12px;transition:all .2s}.back-btn:hover{background:#e5e7eb}.back-btn svg{height:16px;width:16px}.header-title{gap:12px}.brand-badge,.header-title{align-items:center;display:flex}.brand-badge{background:#f3f4f6;border-radius:10px;height:48px;justify-content:center;overflow:hidden;width:48px}.brand-badge img{max-height:100%;max-width:100%;object-fit:contain}.brand-badge span{color:#374151;font-size:20px;font-weight:600}.products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.product-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .2s}.product-card:hover{border-color:#b60000;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.product-image{align-items:center;background:#f3f4f6;display:flex;height:180px;justify-content:center;position:relative}.product-image img{height:100%;object-fit:cover;width:100%}.image-placeholder{color:#d1d5db}.image-placeholder svg{height:48px;width:48px}.photo-count{background:#000000b3;border-radius:4px;bottom:8px;color:#fff;font-size:12px;padding:4px 8px;position:absolute;right:8px}.product-info{padding:16px}.product-info h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.product-brand{background:#f3f4f6;border-radius:4px;color:#6b7280;display:inline-block;font-size:12px;margin-bottom:8px;padding:2px 8px}.product-usage{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:13px;margin:0 0 12px;overflow:hidden}.product-meta{display:flex;gap:12px}.meta-item{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:4px}.meta-item svg{height:14px;width:14px}.product-actions{border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:flex-end;padding:12px 16px}.product-view-modal{background:#fff;border-radius:16px;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.product-view-modal>.close-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;width:36px;z-index:10}.product-view-modal>.close-btn svg{color:#374151;height:20px;width:20px}.product-view-content{padding:24px}.product-gallery{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px}.product-gallery img{border-radius:8px;height:200px;object-fit:cover;width:100%}.product-details{padding:0}.product-header{margin-bottom:24px}.product-header .brand-name{background:#f3f4f6;border-radius:4px;color:#6b7280;display:inline-block;font-size:12px;margin-bottom:8px;padding:4px 12px}.product-header h2{color:#1f2937;font-size:24px;font-weight:600;margin:0}.detail-section{margin-bottom:20px}.detail-section h4{color:#374151;font-size:14px;font-weight:600;letter-spacing:.05em;margin:0 0 8px;text-transform:uppercase}.detail-section p{color:#4b5563;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.links-list,.materials-list{display:flex;flex-wrap:wrap;gap:8px}.link-item,.material-item{align-items:center;background:#f3f4f6;border-radius:8px;color:#374151;display:flex;font-size:14px;gap:8px;padding:10px 14px;text-decoration:none;transition:all .2s}.link-item:hover,.material-item:hover{background:#e5e7eb;color:#b60000}.link-item svg,.material-item svg{flex-shrink:0;height:18px;width:18px}.material-item small{color:#9ca3af;font-size:12px}.product-view-actions{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:16px 24px}.product-view-actions .edit-btn{background:#b60000;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;height:auto;padding:10px 20px;width:auto}.product-view-actions .edit-btn:hover{background:#8a0000}.cancel-btn:disabled,.confirm-delete-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.product-list-header{flex-direction:column;gap:16px}.add-btn{justify-content:center;width:100%}.search-section{flex-direction:column}.product-gallery,.products-grid{grid-template-columns:1fr}}.brand-list-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.brand-list-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.search-section{display:flex;gap:12px;margin-bottom:24px}.search-btn{background:#374151;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px 24px}.search-btn:hover{background:#1f2937}.loading-state .spinner{border-top-color:#b60000}.brands-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.brand-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:20px;transition:all .2s}.brand-card:hover{border-color:#b60000;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.brand-logo{align-items:center;display:flex;height:80px;justify-content:center;margin:0 auto 16px;width:80px}.brand-logo img{max-height:100%;max-width:100%;object-fit:contain}.logo-placeholder{align-items:center;background:linear-gradient(135deg,#b60000,#8a0000);border-radius:12px;color:#fff;display:flex;font-size:32px;font-weight:600;height:80px;justify-content:center;width:80px}.brand-info{margin-bottom:16px;text-align:center}.brand-info h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.brand-website{align-items:center;color:#6b7280;display:inline-flex;font-size:13px;gap:6px;text-decoration:none}.brand-website:hover{color:#b60000}.brand-website svg{height:14px;width:14px}.brand-actions{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding-top:16px}.view-products{color:#b60000;font-size:13px;font-weight:500}.action-buttons{display:flex;gap:8px}.delete-btn,.edit-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.delete-btn svg,.edit-btn svg{height:16px;width:16px}.cancel-btn:disabled,.confirm-delete-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.brand-list-header{flex-direction:column;gap:16px}.add-btn{justify-content:center;width:100%}.search-section{flex-direction:column}.brands-grid{grid-template-columns:1fr}}.task-checklist{background:color-mix(in srgb,#fff 94%,#374151 6%);background:color-mix(in srgb,var(--color-bg,#fff) 94%,var(--color-text,#374151) 6%);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;margin-top:12px;padding:10px 14px}.task-checklist-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.task-checklist-title{color:#374151;color:var(--color-text,#374151);font-size:.82rem;font-weight:700}.task-checklist-progress{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;font-size:.72rem;font-weight:600;gap:6px}.task-progress-bar{background:#e5e7eb;background:var(--color-border,#e5e7eb);border-radius:2px;display:inline-block;height:4px;overflow:hidden;width:60px}.task-progress-fill{background:#10b981;border-radius:2px;display:block;height:100%;transition:width .3s}.task-add-btn{background:#fff;background:var(--color-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:5px;color:#3b82f6;color:var(--color-primary,#3b82f6);cursor:pointer;font-size:.72rem;font-weight:600;margin-left:auto;padding:2px 10px}.task-add-btn:hover{background:color-mix(in srgb,#fff 90%,#3b82f6 10%);background:color-mix(in srgb,var(--color-bg,#fff) 90%,var(--color-primary,#3b82f6) 10%)}.task-list{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.task-item{align-items:flex-start;border-radius:5px;display:flex;gap:8px;padding:6px 4px;transition:background .15s}.task-item:hover{background:color-mix(in srgb,#fff 90%,#374151 10%);background:color-mix(in srgb,var(--color-bg,#fff) 90%,var(--color-text,#374151) 10%)}.task-done .task-title-text{opacity:.55;text-decoration:line-through}.task-checkbox{align-items:center;background:none;border:none;color:#9ca3af;color:var(--color-text-secondary,#9ca3af);cursor:pointer;display:flex;flex-shrink:0;margin-top:1px;padding:0}.task-done .task-checkbox{color:#10b981}.task-content{flex:1 1;min-width:0}.task-title-text{color:#374151;color:var(--color-text,#374151);display:block;font-size:.8rem;line-height:1.3}.task-meta{display:flex;gap:8px;margin-top:2px}.task-due,.task-owner{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:.68rem}.task-owner{background:color-mix(in srgb,#e5e7eb 50%,#0000 50%);background:color-mix(in srgb,var(--color-border,#e5e7eb) 50%,#0000 50%);border-radius:3px;padding:0 4px}.task-delete-btn{background:none;border:none;color:#9ca3af;color:var(--color-text-secondary,#9ca3af);cursor:pointer;flex-shrink:0;font-size:1.1rem;opacity:0;padding:0 4px;transition:opacity .15s,color .15s}.task-item:hover .task-delete-btn{opacity:1}.task-delete-btn:hover{color:#ef4444}.task-add-form{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.task-input{background:#fff;background:var(--color-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:5px;color:#374151;color:var(--color-text,#374151);flex:1 1;font-size:.78rem;min-width:120px;padding:5px 8px}.task-input-sm{flex:0 1 140px;min-width:100px}.task-add-actions{display:flex;gap:4px}.task-cancel-btn,.task-save-btn{border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:5px;cursor:pointer;font-size:.75rem;font-weight:600;padding:4px 12px}.task-save-btn{background:#3b82f6;background:var(--color-primary,#3b82f6);border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);color:#fff}.task-cancel-btn{background:#fff;background:var(--color-bg,#fff);color:#374151;color:var(--color-text,#374151)}.task-empty{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:.75rem;padding:4px 0}.stage-pill{border-radius:999px;font-size:.75rem;font-weight:600;gap:6px;line-height:1.4;padding:3px 10px;white-space:nowrap}.stage-pill,.stage-pill-dots{align-items:center;display:inline-flex}.stage-pill-dots{gap:3px}.stage-dot{background:#d1d5db;background:var(--color-border,#d1d5db);border-radius:50%;height:6px;transition:background .2s;width:6px}.stage-discovery{background:#dbeafe;color:#1e40af}.stage-discovery .stage-dot.filled{background:#3b82f6}.stage-evaluation{background:#fef3c7;color:#92400e}.stage-evaluation .stage-dot.filled{background:#f59e0b}.stage-bid_prep{background:#e0e7ff;color:#3730a3}.stage-bid_prep .stage-dot.filled{background:#6366f1}.stage-submitted{background:#d1fae5;color:#065f46}.stage-submitted .stage-dot.filled{background:#10b981}.stage-won{background:#d1fae5;color:#065f46}.stage-won .stage-dot.filled{background:#059669}.stage-lost{background:#fee2e2;color:#991b1b}.stage-dropped{background:#f3f4f6;color:#6b7280}.stage-default{background:#f3f4f6;color:#374151;color:var(--color-text,#374151)}[data-theme=dark] .stage-discovery{background:#1e3a5f;color:#93c5fd}[data-theme=dark] .stage-evaluation{background:#451a03;color:#fcd34d}[data-theme=dark] .stage-bid_prep{background:#312e81;color:#a5b4fc}[data-theme=dark] .stage-submitted,[data-theme=dark] .stage-won{background:#064e3b;color:#6ee7b7}[data-theme=dark] .stage-lost{background:#7f1d1d;color:#fca5a5}[data-theme=dark] .stage-dropped{background:#374151;color:#9ca3af}[data-theme=dark] .stage-default{background:#374151;color:var(--color-text)}[data-theme=dark] .stage-dot{background:#4b5563}.tender-form-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-header h2{color:#1f2937;color:var(--color-text,#1f2937);font-size:20px;font-weight:600;margin:0}.close-btn{align-items:center;background:#f3f4f6;background:var(--color-bg-muted,#f3f4f6);border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.close-btn:hover{background:#e5e7eb;background:var(--color-border,#e5e7eb)}.close-btn svg{height:20px;width:20px}.close-btn svg,.form-loading{color:#6b7280;color:var(--color-text-muted,#6b7280)}.form-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.form-loading .spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border:3px solid var(--color-border,#e5e7eb);border-radius:50%;border-top:3px solid #b60000;height:40px;margin-bottom:16px;width:40px}.tender-form{padding:24px}.form-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 16px}.form-error svg{flex-shrink:0;height:20px;width:20px}.form-section{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);margin-bottom:24px;padding-bottom:24px}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{align-items:center;color:#374151;color:var(--color-text,#374151);display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.05em;margin:0 0 16px;text-transform:uppercase}.section-title-icon{color:#6b7280;color:var(--color-text-muted,#6b7280);display:inline-flex;flex-shrink:0}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group label{color:#374151;color:var(--color-text-secondary,#374151);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#b60000;box-shadow:0 0 0 3px #b600001a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af;color:var(--color-text-muted,#9ca3af)}.form-group textarea{min-height:80px;resize:vertical}.products-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.product-row{align-items:center;display:flex;gap:10px}.product-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:14px;padding:10px 12px}.product-select:focus{border-color:#b60000;outline:none}.product-select:disabled{background:#f9fafb;background:var(--color-bg-subtle,#f9fafb);cursor:not-allowed;opacity:.7}.quantity-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;text-align:center;width:80px}.quantity-input:focus{border-color:#b60000;outline:none}.remove-product-btn{align-items:center;background:#fee2e2;border:none;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.remove-product-btn:hover{background:#fecaca}.remove-product-btn svg{color:#dc2626;height:16px;width:16px}.add-product-btn{align-items:center;background:#f3f4f6;background:var(--color-bg-muted,#f3f4f6);border:1px dashed #d1d5db;border-radius:8px;color:#374151;color:var(--color-text-secondary,#374151);cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.add-product-btn:hover{background:#e5e7eb;background:var(--color-border,#e5e7eb);border-color:#9ca3af}.add-product-btn svg{height:18px;width:18px}.form-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.cancel-btn{padding:12px 24px}.cancel-btn:hover{background:var(--color-border,#e5e7eb)}.submit-btn{align-items:center;background:linear-gradient(135deg,#b60000,#8a0000);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;min-width:140px;padding:12px 24px}.submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #b600004d}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.btn-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@media (max-width:600px){.tender-form-modal{margin:10px}.form-row{grid-template-columns:1fr}.product-row{flex-wrap:wrap}.product-select{flex:none;width:100%}.quantity-input{flex:1 1}.form-actions{flex-direction:column-reverse}.cancel-btn,.submit-btn{width:100%}}.emd-status-tabs .tabs-list{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);display:flex;flex-wrap:wrap;gap:8px;padding-bottom:0}.emd-status-tabs .tab-pill{align-items:center;background:none;border:none;border-bottom:3px solid #0000;border-radius:6px 6px 0 0;color:#6b7280;color:var(--color-text-muted,#6b7280);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:-1px;padding:10px 16px}.emd-status-tabs .tab-pill:hover{background:#f3f4f6;background:var(--color-bg-muted,#f3f4f6);color:#1f2937;color:var(--color-text,#1f2937)}.emd-status-tabs .tab-pill.active{background:#fef2f2;border-bottom-color:#b60000;color:#b60000}.emd-status-tabs .tab-count{align-items:center;background:#e5e7eb;background:var(--color-bg-muted,#e5e7eb);border-radius:10px;color:#374151;color:var(--color-text-secondary,#374151);display:inline-flex;font-size:12px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.emd-status-tabs .tab-pill.active .tab-count{background:#fecaca;color:#b91c1c}.tender-list-container{background:#fff;background:var(--color-bg,#fff);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.tender-list-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.header-title{flex:1 1;min-width:0}.header-title h2{color:#1f2937;color:var(--color-text,#1f2937);font-size:20px;font-weight:600;margin:0 0 4px}.header-title p{word-wrap:break-word;color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:14px;margin:0;overflow:visible;white-space:normal}.add-btn{align-items:center;background:linear-gradient(135deg,#b60000,#8a0000);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.add-btn:hover{box-shadow:0 4px 12px #b600004d;transform:translateY(-1px)}.add-btn svg{height:18px;width:18px}.filters-section{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.search-box{align-items:center;background:#f9fafb;background:var(--color-bg-subtle,#f9fafb);border:1px solid #d1d5db;border-radius:8px;display:flex;flex:1 1;gap:10px;min-width:300px;padding:0 14px}.search-box svg{color:#9ca3af;color:var(--color-text-muted,#9ca3af);height:18px;width:18px}.search-box input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none;padding:12px 0}.search-box button{background:#374151;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px}.search-box:focus-within{background:#fff;border-color:#b60000}.filter-dropdowns{display:flex;gap:12px}.filter-dropdowns select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;min-width:150px;padding:12px 16px}.filter-dropdowns select:focus{border-color:#b60000;outline:none}.error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.error-message button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:20px}.empty-state,.loading-state{align-items:center;color:#6b7280;color:var(--color-text-muted,#6b7280);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-state .spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border:3px solid var(--color-border,#e5e7eb);border-radius:50%;border-top:3px solid #b60000;height:40px;margin-bottom:16px;width:40px}.empty-state svg{height:64px;margin-bottom:16px;opacity:.5;width:64px}.empty-state h3{color:#374151;color:var(--color-text,#374151);font-size:18px;margin:0 0 8px}.empty-state p{margin:0 0 20px}.empty-state button{background:#b60000;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 24px}.tenders-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (max-width:768px){.tenders-table-wrapper{margin-bottom:8px}.tenders-table-wrapper:after{color:#6b7280;color:var(--color-text-muted,#6b7280);content:"← Scroll for more columns →";display:block;font-size:12px;padding:6px 0;text-align:center}}.tenders-table{border-collapse:collapse;font-size:14px;width:100%}.tenders-table thead{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb)}.tenders-table thead th{box-shadow:0 1px 0 0 #e5e7eb;box-shadow:0 1px 0 0 var(--color-border,#e5e7eb);position:-webkit-sticky;position:sticky;top:0;z-index:1}.tenders-table th,.tenders-table thead th{background:#f9fafb;background:var(--color-bg-subtle,#f9fafb)}.tenders-table th{border-bottom:0;color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:12px;font-weight:500;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.tenders-table td{border-bottom:1px solid color-mix(in srgb,#e5e7eb 40%,#0000);border-bottom:1px solid color-mix(in srgb,var(--color-border,#e5e7eb) 40%,#0000);padding:16px;vertical-align:middle}.tender-row{cursor:pointer;transition:background .2s}.tender-row:hover{background:#f9fafb;background:var(--color-bg-subtle,#f9fafb)}.table-skeleton .skeleton-box{animation:skeletonShimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%);background:linear-gradient(90deg,var(--color-border,#e5e7eb) 25%,var(--color-bg-muted,#f3f4f6) 50%,var(--color-border,#e5e7eb) 75%);background-size:200% 100%;border-radius:6px;border-radius:var(--radius-sm,6px);display:inline-block;height:18px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.table-skeleton tbody tr{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb)}.table-skeleton td{padding:14px 16px;vertical-align:middle}.tender-row.deadline-passed{background:#fef2f2}.tender-ref{display:flex;flex-direction:column;gap:4px}.ref-code{color:#1f2937;color:var(--color-text,#1f2937);font-family:monospace;font-weight:600}.ref-code-link{background:none;border:none;cursor:pointer;font:inherit;padding:0;text-align:left}.ref-code-link:hover{color:#b60000;text-decoration:underline}.tender-title{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#6b7280;color:var(--color-text-muted,#6b7280);display:-webkit-box;font-size:13px;overflow:hidden}.tender-title-inline{color:#374151;color:var(--color-text-secondary,#374151);display:block;font-size:14px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tender-row-clickable{cursor:pointer}.tender-row-clickable:hover{background:#f9fafb;background:var(--color-bg-subtle,#f9fafb)}.tender-row.expanded{background:#f3f4f6;background:var(--color-bg-muted,#f3f4f6)}.expand-cell{padding-right:0;vertical-align:middle}.expand-icon{color:#6b7280;color:var(--color-text-muted,#6b7280);height:18px;transition:transform .2s;width:18px}.expand-icon.expanded{transform:rotate(180deg)}.emd-badge{background:#dbeafe;border-radius:4px;color:#1d4ed8;display:inline-block;font-size:11px;font-weight:600;margin-left:6px;padding:2px 8px;text-transform:uppercase}.tender-detail-row td{background:#fafafa;background:var(--color-bg-subtle,#fafafa);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);padding:0;vertical-align:top}.tender-expanded-details{padding:16px 20px}.tender-expanded-details .tender-details-grid{grid-gap:12px 24px;display:grid;gap:12px 24px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:12px}.tender-expanded-details .detail-item label{color:#6b7280;color:var(--color-text-muted,#6b7280);display:block;font-size:11px;margin-bottom:4px;text-transform:uppercase}.tender-description-snippet{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;color:var(--color-text-muted,#6b7280);display:-webkit-box;font-size:13px;margin:0 0 12px;max-height:60px;overflow:hidden;text-overflow:ellipsis}.link-btn{background:none;border:none;color:#b60000;cursor:pointer;font-size:13px;font-weight:500;padding:0}.link-btn:hover{text-decoration:underline}.source-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.source-gem{background:#dbeafe;color:#1d4ed8}.source-cppp{background:#fef3c7;color:#b45309}.source-state{background:#d1fae5;color:#047857}.source-private{background:#f3e8ff;color:#7c3aed}.source-default{background:#f3f4f6;color:#374151}.status-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:500;padding:4px 10px}.status-discovered{background:#e0f2fe;color:#0369a1}.status-evaluating{background:#fef3c7;color:#b45309}.status-no_go{background:#fee2e2;color:#dc2626}.status-participating{background:#dbeafe;color:#1d4ed8}.status-submitted{background:#f3e8ff;color:#7c3aed}.status-won{background:#d1fae5;color:#047857}.status-lost{background:#fca5a5;color:#991b1b}.status-dropped{background:#e5e7eb;color:#4b5563}.status-canceled{background:#fef3c7;color:#b45309}.status-default{background:#f3f4f6;color:#374151}.deadline{align-items:center;display:flex;gap:6px}.deadline.approaching{color:#f59e0b;font-weight:500}.deadline.passed{color:#dc2626;text-decoration:line-through}.deadline-warning{background:#fef3c7;border-radius:4px;color:#b45309;font-size:10px;font-weight:600;padding:2px 6px}.product-count{color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:13px}.actions-cell{display:flex;gap:6px}.delete-btn,.edit-btn,.go-ahead-btn,.no-go-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.go-ahead-btn{background:#d1fae5;color:#047857}.go-ahead-btn:hover{background:#a7f3d0}.no-go-btn{background:#fef3c7;color:#b45309}.no-go-btn:hover{background:#fde68a}.edit-btn{background:#dbeafe;color:#2563eb}.edit-btn:hover{background:#bfdbfe}.delete-btn{background:#fee2e2;color:#dc2626}.delete-btn:hover{background:#fecaca}.delete-btn svg,.edit-btn svg,.go-ahead-btn svg,.no-go-btn svg{height:16px;width:16px}.list-footer{color:#6b7280;color:var(--color-text-muted,#6b7280);display:flex;font-size:14px;justify-content:flex-end;margin-top:16px;padding-top:16px}.master-list-group{border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:12px;overflow:hidden}.master-list-group-title{background:#f3f4f6;background:var(--color-bg-secondary,#f3f4f6);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);color:#1f2937;color:var(--color-text,#1f2937);font-size:1rem;font-weight:600;margin:0;padding:12px 20px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;overscroll-behavior:contain;padding:20px;position:fixed;right:0;top:0;z-index:1000}.tender-view-modal{background:#fff;background:var(--color-bg,#fff);border-radius:16px;box-shadow:0 20px 60px #00000026;flex-shrink:0;margin:auto;max-height:min(90vh,calc(100vh - 40px));max-width:600px;overflow-y:auto;padding:0 56px 0 24px;position:relative;width:100%}.tender-view-modal>.close-btn{align-items:center;background:#f3f4f6;background:var(--color-bg-muted,#f3f4f6);border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:background-color .2s,color .2s;width:36px;z-index:10}.tender-view-modal>.close-btn:hover{background:#e5e7eb;background:var(--color-border,#e5e7eb);color:#374151;color:var(--color-text-secondary,#374151)}.tender-view-modal>.close-btn svg{color:#6b7280;color:var(--color-text-muted,#6b7280);height:20px;width:20px}.tender-view-content{padding:24px 56px 24px 24px}.tender-view-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tender-view-content h2{color:#1f2937;color:var(--color-text,#1f2937);font-family:monospace;font-size:24px;font-weight:600;margin:0 0 4px}.tender-title-view{color:#6b7280;color:var(--color-text-muted,#6b7280);margin:0 0 24px}.tender-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.detail-item{align-items:flex-start;display:flex;flex-direction:column;gap:4px;text-align:left}.detail-item label{color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:12px;letter-spacing:.05em;text-transform:uppercase}.detail-item span{color:#1f2937;color:var(--color-text,#1f2937);font-size:14px;font-weight:500;text-align:left}.value-highlight{color:#047857!important;font-size:18px!important}.text-danger{color:#dc2626!important}.text-warning{color:#d97706!important}.portal-link{color:#b60000;display:inline-block;font-weight:500;margin-bottom:16px;text-decoration:none}.portal-link:hover{text-decoration:underline}.tender-view-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);display:flex;gap:12px;justify-content:flex-end;padding:16px 0}.go-ahead-btn-large{background:#047857;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px}.go-ahead-btn-large:hover{background:#065f46}.no-go-btn-large{background:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px}.no-go-btn-large:hover{background:#d97706}.edit-btn-large{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px}.edit-btn-large:hover{background:#4b5563}.confirm-modal{background:#fff;border-radius:16px;max-width:400px;padding:32px;text-align:center;width:100%}.confirm-icon{align-items:center;border-radius:50%;display:flex;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.confirm-icon.delete{background:#fee2e2;color:#dc2626}.confirm-icon.go-ahead{background:#d1fae5;color:#047857}.confirm-icon.no-go{background:#fef3c7;color:#b45309}.confirm-icon svg{height:28px;width:28px}.confirm-modal h3{color:#1f2937;color:var(--color-text,#1f2937);font-size:18px;margin:0 0 12px}.confirm-modal p{color:#4b5563;color:var(--color-text-secondary,#4b5563);font-size:14px;margin:0 0 8px}.confirm-modal .warning{color:#dc2626;font-size:13px;margin-bottom:24px}.confirm-modal .info{color:#047857;font-size:13px;margin-bottom:24px}.modal-actions{display:flex;gap:12px;justify-content:center}.cancel-btn{background:#f3f4f6;background:var(--color-bg-muted,#f3f4f6);border:none;border-radius:8px;color:#374151;color:var(--color-text-secondary,#374151);cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px}.cancel-btn:hover{background:#e5e7eb}.confirm-delete-btn{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px}.confirm-delete-btn:hover{background:#b91c1c}.confirm-go-ahead-btn{background:#047857;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px}.confirm-go-ahead-btn:hover{background:#065f46}.confirm-no-go-btn{background:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px}.confirm-no-go-btn:hover{background:#d97706}.cancel-btn:disabled,.confirm-delete-btn:disabled,.confirm-go-ahead-btn:disabled,.confirm-no-go-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.tender-list-header{flex-direction:column;gap:16px}.add-btn{justify-content:center;width:100%}.filters-section{flex-direction:column}.search-box{min-width:auto}.filter-dropdowns{flex-direction:column}.filter-dropdowns select{width:100%}.tenders-table td,.tenders-table th{padding:12px 8px}.tender-details-grid{grid-template-columns:1fr}}.tb-detail-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.tb-detail-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-height:90vh;max-width:640px;overflow-y:auto;position:relative;width:100%}.tb-detail-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px;padding:20px 24px 0}.tb-detail-tabs{background:#f3f4f6;border-radius:10px;display:flex;overflow:hidden}.tb-detail-tab{background:#0000;border:none;color:#6b7280;cursor:default;font-size:14px;font-weight:600;padding:10px 18px}.tb-detail-tab:first-child{border-radius:10px 0 0 10px}.tb-detail-tab:last-child{border-radius:0 10px 10px 0}.tb-detail-tab.active{background:#2563eb;color:#fff}.tb-detail-tab:not(.active){color:#4b5563}.tb-detail-close{align-items:center;background:#f3f4f6;border:none;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;position:absolute;right:24px;top:20px;width:36px;z-index:10}.tb-detail-close:hover{background:#e5e7eb;color:#374151}.tb-detail-close svg{height:20px;width:20px}.tb-detail-body{padding:0 24px 24px}.tb-detail-id{color:#1f2937;font-family:ui-monospace,monospace;font-size:22px;font-weight:700;letter-spacing:.02em;margin:0 0 4px}.tb-detail-title{color:#6b7280;font-size:14px;margin:0 0 20px}.tb-detail-grid{grid-gap:20px 24px;display:grid;gap:20px 24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.tb-detail-item{align-items:flex-start;display:flex;flex-direction:column;gap:4px;text-align:left}.tb-detail-item label{color:#9ca3af;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.tb-detail-item p,.tb-detail-item span{color:#1f2937;font-size:14px;font-weight:600;margin:0;text-align:left}.tb-detail-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;padding:0 24px}.tb-detail-status-dropdown-wrap{align-items:center;display:flex;gap:8px}.tb-detail-status-dropdown-label{color:#4b5563;color:var(--color-text-secondary,#4b5563);font-size:14px;font-weight:500}.tb-detail-status-dropdown{background:#fff;background:var(--color-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;color:#1f2937;color:var(--color-text,#1f2937);cursor:pointer;font-size:14px;min-width:160px;padding:8px 12px}.tb-detail-status-dropdown:focus{outline:2px solid #b60000;outline:var(--focus-ring,2px solid #b60000);outline-offset:2px}.tb-detail-status-dropdown:disabled{cursor:not-allowed;opacity:.7}.tb-detail-section{border-top:1px solid #e5e7eb;margin-top:24px;padding:20px 24px 24px}.tb-detail-nav{display:flex;gap:8px;margin-bottom:16px}.tb-detail-nav-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.tb-detail-nav-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.tb-detail-nav-btn.active{background:#eff6ff;border-color:#2563eb;color:#2563eb}.tb-detail-instructions-label{color:#9ca3af;display:block;font-size:11px;font-weight:500;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.tb-detail-instructions-content{color:#374151;font-size:14px;line-height:1.5;margin:0;padding:12px 0 0;white-space:pre-wrap}.tb-detail-modal .error-message,.tb-detail-modal .loading-state{padding:24px}.tb-detail-modal .error-message{margin:0 24px 12px}.tb-detail-audit-list{list-style:none;margin:0;max-height:280px;overflow-y:auto;padding:0}.tb-detail-audit-item{border-bottom:1px solid #f3f4f6;font-size:13px;padding:10px 12px}.tb-detail-audit-item strong{color:#1f2937}.tb-detail-audit-meta{color:#6b7280;margin-left:4px}.tb-detail-audit-details{color:#4b5563;font-size:12px;margin-top:4px}.tender-kanban{display:flex;flex-direction:column;gap:16px;height:100%;min-height:0}.kanban-summary-bar{background:#fff;background:var(--color-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:10px;display:flex;flex-wrap:wrap;gap:16px;padding:12px 16px}.kanban-summary-item{align-items:center;color:#374151;color:var(--color-text,#374151);display:flex;font-size:.8rem;gap:6px}.summary-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.summary-label{font-weight:600}.summary-count{background:#e5e7eb;background:var(--color-border,#e5e7eb);border-radius:999px;font-size:.72rem;font-weight:700;padding:1px 7px}.summary-value{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.72rem}.kanban-board{display:flex;flex:1 1;gap:12px;min-height:0;overflow-x:auto;padding-bottom:8px}.kanban-column{background:#fff;background:var(--color-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:10px;display:flex;flex:1 1;flex-direction:column;max-width:320px;min-width:220px;overflow:hidden;transition:box-shadow .2s}.kanban-column-over{box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px var(--color-primary,#3b82f6)}.kanban-column-header{align-items:center;background:color-mix(in srgb,#fff 96%,#374151 4%);background:color-mix(in srgb,var(--color-bg,#fff) 96%,var(--color-text,#374151) 4%);border-top:3px solid;display:flex;justify-content:space-between;padding:10px 14px}.kanban-column-label{color:#374151;color:var(--color-text,#374151);font-size:.82rem;font-weight:700}.kanban-column-count{background:#e5e7eb;background:var(--color-border,#e5e7eb);border-radius:999px;color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.72rem;font-weight:700;padding:1px 8px}.kanban-column-body{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:100px;overflow-y:auto;padding:8px}.kanban-empty{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:.78rem;padding:24px 12px;text-align:center}.kanban-card{background:#fff;background:var(--color-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;cursor:grab;padding:10px 12px;transition:box-shadow .15s,transform .15s;-webkit-user-select:none;user-select:none}.kanban-card:hover{box-shadow:0 2px 8px #00000014}.kanban-card:active{cursor:grabbing}.kanban-card-overlay{box-shadow:0 8px 24px #00000026;cursor:grabbing;opacity:.95;transform:rotate(2deg)}.kanban-card-ref{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:.68rem;font-weight:600;letter-spacing:.02em;margin-bottom:2px}.kanban-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#374151;color:var(--color-text,#374151);display:-webkit-box;font-size:.82rem;font-weight:600;line-height:1.3;margin-bottom:4px;overflow:hidden}.kanban-card-buyer{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.72rem;margin-bottom:4px}.kanban-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.kanban-card-value{color:#374151;color:var(--color-text,#374151);font-size:.72rem;font-weight:700}.kanban-card-deadline{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:.68rem}.kanban-card-next-action{align-items:center;border-top:1px solid color-mix(in srgb,#e5e7eb 60%,#0000 40%);border-top:1px solid color-mix(in srgb,var(--color-border,#e5e7eb) 60%,#0000 40%);color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;flex-wrap:wrap;font-size:.7rem;gap:5px;margin-top:6px;padding-top:6px}.next-action-icon{color:#3b82f6;color:var(--color-primary,#3b82f6);font-weight:700}.next-action-text{color:#374151;color:var(--color-text,#374151);flex:1 1;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.next-action-due,.next-action-owner{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:.65rem}.next-action-owner{background:color-mix(in srgb,#e5e7eb 50%,#0000 50%);background:color-mix(in srgb,var(--color-border,#e5e7eb) 50%,#0000 50%);border-radius:3px;padding:0 4px}.kanban-loading{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:.9rem}.kanban-error,.kanban-loading{align-items:center;display:flex;height:200px;justify-content:center}.kanban-error{color:#ef4444;flex-direction:column;font-size:.85rem;gap:12px}.kanban-retry-btn{background:#fff;background:var(--color-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:6px;color:#374151;color:var(--color-text,#374151);cursor:pointer;font-size:.82rem;padding:6px 16px}.kanban-retry-btn:hover{background:color-mix(in srgb,#fff 90%,#374151 10%);background:color-mix(in srgb,var(--color-bg,#fff) 90%,var(--color-text,#374151) 10%)}@media (max-width:900px){.kanban-board{flex-direction:column}.kanban-column{max-width:100%;min-width:0}.kanban-column-body{max-height:300px;min-height:60px}}*{box-sizing:border-box;margin:0;padding:0}#root,.App,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app-loading{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;flex-direction:column;gap:24px;justify-content:center;min-height:100vh}.loading-logo{animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(182,0,0,.3));height:auto;width:200px}@keyframes pulse{0%,to{filter:drop-shadow(0 0 20px rgba(182,0,0,.3));opacity:1;transform:scale(1)}50%{filter:drop-shadow(0 0 40px rgba(182,0,0,.5));opacity:.9;transform:scale(1.05)}}.app-loading p{animation:fadeInOut 2s ease-in-out infinite;color:#ffffffb3;font-size:14px;font-weight:500;letter-spacing:1px}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}.auth-error-banner{align-items:center;background:#fef2f2;border-bottom:1px solid #fecaca;color:#dc2626;display:flex;font-size:14px;gap:16px;justify-content:center;left:0;padding:12px 20px;position:fixed;right:0;top:0;z-index:9999}.auth-error-banner button{background:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px}.auth-error-banner button:hover{background:#b91c1c}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #fff3;border-radius:50%;border-top-color:#b60000;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.unauthorized-page{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;justify-content:center;min-height:100vh;padding:20px}.unauthorized-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:48px;text-align:center;width:100%}.unauthorized-content svg{color:#b60000;height:64px;margin-bottom:24px;width:64px}.unauthorized-content h1{color:#1a1a2e;font-size:24px;font-weight:700;margin:0 0 12px}.unauthorized-content p{color:#6b7280;font-size:15px;line-height:1.6;margin:0 0 28px}.unauthorized-content .back-btn{background:linear-gradient(135deg,#b60000,#8a0000);border-radius:10px;color:#fff;display:inline-block;font-size:15px;font-weight:600;padding:14px 32px;text-decoration:none;transition:all .3s ease}.unauthorized-content .back-btn:hover{box-shadow:0 8px 20px #b6000066;transform:translateY(-2px)}.session-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.session-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 25px 80px #0006;max-width:420px;padding:48px;text-align:center;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.session-modal-icon{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.session-modal-icon svg{color:#d97706;height:40px;width:40px}.session-modal h2{color:#1a1a2e;font-size:24px;font-weight:700;margin:0 0 12px}.session-modal p{color:#6b7280;font-size:15px;line-height:1.6;margin:0 0 32px}.session-relogin-btn{background:linear-gradient(135deg,#b60000,#8a0000);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-weight:600;padding:14px 40px;transition:all .3s ease}.session-relogin-btn:hover{box-shadow:0 8px 20px #b6000066;transform:translateY(-2px)}.session-relogin-btn:active{transform:translateY(0)}.toast-container{bottom:24px;bottom:var(--space-6,24px);display:flex;flex-direction:column;gap:8px;gap:var(--space-2,8px);max-width:360px;pointer-events:none;position:fixed;right:24px;right:var(--space-6,24px);z-index:10000}.toast-container>*{pointer-events:auto}.toast{align-items:center;animation:toastIn .3s ease;border-radius:10px;border-radius:var(--radius-lg,10px);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg,0 8px 24px #0000001f);display:flex;gap:12px;justify-content:space-between;padding:14px 16px}@keyframes toastIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-success{background:#d1fae5;background:var(--color-success-bg,#d1fae5);border:1px solid #059669;border:1px solid var(--color-success,#059669);color:#059669;color:var(--color-success,#059669)}.toast-error{background:#fee2e2;background:var(--color-error-bg,#fee2e2);border:1px solid #dc2626;border:1px solid var(--color-error,#dc2626);color:#dc2626;color:var(--color-error,#dc2626)}.toast-info{background:#dbeafe;border:1px solid #2563eb;border:1px solid var(--color-info,#2563eb);color:#2563eb;color:var(--color-info,#2563eb)}.toast-message{flex:1 1;font-size:14px;font-weight:500}.toast-close{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm,6px);color:inherit;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:.8;width:28px}.toast-close:hover{background:#00000014;opacity:1}.toast-close svg{height:16px;width:16px}
/*# sourceMappingURL=main.35c18162.css.map*/