@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary:#00b4d8;--primary-light:color-mix(in srgb, var(--primary) 10%, transparent);--primary-glow:color-mix(in srgb, var(--primary) 30%, transparent);--bg-main:#f8fafc;--bg-gradient:linear-gradient(135deg, #f8fafc 0%, #eef2f6 100%);--bg-sidebar:#ffffffb3;--bg-card:#ffffffe6;--bg-card-solid:#fff;--bg-card-hover:#f1f5f9;--text-main:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0cc;--glass-border:#fff9;--success:#10b981;--success-bg:#10b9811f;--warning:#f59e0b;--warning-bg:#f59e0b1f;--danger:#ef4444;--danger-bg:#ef44441f;--info:#3b82f6;--sidebar-width:280px;--header-height:75px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #00000006;--shadow-lg:0 10px 15px -3px #0000000f, 0 4px 6px -4px #00000008;--shadow-hover:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--shadow-glow:0 0 15px var(--primary-glow);--shadow-glass:0 4px 30px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;line-height:1.5;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#64748b33;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#64748b66}.app-layout{width:100vw;height:100vh;display:flex;position:relative}.app-layout:before{content:"";background:radial-gradient(circle, var(--primary-light) 0%, transparent 70%);filter:blur(80px);z-index:-1;opacity:.8;border-radius:50%;width:600px;height:600px;animation:10s ease-in-out infinite alternate float;position:absolute;top:-200px;left:-200px}@keyframes float{0%{transform:translate(0)}to{transform:translate(100px,50px)}}.sidebar-container{width:var(--sidebar-width);background:var(--bg-sidebar);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-color);height:100%;box-shadow:var(--shadow-glass);z-index:100;flex-direction:column;padding:1.5rem;display:flex;position:relative}.main-content{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow:hidden}.top-header{height:var(--header-height);background:var(--bg-sidebar);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:90;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;box-shadow:0 1px 3px #00000003}.content-area{flex:1;min-width:0;padding:2.5rem;overflow-y:auto}.content-area>*{width:100%;max-width:1480px}.sidebar-logo{align-items:center;gap:.875rem;margin-bottom:2.5rem;padding:0 .5rem;transition:transform .3s;display:flex}.sidebar-logo:hover{transform:translate(4px)}.logo-icon{color:var(--primary);filter:drop-shadow(0 0 8px var(--primary-glow))}.logo-text{color:var(--text-main);letter-spacing:.02em;font-size:1.35rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;display:flex}.nav-link{color:var(--text-muted);will-change:transform;border:1px solid #0000;border-radius:.75rem;align-items:center;gap:1rem;padding:.875rem 1rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-link:hover{background:var(--bg-card-solid);color:var(--text-main);box-shadow:var(--shadow-sm);border-color:#fffc;transform:translate(4px)}.nav-link-active{background:linear-gradient(135deg, var(--primary) 0%, color-mix(in srgb, var(--primary) 80%, black) 100%);box-shadow:var(--shadow-md), var(--shadow-glow);transform:translate(4px);color:#fff!important}.nav-link-active svg{color:#fff}.nav-link-active:hover{background:linear-gradient(135deg, var(--primary) 0%, color-mix(in srgb, var(--primary) 80%, black) 100%);transform:translate(4px)translateY(-1px);color:#fff!important}.nav-link-active:hover svg{color:#fff}.sidebar-footer{border-top:1px solid var(--border-color);padding-top:1rem}.sidebar-logout-btn{width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.75rem;align-items:center;gap:1rem;padding:.875rem 1rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-logout-btn:hover{background:color-mix(in srgb, var(--danger) 8%, var(--bg-card-solid));color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, var(--border-color));transform:translate(4px)}.header-actions{align-items:center;gap:1.5rem;display:flex}.header-search-group{margin-bottom:0;position:relative}.header-search-input{background:var(--bg-main);border-radius:999px;width:320px;padding:.65rem 1.25rem .65rem 2.5rem}.theme-picker-compact{padding:.35rem .35rem .35rem .5rem}.theme-label{color:var(--text-muted);letter-spacing:.05em;margin-left:.5rem;font-size:.75rem;font-weight:600}.header-quick-actions{color:var(--text-muted);gap:.5rem;display:flex}.header-icon-btn{cursor:pointer;border-radius:50%;padding:.5rem;transition:all .2s}.header-icon-with-badge{position:relative}.header-badge{color:#fff;border:2px solid var(--bg-sidebar);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.header-badge-danger{background:var(--danger)}.header-badge-primary{background:var(--primary)}.header-logout-btn{border:1px solid var(--border-color);background:var(--bg-card-solid);color:var(--text-main);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .8rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.header-logout-btn:hover{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 45%, var(--border-color));background:color-mix(in srgb, var(--danger) 6%, var(--bg-card-solid))}.theme-picker{background:var(--bg-card-solid);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:2rem;align-items:center;gap:.5rem;padding:.35rem .5rem;transition:box-shadow .3s;display:flex}.theme-picker:hover{box-shadow:var(--shadow-md)}.color-picker-input{appearance:none;cursor:pointer;background-color:#0000;border:none;width:28px;height:28px;padding:0}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:2px solid var(--border-color);border-radius:50%;transition:border-color .2s,transform .2s}.color-picker-input:hover::-webkit-color-swatch{border-color:var(--text-main);transform:scale(1.1)}.theme-palette-btn{border:1px solid var(--border-color);background:var(--bg-main);color:var(--text-main);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .55rem;transition:all .2s;display:inline-flex}.theme-palette-btn:hover{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.theme-current-color{background:var(--primary);border:1px solid #0f172a33;border-radius:50%;width:14px;height:14px}.color-picker-input-hidden{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.user-profile{cursor:pointer;color:inherit;font:inherit;background:0 0;border:none;border-radius:1rem;align-items:center;gap:1rem;padding:.5rem;transition:background .2s;display:flex}.user-profile:hover{background:var(--bg-card-hover)}.user-profile:focus-visible{outline:3px solid var(--primary-light);outline-offset:2px}.user-profile-wrapper{align-items:center;display:flex;position:relative}.user-profile-separator{border-left:1px solid var(--border-color);margin-left:.5rem;padding-left:1.5rem}.user-profile-panel{background:var(--bg-card-solid);border:1px solid var(--border-color);width:min(280px,100vw - 2rem);box-shadow:var(--shadow-lg);z-index:220;border-radius:1rem;padding:1rem;animation:.16s ease-out userPanelIn;position:absolute;top:calc(100% + .75rem);right:0}.user-profile-panel:before{content:"";background:var(--bg-card-solid);border-left:1px solid var(--border-color);border-top:1px solid var(--border-color);width:12px;height:12px;position:absolute;top:-6px;right:24px;transform:rotate(45deg)}.user-profile-panel-header{border-bottom:1px solid var(--border-color);align-items:center;gap:.8rem;padding-bottom:.85rem;display:flex}.user-profile-panel-avatar{flex-shrink:0}.user-profile-panel-name,.user-profile-panel-role{display:block}.user-profile-panel-name{max-width:180px;color:var(--text-main);overflow-wrap:anywhere;font-size:.95rem;font-weight:700}.user-profile-panel-role{color:var(--text-muted);font-size:.78rem;font-weight:500}.user-profile-details{flex-direction:column;gap:.65rem;margin:.9rem 0;display:flex}.user-profile-detail-row{justify-content:space-between;align-items:flex-start;gap:.75rem;font-size:.85rem;display:flex}.user-profile-detail-row span{color:var(--text-muted)}.user-profile-detail-row strong{text-align:right;min-width:0;color:var(--text-main);overflow-wrap:anywhere;font-weight:600}.user-popup-logout-btn{border:1px solid color-mix(in srgb, var(--danger) 35%, var(--border-color));background:color-mix(in srgb, var(--danger) 8%, var(--bg-card-solid));width:100%;color:var(--danger);font:inherit;cursor:pointer;border-radius:.85rem;justify-content:center;align-items:center;gap:.5rem;padding:.72rem .9rem;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.user-popup-logout-btn:hover{background:var(--danger);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.user-popup-logout-btn:focus-visible{outline:3px solid var(--danger-bg);outline-offset:2px}@keyframes userPanelIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.hover-bg-main:hover{background:var(--bg-card-solid);box-shadow:var(--shadow-sm)}.avatar{background:linear-gradient(135deg, var(--bg-card-solid) 0%, var(--bg-main) 100%);border:2px solid var(--primary-light);width:40px;height:40px;box-shadow:0 0 0 1px var(--border-color);border-radius:50%;justify-content:center;align-items:center;display:flex}.user-info{flex-direction:column;display:flex}.username{color:var(--text-main);font-size:.9rem;font-weight:600}.user-role{color:var(--text-muted);font-size:.75rem;font-weight:500}.page-header{margin-bottom:2.5rem}.page-title{color:var(--text-main);letter-spacing:-.01em;margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.page-subtitle{color:var(--text-muted);font-size:.95rem}.card,.content-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);border-radius:1.25rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before,.content-card:before{content:"";background:linear-gradient(90deg,#0000,#fffc,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card:hover,.content-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dashboard-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.metric-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:1.25rem;flex-direction:column;gap:.5rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.metric-card:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 40%,#fff6 100%);position:absolute;inset:0}.metric-card:hover{box-shadow:var(--shadow-hover);border-color:var(--primary-light);transform:translateY(-4px)scale(1.01)}.metric-card-header{z-index:1;justify-content:space-between;align-items:flex-start;display:flex}.metric-title{color:var(--text-muted);font-size:.9rem;font-weight:500}.metric-icon{background:var(--bg-main);color:var(--primary);border-radius:.75rem;padding:.6rem;box-shadow:inset 0 2px 4px #00000005}.metric-value{color:var(--text-main);letter-spacing:-.02em;z-index:1;margin-top:.5rem;font-size:2rem;font-weight:700}.metric-trend{z-index:1;align-items:center;gap:.35rem;margin-top:.25rem;font-size:.8rem;font-weight:500;display:flex}.trend-up{color:var(--success)}.trend-down{color:var(--danger)}.charts-grid{grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.chart-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:1.25rem;flex-direction:column;padding:1.5rem;transition:all .3s;display:flex}.chart-card:hover{box-shadow:var(--shadow-lg)}.chart-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.chart-title{color:var(--text-main);font-size:1.1rem;font-weight:600}.purchase-dropdown-anchor{z-index:1;width:100%;position:relative}.purchase-row-dropdown-menu{border:1px solid #e2e8f0;border-radius:8px;min-width:250px;max-height:250px;margin-top:4px;position:fixed;overflow-y:auto;box-shadow:0 4px 12px #00000026;z-index:9999!important;background:#fff!important}.purchase-dropdown-option{cursor:pointer;border-bottom:1px solid #f1f5f9;padding:8px 12px;background:#fff!important}.purchase-dropdown-option:hover{background-color:#f1f5f9!important}.dark-table-container{overflow:auto!important}.dark-table{min-width:100%}.dark-table tbody tr,.dark-table td{position:relative}.content-card{overflow:visible}.purchase-table-scroll{overflow:auto}.purchase-action-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:8px;padding:8px 12px;display:flex;position:fixed;box-shadow:0 4px 12px #00000026;z-index:9999!important;background-color:#fff!important}.purchase-row-action-anchor{display:inline-block;position:relative}.dark-table-container{background:var(--bg-card-solid);border:1px solid var(--border-color);max-width:100%;box-shadow:var(--shadow-sm);border-radius:1rem;overflow:hidden}.dark-table{border-collapse:collapse;width:100%}.dark-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.05em;background:var(--primary);z-index:2;border-bottom:none;padding:1rem 1.25rem;font-size:.75rem;font-weight:600;position:sticky;top:0}.dark-table td{border-bottom:1px solid var(--border-color);color:var(--text-main);padding:1rem 1.25rem;font-size:.9rem;transition:background .2s}.dark-table tr:last-child td{border-bottom:none}.dark-table tr:hover td{background:var(--bg-main)}.dark-table td,.dark-table th{white-space:nowrap}.status-badge{border-radius:2rem;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #0000000d}.status-critical{color:var(--danger);background:var(--danger-bg);border:1px solid #ef444433}.status-warning{color:var(--warning);background:var(--warning-bg);border:1px solid #f59e0b33}.status-normal{color:var(--success);background:var(--success-bg);border:1px solid #10b98133}.login-container{background-image:url(/assets/VJS_Stocks_Login_BG-D7sQHcx8.png);background-position:50%;background-repeat:no-repeat;background-size:cover;place-items:center;width:100vw;height:100vh;display:grid;position:relative;overflow:hidden}.login-image-overlay{background:linear-gradient(145deg,#08142373 0%,#08142340 55%,#08142359 100%);position:absolute;inset:0}.login-image-content{z-index:10;position:relative}.login-image-content .badges{gap:1rem;display:flex}.badge-icon{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);width:52px;height:52px;color:var(--primary);box-shadow:var(--shadow-lg);border-radius:50%;justify-content:center;align-items:center;display:flex}.login-form-section{background:color-mix(in srgb, var(--bg-card-solid) 86%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;border:1px solid var(--glass-border);border-radius:1.5rem;flex-direction:column;justify-content:center;width:min(92vw,520px);padding:2.5rem 2rem;display:flex;position:relative;box-shadow:0 20px 45px #00000029}.login-form-box{width:100%;max-width:380px;margin:0 auto}@media (width<=576px){.login-form-section{border-radius:1rem;width:min(94vw,520px);padding:2rem 1.25rem}}.login-logo{justify-content:center;align-items:center;gap:1rem;margin-bottom:3.5rem;display:flex}.login-logo svg{color:var(--primary);filter:drop-shadow(0 0 10px var(--primary-glow))}.login-logo h1{color:var(--text-main);font-size:1.75rem;font-weight:700;line-height:1.2}.login-logo h1 span{color:var(--primary);letter-spacing:.15em;text-transform:uppercase;font-size:.8rem;font-weight:600;display:block}.login-title{text-align:center;color:var(--text-muted);margin-bottom:2.5rem;font-size:1.15rem;font-weight:500}.input-group{margin-bottom:1.5rem;position:relative}.input-icon{color:var(--text-muted);z-index:2;transition:color .3s;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.login-input,.filter-input,.dropdown-input{background:var(--bg-main);border:1.5px solid color-mix(in srgb, var(--primary) 18%, var(--border-color));width:100%;color:var(--text-main);border-radius:.9rem;padding:1rem 1rem 1rem 3.25rem;font-family:inherit;font-size:.95rem;transition:all .22s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #00000005}.login-input:hover,.filter-input:hover,.dropdown-input:hover{border-color:color-mix(in srgb, var(--primary) 34%, var(--border-color))}.login-input:focus,.filter-input:focus,.dropdown-input:focus{border-color:var(--primary);background:var(--bg-card-solid);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent), inset 0 2px 4px #00000003;outline:none}.login-input:focus+.input-icon{color:var(--primary)}.forgot-password{text-align:right;color:var(--text-muted);margin-bottom:2rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s;display:block}.forgot-password:hover{color:var(--primary)}.login-btn{background:linear-gradient(135deg, var(--primary) 0%, color-mix(in srgb, var(--primary) 80%, black) 100%);color:#fff;cursor:pointer;width:100%;box-shadow:0 4px 15px var(--primary-glow);border:none;border-radius:1rem;padding:1.15rem;font-family:inherit;font-size:1.05rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-btn:hover{box-shadow:0 8px 25px var(--primary-glow);transform:translateY(-2px)}.login-btn:active{transform:translateY(1px)}.divider{text-align:center;color:var(--text-muted);align-items:center;margin:2rem 0;font-size:.9rem;font-weight:500;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--border-color);flex:1}.divider:not(:empty):before{margin-right:1em}.divider:not(:empty):after{margin-left:1em}.google-btn{background:var(--bg-card-solid);border:1px solid var(--border-color);width:100%;color:var(--text-main);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:1rem;justify-content:center;align-items:center;gap:.75rem;padding:1.15rem;font-family:inherit;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.google-btn:hover{background:var(--bg-main);box-shadow:var(--shadow-md);border-color:var(--text-muted);transform:translateY(-2px)}.google-btn:active{transform:translateY(1px)}.form-section{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);border-radius:1.25rem;margin-bottom:2rem;padding:2rem;transition:box-shadow .3s}.form-section:hover{box-shadow:var(--shadow-lg)}.section-title{color:var(--text-main);border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;font-size:1.25rem;font-weight:600;display:flex}.section-title svg{color:var(--primary);filter:drop-shadow(0 0 8px var(--primary-glow))}.filter-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.filter-label{color:var(--text-main);font-size:.9rem;font-weight:500}.filter-input{min-height:42px;padding:.875rem 1.25rem}.dark-table input,.dark-table select,.dark-table textarea{border-radius:1.1rem!important}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, color-mix(in srgb, var(--primary) 80%, black) 100%);color:#fff;cursor:pointer;box-shadow:0 4px 12px var(--primary-glow);border:none;border-radius:1rem;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-primary:hover{box-shadow:0 6px 15px var(--primary-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(1px)}.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-search:focus-visible,.btn-all:focus-visible,.page-back-btn:focus-visible{outline:3px solid var(--primary-light);outline-offset:2px}.btn-secondary{background:var(--bg-card-solid);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:1rem;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-secondary:hover{background:var(--bg-main);border-color:var(--text-muted);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary:active{transform:translateY(1px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card,.metric-card,.chart-card,.form-section{animation:.5s cubic-bezier(.4,0,.2,1) backwards fadeIn}.metric-card:first-child{animation-delay:50ms}.metric-card:nth-child(2){animation-delay:.1s}.metric-card:nth-child(3){animation-delay:.15s}.metric-card:nth-child(4){animation-delay:.2s}.filter-section{background:var(--bg-card-solid);border:1px solid var(--border-color);border-radius:1rem;padding:1.25rem}.dropdown-wrapper{position:relative}.dropdown-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.dropdown-menu{background:var(--bg-card-solid);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);z-index:80;border-radius:.8rem;max-height:260px;position:absolute;top:calc(100% + .4rem);left:0;right:0;overflow-y:auto}.dropdown-item-option{cursor:pointer;padding:.7rem 1rem;font-size:.9rem}.dropdown-item-default:hover,.dropdown-item-hovered{background:var(--bg-main)}.dropdown-item-selected{background:var(--primary-light);color:var(--text-main)}.dropdown-no-matches{color:var(--text-muted);padding:.8rem 1rem;font-size:.85rem}.btn-all,.btn-search{background:linear-gradient(135deg, var(--primary) 0%, color-mix(in srgb, var(--primary) 80%, black) 100%);color:#fff;cursor:pointer;border:none;border-radius:1rem;align-items:center;gap:.5rem;padding:.85rem 1.3rem;font-weight:600;display:inline-flex}.btn-all:hover,.btn-search:hover{transform:translateY(-1px)}.page-back-btn{border:1px solid var(--border-color);background:var(--bg-card-solid);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:inline-flex}.page-back-btn:hover{background:var(--bg-main);transform:translate(-1px)}.material-list-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.material-list-header .page-title{margin:0}.page-back-icon{width:18px;height:18px;color:var(--text-muted)}.table-cell{color:var(--text-main);font-size:.9rem}.table-cell-center{text-align:center}.purchase-grid-input{border:1.5px solid color-mix(in srgb, var(--primary) 22%, var(--border-color));background:var(--bg-card-solid);height:35px;color:var(--text-main);border-radius:.7rem;outline:none;padding:0 .6rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.purchase-grid-input:hover{border-color:color-mix(in srgb, var(--primary) 38%, var(--border-color));background:color-mix(in srgb, var(--bg-card-solid) 94%, var(--primary) 6%)}.purchase-grid-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 22%, transparent)}.purchase-grid-input-disabled{background:var(--bg-main);color:var(--text-muted);cursor:not-allowed}.btn-action{border:1px solid var(--border-color);background:var(--bg-card-solid);cursor:pointer;border-radius:.6rem;justify-content:center;align-items:center;padding:.35rem;display:inline-flex}.filter-grid-red,.filter-grid-blue{border:1px solid var(--border-color);background:var(--bg-card-solid);border-radius:.9rem;padding:.8rem}.purchase-top-layout{flex-direction:column;gap:1.25rem;display:flex}.purchase-form-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}.purchase-remarks-row{flex-wrap:wrap;align-items:flex-start;gap:1.25rem;display:flex}.purchase-remarks-box{width:100%;max-width:560px}.purchase-table-scroll{max-width:100%;overflow:auto hidden}.purchase-table-scroll .dark-table{min-width:1600px}.purchase-summary-layout{grid-template-columns:1fr;align-items:start;gap:1.5rem;display:grid}.purchase-summary-left{flex-direction:column;gap:1.25rem;display:flex}.stock-page{overflow:visible}.stock-total-pill{border:1px solid color-mix(in srgb, var(--primary) 25%, var(--border-color));background:var(--primary-light);min-height:36px;color:var(--text-main);border-radius:999px;align-items:center;padding:.45rem .8rem;font-size:.85rem;font-weight:700;display:inline-flex}.stock-filter-section{z-index:20;position:relative}.stock-filter-grid{align-items:start}.stock-multi-select{min-width:0;position:relative}.stock-multi-trigger{border:1.5px solid color-mix(in srgb, var(--primary) 18%, var(--border-color));background:var(--bg-main);width:100%;min-height:52px;color:var(--text-main);font:inherit;cursor:pointer;text-align:left;border-radius:.9rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .85rem;transition:border-color .22s,box-shadow .22s,background-color .22s;display:flex;box-shadow:inset 0 2px 4px #00000005}.stock-multi-trigger:hover,.stock-multi-trigger-open{border-color:var(--primary);background:var(--bg-card-solid);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent)}.stock-selected-area{flex-wrap:wrap;gap:.4rem;min-width:0;display:flex}.stock-placeholder{color:var(--text-muted);font-size:.92rem}.stock-selected-chip{border:1px solid color-mix(in srgb, var(--primary) 28%, var(--border-color));background:var(--bg-card-solid);max-width:100%;color:var(--text-main);border-radius:999px;align-items:center;gap:.35rem;padding:.32rem .45rem .32rem .65rem;font-size:.78rem;font-weight:700;display:inline-flex}.stock-chip-remove{width:18px;height:18px;color:var(--text-muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.stock-chip-remove:hover{background:var(--danger-bg);color:var(--danger)}.stock-trigger-icon{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.stock-trigger-icon-open{transform:rotate(180deg)}.stock-multi-menu{z-index:120;padding:.75rem}.stock-multi-search{margin-bottom:.6rem;padding:.72rem .9rem}.stock-option-list{max-height:230px;overflow-y:auto}.stock-option-row{width:100%;color:var(--text-main);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.65rem;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.7rem .55rem;display:grid}.stock-option-row:hover,.stock-option-row-selected{background:var(--primary-light)}.stock-checkbox{border:1.5px solid color-mix(in srgb, var(--primary) 35%, var(--border-color));color:#fff;border-radius:.35rem;justify-content:center;align-items:center;width:18px;height:18px;font-size:.75rem;font-weight:800;display:inline-flex}.stock-checkbox-selected{background:var(--primary);border-color:var(--primary)}.stock-option-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.stock-option-stock{color:var(--text-muted);font-size:.82rem;font-weight:600}.stock-filter-actions{grid-column:1/-1;justify-content:flex-end;align-items:flex-end;gap:.75rem;display:flex}.stock-grid-layout{gap:1.5rem;margin-top:1.5rem;display:grid}.stock-grid-section{min-width:0}.stock-grid-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.stock-section-title{color:var(--text-main);margin:0;font-size:1.05rem;font-weight:700}.stock-table-meta{color:var(--text-muted);margin-top:.2rem;font-size:.84rem;font-weight:500}.stock-count-badge{background:var(--bg-main);min-height:30px;color:var(--text-muted);border-radius:999px;justify-content:center;align-items:center;padding:.35rem .7rem;font-size:.78rem;font-weight:700;display:inline-flex}.purchase-table-scroll .stock-table{min-width:1200px}@media (width>=640px){.purchase-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.purchase-top-layout{flex-direction:row;align-items:flex-start;gap:1.25rem}.purchase-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.purchase-summary-layout{grid-template-columns:minmax(320px,1fr) 400px}.stock-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stock-filter-actions{grid-column:1/-1}}.no-data-cell{text-align:center;color:var(--text-muted)!important;padding:2rem!important}.pagination-container{justify-content:center;align-items:center;gap:.5rem;margin-top:1.25rem;display:flex}.pagination-btn,.pagination-dots-btn,.pagination-circle-btn{border:1px solid var(--border-color);background:var(--bg-card-solid);min-width:34px;height:34px;color:var(--text-main);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.pagination-btn-disabled{opacity:.45;cursor:not-allowed}.pagination-circle-active{background:var(--primary);color:#fff;border-color:var(--primary)}.print-spinner-overlay{z-index:10000;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.print-spinner-content{text-align:center;color:#fff;font-family:Roboto,Arial,sans-serif}.print-spinner-loader{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:44px;height:44px;margin:0 auto 12px;animation:.8s linear infinite printSpinner}.print-spinner-text{font-size:14px}@keyframes printSpinner{to{transform:rotate(360deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.purchase-search-toast{animation:.3s ease-out slideInRight}.purchase-search-btn-container{justify-content:flex-end;display:flex}.purchase-search-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.purchase-search-header-left{align-items:center;gap:16px;display:flex}.purchase-search-title{margin:0}.purchase-search-add-btn{align-items:center;gap:8px;display:flex}.purchase-search-actions{grid-column:1/-1;justify-content:flex-end;align-items:flex-end;display:flex}.purchase-search-pagination-bar{justify-content:space-between;align-items:center;margin-top:16px;margin-bottom:12px;display:flex}.purchase-search-record-count{color:#6b7280;font-size:13px}.purchase-search-table-wrap,.purchase-table-wrap{max-width:100%;margin-top:2rem;overflow:auto hidden}.purchase-search-th-transparent{background:0 0!important}.purchase-search-th-actions{text-align:center!important;background:0 0!important}.purchase-search-cell-strong{font-weight:600}.purchase-search-cell-muted{color:var(--text-muted)}.purchase-search-cell-center{text-align:center}.purchase-search-action-group{justify-content:center;gap:.5rem;display:flex}.purchase-search-action-btn{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:.5rem;padding:.5rem}.purchase-search-action-btn:disabled{opacity:.5;cursor:not-allowed}.purchase-search-action-print{color:var(--primary)}.purchase-search-action-edit{color:var(--info)}.purchase-search-action-delete{color:var(--danger)}.purchase-page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.purchase-page-title{margin:0}.purchase-page-back-btn{margin-left:16px}.purchase-image-modal-overlay{z-index:9999;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.purchase-image-modal-body{max-width:90vw;max-height:90vh;position:relative}.purchase-image-modal-img{object-fit:contain;max-width:100%;max-height:90vh}.purchase-image-modal-close{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:18px;position:absolute;top:-40px;right:0}.purchase-row-dropdown-menu{z-index:9999;width:100%;max-height:300px;top:calc(100% + .4rem);left:0;right:auto;overflow-y:auto}.purchase-section-spaced{margin-top:1.5rem}.purchase-row-confirmed td{background:#f0fdf4}.purchase-read-value{color:#374151;padding:0 .5rem;font-size:.875rem;display:inline-block}.purchase-read-value-strong{color:#1f2937;font-weight:500}.purchase-dropdown-anchor,.purchase-input-anchor,.purchase-row-action-anchor{position:relative}.purchase-dropdown-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.purchase-dropdown-option{border-bottom:1px solid #f3f4f6}.purchase-dropdown-loading,.purchase-dropdown-empty{color:#6b7280;padding:.5rem .75rem;font-size:.875rem}.purchase-input-with-icon{padding-right:2rem}.purchase-action-inline{justify-content:center;align-items:center;gap:.25rem;display:flex}.purchase-action-menu{z-index:50;box-shadow:var(--shadow-md);background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;gap:.5rem;padding:.5rem;display:flex;position:absolute;top:50%;right:0;transform:translate(-100%,-50%)}.purchase-action-icon-primary{color:#2563eb;cursor:pointer}.purchase-action-icon-primary:hover{color:#1e40af}.purchase-action-icon-success{color:#16a34a;cursor:pointer}.purchase-action-icon-success:hover{color:#166534}.purchase-action-icon-danger{color:#dc2626;cursor:pointer}.purchase-action-icon-danger:hover{color:#991b1b}.purchase-action-icon-muted{color:#374151;cursor:pointer}.purchase-action-icon-muted:hover{color:#111827}.purchase-action-icon-disabled{color:#d1d5db;cursor:not-allowed;opacity:.4}.purchase-action-icon-soft:hover{opacity:.7}.purchase-add-row-wrap{justify-content:center;margin-top:1rem;display:flex}.purchase-toast{z-index:50;box-shadow:var(--shadow-lg);color:#fff;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .3s;display:flex;position:fixed;top:1.25rem;right:1.25rem}.purchase-toast-success{background:var(--success)}.purchase-toast-error{background:var(--danger)}.purchase-toast-message{font-weight:500}.delivery-toast{z-index:50;box-shadow:var(--shadow-lg);color:#fff;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .3s;display:flex;position:fixed;top:1.25rem;right:1.25rem}.delivery-toast-success{background:var(--success)}.delivery-toast-error{background:var(--danger)}.delivery-toast-message{font-weight:500}.delivery-input{width:100%}.delivery-read-value{color:#374151;padding:0 .5rem;font-size:.875rem;display:inline-block}.delivery-read-value-strong{color:#1f2937;font-weight:600}.delivery-row-confirmed td{background:#f0fdf4}.delivery-add-row-wrap{justify-content:center;margin-top:1rem;display:flex}.delivery-action-inline{justify-content:center;align-items:center;gap:.25rem;display:flex}.delivery-action-anchor{position:relative}.delivery-row-menu{z-index:50;box-shadow:var(--shadow-md);background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;gap:.5rem;padding:.5rem;display:flex;position:absolute;top:50%;right:0;transform:translate(-100%,-50%)}.delivery-icon-success{color:#16a34a;cursor:pointer}.delivery-icon-success:hover{color:#166534;opacity:.7}.delivery-icon-danger{color:#ef4444;cursor:pointer}.delivery-icon-danger:hover{color:#b91c1c;opacity:.7}.delivery-icon-primary{color:#1d4ed8;cursor:pointer}.delivery-icon-primary:hover{color:#1e40af}.delivery-icon-muted{color:#374151;cursor:pointer}.delivery-icon-muted:hover{color:#111827}.delivery-icon-disabled{color:#d1d5db;cursor:not-allowed;opacity:.4}.delivery-col-description{min-width:170px}.delivery-col-accessories{min-width:190px}.delivery-col-date{min-width:122px}.delivery-col-person{min-width:120px}.delivery-col-catalogue{min-width:118px}.delivery-col-code{min-width:96px}.delivery-col-pcs{min-width:88px}.delivery-col-batch,.delivery-col-cas{min-width:86px}.delivery-col-make{min-width:82px}.delivery-col-part,.delivery-col-ref{min-width:78px}.delivery-col-lot,.delivery-col-cat{min-width:76px}.delivery-col-grade{min-width:72px}.delivery-col-qty{min-width:70px}.delivery-col-net-qty{min-width:64px}.delivery-col-unit{min-width:56px}.accessory-entry-card{max-width:100%;overflow:hidden}.accessory-entry-header{gap:1rem}.accessory-entry-actions,.accessory-entry-toolbar,.accessory-row-actions{align-items:center;gap:.75rem;display:flex}.accessory-entry-actions{flex-wrap:wrap;justify-content:flex-end}.accessory-entry-toolbar{justify-content:space-between;margin-top:1rem}.accessory-entry-toolbar .section-title{margin:0}.accessory-add-row-btn{white-space:nowrap}.accessories-table-wrap{max-width:100%;overflow:auto hidden}.accessories-entry-table{min-width:1780px}.accessory-combobox{width:100%;position:relative}.accessory-combobox-input-wrap{position:relative}.accessory-combobox-input{padding-right:2rem}.accessory-combobox-menu{z-index:10000;width:max(100%,220px);position:fixed;right:auto}.accessory-combobox-option{width:100%;color:var(--text-main);text-align:left;font:inherit;background:0 0;border:0;border-bottom:1px solid #f3f4f6;flex-direction:column;gap:.15rem;display:flex}.accessory-option-label{font-weight:600}.accessory-option-meta{color:var(--text-muted);font-size:.75rem}.accessory-row-actions{justify-content:center;gap:.25rem}.accessory-row-actions .btn-action:disabled{cursor:not-allowed;opacity:.5}.accessories-search-table{min-width:1680px}.delivery-search-toast{z-index:50;box-shadow:var(--shadow-lg);color:#fff;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem 1.5rem;transition:all .3s;animation:.3s ease-out slideInRight;display:flex;position:fixed;top:1rem;right:1rem}.delivery-search-toast-success{background:var(--success)}.delivery-search-toast-error{background:var(--danger)}.delivery-search-toast-message{white-space:pre-line;font-weight:500}.delivery-pagination-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;outline:none;align-items:center;gap:.5rem;display:flex}.delivery-pagination-label{color:#6b7280;font-size:.875rem;font-weight:500}.delivery-pagination-label-active{color:#b91c1c}.delivery-pagination-switch{background:#d1d5db;border-radius:999px;width:2.75rem;height:1.5rem;transition:background-color .2s;position:relative}.delivery-pagination-switch-active{background:#dc2626}.delivery-pagination-knob{width:1rem;height:1rem;box-shadow:var(--shadow-md);background:#fff;border-radius:999px;transition:transform .2s;position:absolute;top:.25rem;left:.25rem}.delivery-pagination-knob-active{transform:translate(1.25rem)}.chemical-link-btn{color:var(--info);cursor:pointer;font:inherit;background:0 0;border:none;text-decoration:underline}.login-error-message{color:#e53e3e;background:#fff5f5;border:1px solid #feb2b2;border-radius:6px;margin-bottom:12px;padding:8px 12px;font-size:14px}.metric-icon-success{color:#10b981;background:#10b9811a}.metric-icon-warning{color:#f59e0b;background:#f59e0b1a}.metric-icon-pink{color:#ec4899;background:#ec48991a}.metric-trend-link{cursor:pointer}.metric-trend-muted,.metric-trend-muted svg{color:#8a94a6}.dashboard-chart-frame{min-width:0;height:300px;min-height:300px}.dashboard-chart-frame-centered{justify-content:center;align-items:center;display:flex}.chart-tooltip .recharts-default-tooltip{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-main)!important}.chart-tooltip .recharts-tooltip-item{color:var(--primary)!important}.dashboard-link{color:var(--primary);font-size:.875rem;text-decoration:none}.activity-list{flex-direction:column;gap:1rem;display:flex}.activity-item{align-items:flex-start;gap:1rem;display:flex}.activity-icon-success{color:var(--success)}.activity-icon-info{color:var(--info)}.activity-icon-warning{color:var(--warning)}.activity-body{flex:1}.activity-title{font-size:.875rem}.activity-time{color:var(--text-muted);font-size:.75rem}.master-form-card{margin-bottom:30px;padding:24px}.master-form-title{color:#1e293b;margin-bottom:20px;font-size:1.2rem;font-weight:600}.master-two-col-grid{grid-template-columns:1.5fr 1fr}.master-label{font-weight:600}.required-mark{color:#ef4444}.input-solid{background-color:#fff}.form-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;margin-top:24px;padding-top:16px}.btn-inline-icon{align-items:center;gap:8px;display:inline-flex}.list-heading-bar{background-color:var(--primary);align-items:center;padding:1.25rem 1.5rem;display:flex}.list-heading-title{color:#fff;margin:0;font-size:1.1rem;font-weight:600}.col-sno{width:80px}.col-status,.col-actions{width:120px;text-align:center!important}.text-strong{font-weight:600}.cell-center{text-align:center}.table-action-group{justify-content:center;gap:.5rem;display:flex}.table-icon-btn{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;display:inline-flex}.table-icon-btn-info{color:var(--info)}.table-icon-btn-danger{color:var(--danger)}.empty-state-cell{text-align:center;padding:3rem!important}.empty-state{color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;display:flex}.empty-state-title{font-size:1.1rem;font-weight:500}.empty-state-desc{font-size:.9rem}.product-page-header{margin-bottom:24px}.product-page-title{color:#1e293b;font-size:1.75rem;font-weight:700}.product-form-shell{background:#fff;border-radius:16px;margin-bottom:32px;padding:24px;box-shadow:0 1px 3px #0000001a}.product-list-card,.product-list-card .product-form-shell,.product-list-card .product-form-section{overflow:visible}.product-form-section{z-index:1;margin-bottom:32px;position:relative}.product-form-section-dropdown-open{z-index:50}.product-section-title{color:#1e293b;align-items:center;gap:8px;margin-bottom:20px;font-size:1.1rem;font-weight:600;display:flex}.product-section-icon{color:var(--primary)}.product-form-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.product-form-label{color:#475569;margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}.product-input{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 12px;font-size:.875rem}.product-dropdown{z-index:1;position:relative}.product-dropdown:focus-within{z-index:60}.product-select-trigger{color:#94a3b8;cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-family:inherit;font-size:.875rem;display:flex}.product-combobox-trigger{cursor:text;gap:8px;padding:0 10px 0 12px}.product-select-trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.product-select-input{color:#1e293b;background:0 0;border:0;outline:0;width:100%;min-width:0;height:40px;font-family:inherit;font-size:.875rem}.product-select-input::placeholder{color:#94a3b8}.product-select-trigger-filled{color:#1e293b}.product-select-icon{color:#64748b;cursor:pointer;flex-shrink:0;transition:transform .2s}.product-select-icon-open{transform:rotate(180deg)}.product-select-menu{z-index:10000;background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:240px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 6px -1px #0000001a}.product-select-empty{color:#94a3b8;text-align:center;padding:12px}.product-select-option{color:#334155;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #f1f5f9;width:100%;padding:10px 16px;font-size:.875rem;display:block}.product-select-option:hover{background:#f1f5f9}.product-form-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;display:flex}.product-reset-btn,.product-save-btn{cursor:pointer;border-radius:8px;align-items:center;gap:8px;font-size:.875rem;font-weight:500;display:inline-flex}.product-reset-btn{background:#f1f5f9;border:1px solid #e2e8f0;padding:10px 20px}.product-save-btn{background:var(--primary);color:#fff;border:none;padding:10px 24px}.product-records-section{margin-top:32px}.product-records-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.product-records-title{color:#1e293b;font-size:1.5rem;font-weight:600}.product-search-wrap{width:300px;position:relative}.product-search-input{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 36px 10px 12px;font-size:.875rem}.product-search-icon{color:#94a3b8;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.product-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.product-table-scroll{overflow-x:auto}.product-records-table{border-collapse:collapse;width:100%}.product-records-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.product-records-table th{color:#475569;text-align:left;letter-spacing:0;background:#f8fafc;padding:14px 16px;font-size:.875rem;font-weight:600}.product-records-table th:last-child{text-align:center}.product-record-row{border-bottom:1px solid #f1f5f9}.product-record-cell{color:#475569;padding:14px 16px;font-size:.875rem}.product-record-cell-plain{padding:14px 16px}.product-record-cell-center{text-align:center}.product-record-name{color:#1e293b;font-weight:600}.product-record-meta{color:#94a3b8;font-size:.7rem}.product-record-actions{justify-content:center;gap:8px;display:flex}.product-record-action-btn{cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;padding:6px 10px;transition:all .2s;display:inline-flex}.product-record-action-edit{color:#3b82f6}.product-record-action-edit:hover{background:#e2e8f0}.product-record-action-delete{color:#ef4444}.product-record-action-delete:hover{background:#fee2e2}.product-empty-cell{text-align:center;color:#94a3b8!important;padding:48px!important}.product-empty-icon{color:#cbd5e1;margin-bottom:12px}.sidebar-footer-row{justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 .5rem;display:flex}.sidebar-footer-meta{flex-direction:column;display:flex}.sidebar-footer-title{color:var(--text-main);font-size:.8rem;font-weight:600}.sidebar-footer-version{color:var(--text-muted);font-size:.7rem}.sidebar-footer-collapse{background:var(--bg-main);border:1px solid var(--border-color);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:8px;padding:6px;transition:all .2s}@media (width<=1200px){:root{--sidebar-width:240px}.content-area{padding:1.5rem}.header-search-input{width:220px}}@media (width<=992px){.sidebar-container{width:84px;padding:1rem .75rem}.logo-text,.nav-link span,.sidebar-footer{display:none}.sidebar-logo{justify-content:center;margin-bottom:1.5rem;padding:0}.nav-link,.sidebar-logout-btn{justify-content:center;gap:0;padding:.75rem}.top-header{padding:0 1rem}.header-search-input{width:180px}.user-info{display:none}.user-profile-separator{border-left:none;margin-left:0;padding-left:0}}@media (width<=768px){.top-header{height:64px}.header-search{display:none}.header-actions{justify-content:flex-end;gap:.75rem;width:100%}.theme-label{display:none}.content-area{padding:1rem}.page-title{font-size:1.4rem}.card,.content-card,.form-section,.metric-card,.chart-card{border-radius:1rem;padding:1rem}.stock-page .purchase-search-header{flex-direction:column;align-items:flex-start;gap:.85rem}.stock-filter-actions{flex-direction:column-reverse;align-items:stretch}.stock-filter-actions .btn-primary,.stock-filter-actions .btn-secondary{justify-content:center;width:100%}.stock-grid-header{flex-direction:column;align-items:flex-start;gap:.5rem}.product-form-grid{grid-template-columns:1fr}.product-records-header{flex-direction:column;align-items:flex-start;gap:.85rem}.product-search-wrap{width:100%}}