@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--brand-primary: #4f46e5;--brand-bg: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--input-field: #f8fafc}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--brand-bg)}.login-page{position:relative;width:100vw;height:100vh;overflow:hidden;font-family:Plus Jakarta Sans,sans-serif;display:flex;background:#fff}.interactive-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.5}.login-left{position:relative;z-index:10;flex:1;padding:60px 8%;display:flex;flex-direction:column;justify-content:center}.login-header{margin-bottom:40px}.top-tag{font-size:11px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px}.login-header h1{font-size:48px;font-weight:800;letter-spacing:-2px;color:var(--text-main)}.dot{color:var(--brand-primary)}.login-header p{font-size:15px;color:var(--text-muted);margin-top:8px}.login-form-box{width:100%;max-width:440px}.field-group{margin-bottom:20px}.field-label{display:block;font-size:10px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;margin-left:18px}.input-pill-wrap{position:relative;display:flex;align-items:center}.prime-input{width:100%;height:52px;background:var(--input-field);border:2px solid transparent;border-radius:10px;padding:0 54px 0 20px;font-family:inherit;font-size:15px;font-weight:600;color:var(--text-main);outline:none;transition:all .25s}.prime-input:focus{background:#fff;border-color:var(--brand-primary);box-shadow:0 8px 24px #4f46e514}.ico{position:absolute;right:20px;font-size:18px;color:var(--text-muted);opacity:.4}.pass-toggle{position:absolute;right:18px;border:none;background:none;cursor:pointer;font-size:16px;color:var(--text-muted)}.tabs-container{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:28px;background:#0000000a;border-radius:10px;padding:4px;position:relative;border:1px solid rgba(0,0,0,.06)}.tab-btn{position:relative;background:none;border:none;padding:10px 16px;border-radius:7px;font-size:13px;font-weight:700;color:var(--text-muted);cursor:pointer;transition:color .22s ease,background .22s ease,box-shadow .22s ease;display:flex;align-items:center;justify-content:center;gap:7px;z-index:1;letter-spacing:.01em;white-space:nowrap;min-height:44px}.tab-btn .tab-icon{line-height:1;transition:transform .22s ease,background .22s ease;flex-shrink:0}.tab-btn:hover:not(.active){color:var(--text-main);background:#00000008}.tab-btn.active.executive-tab{background:#fff;color:#4f46e5;box-shadow:0 2px 8px #4f46e526,0 1px 2px #0000000f}.tab-btn.active.executive-tab .tab-icon{transform:scale(1.15)}.tab-btn.active.shop-tab{background:#fff;color:#10b981;box-shadow:0 2px 8px #10b9812e,0 1px 2px #0000000f}.tab-btn.active.shop-tab .tab-icon{transform:scale(1.15)}.tab-badge{display:inline-flex;align-items:center;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;padding:2px 7px;border-radius:4px;line-height:1.4}.executive-tab.active .tab-badge{background:#4f46e51a;color:#4f46e5}.shop-tab.active .tab-badge{background:#10b9811a;color:#10b981}.tabs-container:before{content:"";position:absolute;left:50%;top:25%;height:50%;width:1px;background:#00000014;transform:translate(-50%);pointer-events:none;z-index:0}.book-perspective{width:100%;perspective:1200px}.book-flip-container{width:100%;position:relative;transition:transform .8s cubic-bezier(.645,.045,.355,1);transform-style:preserve-3d;min-height:250px}.book-flip-container.flipped{transform:rotateY(-180deg)}.book-page{width:100%;position:absolute;top:0;left:0;backface-visibility:hidden;background:#fff}.page-front{transform:rotateY(0);z-index:2}.page-back{transform:rotateY(180deg);z-index:1}.active-shop-banner{background:#f0fdf4;padding:14px 20px;border-radius:10px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;border:1px solid #bbf7d0}.active-shop-title{font-size:9px;font-weight:800;color:#16a34a;text-transform:uppercase}.active-shop-name{font-size:14px;font-weight:700;color:#14532d}.change-shop-btn{background:#fff;border:1px solid #bbf7d0;padding:5px 12px;border-radius:8px;font-size:11px;font-weight:700;color:#16a34a;cursor:pointer;transition:all .2s}.change-shop-btn:hover{background:#f0fdf4}.error-banner{background:#fff1f2;color:#9f1239;padding:14px 18px;border-radius:8px;margin-bottom:20px;font-size:13px;font-weight:700;border:1px solid #fee2e2;animation:popIn .3s ease}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.action-row{display:flex;gap:12px;margin-top:28px}.btn-primary{flex:2;height:52px;background:var(--brand-primary);color:#fff;border:none;border-radius:10px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 10px 25px #4f46e540}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px #4f46e559}.btn-secondary{flex:1;height:52px;background:#f1f5f9;color:var(--text-muted);border:none;border-radius:10px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#e2e8f0;color:var(--text-main)}.login-right{flex:1;position:relative;display:flex;align-items:center;justify-content:center}.login-right:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#f8fafc,#eef2ff);clip-path:polygon(15% 0,100% 0,100% 100%,0% 100%);z-index:0}.visual-container{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;padding-left:8%}.visual-inner{width:85%;max-width:550px;filter:drop-shadow(0 20px 40px rgba(79,70,229,.15));animation:float 6s infinite ease-in-out}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}footer{margin-top:auto;padding-top:30px}footer p{font-size:13px;color:var(--text-muted);font-weight:500}footer a{color:var(--brand-primary);text-decoration:none;font-weight:700}@media (max-width: 1024px){.login-left{padding:40px 6%}.visual-container{padding-left:10%}}@media (max-width: 850px){.login-right{display:none}.login-left{flex:1;align-items:center;text-align:center}.action-row{flex-direction:column;width:100%}}.register-container{width:100vw;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:#f8fafc;position:relative;overflow-y:auto}.register-card{position:relative;z-index:10;width:100%;max-width:600px;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:14px;padding:50px 48px;box-shadow:0 25px 60px -12px #4f46e526;border:1px solid rgba(255,255,255,.8);margin:40px 0}.register-card .login-header{text-align:center;margin-bottom:30px}.prime-select{width:100%;height:52px;background:var(--input-field);border:2px solid transparent;border-radius:10px;padding:0 40px 0 20px;font-family:inherit;font-size:14px;font-weight:600;color:var(--text-main);outline:none;transition:all .25s;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:16px}.prime-select:focus{background:#fff;border-color:var(--brand-primary);box-shadow:0 8px 24px #4f46e514}.login-left,.register-card{border-radius:18px!important}.login-page input,.login-page select,.login-page textarea,.register-container input,.register-container select,.register-container textarea,.prime-select,.login-page button,.register-container button,.btn-primary,.btn-secondary,.active-shop-banner,.error-banner{border-radius:8px!important}.tab-group{border-radius:10px!important}.tab-option{border-radius:7px!important}.top-nav-layout{flex-direction:column}.glass-header{height:54px;background:#fffc!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:2px solid rgba(0,0,0,.05);z-index:100}.global-tabs-container{display:flex;gap:30px;height:100%}.s26-nav-tab{font-family:inherit;outline:none;box-shadow:none;border:none;background:transparent;transition:all .2s cubic-bezier(.16,1,.3,1)}.s26-nav-tab:hover:not(.active){background:#00000008!important;color:var(--primary)!important}.s26-nav-tab.active{background:var(--primary-soft)!important;color:var(--primary)!important}.s26-nav-tab.active:hover{background:var(--primary-soft)!important;opacity:.9}.tab-btn{background:none;border:none;font-size:15px;font-weight:800;color:var(--text-muted);cursor:pointer;padding:0 10px;position:relative;transition:all .25s;display:flex;align-items:center;text-decoration:none}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{color:var(--primary)}.nav-dropdown-wrapper{position:relative;display:flex;align-items:center;height:100%}.nav-dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:240px;max-height:85vh;padding:8px;display:flex;flex-direction:column;gap:2px;animation:dropdownPop .15s cubic-bezier(.16,1,.3,1) forwards;z-index:1000;overflow-y:auto}.dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;color:var(--text-soft);text-decoration:none;transition:all .1s ease;white-space:nowrap}.dropdown-item:hover{background:var(--primary-soft);color:var(--primary)}.dropdown-item.active{background:var(--primary-soft);color:var(--primary);font-weight:800}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.profile-trigger:hover{border-color:var(--primary)!important;background:#fff!important;box-shadow:0 4px 12px #0000000d}.profile-dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--text-soft);text-decoration:none;transition:all .15s ease;white-space:nowrap;border:none;background:transparent;cursor:pointer;width:100%}.profile-dropdown-item:hover{background:var(--primary-soft);color:var(--primary)}.profile-dropdown-item.logout-item:hover{background:#fff1f1;color:var(--danger)}@keyframes dropdownPop{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modal-scale-up{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-backdrop{animation:modal-fade-in .3s ease-out}.modal-content{animation:modal-scale-up .4s cubic-bezier(.16,1,.3,1);scrollbar-width:none}.layout{display:flex;flex:1;height:100%;min-height:0;overflow:hidden;position:relative;background:#f8fafc}.layout>.interactive-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.6}.glass-sidebar{background:#ffffffd9!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:100}.top-header{background:#ffffffd9!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:50;position:relative}.page-wrapper{flex:1;overflow-y:auto;padding:24px;position:relative}.page-transition{width:100%;min-height:100%;display:flex;flex-direction:column;background:transparent;animation:pageFadeIn .4s ease-out forwards}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:32px}.kpi-box{background:var(--bg-surface);padding:24px;border-radius:var(--radius-lg);border:1px solid var(--border);transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:20px}.kpi-box:hover{box-shadow:var(--shadow-md);border-color:var(--primary-soft)}.kpi-box .icon-wrap{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.kpi-box .val{font-size:24px;font-weight:800;color:var(--text-main);line-height:1.2}.kpi-box .lbl{font-size:13px;font-weight:600;color:var(--text-muted);margin-top:2px}.dash-main-grid{display:grid;grid-template-columns:1fr 400px;gap:32px;align-items:start}.chart-header,.stream-header{padding:24px;border-bottom:1px solid var(--border-soft);display:flex;justify-content:space-between;align-items:center}.recent-stream-list{display:flex;flex-direction:column}.stream-item{display:flex;align-items:flex-start;gap:16px;padding:16px 24px;border-bottom:1px solid var(--border-soft);transition:all .2s;text-decoration:none}.stream-item:hover{background:#fcfdfe}.stream-item:last-child{border-bottom:none}.stream-icon{width:36px;height:36px;border-radius:10px;background:var(--bg-app);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (max-width: 1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dash-main-grid{grid-template-columns:1fr}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9999;display:flex;justify-content:center;align-items:center;padding:32px}.modal-content.order-details-modal{background:#f4f6f8;width:100%;max-width:1080px;max-height:calc(100vh - 64px);border-radius:40px;box-shadow:0 50px 100px -20px #00000040;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.8);position:relative}.modal-header{padding:44px 50px;background:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgba(0,0,0,.03)}.header-info h3{font-size:32px;font-weight:900;color:#111;margin:0;letter-spacing:-1px}.tracking-subtitle{font-size:13px;font-weight:800;color:#888;text-transform:uppercase;letter-spacing:1px;margin-top:6px}.close-btn-round{background:#fff;border:2px solid #eee;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;color:#666;transition:all .2s ease;box-shadow:0 4px 10px #0000000d}.close-btn-round:hover{background:#f8f8f8;transform:scale(1.05)}.modal-body-scroll{flex:1;overflow-y:auto;padding:50px}.order-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.grid-section{display:flex;flex-direction:column;gap:32px}.glass{background:#fff;border-radius:32px;padding:40px;box-shadow:0 4px 20px #00000005;border:1px solid rgba(0,0,0,.03)}.section-label{font-size:14px;font-weight:900;color:#333;text-transform:uppercase;letter-spacing:.5px;margin:0 0 24px;display:flex;align-items:center;gap:10px}.ops-card{position:relative}.modern-select{width:100%;height:54px;background:#fff;border:2px solid #eee;border-radius:16px;padding:0 20px;font-size:15px;font-weight:800;color:#111;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;transition:border-color .2s ease}.modern-select:focus{border-color:#22c55e}.modern-textarea{width:100%;border:2px solid #eee;border-radius:16px;padding:20px;font-size:15px;font-weight:700;color:#333;outline:none;resize:none;transition:border-color .2s ease}.modern-textarea:focus{border-color:#22c55e}.sync-status-btn{width:100%;height:60px;background:#22c55e;color:#fff;border:none;border-radius:18px;font-size:17px;font-weight:900;cursor:pointer;margin-top:8px;transition:all .2s ease;box-shadow:0 10px 20px -5px #22c55e66}.sync-status-btn:hover:not(:disabled){background:#16a34a;transform:translateY(-2px);box-shadow:0 15px 25px -5px #22c55e80}.modern-timeline{padding-left:10px}.timeline-entry{display:flex;gap:24px;position:relative;padding-bottom:32px}.timeline-entry:after{content:"";position:absolute;left:4.5px;top:15px;bottom:0;width:1px;background:#eee}.timeline-entry:last-child:after{display:none}.entry-marker{width:10px;height:10px;border-radius:50%;background:#e0e0e0;margin-top:6px;position:relative;z-index:2;border:2px solid white;box-shadow:0 0 0 1px #eee}.timeline-entry.active .entry-marker{background:#22c55e;box-shadow:0 0 0 1px #22c55e}.entry-status{font-size:13px;font-weight:900;color:#111}.entry-time{font-size:12px;font-weight:700;color:#888;margin-top:4px}.entry-memo{margin-top:12px}.memo-badge{background:#f8f9fa;padding:10px 18px;border-radius:12px;font-size:12.5px;font-weight:700;color:#555;border:1px solid #eee;display:inline-block}.identity-rows{display:flex;flex-direction:column;gap:20px}.identity-row{display:flex;justify-content:space-between;align-items:center}.identity-row .k{font-size:13px;font-weight:700;color:#888;display:flex;align-items:center;gap:8px}.identity-row .v{font-size:15px;font-weight:800;color:#111}.delivery-box{background:#fbfbfc;border-radius:20px;padding:24px;border:1px solid #f0f0f0}.badge-small-green{font-size:11px;font-weight:900;color:#22c55e;text-transform:uppercase;margin-bottom:12px}.address-content p{margin:4px 0;font-size:15px;font-weight:700;color:#444}.pin-bold{margin-top:12px!important;color:#111!important;font-weight:900!important}.manifest-card-compact table{width:100%;border-collapse:collapse}.manifest-card-compact tr td{padding:20px 0;vertical-align:middle}.item-details{padding:0}.item-details .n{font-size:15.5px;font-weight:850;color:#111;line-height:1.2}.item-details .q{font-size:12.5px;font-weight:700;color:#888;margin-top:4px}.item-price{text-align:right;font-weight:900;color:#111;font-size:16.5px;vertical-align:middle}.t-row td{border-top:2px dashed #eee;padding-top:28px!important;vertical-align:baseline;font-size:17px;font-weight:900;color:#000}.t-row .t-val{text-align:right;font-size:32px;font-weight:950;color:#22c55e;line-height:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.status-msg{padding:16px;border-radius:12px;margin-bottom:24px;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px}.status-msg.success{background:#dcfce7;color:#16a34a}.status-msg.error{background:#fee2e2;color:#ef4444}.modal-loading{padding:80px;text-align:center;font-weight:800;color:#888}.loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted)}.orders-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{padding:8px 18px;border-radius:99px;font-size:13px;font-weight:700;border:1.5px solid var(--border);background:#fff;color:var(--text-muted);cursor:pointer;transition:var(--transition)}.filter-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.filter-btn.active{background:linear-gradient(135deg,var(--primary),var(--p-700));color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(var(--primary-rgb),.25)}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;color:var(--text-muted);font-size:13px;border-top:1px solid var(--border)}.status-form{display:flex;gap:10px;align-items:center;margin-top:12px}.status-form select{max-width:200px}.order-detail-grid{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}@media (max-width: 900px){.order-detail-grid{grid-template-columns:1fr}}.detail-section{margin-bottom:20px}.detail-section h4{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:10px}.detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.detail-row:last-child{border-bottom:none}.detail-row span:first-child{color:var(--text-muted)}.detail-row span:last-child{font-weight:600}.status-timeline{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:12px;position:relative;padding-bottom:16px}.timeline-item:last-child{padding-bottom:0}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--primary);flex-shrink:0;margin-top:4px}.timeline-item:not(:last-child) .timeline-dot:after{content:"";position:absolute;left:4px;top:14px;width:2px;height:calc(100% - 14px);background:var(--border)}.timeline-status{font-weight:600;font-size:13px;text-transform:capitalize}.timeline-note{font-size:12px;color:var(--text-muted)}.timeline-time{font-size:11px;color:var(--text-light)}.inventory-master-page{--master-blue: #003399;--master-red: #CC0000;--master-yellow: #FFFF21;--master-yellow-soft: #FFFFC0;--master-border: #CBD4E1;--master-bg-header: #3B82F6;animation:fadeIn .4s ease-out;padding-bottom:2rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.icon-badge{width:48px;height:48px;background:var(--primary);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center}.page-title-main{font-size:22px;font-weight:800;color:var(--text-main);margin-bottom:4px}.breadcrumb{font-size:11px;font-weight:700;color:var(--text-muted);display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.05em}.breadcrumb .current{color:var(--primary)}.header-actions{display:flex;gap:12px}.master-btn{height:42px;padding:0 16px;border-radius:8px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;border:1px solid var(--master-border);background:#fff;color:var(--text-soft);cursor:pointer;transition:all .2s}.master-btn:hover{background:#f8fafc;border-color:var(--text-muted)}.master-btn.save{background:var(--master-blue);color:#fff;border-color:var(--master-blue)}.master-btn.save:hover{background:#026;transform:translateY(-2px);box-shadow:0 4px 12px #0393}.master-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.glass-panel{background:#fff;border:1px solid var(--master-border);border-radius:12px;overflow:hidden;position:relative}.detail-section{display:flex;flex-direction:column}.section-header{background:var(--master-blue);padding:8px 16px;border-bottom:1px solid var(--master-border)}.section-header h3{color:#fff;font-size:14px;font-weight:800;letter-spacing:.02em}.section-content{padding:20px;display:grid;gap:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.erp-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.erp-panel{border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--master-border)}.erp-panel h3{margin:0;font-size:15px;font-weight:700}.panel-header{padding:10px 15px;color:#fff}.panel-header.primary{background:#039}.panel-header.secondary{background:#1e293b}.panel-content{padding:15px}.divider{height:1px;background:#e2e8f0;margin:10px 0}.text-right{text-align:right}.price-input-wrapper{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.price-input-wrapper input{width:120px!important}.calculator-btn{width:32px;height:32px;border-radius:50%;background:#3b82f6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.calculator-btn:hover{background:#2563eb;transform:scale(1.1)}.price-info-text{display:flex;flex-direction:column;justify-content:center}.price-info-text span{font-size:11px;color:#3b82f6;font-weight:600}.price-info-text small{font-size:10px;color:#64748b}.span-2{grid-column:span 2}.form-group-master{display:flex;flex-direction:column;gap:6px}.form-group-master.row-align{flex-direction:row;align-items:center}.form-group-master label{font-size:13px;font-weight:700;color:var(--text-soft)}.req{color:var(--master-red)}.form-group-master input[type=text],.form-group-master input[type=number],.form-group-master select{height:38px;padding:0 12px;border-radius:6px;border:1px solid var(--master-border);font-size:13.5px;font-weight:600;outline:none;transition:all .2s;background:#fafbfe}.form-group-master input:focus,.form-group-master select:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px var(--primary-soft)}.bg-yellow{background:#fffbeb!important;border-color:#fcd34d!important;color:#92400e!important;font-weight:700}.bg-yellow-soft{background:var(--master-yellow-soft)!important}.bg-yellow-highlight{background:#ffff2166!important}.input-with-action{display:flex;gap:8px}.input-with-action input{flex:1}.inline-add{width:38px;height:38px;border-radius:8px;background:#1e293b;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.inline-add:hover{background:var(--primary);transform:translateY(-2px);box-shadow:0 4px 8px #0393}.form-divider{height:1px;background:var(--master-border);margin:4px 0}.tabbed-sections{margin-top:24px}.tab-navigation{display:flex;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:6px 8px;gap:8px;overflow-x:auto;scrollbar-width:none}.tab-navigation::-webkit-scrollbar{display:none}.tab-item{padding:12px 24px;font-size:13px;font-weight:700;color:#64748b;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;gap:10px;border-radius:8px;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative}.tab-item:hover{background:#f1f5f9;color:var(--primary)}.tab-item.active{background:#fff;color:var(--primary);box-shadow:0 4px 12px #00339914}.tab-item.active:after{content:"";position:absolute;bottom:-8px;left:20%;right:20%;height:3px;background:var(--primary);border-radius:10px}.tab-content{padding:30px;min-height:400px;background:#fff}.pricing-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:20px}.pricing-box{border:1px solid var(--master-border);border-radius:8px;overflow:hidden}.box-title{background:#3b82f6;color:#fff;padding:8px 16px;font-size:13.5px;font-weight:800}.box-content{padding:16px;display:flex;flex-direction:column;gap:16px}.radio-group-master{display:flex;gap:12px;flex-wrap:wrap}.radio-group-master label{font-weight:600;font-size:12.5px}.price-input-wrapper{display:flex;align-items:center;gap:10px}.price-input-wrapper input{width:120px}.arrow-btn{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.price-note{font-size:11px;font-weight:800;color:var(--primary);margin-left:10px}.category-hint{background:#15803d;color:#fff;padding:4px 12px;font-size:11px;font-weight:700;border-radius:4px;width:fit-content;margin-top:10px}.barcode-table-container{height:180px;overflow-y:auto;border:1px solid var(--master-border);border-radius:6px;background:#fafbfe}.barcode-table-container table{width:100%;border-collapse:collapse}.barcode-table-container th{background:var(--primary);color:#fff;font-size:12px;position:sticky;top:0;padding:8px}.barcode-table-container td{padding:8px;border-bottom:1px solid var(--master-border);font-size:13px;font-weight:600}.empty-row{text-align:center;color:var(--text-muted);padding:40px!important}.del-btn{background:var(--master-red);color:#fff;border:none;width:20px;height:20px;border-radius:4px;cursor:pointer;font-size:12px}.barcode-actions{display:flex;gap:10px}.barcode-actions input{flex:1;height:38px;padding:0 12px;border-radius:6px;border:1px solid var(--master-border)}.insert-btn{background:var(--primary);color:#fff;border:none;padding:0 20px;border-radius:6px;font-weight:700;cursor:pointer}.master-footer{margin-top:40px;padding:20px;border-top:1px solid var(--master-border);text-align:center;color:var(--text-muted);font-size:12px;font-weight:600}.placeholder-tab{display:flex;align-items:center;justify-content:center;height:250px}.empty-state{text-align:center;color:var(--text-muted)}.empty-state p{margin-top:16px;font-weight:700}.spin-slow{animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSpring{0%{opacity:0;transform:scale(.8) translateY(40px)}70%{transform:scale(1.02) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a66;-webkit-backdrop-filter:blur(8px) saturate(180%);backdrop-filter:blur(8px) saturate(180%);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:modalFadeIn .3s ease-out}.modal-container-premium{background:#fffffff2;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #fff3 inset;overflow:hidden;animation:modalSpring .5s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(226,232,240,.8);display:flex;flex-direction:column;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.activation-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:20px}.checkbox-column{display:flex;flex-direction:column;gap:12px}.checkbox-item-master{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.checkbox-item-master:hover{color:var(--primary)}.checkbox-item-master input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.text-link-btn{background:none;border:none;padding:0;color:var(--primary);font-weight:800;font-size:12px;text-align:left;cursor:pointer;width:fit-content;border-bottom:2px solid transparent}.text-link-btn:hover{border-bottom-color:var(--primary)}.form-group-master.row-align.small label{font-size:12px;min-width:80px}.form-group-master.row-align.small input{height:32px;font-size:12px}.modal-header-erp{background:linear-gradient(135deg,#039,#172554);color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px -1px #0000001a}.modal-header-erp span{font-weight:800;font-size:16px;letter-spacing:1px;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.2)}.modal-header-erp button{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.modal-header-erp button:hover{background:#ef4444;border-color:#ef4444;transform:rotate(90deg)}.modal-footer-erp{border-top:1px solid #e2e8f0}.erp-btn{padding:10px 20px;border-radius:8px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.erp-btn.primary{background:#039;color:#fff;border:none}.erp-btn.primary:hover{background:#1e40af;box-shadow:0 4px 12px #0033994d}.erp-btn.secondary{background:#fff;color:#475569;border:1px solid #cbd5e1}.erp-btn.secondary:hover{background:#f8fafc;border-color:#94a3b8}.section-title-blue{background:#039;color:#fff;padding:5px 15px;font-size:12px;font-weight:800;text-transform:uppercase;margin-bottom:15px;border-radius:4px}.erp-section{border:1px solid #cbd5e1;padding:15px;border-radius:8px;background:#fff;margin-bottom:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.master-table{width:100%;border-collapse:collapse;background:#fff;font-size:13px}.master-table th{background:#3b82f6;color:#fff;padding:10px;text-align:left;font-weight:700;border:1px solid #e2e8f0}.master-table td{padding:8px 10px;border:1px solid #e2e8f0;color:#334155}.master-table tr:nth-child(2n){background:#f8fafc}.master-table tr:hover{background:#eff6ff}.action-icon{background:none;border:none;cursor:pointer;padding:5px;border-radius:4px;transition:all .2s}.action-icon:hover{background:#0000000d}.text-red-500{color:#ef4444}.text-blue-500{color:#3b82f6}.font-bold{font-weight:700}.pos-overlay{background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:3000}.modern-modal{width:500px;max-width:95vw;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px -10px #0000004d;border:1px solid #e2e8f0;animation:modalPulseIn .2s ease-out}@keyframes modalPulseIn{0%{opacity:0;transform:scale(.98) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header-premium{background:#fff;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9}.header-title{display:flex;align-items:center;gap:10px;font-weight:700;color:#1e293b;font-size:14px}.close-x{background:#f1f5f9;border:none;color:#64748b;cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-x:hover{background:#fee2e2;color:#ef4444}.modal-content-pos{padding:16px}.search-and-keys{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.input-group-modern label{display:none}.input-with-icon input{width:100%;padding:10px 10px 10px 38px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;font-weight:600;color:#0f172a;transition:all .2s;outline:none;background:#f8fafc}.input-with-icon input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.search-icon-inside{position:absolute;left:14px;color:#64748b}.keys-grid{display:flex;gap:6px;justify-content:space-between}.key-chip{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s}.key-id{background:#334155;color:#fff;font-weight:800;font-size:9px;padding:1px 6px;border-radius:3px}.key-label{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.key-chip.active{background:#eff6ff;border-color:#3b82f6;border-bottom-width:3px;transform:translateY(-1px)}.key-chip.active .key-id{background:#3b82f6}.key-chip.active .key-label{color:#1e40af}.table-wrapper-modern{height:280px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px}.modern-pos-table{width:100%;border-collapse:collapse}.modern-pos-table th{background:#f1f5f9;color:#475569;font-size:10px;font-weight:800;text-align:left;padding:8px 12px;position:sticky;top:0;z-index:10}.modern-pos-table td{padding:10px 12px;border-bottom:1px solid #f1f5f9;font-size:13px;font-weight:600;color:#334155}.code-cell{color:#3b82f6;font-weight:700}.selected-row td{background:#3b82f6!important;color:#fff!important}.selected-row td.code-cell{color:#fff!important}.modern-pos-table tr:hover:not(.selected-row) td{background:#f8fafc}.modal-footer-pos{margin-top:12px;display:flex;justify-content:space-between;align-items:center}.pos-hints{display:flex;gap:12px}.pos-hints span{font-size:11px;font-weight:600;color:#94a3b8}.results-count{font-size:11px;color:#64748b}.empty-search{padding:40px 0;text-align:center;color:#94a3b8}.empty-search p{font-weight:700;margin-bottom:4px}.vendor-master-page{--master-blue: #003399;--master-red: #CC0000;--master-yellow: #FFFF21;--master-yellow-soft: #FFFFC0;--master-border: #CBD4E1;--master-bg-header: #3B82F6;animation:vmFadeIn .4s ease-out;display:flex;flex-direction:column;height:100%;overflow:hidden}@keyframes vmFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vm-page-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;flex-shrink:0}.vm-page-header-left{display:flex;align-items:center;gap:14px}.vm-icon-badge{width:48px;height:48px;background:var(--primary);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4f46e540}.vm-page-title{font-size:22px;font-weight:800;color:var(--text-main);margin:0 0 4px;letter-spacing:-.3px}.vm-breadcrumb{font-size:11px;font-weight:700;color:var(--text-muted);display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.05em}.vm-breadcrumb .current{color:var(--primary)}.vm-header-actions{display:flex;gap:10px}.vm-header-btn{height:42px;padding:0 18px;border-radius:8px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;border:1px solid var(--master-border);background:#fff;color:var(--text-soft);cursor:pointer;transition:all .2s}.vm-header-btn:hover{background:#f8fafc;border-color:var(--text-muted);transform:translateY(-1px)}.vm-header-btn.primary{background:var(--master-blue);color:#fff;border-color:var(--master-blue);box-shadow:0 4px 12px #0393}.vm-header-btn.primary:hover{background:#026;transform:translateY(-2px);box-shadow:0 6px 16px #00339940}.vm-header-btn.primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.vm-header-btn.danger{background:#dc2626;color:#fff;border-color:#dc2626}.vm-header-btn.danger:hover{background:#b91c1c}.vm-header-btn.view{background:#059669;color:#fff;border-color:#059669}.vm-header-btn.view:hover{background:#047857}.vm-scroll-area{flex:1;overflow-y:auto;padding:0 24px 24px}.vm-main-grid{display:grid;grid-template-columns:1fr 420px;gap:20px;align-items:start}.vm-panel{border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--master-border);transition:box-shadow .2s}.vm-panel:hover{box-shadow:0 4px 20px #0000000a}.vm-panel-header{padding:10px 16px;color:#fff;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;letter-spacing:.02em}.vm-panel-header.blue{background:#039}.vm-panel-header.dark{background:#1e293b}.vm-panel-header.teal{background:linear-gradient(135deg,#0d9488,#0f766e)}.vm-panel-body{padding:16px}.vm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vm-form-group{display:flex;flex-direction:column;gap:5px}.vm-form-group.span-2{grid-column:span 2}.vm-form-group label{font-size:12px;font-weight:700;color:var(--text-soft);text-transform:uppercase;letter-spacing:.03em}.vm-form-group label .req{color:var(--master-red);margin-left:2px}.vm-form-group input[type=text],.vm-form-group input[type=number],.vm-form-group input[type=email],.vm-form-group input[type=url],.vm-form-group select,.vm-form-group textarea{height:38px;padding:0 12px;border-radius:6px;border:1px solid var(--master-border);font-size:13.5px;font-weight:600;outline:none;transition:all .2s;background:#fafbfe;color:var(--text-main);width:100%}.vm-form-group textarea{height:auto;padding:10px 12px;resize:none}.vm-form-group input:focus,.vm-form-group select:focus,.vm-form-group textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px var(--primary-soft)}.vm-input-code{background:#fffbeb!important;border-color:#fcd34d!important;color:#92400e!important;font-weight:800!important;letter-spacing:1px;font-size:14px!important}.vm-input-green{background:linear-gradient(90deg,#ecfdf5,#d1fae5)!important;border-color:#6ee7b7!important}.vm-input-green:focus{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811f!important}.vm-input-red{background:linear-gradient(90deg,#fef2f2,#fee2e2)!important;border-color:#fca5a5!important}.vm-input-red:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441f!important}.vm-input-action{display:flex;gap:8px}.vm-input-action input{flex:1}.vm-inline-btn{height:38px;padding:0 14px;border-radius:8px;font-size:12px;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;white-space:nowrap;flex-shrink:0}.vm-inline-btn.verify{background:#059669;color:#fff;box-shadow:0 2px 8px #05966933}.vm-inline-btn.verify:hover{background:#047857;transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.vm-inline-btn.verify:disabled{opacity:.6;cursor:not-allowed;transform:none}.vm-inline-btn.verify.verified{background:#10b981}.vm-inline-btn.edit{background:#1e293b;color:#fff}.vm-inline-btn.edit:hover{background:var(--primary);transform:translateY(-1px)}.vm-divider{height:1px;background:var(--master-border);margin:4px 0;grid-column:span 2}.vm-right-col{display:flex;flex-direction:column;gap:16px}.vm-gst-options{display:flex;gap:8px;padding:10px 16px;flex-wrap:wrap}.vm-gst-chip{padding:6px 14px;border-radius:20px;font-weight:700;font-size:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:2px solid transparent;-webkit-user-select:none;user-select:none}.vm-gst-chip input[type=radio]{display:none}.vm-gst-chip.inactive{background:#f1f5f9;color:#64748b;border-color:#e2e8f0}.vm-gst-chip.inactive:hover{background:#e2e8f0;border-color:#94a3b8}.vm-gst-chip.intra{background:#dc2626;color:#fff;border-color:#dc2626;box-shadow:0 2px 8px #dc262640}.vm-gst-chip.inter{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 2px 8px #2563eb40}.vm-gst-chip.import{background:#7c3aed;color:#fff;border-color:#7c3aed;box-shadow:0 2px 8px #7c3aed40}.vm-gst-chip.zero{background:#475569;color:#fff;border-color:#475569;box-shadow:0 2px 8px #47556940}.vm-payment-options{display:flex;gap:16px;padding:10px 16px;flex-wrap:wrap}.vm-payment-options label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;cursor:pointer;color:var(--text-soft);transition:color .2s}.vm-payment-options label:has(input:checked){color:var(--primary);font-weight:800}.vm-payment-options input[type=radio]{width:16px;height:16px;accent-color:var(--primary)}.vm-settings-body{padding:12px 16px;display:flex;flex-direction:column;gap:10px}.vm-setting-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.vm-check-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;cursor:pointer;color:var(--text-soft);transition:color .2s}.vm-check-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.vm-check-label.danger{color:#dc2626}.vm-check-label.danger input{accent-color:#dc2626}.vm-check-label.active-check{color:#059669}.vm-check-label.active-check input{accent-color:#059669}.vm-small-input{width:70px!important;height:30px!important;padding:0 8px!important;border-radius:5px!important;border:1px solid var(--master-border)!important;font-size:12px!important;font-weight:700!important;text-align:center;background:#fafbfe;outline:none;transition:all .2s}.vm-small-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 2px var(--primary-soft)!important}.vm-small-input.orange{background:#fff7ed!important;border-color:#fdba74!important;color:#c2410c!important}.vm-small-input.cyan{background:#ecfeff!important;border-color:#67e8f9!important;color:#0e7490!important}.vm-setting-label{font-size:12px;font-weight:600;color:var(--text-muted);white-space:nowrap}.vm-days-list{padding:8px 16px;display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}.vm-day-item{display:flex;align-items:center;justify-content:space-between;padding:3px 0}.vm-day-item label{font-size:12px;font-weight:600;color:#475569;cursor:pointer}.vm-day-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.vm-type-selectors{display:flex;gap:12px;padding:10px 16px;align-items:center;flex-wrap:wrap}.vm-type-selectors label{font-size:12px;font-weight:700;color:var(--text-soft);white-space:nowrap}.vm-type-selectors select{height:32px;padding:0 10px;border-radius:6px;border:1px solid var(--master-border);font-size:12px;font-weight:600;background:#fafbfe;outline:none;min-width:130px;transition:all .2s}.vm-type-selectors select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.vm-verify-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700}.vm-verify-badge.success{background:#ecfdf5;color:#059669}.vm-verify-badge.error{background:#fef2f2;color:#dc2626}.vm-verify-badge.loading{background:#eff6ff;color:#2563eb}.vm-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-top:1px solid var(--master-border);background:#f8fafc}.vm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a66;-webkit-backdrop-filter:blur(8px) saturate(180%);backdrop-filter:blur(8px) saturate(180%);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:vmOverlayIn .3s ease-out}@keyframes vmOverlayIn{0%{opacity:0}to{opacity:1}}.vm-modal-container{background:#fffffff2;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #fff3 inset;overflow:hidden;animation:vmModalSpring .5s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(226,232,240,.8);display:flex;flex-direction:column;width:90%;max-width:1100px;max-height:80vh}@keyframes vmModalSpring{0%{opacity:0;transform:scale(.8) translateY(40px)}70%{transform:scale(1.02) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.vm-modal-head{background:linear-gradient(135deg,#039,#172554);color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.vm-modal-head h3{margin:0;font-weight:800;font-size:16px;letter-spacing:.5px;color:#fff}.vm-modal-close{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s}.vm-modal-close:hover{background:#ef4444;border-color:#ef4444;transform:rotate(90deg)}.vm-modal-search-bar{padding:12px 20px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.vm-modal-search-bar input{width:100%;height:40px;padding:0 14px 0 38px;border:1px solid var(--master-border);border-radius:8px;font-size:13px;font-weight:600;outline:none;background:#fff;transition:all .2s}.vm-modal-search-bar input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.vm-modal-table-wrap{flex:1;overflow-y:auto}.vm-modal-table{width:100%;border-collapse:collapse;font-size:13px}.vm-modal-table thead th{background:#f1f5f9;padding:10px 14px;text-align:left;font-weight:700;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0;position:sticky;top:0;z-index:10}.vm-modal-table tbody td{padding:10px 14px;border-bottom:1px solid #f1f5f9;color:var(--text-soft);font-weight:600}.vm-modal-table tbody tr{cursor:pointer;transition:background .15s}.vm-modal-table tbody tr:hover{background:#eff6ff}.vm-modal-action{background:none;border:none;cursor:pointer;padding:5px;border-radius:6px;transition:all .2s}.vm-modal-action.edit{color:var(--primary)}.vm-modal-action.edit:hover{background:#eef2ff}.vm-modal-action.delete{color:#dc2626}.vm-modal-action.delete:hover{background:#fef2f2}.vm-status-badge{display:inline-block;padding:3px 10px;border-radius:4px;font-weight:700;font-size:11px}.vm-status-badge.active{background:#ecfdf5;color:#059669}.vm-status-badge.inactive{background:#fef2f2;color:#dc2626}@media (max-width: 1024px){.vm-main-grid{grid-template-columns:1fr}.vm-right-col{width:100%}}@keyframes vmPulse{0%,to{opacity:1}50%{opacity:.5}}.vm-loading{animation:vmPulse 1.5s ease-in-out infinite}.vm-ifsc-details{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:10px 14px;margin-top:8px;grid-column:span 2;font-size:12px;display:flex;flex-direction:column;gap:4px;animation:vmFadeIn .3s ease-out}.vm-ifsc-details strong{color:#059669}.vm-ifsc-details span{color:#334155;font-weight:600}:root{--p-50: #eef2ff;--p-100: #e0e7ff;--primary: #4f46e5;--primary-soft: #eef2ff;--bg-app: #f8fafc;--bg-surface: #ffffff;--text-main: #0f172a;--text-soft: #334155;--text-muted: #64748b;--text-light: #94a3b8;--success: #10b981;--success-soft: #ecfdf5;--danger: #ef4444;--danger-soft: #fef2f2;--warning: #f59e0b;--warning-soft: #fffbeb;--border: #e2e8f0;--border-soft: #f1f5f9;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .03);--shadow-md: 0 8px 24px rgba(0, 0, 0, .05);--shadow-premium: 0 12px 40px rgba(79, 70, 229, .08);--radius-xl: 18px;--radius-lg: 12px;--radius-md: 8px;--radius-sm: 5px;--radius-xs: 3px;--sidebar-width: 280px;--header-height: 64px}*::-webkit-scrollbar{display:block;width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}*::-webkit-scrollbar-thumb:hover{background:#0003}*{margin:0;padding:0;box-sizing:border-box}html,body,#root,.layout{height:100%}#root{display:flex;flex-direction:column}body{font-family:Plus Jakarta Sans,-apple-system,sans-serif;background-color:var(--bg-app);color:var(--text-soft);line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}h1,h2,h3,h4,h5{color:var(--text-main);font-weight:700}.classic-card{background:#ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:0 6px 24px -6px #00000012,0 1px 3px #0000000d;border:1px solid rgba(255,255,255,.5);transition:transform .2s ease,box-shadow .2s ease}.classic-card:hover{box-shadow:var(--shadow-md)}.classic-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-weight:700;font-size:14px;cursor:pointer;transition:all .2s;border:1px solid transparent;outline:none}.classic-btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #4f46e540}.classic-btn-primary:hover{background:#4338ca;transform:translateY(-1px)}.classic-btn-ghost{background:var(--bg-app);color:var(--text-soft);border-color:var(--border)}.classic-btn-ghost:hover{background:var(--primary-soft);color:var(--primary);border-color:var(--primary-soft)}.classic-table-container{overflow:auto;position:relative;border-radius:var(--radius-lg);border:1px solid var(--border);background:#fff;flex:1;min-height:0;padding-bottom:20px}.classic-table{width:100%;border-collapse:separate;border-spacing:0}.classic-table th{background:#f8fafc;padding:8px 20px;text-align:left;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);border-bottom:2px solid var(--border);position:sticky;top:0;z-index:50;box-shadow:0 2px 4px #00000005}.classic-table td{padding:8px 20px;vertical-align:middle;border-bottom:1px solid rgba(0,0,0,.03);background:transparent;transition:background .15s}.classic-table tbody tr:hover td{background:#ffffff80}.classic-table tr:last-child td{border-bottom:none}.classic-table tr:hover td{background:#fff9}.classic-badge{display:inline-flex;padding:5px 11px;border-radius:var(--radius-sm);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.classic-badge-success{background:var(--success-soft);color:var(--success)}.classic-badge-danger{background:var(--danger-soft);color:var(--danger)}.classic-badge-primary{background:var(--primary-soft);color:var(--primary)}.form-group label{display:block;font-size:13px;font-weight:800;color:var(--text-main);margin-bottom:8px}input,select,textarea{width:100%;padding:12px 16px;background:#ffffffb3;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-md);font-size:14px;color:var(--text-main);font-weight:600;transition:all .2s;outline:none}input:focus,select:focus,textarea:focus{background:#fffffff2;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.page-title-main{font-size:24px;font-weight:800;color:var(--text-main);letter-spacing:-.5px}.page-subtitle-main{font-size:14px;color:var(--text-muted);margin-top:4px;font-weight:500}.modal-backdrop{animation:modalBackdropIn .25s ease-out forwards}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlideUp .35s cubic-bezier(.16,1,.3,1) forwards;scrollbar-width:none}.modal-content::-webkit-scrollbar{display:none}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-section-panel{background:#00000005;border:1px solid rgba(0,0,0,.05);border-radius:var(--radius-md);padding:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--primary)}.modal-content input,.modal-content select,.modal-content textarea{background:#ffffffe6;border:1.5px solid rgba(0,0,0,.08);border-radius:var(--radius-md);min-height:46px;padding:11px 16px;font-size:14px;font-weight:600;color:var(--text-main);transition:all .2s}.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #4f46e51a;outline:none}.modal-content input:disabled,.modal-content select:disabled{background:#f1f5f9cc;color:var(--text-muted);cursor:not-allowed}.toggle-option{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:800;font-size:13px;padding:11px 18px;border-radius:var(--radius-md);border:1.5px solid rgba(0,0,0,.08);transition:all .2s;background:#ffffff80}.toggle-option:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.loader-pulse{width:48px;height:48px;border:4px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;margin:0 auto;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-content,[class*=modal-content],.classic-card{border-radius:var(--radius-xl)!important}.classic-card:not(.modal-content){border-radius:var(--radius-lg)!important}button,.classic-btn,[class*=btn-primary],[class*=btn-secondary],[class*=btn-ghost],[class*=btn-outline]{border-radius:var(--radius-md)!important}button[style*="50%"],button[style*="borderRadius: '50%'"]{border-radius:50%!important}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{border-radius:var(--radius-md)!important}.classic-badge,[class*=badge]{border-radius:var(--radius-sm)!important}.nav-dropdown-menu{border-radius:var(--radius-lg)!important}.dropdown-item{border-radius:var(--radius-sm)!important}[style*="borderRadius: 12"],[style*="borderRadius: 14"],[style*="borderRadius: 16"],[style*="borderRadius: 20"],[style*="borderRadius: 24"],[style*='borderRadius: "24"'],[style*="borderRadius: 30"]{border-radius:var(--radius-lg)!important}[style*="borderRadius: 30"]{border-radius:var(--radius-sm)!important}[style*="borderRadius: 18"],[style*="borderRadius: 20"],.modal-section-panel,[style*=dashed]{border-radius:var(--radius-md)!important}.classic-table td [style*=borderRadius],.classic-table th [style*=borderRadius]{border-radius:var(--radius-sm)!important}.toggle-option{border-radius:var(--radius-md)!important}.classic-card:hover{transform:none;box-shadow:0 8px 28px -6px #00000014,0 1px 4px #0000000a}