.App{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.app-content{min-height:calc(100vh - 80px);padding-top:80px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}:focus{outline:2px solid #3b82f6;outline-offset:2px}button{background:none;border:none;cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}ol,ul{list-style:none}img{height:auto;max-width:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-grid{display:grid!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.flex-column{flex-direction:column!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}@media (max-width:576px){.d-sm-none{display:none!important}.d-sm-block{display:block!important}.d-sm-flex{display:flex!important}}@media (max-width:768px){.d-md-none{display:none!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}}@media (max-width:992px){.d-lg-none{display:none!important}.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in-left{animation:slideInLeft .5s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.slide-in-right{animation:slideInRight .5s ease-out}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-spinner{border-top-color:#3b82f6}.error-boundary{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:16px;margin:2rem;padding:2rem;text-align:center}.error-boundary h2{color:#dc2626;margin-bottom:1rem}.error-boundary p{color:#7f1d1d;margin-bottom:1.5rem}.error-boundary button{background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:8px;color:#fff;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.error-boundary button:hover{box-shadow:0 10px 25px #dc26264d;transform:translateY(-2px)}.loading-container{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.loading-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:48px;margin-bottom:24px;width:48px}.loading-container p{color:#fff;font-size:1.125rem;font-weight:500;margin:0}.access-denied-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh}.access-denied-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 25px 50px #00000026,0 10px 20px #0000001a;max-width:500px;padding:48px;text-align:center;width:90%}.access-denied-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin:0 0 16px}.access-denied-content p{color:#6b7280;font-size:1.125rem;line-height:1.6;margin:0 0 12px}.access-denied-content p:last-child{font-weight:500;margin-bottom:0}.modern-navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293b,#334155);border-bottom:1px solid #ffffff1a;box-shadow:0 8px 32px #0000001a;left:0;padding:0;position:fixed;right:0;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;height:80px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.navbar-brand{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;gap:1rem;text-decoration:none;transition:all .3s ease}.navbar-brand:hover{color:#60a5fa;transform:translateY(-2px)}.brand-icon{animation:float 3s ease-in-out infinite;color:#60a5fa;height:32px;width:32px}.brand-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text}.navbar-toggler{background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem;transition:all .3s ease}.navbar-toggler:hover{background:#ffffff1a;color:#60a5fa}.navbar-collapse,.navbar-nav{align-items:center;display:flex}.navbar-nav{gap:0;list-style:none;margin:0;padding:0}.nav-item,.nav-link{position:relative}.nav-link{align-items:center;border-radius:8px;color:#cbd5e1;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}.nav-link.active{background:#60a5fa1a;color:#60a5fa}.nav-link.active:after{background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:1px;bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.nav-icon{height:18px;transition:transform .3s ease;width:18px}.nav-link:hover .nav-icon{transform:scale(1.1)}.nav-dropdown-toggle{align-items:center;background:none;border:none;border-radius:8px;color:#cbd5e1;cursor:pointer;display:flex;font-family:inherit;font-weight:500;gap:.5rem;padding:.75rem 1rem;position:relative;transition:all .3s ease}.nav-dropdown-toggle:hover{background:#ffffff1a;color:#fff}.dropdown-arrow{font-size:.8rem;margin-left:.25rem;transition:transform .3s ease}.nav-item.dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 40px #0000004d;left:0;list-style:none;min-width:250px;opacity:0;padding:.5rem;position:absolute;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:1001}.nav-item.dropdown:hover .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{align-items:center;border-radius:8px;color:#cbd5e1;font-weight:500;gap:.75rem;margin:.25rem 0;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.dropdown-item:hover{background:#ffffff1a;color:#fff}.dropdown-item.active{background:#60a5fa1a;color:#60a5fa}.dropdown-icon{height:16px;transition:transform .3s ease;width:16px}.dropdown-item:hover .dropdown-icon{transform:scale(1.1)}.user-profile-section{align-items:center;display:flex;gap:20px;margin-left:auto;padding:0 20px}.user-info{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.username{color:#fff;font-size:.875rem;font-weight:600}.user-role{font-size:.75rem}.logout-btn,.user-role{color:#fff;font-weight:500}.logout-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 2px 8px #ef44444d;cursor:pointer;display:flex;font-size:.875rem;gap:8px;padding:8px 16px;transition:all .3s ease}.logout-btn:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.logout-btn:active{transform:translateY(0)}@media (max-width:1024px){.navbar-container{padding:0 1rem}.navbar-nav{gap:.25rem}.nav-link{font-size:.9rem;padding:.5rem .75rem}.dropdown-menu{min-width:220px}}@media (max-width:768px){.navbar-toggler{display:block}.navbar-collapse{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293b,#334155);border-top:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d;left:0;opacity:0;padding:1rem;position:absolute;right:0;top:100%;transform:translateY(-20px);transition:all .3s ease;visibility:hidden}.navbar-collapse.show{opacity:1;transform:translateY(0);visibility:visible}.navbar-nav{align-items:stretch;flex-direction:column;gap:.5rem}.nav-item{width:100%}.nav-link{background:#ffffff0d;border-radius:8px;justify-content:flex-start;padding:1rem}.nav-link:hover{background:#ffffff1a}.nav-dropdown-toggle{background:#ffffff0d;border-radius:8px;justify-content:space-between;padding:1rem;width:100%}.dropdown-menu{background:#0003;border:none;border-radius:8px;box-shadow:none;margin-top:.5rem;opacity:1;padding:.5rem;position:static;transform:none;visibility:visible}.dropdown-item{border-radius:6px;margin:.25rem 0;padding:.75rem 1rem}.user-profile-section{align-items:stretch;flex-direction:column;gap:12px;margin:1rem 0 0;padding:0}.user-info{align-items:center;text-align:center}.logout-btn{justify-content:center;padding:12px;width:100%}.brand-text{display:none}.navbar-container{padding:0 1rem}}@media (max-width:480px){.navbar-container{padding:0 .75rem}.navbar-collapse{padding:.75rem}.nav-dropdown-toggle,.nav-link{font-size:.875rem;padding:.875rem}.dropdown-item{font-size:.875rem;padding:.75rem}}.dropdown-item{animation:slideInRight .3s ease forwards;animation-delay:calc(var(--item-index)*.05s)}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.dropdown-item:focus,.nav-dropdown-toggle:focus,.nav-link:focus{outline:2px solid #60a5fa;outline-offset:2px}@media (prefers-contrast:high){.modern-navbar{border-bottom:2px solid #60a5fa}.nav-link.active:after{height:3px}}@media (prefers-reduced-motion:reduce){.brand-icon,.dropdown-arrow,.nav-icon{animation:none;transition:none}.dropdown-menu{transition:none}.dropdown-item{animation:none}}.dashboard-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:24px}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;min-height:60vh}.loading-spinner{border:4px solid #6366f11a;border-left-color:#6366f1;height:48px;width:48px}.dashboard-loading p{color:#6b7280;font-size:18px;font-weight:500}.dashboard-hero{background:linear-gradient(135deg,#1e1b4b,#3730a3);border-radius:24px;box-shadow:0 25px 50px #0006,0 12px 20px #0000004d;color:#fff;margin-bottom:40px;overflow:hidden;padding:48px;position:relative}.dashboard-hero:before{background:radial-gradient(circle at 20% 80%,#7877c633 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c633 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{max-width:600px;position:relative;z-index:1}.hero-title{align-items:center;color:#fff;display:flex;font-size:3.5rem;font-weight:900;gap:20px;margin:0 0 16px;text-shadow:0 2px 4px #000c,0 4px 8px #0009}.hero-icon{color:#fbbf24;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));font-size:3rem}.hero-subtitle{color:#f3f4f6;font-size:1.25rem;font-weight:500;line-height:1.6;margin:0 0 32px;text-shadow:0 2px 4px #000000b3}.user-isolation-notice{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #10b981;border-radius:16px;box-shadow:0 8px 25px #10b98126;margin-bottom:32px;padding:24px}.notice-content{align-items:flex-start;display:flex;gap:16px}.notice-icon{color:#10b981;flex-shrink:0;font-size:24px;margin-top:4px}.notice-text h3{color:#065f46;font-size:1.25rem;font-weight:700;margin:0 0 8px}.notice-text p{color:#047857;font-size:1rem;line-height:1.6;margin:0 0 8px}.notice-text p:last-child{margin-bottom:0}.customer-token-info{background:#10b9811a;border-left:4px solid #10b981;border-radius:8px;font-size:.9rem;padding:8px 12px}.hero-stats{display:flex;flex-wrap:wrap;gap:32px;margin-top:32px}.stat-item{background:#ffffff26;border:1px solid #ffffff4d;border-radius:16px;flex-direction:column;min-width:120px;padding:20px 16px;text-align:center;transition:all .3s ease}.stat-item:hover{background:#fff3;border-color:#fff6;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.stat-number{display:block;font-size:3.5rem;font-weight:900;margin-bottom:12px;text-shadow:0 4px 12px #000c,0 2px 4px #0009}.stat-label{color:#fff!important;display:block;font-size:.875rem;font-weight:700;opacity:1;text-shadow:0 2px 4px #000c}.stats-retry{display:flex;justify-content:center;margin-top:16px;width:100%}.retry-stats-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:2px solid #fff6;border-radius:12px;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:700;gap:8px;padding:12px 24px;text-shadow:0 1px 2px #00000080;transition:all .3s ease}.retry-stats-btn:hover{background:#ffffff59;border-color:#fff9;box-shadow:0 8px 20px #0006;transform:translateY(-2px)}.retry-stats-btn svg{animation:spin 2s linear infinite;font-size:1rem}.debug-btn{background:#fbbf2466;border-color:#fbbf2499;color:#1f2937;font-weight:700;text-shadow:0 1px 2px #ffffff4d}.debug-btn:hover{background:#fbbf2480;border-color:#fbbf24cc;color:#1f2937}.hero-visual{position:absolute;right:48px;top:50%;transform:translateY(-50%)}.floating-elements{position:relative}.floating-element{animation:float 6s ease-in-out infinite;font-size:48px;position:absolute}.floating-element:first-child{animation-delay:0s;right:0;top:-20px}.floating-element:nth-child(2){animation-delay:2s;right:60px;top:40px}.floating-element:nth-child(3){animation-delay:4s;right:20px;top:100px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.section-title{color:#1f2937;font-size:1.75rem;gap:16px;margin-bottom:24px}.section-icon{color:#6366f1;font-size:1.5rem}.status-section{margin-bottom:40px}.status-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.status-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a,0 8px 16px #00000014;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.status-card:hover{box-shadow:0 25px 50px #00000026,0 12px 20px #0000001a;transform:translateY(-4px)}.status-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.status-icon{background:#6366f11a;border-radius:50%;color:#6366f1;font-size:24px;padding:12px}.status-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.status-content{align-items:center;display:flex;gap:16px}.status-indicator{animation:pulse 2s infinite;border-radius:50%;height:12px;width:12px}.status-indicator.online{background:#10b981;box-shadow:0 0 0 0 #10b981b3}.status-indicator.offline{background:#ef4444;box-shadow:0 0 0 0 #ef4444b3}.status-indicator.checking{background:#f59e0b;box-shadow:0 0 0 0 #f59e0bb3}.status-text{color:#6b7280;font-weight:600}.user-details-section{margin-bottom:40px}.user-details-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.user-info-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a,0 8px 16px #00000014;overflow:hidden;padding:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-info-card:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.user-info-card:hover{box-shadow:0 25px 50px #00000026,0 12px 20px #0000001a;transform:translateY(-8px)}.user-info-card:hover:before{opacity:1}.user-info-card h4{border-bottom:2px solid #6366f133;color:#1f2937;font-size:1.25rem;font-weight:700;margin:0 0 20px;padding-bottom:12px}.user-info-card p{align-items:center;color:#374151;display:flex;font-size:.95rem;gap:12px;line-height:1.6;margin:0 0 12px}.info-icon{color:#6366f1;font-size:16px;min-width:16px}.sync-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-bottom:16px;padding:12px 24px;transition:all .3s ease;width:100%}.sync-btn:hover:not(:disabled){box-shadow:0 8px 20px #6366f14d;transform:translateY(-2px)}.sync-btn:disabled{cursor:not-allowed;opacity:.7}.sync-btn.running{background:linear-gradient(135deg,#f59e0b,#d97706)}.sync-btn.completed{background:linear-gradient(135deg,#10b981,#059669)}.sync-btn.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.sync-progress{background:#6366f10d;border:1px solid #6366f11a;border-radius:12px;margin:16px 0;padding:16px}.progress-bar{background:#6366f11a;border-radius:4px;margin-bottom:8px}.progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;position:relative;transition:width .3s ease}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-text{color:#6366f1;display:block;font-size:.875rem;font-weight:600;text-align:center}.action-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;color:#fff;font-size:16px;font-weight:600;overflow:hidden;padding:23px 55px;position:relative;width:100%}.action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.action-btn:hover:before{left:100%}.action-btn:hover{box-shadow:0 8px 25px #6366f166;transform:translateY(-2px)}.action-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.action-btn.running{background:linear-gradient(135deg,#f59e0b,#d97706)}.action-btn.completed{background:linear-gradient(135deg,#10b981,#059669)}.action-btn.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.secondary-btn{background:linear-gradient(135deg,#10b981,#059669)}.secondary-btn:hover{box-shadow:0 8px 25px #10b98166}.accent-btn{background:linear-gradient(135deg,#f59e0b,#d97706)}.accent-btn:hover{box-shadow:0 8px 25px #f59e0b66}.quick-actions-section{margin-bottom:40px}.quick-actions-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:24px}.action-card{background:#fff;border:1px solid #6366f11a;border-radius:16px;color:inherit;overflow:hidden;padding:24px;position:relative;text-decoration:none;transition:all .3s ease}.action-card:before{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.action-card:hover{box-shadow:0 20px 40px #0000001a;color:inherit;text-decoration:none;transform:translateY(-4px)}.action-card:hover:before{opacity:1}.action-card.primary{border-left:4px solid #6366f1}.action-card.secondary{border-left:4px solid #10b981}.action-card.tertiary{border-left:4px solid #f59e0b}.action-card.quaternary{border-left:4px solid #ef4444}.action-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;margin-bottom:16px;width:48px}.action-card.primary .action-icon{background:linear-gradient(135deg,#6366f1,#4f46e5)}.action-card.secondary .action-icon{background:linear-gradient(135deg,#10b981,#059669)}.action-card.tertiary .action-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.action-card.quaternary .action-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.action-card.analytics .action-icon{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.action-content h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0 0 8px}.action-content p{color:#6b7280;font-size:.9rem;line-height:1.5;margin:0}.activities-section{margin-bottom:40px}.activities-list{display:flex;flex-direction:column;gap:16px}.activity-item{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a,0 4px 16px #00000014;display:flex;gap:16px;padding:20px;transition:all .3s ease}.activity-item:hover{box-shadow:0 12px 40px #00000026,0 6px 20px #0000001a;transform:translateY(-2px)}.activity-item.completed{border-left:4px solid #10b981}.activity-item.error{border-left:4px solid #ef4444}.activity-item.info{border-left:4px solid #3b82f6}.activity-icon{border-radius:50%;flex-shrink:0;font-size:20px;padding:12px}.activity-icon.completed{background:#10b9811a;color:#10b981}.activity-icon.error{background:#ef44441a;color:#ef4444}.activity-icon.info{background:#3b82f61a;color:#3b82f6}.activity-content{flex:1 1;min-width:0}.activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.activity-header h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0}.activity-time{color:#6b7280;font-size:.875rem;font-weight:500}.activity-content p{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.info-section{margin-bottom:40px}.info-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff3;border-radius:16px;box-shadow:0 20px 40px #0000001a,0 8px 16px #00000014;padding:24px;text-align:center;transition:all .3s ease}.info-card:hover{box-shadow:0 25px 50px #00000026,0 12px 20px #0000001a;transform:translateY(-4px)}.info-card h4{color:#6b7280;font-size:1rem;font-weight:600;letter-spacing:.05em;margin:0 0 8px;text-transform:uppercase}.info-card p{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0}@media (max-width:768px){.dashboard-container{padding:16px}.dashboard-hero{padding:32px 24px;text-align:center}.hero-title{flex-direction:column;font-size:2.5rem;gap:16px}.hero-stats{gap:24px;justify-content:center}.stat-number{font-size:2rem}.hero-visual{margin-top:32px;position:relative;right:auto;top:auto;transform:none}.status-grid,.user-details-grid{gap:20px;grid-template-columns:1fr}.info-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.activity-item{padding:16px}.activity-header{align-items:flex-start;flex-direction:column;gap:8px}}@media (max-width:480px){.dashboard-hero{padding:24px 20px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.hero-stats{flex-direction:column;gap:16px}.user-info-card{padding:24px 20px}.activity-item{padding:12px}.activity-icon{font-size:16px;padding:8px}}@media (prefers-color-scheme:dark){.dashboard-container{background:linear-gradient(135deg,#1f2937,#111827)}.activity-item,.info-card,.status-card,.user-info-card{background:#1f2937e6;border-color:#ffffff1a}.activity-header h4,.info-card p,.section-title,.status-header h3,.user-info-card h4{color:#f9fafb}.activity-content p,.activity-time,.info-card h4,.status-text,.user-info-card p{color:#d1d5db}.sync-progress{background:#6366f11a;border-color:#6366f133}}@media (prefers-contrast:high){.activity-item,.dashboard-hero,.info-card,.status-card,.user-info-card{border:2px solid}}@media (prefers-reduced-motion:reduce){.activity-item,.floating-element,.info-card,.status-card,.user-info-card{animation:none;transition:none}.activity-item:hover,.floating-element:hover,.info-card:hover,.status-card:hover,.user-info-card:hover{transform:none}.progress-fill:after{animation:none}}.data-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #00000014;margin:1rem 0;overflow-x:auto;padding:2rem;transition:all .3s ease}.data-table-container:hover{box-shadow:0 12px 40px #0000001f;transform:translateY(-2px)}.table-header{flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.table-title{font-size:2rem;text-shadow:0 2px 4px #0000001a}.refresh-btn,.table-title{background:linear-gradient(135deg,#667eea,#764ba2)}.refresh-btn{border-radius:12px;box-shadow:0 4px 15px #667eea4d;font-family:inherit;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.refresh-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.refresh-btn svg{height:18px;width:18px}.search-filters-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.modern-search{flex:1 1;min-width:300px}.search-input-group{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;overflow:hidden;transition:all .3s ease}.search-input-group:focus-within{box-shadow:0 6px 25px #667eea4d;transform:translateY(-2px)}.search-input{border:none;flex:1 1;font-family:inherit;padding:1rem 1.5rem}.search-input:focus{box-shadow:none}.search-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;cursor:pointer;display:flex;font-weight:600;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease}.search-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.search-btn svg{height:18px;width:18px}.filter-toggle-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;box-shadow:0 4px 15px #f59e0b4d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.filter-toggle-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}.filter-toggle-btn svg{height:18px;width:18px}.table-wrapper{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;overflow:hidden}.modern-table{background:#fff;border-collapse:collapse;table-layout:fixed;width:100%}.modern-table thead th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;color:#374151;font-size:.9rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:1rem 1.5rem;position:relative;text-align:left;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.sortable-header{cursor:pointer;transition:all .3s ease}.sortable-header:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.header-content{gap:.5rem}.sort-icon{color:#9ca3af;height:16px;transition:all .3s ease;width:16px}.sort-icon.sort-down,.sort-icon.sort-up{color:#667eea}.actions-header{text-align:center}.modern-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .3s ease}.modern-table tbody tr:hover{background:#f8fafc;transform:translateX(4px)}.data-row:nth-child(2n){background:#fafbfc}.clickable-row{cursor:pointer;transition:all .2s ease}.clickable-row:hover{background-color:#667eea14!important;box-shadow:0 2px 8px #667eea26;transform:translateY(-1px)}.data-cell{color:#374151;font-size:.95rem;line-height:1.5;overflow:hidden;padding:1rem 1.5rem;text-overflow:ellipsis;white-space:nowrap}.actions-cell{min-width:200px;padding:1rem 1.5rem;text-align:center;width:200px}.action-buttons{gap:.5rem}.action-btn{font-family:inherit;font-size:.9rem;font-weight:500;min-width:80px;padding:0 12px}.action-btn svg{height:18px;width:18px}.view-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)}.view-btn:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.edit-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.edit-btn:hover{box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.delete-btn:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.pagination-section{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.pagination-info,.pagination-section{align-items:center;display:flex}.pagination-text{color:#64748b;font-size:.9rem;font-weight:500}.modern-pagination{align-items:center;display:flex;gap:.5rem}.pagination-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-family:inherit;font-weight:500;justify-content:center;min-width:44px;padding:.75rem 1rem;transition:all .3s ease}.pagination-item:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.pagination-item.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.pagination-item:disabled{cursor:not-allowed;opacity:.5;transform:none}.table-summary{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.summary-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 4px 15px #667eea4d;color:#fff;font-size:.8rem;font-weight:600;padding:.5rem 1rem}.summary-badge.search-results{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b4d}.empty-state,.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{border:4px solid #f1f5f9;height:60px;margin-bottom:1rem;width:60px}.empty-title,.error-title,.loading-title{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.empty-text,.error-message,.loading-text{color:#64748b;font-size:1.1rem;line-height:1.6;margin:0;max-width:500px}.empty-icon,.error-icon{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;box-shadow:0 10px 30px #ef44444d;display:flex;height:80px;justify-content:center;margin-bottom:1rem;width:80px}.empty-icon svg,.error-icon svg{color:#fff;height:40px;width:40px}.empty-icon{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 10px 30px #6b72804d}.retry-btn{background:linear-gradient(135deg,#ef4444,#dc2626);font-family:inherit;margin-top:1rem;padding:.75rem 1.5rem}.retry-btn:hover{box-shadow:0 6px 20px #ef444466}.retry-btn svg{height:18px;width:18px}@media (max-width:768px){.data-table-container{margin:.5rem 0;padding:1.5rem}.table-title{font-size:1.75rem}.search-filters-section{align-items:stretch;flex-direction:column}.modern-search{min-width:auto}.header-content{align-items:stretch;flex-direction:column}.pagination-section{align-items:center;flex-direction:column}.modern-table tbody td,.modern-table thead th{font-size:.9rem;padding:.75rem 1rem}.action-buttons{flex-direction:column;gap:.25rem;min-width:auto}.action-btn{height:36px;min-width:36px;width:36px}.modern-table td:last-child,.modern-table th:last-child{max-width:120px;min-width:120px;width:120px}}@media (max-width:480px){.data-table-container{padding:1rem}.table-title{font-size:1.5rem}.modern-table{font-size:.85rem}.summary-badge{font-size:.75rem;padding:.4rem .8rem}.pagination-item{font-size:.9rem;min-width:40px;padding:.6rem .8rem}}.action-btn:focus,.filter-toggle-btn:focus,.pagination-item:focus,.refresh-btn:focus,.search-input:focus{outline:2px solid #667eea;outline-offset:2px}@media (prefers-contrast:high){.data-table-container{border:2px solid #000}.modern-table thead th{border-bottom:3px solid #000}.data-cell{border:1px solid #000}}.modern-table td:first-child,.modern-table td:nth-child(2),.modern-table th:first-child,.modern-table th:nth-child(2){max-width:120px;min-width:120px;width:120px}.modern-table td:nth-child(3),.modern-table th:nth-child(3){max-width:80px;min-width:80px;width:80px}.modern-table td:nth-child(4),.modern-table th:nth-child(4){max-width:140px;min-width:140px;width:140px}.modern-table td:nth-child(5),.modern-table th:nth-child(5){max-width:150px;min-width:150px;width:150px}.modern-table td:nth-child(6),.modern-table th:nth-child(6){max-width:120px;min-width:120px;width:120px}.modern-table td:nth-child(7),.modern-table th:nth-child(7){max-width:180px;min-width:180px;width:180px}.modern-table td:last-child,.modern-table th:last-child{max-width:200px;min-width:200px;width:200px}.modern-table td:nth-child(5),.modern-table th:nth-child(5){word-wrap:break-word;line-height:1.4;min-height:40px;padding-right:8px;vertical-align:top;white-space:normal}.action-buttons{flex-wrap:nowrap;justify-content:flex-start;min-width:180px}.action-btn{flex-shrink:0;font-size:.8rem;padding:8px 12px;white-space:nowrap}.action-btn,.action-btn.delete-btn,.action-btn.edit-btn,.action-btn.view-btn{min-width:60px}@media (prefers-reduced-motion:reduce){.action-btn:hover,.data-table-container,.data-table-container:hover,.filter-toggle-btn:hover,.modern-table tbody tr:hover,.pagination-item:hover,.refresh-btn:hover{transform:none;transition:none}.loading-spinner{animation:none}}.provinces-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:24px}.provinces-container:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.provinces-header{margin-bottom:3rem}.header-icon{box-shadow:0 8px 25px #667eea4d}.header-icon:hover{box-shadow:0 12px 35px #667eea66}.header-title,.stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon{box-shadow:0 4px 15px #667eea4d}.stat-number{color:#667eea}.data-description{border-left:4px solid #667eea}.data-description p{margin:0}.spinner{color:#667eea}.progress-fill{background:linear-gradient(135deg,#667eea,#764ba2)}@media (max-width:768px){.provinces-container{margin:.5rem 0;padding:1.5rem}.header-content{align-items:stretch;gap:1.5rem}.header-content,.header-left{flex-direction:column;text-align:center}.header-title{font-size:2.5rem}.header-subtitle{font-size:1.1rem}.stats-grid{gap:1.5rem;grid-template-columns:1fr}.stat-card{padding:1.5rem}.section-header{align-items:stretch;flex-direction:column;text-align:center}.section-badges{justify-content:center}.error-state,.loading-state{padding:2rem 1rem}.error-state h2,.loading-state h2{font-size:1.75rem}}@media (max-width:480px){.provinces-container{padding:1rem}.header-title{font-size:2rem}.header-icon{height:60px;width:60px}.header-icon svg{font-size:2rem}.stat-card{flex-direction:column;padding:1.25rem;text-align:center}.stat-icon{height:50px;width:50px}.stat-icon svg{font-size:1.25rem}.stat-number{font-size:2rem}.refresh-button,.retry-btn{font-size:.9rem;padding:.75rem 1.5rem}}@media (prefers-color-scheme:dark){.provinces-container{background:linear-gradient(135deg,#0000004d,#0000001a);border-color:#ffffff1a}.header-subtitle{color:#adb5bd}.section-title{color:#e9ecef}.data-description p{color:#adb5bd}.loading-state h2{color:#e9ecef}.loading-text{color:#adb5bd}.error-state h2{color:#ff6b6b}.error-message{color:#adb5bd}.stat-card{background:#0003;border-color:#ffffff1a}.data-section{border-color:#ffffff0d}.data-description,.data-section{background:#0000001a}}@media (prefers-contrast:high){.provinces-container{box-shadow:0 8px 32px #00000080}.error-icon,.header-icon,.provinces-container,.stat-card,.stat-icon{border:2px solid #000}}@media (prefers-reduced-motion:reduce){.data-badge,.header-icon,.provinces-container,.refresh-button,.retry-btn,.stat-card{transform:none;transition:none}.provinces-container:hover,.stat-card:hover{transform:none}.progress-fill{animation:none;width:70%}}.document-types-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:24px}.document-types-header{margin-bottom:48px}.document-types-header:after{background:linear-gradient(135deg,#f97316,#ea580c);border-radius:1px;bottom:-24px;content:"";height:2px;left:0;position:absolute;right:0}.stat-icon{background:linear-gradient(135deg,#6f42c1,#5a32a3);box-shadow:0 4px 15px #6f42c14d}.stat-number{color:#6f42c1}.data-description{border-left:4px solid #6f42c1}.spinner{color:#6f42c1}.progress-fill{background:linear-gradient(135deg,#6f42c1,#5a32a3)}@media (max-width:768px){.document-types-container{margin:.5rem 0;padding:1.5rem}.header-content{align-items:stretch;gap:1.5rem}.header-content,.header-left{flex-direction:column;text-align:center}.header-title{font-size:2.5rem}.header-subtitle{font-size:1.1rem}.stats-grid{gap:1.5rem;grid-template-columns:1fr}.stat-card{padding:1.5rem}.section-header{align-items:stretch;flex-direction:column;text-align:center}.section-badges{justify-content:center}.error-state,.loading-state{padding:2rem 1rem}.error-state h2,.loading-state h2{font-size:1.75rem}}@media (max-width:480px){.document-types-container{padding:1rem}.header-title{font-size:2rem}.header-icon{height:60px;width:60px}.header-icon svg{font-size:2rem}.stat-card{flex-direction:column;padding:1.25rem;text-align:center}.stat-icon{height:50px;width:50px}.stat-icon svg{font-size:1.25rem}.stat-number{font-size:2rem}.refresh-button,.retry-btn{font-size:.9rem;padding:.75rem 1.5rem}.info-note{flex-direction:column;gap:.5rem;text-align:center}}@media (prefers-color-scheme:dark){.document-types-container{background:linear-gradient(135deg,#0000004d,#0000001a);border-color:#ffffff1a}.header-subtitle{color:#adb5bd}.section-title{color:#e9ecef}.data-description p{color:#adb5bd}.info-note span{color:#ffd54f}.loading-state h2{color:#e9ecef}.loading-text{color:#adb5bd}.error-state h2{color:#ff6b6b}.error-message{color:#adb5bd}.stat-card{background:#0003;border-color:#ffffff1a}.data-section{border-color:#ffffff0d}.data-description,.data-section{background:#0000001a}}@media (prefers-contrast:high){.document-types-container{border:2px solid #000;box-shadow:0 8px 32px #00000080}.error-icon,.header-icon,.stat-card,.stat-icon{border:2px solid #000}}@media (prefers-reduced-motion:reduce){.data-badge,.document-types-container,.header-icon,.refresh-button,.retry-btn,.stat-card{transform:none;transition:none}.document-types-container:hover,.stat-card:hover{transform:none}.progress-fill{animation:none;width:70%}}.item-codes-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:24px}.item-codes-header{margin-bottom:48px}.item-codes-header:after{background:linear-gradient(135deg,#f97316,#ea580c);border-radius:1px;bottom:-24px;content:"";height:2px;left:0;position:absolute;right:0}.stat-icon{background:linear-gradient(135deg,#ff6b6b,#ee5a24);box-shadow:0 4px 15px #ff6b6b4d}.stat-number{color:#ff6b6b}.data-description{border-left:4px solid #ff6b6b}.spinner{color:#ff6b6b}.progress-fill{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}@media (max-width:768px){.item-codes-container{margin:.5rem 0;padding:1.5rem}.header-content{align-items:stretch;gap:1.5rem}.header-content,.header-left{flex-direction:column;text-align:center}.header-title{font-size:2.5rem}.header-subtitle{font-size:1.1rem}.stats-grid{gap:1.5rem;grid-template-columns:1fr}.stat-card{padding:1.5rem}.section-header{align-items:stretch;flex-direction:column;text-align:center}.section-badges{justify-content:center}.error-state,.loading-state{padding:2rem 1rem}.error-state h2,.loading-state h2{font-size:1.75rem}}@media (max-width:480px){.item-codes-container{padding:1rem}.header-title{font-size:2rem}.header-icon{height:60px;width:60px}.header-icon svg{font-size:2rem}.stat-card{flex-direction:column;padding:1.25rem;text-align:center}.stat-icon{height:50px;width:50px}.stat-icon svg{font-size:1.25rem}.stat-number{font-size:2rem}.refresh-button,.retry-btn{font-size:.9rem;padding:.75rem 1.5rem}.info-note{flex-direction:column;gap:.5rem;text-align:center}}@media (prefers-color-scheme:dark){.item-codes-container{background:linear-gradient(135deg,#0000004d,#0000001a);border-color:#ffffff1a}.header-subtitle{color:#adb5bd}.section-title{color:#e9ecef}.data-description p{color:#adb5bd}.info-note span{color:#ffd54f}.loading-state h2{color:#e9ecef}.loading-text{color:#adb5bd}.error-state h2{color:#ff6b6b}.error-message{color:#adb5bd}.stat-card{background:#0003;border-color:#ffffff1a}.data-section{border-color:#ffffff0d}.data-description,.data-section{background:#0000001a}}@media (prefers-contrast:high){.item-codes-container{border:2px solid #000;box-shadow:0 8px 32px #00000080}.error-icon,.header-icon,.stat-card,.stat-icon{border:2px solid #000}}@media (prefers-reduced-motion:reduce){.data-badge,.header-icon,.item-codes-container,.refresh-button,.retry-btn,.stat-card{transform:none;transition:none}.item-codes-container:hover,.stat-card:hover{transform:none}.progress-fill{animation:none;width:70%}}.sro-items-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:24px}.sro-items-header{margin-bottom:48px}.sro-items-header:after{background:linear-gradient(135deg,#f97316,#ea580c);border-radius:1px;bottom:-24px;content:"";height:2px;left:0;position:absolute;right:0}.stat-icon{background:linear-gradient(135deg,#9c27b0,#673ab7);box-shadow:0 4px 15px #9c27b04d}.stat-number{color:#9c27b0}.data-description{border-left:4px solid #9c27b0}.spinner{color:#9c27b0}.progress-fill{background:linear-gradient(135deg,#9c27b0,#673ab7)}@media (max-width:768px){.sro-items-container{margin:.5rem 0;padding:1.5rem}.header-content{align-items:stretch;gap:1.5rem}.header-content,.header-left{flex-direction:column;text-align:center}.header-title{font-size:2.5rem}.header-subtitle{font-size:1.1rem}.stats-grid{gap:1.5rem;grid-template-columns:1fr}.stat-card{padding:1.5rem}.section-header{align-items:stretch;flex-direction:column;text-align:center}.section-badges{justify-content:center}.error-state,.loading-state{padding:2rem 1rem}.error-state h2,.loading-state h2{font-size:1.75rem}}@media (max-width:480px){.sro-items-container{padding:1rem}.header-title{font-size:2rem}.header-icon{height:60px;width:60px}.header-icon svg{font-size:2rem}.stat-card{flex-direction:column;padding:1.25rem;text-align:center}.stat-icon{height:50px;width:50px}.stat-icon svg{font-size:1.25rem}.stat-number{font-size:2rem}.refresh-button,.retry-btn{font-size:.9rem;padding:.75rem 1.5rem}.info-note{flex-direction:column;gap:.5rem;text-align:center}}@media (prefers-color-scheme:dark){.sro-items-container{background:linear-gradient(135deg,#0000004d,#0000001a);border-color:#ffffff1a}.header-subtitle{color:#adb5bd}.section-title{color:#e9ecef}.data-description p{color:#adb5bd}.info-note span{color:#ffd54f}.loading-state h2{color:#e9ecef}.loading-text{color:#adb5bd}.error-state h2{color:#ff6b6b}.error-message{color:#adb5bd}.stat-card{background:#0003;border-color:#ffffff1a}.data-section{border-color:#ffffff0d}.data-description,.data-section{background:#0000001a}}@media (prefers-contrast:high){.sro-items-container{box-shadow:0 8px 32px #00000080}.error-icon,.header-icon,.sro-items-container,.stat-card,.stat-icon{border:2px solid #000}}@media (prefers-reduced-motion:reduce){.data-badge,.header-icon,.refresh-button,.retry-btn,.sro-items-container,.stat-card{transform:none;transition:none}.sro-items-container:hover,.stat-card:hover{transform:none}.progress-fill{animation:none;width:70%}}.transaction-types-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:24px}.transaction-types-header{margin-bottom:48px}.transaction-types-header:after{background:linear-gradient(135deg,#f97316,#ea580c);border-radius:1px;bottom:-24px;content:"";height:2px;left:0;position:absolute;right:0}.stat-icon{background:linear-gradient(135deg,#ff6b35,#f7931e);box-shadow:0 4px 15px #ff6b354d}.stat-number{color:#ff6b35}.data-description{border-left:4px solid #ff6b35}.spinner{color:#ff6b35}.progress-fill{background:linear-gradient(135deg,#ff6b35,#f7931e)}@media (max-width:768px){.transaction-types-container{margin:.5rem 0;padding:1.5rem}.header-content{align-items:stretch;gap:1.5rem}.header-content,.header-left{flex-direction:column;text-align:center}.header-title{font-size:2.5rem}.header-subtitle{font-size:1.1rem}.stats-grid{gap:1.5rem;grid-template-columns:1fr}.stat-card{padding:1.5rem}.section-header{align-items:stretch;flex-direction:column;text-align:center}.section-badges{justify-content:center}.error-state,.loading-state{padding:2rem 1rem}.error-state h2,.loading-state h2{font-size:1.75rem}}@media (max-width:480px){.transaction-types-container{padding:1rem}.header-title{font-size:2rem}.header-icon{height:60px;width:60px}.header-icon svg{font-size:2rem}.stat-card{flex-direction:column;padding:1.25rem;text-align:center}.stat-icon{height:50px;width:50px}.stat-icon svg{font-size:1.25rem}.stat-number{font-size:2rem}.refresh-button,.retry-btn{font-size:.9rem;padding:.75rem 1.5rem}.info-note{flex-direction:column;gap:.5rem;text-align:center}}@media (prefers-color-scheme:dark){.transaction-types-container{background:linear-gradient(135deg,#0000004d,#0000001a);border-color:#ffffff1a}.header-subtitle{color:#adb5bd}.section-title{color:#e9ecef}.data-description p{color:#adb5bd}.info-note span{color:#ffd54f}.loading-state h2{color:#e9ecef}.loading-text{color:#adb5bd}.error-state h2{color:#ff6b6b}.error-message{color:#adb5bd}.stat-card{background:#0003;border-color:#ffffff1a}.data-section{border-color:#ffffff0d}.data-description,.data-section{background:#0000001a}}@media (prefers-contrast:high){.transaction-types-container{border:2px solid #000;box-shadow:0 8px 32px #00000080}.error-icon,.header-icon,.stat-card,.stat-icon{border:2px solid #000}}@media (prefers-reduced-motion:reduce){.data-badge,.header-icon,.refresh-button,.retry-btn,.stat-card,.transaction-types-container{transform:none;transition:none}.stat-card:hover,.transaction-types-container:hover{transform:none}.progress-fill{animation:none;width:70%}}.uom-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:24px}.uom-container:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.uom-header{margin-bottom:48px}.uom-header:after{background:linear-gradient(135deg,#f97316,#ea580c);border-radius:1px;bottom:-24px;content:"";height:2px;left:0;position:absolute;right:0}.header-content{flex-wrap:wrap;gap:2rem}.header-left{gap:1.5rem}.header-icon{background:linear-gradient(135deg,#17a2b8,#138496);box-shadow:0 8px 25px #17a2b84d;height:80px;transition:all .3s ease;width:80px}.header-icon:hover{box-shadow:0 12px 35px #17a2b866;transform:scale(1.05) rotate(5deg)}.header-icon svg{color:#fff;font-size:2.5rem}.header-text{flex:1 1}.header-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#17a2b8,#138496);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin:0 0 .5rem;text-shadow:0 2px 4px #0000001a}.header-subtitle{color:#6c757d;font-size:1.2rem}.header-actions{gap:1rem}.refresh-button{align-items:center;background:#28a745;border:2px solid #28a745;border-radius:12px;box-shadow:0 4px 12px #28a7454d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:14px 28px;text-decoration:none;text-shadow:none;transition:all .3s ease}.refresh-button:hover{background:#218838;border-color:#1e7e34;box-shadow:0 8px 20px #28a74566;color:#fff;transform:translateY(-2px)}.refresh-button:active{transform:translateY(-1px)}.stats-section{margin-bottom:3rem}.stats-grid{grid-gap:2rem;gap:2rem}.stat-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;box-shadow:0 4px 20px #0000001a;gap:1.5rem;padding:2rem;transition:all .3s ease}.stat-card:hover{background:#ffffff26;box-shadow:0 8px 30px #00000026;transform:translateY(-5px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#17a2b8,#138496);border-radius:15px;box-shadow:0 4px 15px #17a2b84d;display:flex;height:60px;justify-content:center;width:60px}.stat-icon svg{color:#fff;font-size:1.5rem}.stat-number{color:#17a2b8;margin-bottom:.5rem}.last-updated{color:#28a745;font-size:1.5rem}.stat-label{color:#6c757d;font-weight:600;letter-spacing:.5px}.data-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2rem}.section-header{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.section-title{color:#495057;font-size:1.8rem}.section-badges{display:flex;flex-wrap:wrap;gap:.75rem}.data-badge{align-items:center;border-radius:20px;box-shadow:0 4px 15px #0000001a;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.data-badge:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.data-description{background:#ffffff0d;border-left:4px solid #17a2b8;border-radius:15px;margin-bottom:2rem;padding:1.5rem}.data-description p{color:#6c757d;font-size:1.1rem;line-height:1.6;margin:0 0 1rem}.info-note{align-items:center;background:#ffc1071a;border:1px solid #ffc10733;border-radius:10px;display:flex;gap:.75rem;padding:1rem}.info-icon{color:#ffc107;font-size:1.2rem}.info-note span{color:#856404;font-size:.95rem;font-weight:500}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:4rem 2rem;text-align:center}.loading-spinner{margin-bottom:2rem}.spinner{color:#17a2b8;height:4rem;width:4rem}.loading-state h2{color:#495057;font-size:2rem;font-weight:700;margin-bottom:1rem}.loading-text{color:#6c757d;font-size:1.2rem;margin-bottom:2rem;max-width:500px}.loading-progress{max-width:400px;width:100%}.progress-bar{background:#ffffff1a;border-radius:10px;height:8px;overflow:hidden;position:relative;width:100%}.progress-fill{animation:progressAnimation 2s ease-in-out infinite;background:linear-gradient(135deg,#17a2b8,#138496);border-radius:10px;height:100%}@keyframes progressAnimation{0%{width:0}50%{width:70%}to{width:100%}}.error-state{flex-direction:column;min-height:400px;padding:4rem 2rem;text-align:center}.error-icon,.error-state{align-items:center;display:flex;justify-content:center}.error-icon{background:linear-gradient(135deg,#dc3545,#c82333);border-radius:20px;box-shadow:0 8px 25px #dc35454d;height:80px;margin-bottom:2rem;width:80px}.error-icon svg{color:#fff;font-size:2.5rem}.error-state h2{color:#dc3545;font-size:2rem;font-weight:700;margin-bottom:1rem}.error-message{color:#6c757d;font-size:1.2rem;margin-bottom:2rem;max-width:500px}.retry-btn{align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border-radius:15px;box-shadow:0 6px 20px #dc35454d;display:flex;font-size:1rem;gap:.5rem;padding:1rem 2rem}.retry-btn:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 8px 25px #dc354566;transform:translateY(-3px)}.retry-btn:active{transform:translateY(-1px)}@media (max-width:768px){.uom-container{margin:.5rem 0;padding:1.5rem}.header-content{align-items:stretch;gap:1.5rem}.header-content,.header-left{flex-direction:column;text-align:center}.header-title{font-size:2.5rem}.header-subtitle{font-size:1.1rem}.stats-grid{gap:1.5rem;grid-template-columns:1fr}.stat-card{padding:1.5rem}.section-header{align-items:stretch;flex-direction:column;text-align:center}.section-badges{justify-content:center}.error-state,.loading-state{padding:2rem 1rem}.error-state h2,.loading-state h2{font-size:1.75rem}}@media (max-width:480px){.uom-container{padding:1rem}.header-title{font-size:2rem}.header-icon{height:60px;width:60px}.header-icon svg{font-size:2rem}.stat-card{flex-direction:column;padding:1.25rem;text-align:center}.stat-icon{height:50px;width:50px}.stat-icon svg{font-size:1.25rem}.stat-number{font-size:2rem}.refresh-button,.retry-btn{font-size:.9rem;padding:.75rem 1.5rem}.info-note{flex-direction:column;gap:.5rem;text-align:center}}@media (prefers-color-scheme:dark){.uom-container{background:linear-gradient(135deg,#0000004d,#0000001a);border-color:#ffffff1a}.header-subtitle{color:#adb5bd}.section-title{color:#e9ecef}.data-description p{color:#adb5bd}.info-note span{color:#ffd54f}.loading-state h2{color:#e9ecef}.loading-text{color:#adb5bd}.error-state h2{color:#ff6b6b}.error-message{color:#adb5bd}.stat-card{background:#0003;border-color:#ffffff1a}.data-section{border-color:#ffffff0d}.data-description,.data-section{background:#0000001a}}@media (prefers-contrast:high){.uom-container{box-shadow:0 8px 32px #00000080}.error-icon,.header-icon,.stat-card,.stat-icon,.uom-container{border:2px solid #000}}@media (prefers-reduced-motion:reduce){.data-badge,.header-icon,.refresh-button,.retry-btn,.stat-card,.uom-container{transform:none;transition:none}.stat-card:hover,.uom-container:hover{transform:none}.progress-fill{animation:none;width:70%}}.popup-backdrop{animation:backdropFadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.custom-popup{left:50%;max-width:400px;min-width:300px;opacity:0;position:fixed;top:50%;transform:translate(-50%,-50%) scale(.8);transition:transform .3s cubic-bezier(.68,-.55,.265,1.55);z-index:9999}.custom-popup.show{animation:popupBounce .6s cubic-bezier(.68,-.55,.265,1.55);opacity:1;transform:translate(-50%,-50%) scale(1)}@keyframes popupBounce{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.popup-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 20px 40px #00000026,0 8px 16px #0000001a;overflow:hidden;position:relative}.popup-header{justify-content:space-between;padding:20px}.popup-header,.popup-title-section{align-items:flex-start;display:flex;gap:16px}.popup-text,.popup-title-section{flex:1 1}.popup-title{font-size:1.125rem;font-weight:700;line-height:1.3;margin:0 0 8px}.popup-message{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.popup-icon{border-radius:12px;flex-shrink:0;font-size:1.5rem;margin-top:2px;padding:8px}.popup-icon.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.popup-icon.error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.popup-icon.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.popup-icon.info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.popup-close{align-items:center;background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:1.125rem;height:32px;justify-content:center;padding:4px;transition:all .2s ease;width:32px}.popup-close:hover{background:#f3f4f6;color:#6b7280}.popup-progress{background:#f3f4f6;height:3px;overflow:hidden}.progress-bar{animation:progress 5s linear forwards;background:linear-gradient(135deg,#3b82f6,#1d4ed8);height:100%}@keyframes progress{0%{width:100%}to{width:0}}.custom-popup.success .progress-bar{background:linear-gradient(135deg,#10b981,#059669)}.custom-popup.error .progress-bar{background:linear-gradient(135deg,#ef4444,#dc2626)}.custom-popup.warning .progress-bar{background:linear-gradient(135deg,#f59e0b,#d97706)}.custom-popup.info .progress-bar{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.custom-popup.success .popup-title{color:#059669}.custom-popup.error .popup-title{color:#dc2626}.custom-popup.warning .popup-title{color:#d97706}.custom-popup.info .popup-title{color:#1d4ed8}@media (max-width:768px){.custom-popup{left:50%;max-width:calc(100vw - 32px);min-width:auto;top:50%}.popup-header{padding:16px}.popup-title{font-size:1rem}.popup-message{font-size:.8125rem}}@media (max-width:480px){.custom-popup{left:50%;max-width:calc(100vw - 24px);top:50%}.popup-header{padding:14px}.popup-title-section{gap:12px}.popup-icon{font-size:1.25rem;padding:6px}}.custom-popup:hover{transform:translate(-50%,-50%) scale(1.05)}.custom-popup:hover .popup-content{box-shadow:0 25px 50px #0003,0 12px 20px #00000026}.buyer-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:24px}.buyer-header{margin-bottom:48px}.buyer-header:after{background:linear-gradient(135deg,#f97316,#ea580c);border-radius:1px;bottom:-24px;content:"";height:2px;left:0;position:absolute;right:0}.add-buyer-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b981,#059669)!important;border:2px solid #10b98180!important;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.add-buyer-btn:hover{background:linear-gradient(135deg,#059669,#047857)!important;border-color:#10b981b3!important;box-shadow:0 8px 16px #0003;transform:translateY(-2px)}.add-buyer-btn svg{font-size:1rem}.stats-section{margin-bottom:32px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a,0 8px 16px #00000014;display:flex;gap:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{box-shadow:0 25px 50px #00000026,0 12px 20px #0000001a;transform:translateY(-8px)}.stat-icon{border-radius:50%;color:#6366f1!important;flex-shrink:0;font-size:48px;padding:20px}.stat-content{flex:1 1}.stat-number{color:gold!important;filter:drop-shadow(0 2px 4px rgba(255,230,0,.4));font-size:2.5rem;font-weight:800;line-height:1;margin:0 0 8px}.stat-label{color:#6b7280!important;font-size:1rem;font-weight:500;letter-spacing:.05em;margin:0;text-transform:uppercase}.buyer-form-section{margin-bottom:32px}.form-container{background:#ffffffe6}.form-title{color:#1f2937;font-size:1.75rem;margin:0 0 32px}.form-icon{color:#6366f1;font-size:1.5rem}.buyer-form{display:flex;flex-direction:column;gap:24px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-input,.form-select,.form-textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #6366f11a;border-radius:12px;font-size:1rem;padding:16px;transition:all .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#fffffff2;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none}.form-input::placeholder{color:#9ca3af}.form-textarea{min-height:100px}.field-help{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e;display:flex;font-size:.875rem;gap:8px;margin-top:8px;padding:8px 12px}.field-help.loading{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.field-help.loading .help-icon{color:#3b82f6}.field-help.info{background:#d1fae5;border-color:#10b981;color:#065f46}.field-help.info .help-icon{color:#10b981}.help-icon{color:#f59e0b;flex-shrink:0;font-size:1rem}.help-icon.fa-spin{animation:spin 1s linear infinite}.form-actions{border-top:1px solid #6366f11a;justify-content:flex-start;padding-top:16px}.submit-btn{font-size:1rem}.submit-btn.add-mode{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.submit-btn:hover{box-shadow:0 8px 25px #6366f166}.submit-btn:disabled{opacity:.7}.cancel-btn{background:#ef44441a;border:2px solid #ef444433;color:#ef4444;font-size:1rem;padding:16px 24px}.cancel-btn:hover{background:#ef444426;border-color:#ef44444d}.buyers-list-section{margin-bottom:32px}.list-container{background:#ffffffe6}.list-title{color:#1f2937}.empty-icon{font-size:64px}.action-buttons{gap:8px;justify-content:center}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.edit-btn{background:#3b82f61a;color:#3b82f6}.edit-btn:hover{background:#3b82f633;transform:scale(1.1)}.delete-btn{background:#ef44441a;color:#ef4444}.delete-btn:hover{background:#ef444433;transform:scale(1.1)}.modal-content{border-radius:20px;max-height:80vh;max-width:800px}.modal-header{border-bottom:1px solid #6366f11a;padding:24px 32px}.modal-header h3{color:#1f2937}.modal-close{color:#6b7280;font-size:24px;transition:all .3s ease}.modal-close:hover{background:#ef44441a;color:#ef4444}.modal-body{max-height:calc(80vh - 120px);overflow-y:auto}.modal-footer{align-items:center;justify-content:center;margin-top:20px;padding-top:16px}.modal-footer .btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;margin:0 5px;padding:10px 20px;transition:all .3s ease}.modal-footer .btn-secondary{background:#6b7280;color:#fff}.modal-footer .btn-secondary:hover{background:#4b5563}.modal-footer .btn-danger{background:#ef4444;color:#fff}.modal-footer .btn-danger:hover{background:#dc2626}.total-records{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:20px;color:#fff;font-size:.875rem;font-weight:600;padding:8px 16px}.modal-body .empty-state{padding:40px 20px;text-align:center}.modal-body .empty-icon{color:#9ca3af;font-size:3rem;margin-bottom:16px}.modal-body .empty-state p{color:#6b7280;font-size:1rem;line-height:1.6;margin-bottom:24px}@media (max-width:768px){.buyer-container{padding:16px}.stats-grid{gap:20px;grid-template-columns:1fr}.stat-card{padding:20px}.stat-icon{font-size:36px;padding:16px}.stat-number{font-size:2rem}.form-container,.list-container{padding:24px 20px}.form-grid{gap:20px;grid-template-columns:1fr}.form-actions{align-items:stretch;flex-direction:column}.cancel-btn,.submit-btn{justify-content:center;width:100%}.modal-content{margin:20px;max-height:90vh}.modal-body,.modal-header{padding:20px}}@media (max-width:480px){.stat-card{flex-direction:column;gap:16px;padding:16px;text-align:center}.stat-icon{font-size:32px;padding:12px}.stat-number{font-size:1.75rem}.form-container,.list-container{padding:20px 16px}.form-title,.list-title{font-size:1.5rem}.form-input,.form-select,.form-textarea{font-size:.95rem;padding:14px}.cancel-btn,.submit-btn{font-size:.95rem;padding:14px 24px}}@media (prefers-color-scheme:dark){.buyer-container{background:linear-gradient(135deg,#1f2937,#111827)}.form-container,.list-container,.stat-card{background:#1f2937e6;border-color:#ffffff1a}.form-title,.list-title,.stat-number{color:#f9fafb}.form-label{color:#d1d5db}.form-input,.form-select,.form-textarea{background:#1f2937cc;border-color:#6366f133;color:#f9fafb}.form-input:focus,.form-select:focus,.form-textarea:focus,.modal-content{background:#1f2937f2}.modal-content{border-color:#ffffff1a}.modal-header h3{color:#f9fafb}}@media (prefers-contrast:high){.buyer-header,.form-container,.form-input,.form-select,.form-textarea,.list-container,.stat-card{border:2px solid}}@media (prefers-reduced-motion:reduce){.action-btn,.cancel-btn,.floating-icon,.stat-card,.submit-btn{animation:none;transition:none}.action-btn:hover,.cancel-btn:hover,.floating-icon:hover,.stat-card:hover,.submit-btn:hover{transform:none}.submit-btn:before{display:none}}.add-item-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:24px}.add-item-header{margin-bottom:48px}.add-item-header:after{background:linear-gradient(135deg,#f97316,#ea580c);border-radius:1px;bottom:-24px;content:"";height:2px;left:0;position:absolute;right:0}.add-item-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b981,#059669)!important;border:2px solid #10b98180!important;font-size:.875rem;gap:8px;padding:14px 28px}.add-item-btn:hover{background:linear-gradient(135deg,#059669,#047857)!important;border-color:#10b981b3!important;box-shadow:0 8px 16px #0003}.add-item-btn svg{font-size:1rem}.add-item-form-section{margin-bottom:48px}.add-item-form{width:100%}.form-grid{grid-gap:24px;gap:24px;min-height:80px;position:relative;z-index:1}.form-grid>*{margin-bottom:32px}.form-group:has(.search-dropdown[data-type=sro-schedule]),.form-group:has(.search-dropdown[data-type=uom]){margin-bottom:40px!important}.form-group:first-child{z-index:5}.form-group:nth-child(2){z-index:4}.form-group:nth-child(3){z-index:3}.form-group:nth-child(4){z-index:2}.form-group:has(.search-dropdown[data-type=rate]){z-index:20}.form-group:has(.search-dropdown[data-type=sro-schedule]){z-index:35}.form-group:has(.search-dropdown[data-type=sro-schedule]){isolation:isolate;position:relative;transform:translateZ(0);z-index:99998!important}.form-group:has(.search-dropdown[data-type=uom]){isolation:isolate;position:relative;transform:translateZ(0);z-index:99997!important}.search-dropdown[data-type=sro-schedule] .dropdown-list{z-index:10000}.search-dropdown[data-type=uom] .dropdown-list{z-index:10001}.search-dropdown[data-type=rate] .dropdown-list{z-index:10002}.search-dropdown[data-type=hs-code] .dropdown-list{z-index:10003}.form-label{gap:8px}.refresh-rates-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;margin-left:8px;padding:6px 8px;transition:all .3s ease}.refresh-rates-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:scale(1.05)}.refresh-rates-btn:disabled{cursor:not-allowed;opacity:.6}.refresh-rates-btn .fa-spin{animation:spin 1s linear infinite}.form-input,.form-textarea{border:2px solid #e5e7eb;font-family:inherit;font-size:.875rem;position:relative;z-index:1}.form-input:focus,.form-textarea:focus{transform:translateY(-1px)}.form-textarea{position:relative;z-index:1}.dropdown-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e5e7eb;border-radius:0 0 12px 12px;border-top:none;box-shadow:0 8px 25px #0000001a,0 4px 10px #0000000d;box-sizing:border-box;display:none;max-height:200px;max-width:100%;transform:translateZ(0);z-index:9999}.dropdown-item{border-bottom:1px solid #f3f4f6;font-size:.875rem}.dropdown-item:hover{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);box-shadow:0 2px 8px #4f46e526;color:#4f46e5}.dropdown-item-fbr{border-top:1px solid #e5e7eb;margin-top:4px;padding-top:4px}.dropdown-item-fbr small{color:#6b7280;font-size:.7rem;font-style:italic}.search-dropdown[data-type=hs-code] .dropdown-list,.search-dropdown[data-type=rate] .dropdown-list{z-index:9999}.search-dropdown[data-type=hs-code] .dropdown-list,.search-dropdown[data-type=rate] .dropdown-list,.search-dropdown[data-type=uom] .dropdown-list{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e5e7eb;border-radius:0 0 12px 12px;border-top:none;box-shadow:0 12px 30px #00000026,0 6px 15px #0000001a;left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;transform:translateZ(0)}.search-dropdown[data-type=uom] .dropdown-list{z-index:99997!important}.search-dropdown[data-type=sale-type] .dropdown-list{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e5e7eb;border-radius:0 0 12px 12px;border-top:none;box-shadow:0 12px 30px #00000026,0 6px 15px #0000001a;left:0;max-height:250px;overflow-y:auto;right:0;top:100%}.search-dropdown[data-type=sale-type] .dropdown-list,.search-dropdown[data-type=sale-type] .dropdown-list *{position:relative;z-index:99999!important}.form-group:has(.search-dropdown[data-type=sale-type]){isolation:isolate;position:relative;transform:translateZ(0);z-index:99999!important}.search-dropdown[data-type=sale-type]{transform:translateZ(0)}.search-dropdown[data-type=sale-type] .dropdown-list{isolation:isolate;pointer-events:auto;position:absolute;transform:translateZ(0);z-index:99999!important}.search-dropdown[data-type=sro-schedule] .dropdown-list{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e5e7eb;border-radius:0 0 12px 12px;border-top:none;box-shadow:0 12px 30px #00000026,0 6px 15px #0000001a;box-sizing:border-box;isolation:isolate;left:0;max-height:250px;max-width:100%;overflow-y:auto;position:absolute;right:0;top:100%;transform:translateZ(0);z-index:99998!important}.search-dropdown:focus-within .dropdown-list{border-color:#667eea;box-shadow:0 8px 25px #667eea26,0 4px 10px #667eea1a}.search-dropdown .dropdown-item{border-bottom:1px solid #f1f5f9;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-dropdown .dropdown-item:before{background:linear-gradient(90deg,#0000,#667eea0d,#0000)}.search-dropdown[data-type=hs-code]{z-index:1000}.search-dropdown[data-type=hs-code] .dropdown-item:hover{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);color:#4f46e5}.search-dropdown[data-type=rate]{z-index:1001}.search-dropdown[data-type=rate] .dropdown-item:hover{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);color:#4f46e5}.search-dropdown[data-type=uom]{z-index:1002}.search-dropdown[data-type=uom] .dropdown-item:hover{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);color:#4f46e5}.search-dropdown[data-type=sale-type]{isolation:isolate;position:relative;z-index:99999!important}.search-dropdown[data-type=sale-type] .dropdown-item:hover{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);color:#4f46e5}.search-dropdown[data-type=sro-schedule]{z-index:1000}.search-dropdown[data-type=sro-schedule] .dropdown-item:hover{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);color:#4f46e5}.submit-btn{border-radius:12px;font-family:inherit;gap:8px;overflow:hidden;padding:14px 32px;position:relative;transition:all .3s ease}.submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.submit-btn:hover:before{left:100%}.submit-btn:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.submit-btn.edit-mode{background:linear-gradient(135deg,#f59e0b,#d97706)}.submit-btn.edit-mode:hover{box-shadow:0 8px 20px #f59e0b66}.cancel-btn{background:#6b7280;border-radius:12px;font-family:inherit;gap:8px;padding:14px 24px;transition:all .3s ease}.cancel-btn:hover{background:#4b5563;box-shadow:0 6px 16px #6b728066;transform:translateY(-2px)}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #667eea4d;border-radius:50%;border-top-color:#667eea;display:inline-block;height:16px;margin-right:8px;width:16px}.items-list-section{margin-bottom:32px}.list-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a,0 8px 16px #00000014;padding:32px}.list-title{background:linear-gradient(135deg,#667eea,#764ba2);margin:0 0 24px}.list-icon{color:#667eea;font-size:2rem}.empty-icon{color:#9ca3af;font-size:4rem}.empty-state p{color:#6b7280}@media (max-width:768px){.add-item-container{padding:16px}.form-container{padding:24px}.form-grid{gap:20px;grid-template-columns:1fr}.form-title{font-size:1.5rem}.form-actions{flex-direction:column;width:100%}.cancel-btn,.submit-btn{justify-content:center;width:100%}}@media (max-width:480px){.add-item-container{padding:12px}.form-container{padding:20px}.form-title{font-size:1.25rem}.list-title{font-size:1.5rem}}@media (prefers-color-scheme:dark){.add-item-container{background:linear-gradient(135deg,#1f2937,#374151)}.form-container,.list-container{background:#1f2937f2;border-color:#37415133}.form-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text}.form-input,.form-textarea{background:#374151;border-color:#4b5563;color:#fff}.form-input:focus,.form-textarea:focus{border-color:#8b5cf6}.dropdown-list{background:#374151;border-color:#4b5563}.dropdown-item{border-color:#4b5563;color:#fff}.dropdown-item:hover{background:#4b5563;color:#8b5cf6}}.modal-overlay{animation:backdropFadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;z-index:10000}.modal-content{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040,0 12px 20px #00000026;padding:0;width:90%}.modal-header{background:linear-gradient(135deg,#ef4444,#dc2626);padding:24px}.modal-header h3{font-weight:600}.modal-close{border-radius:8px;font-size:1.25rem;transition:all .2s ease}.modal-close:hover{background:#ffffff1a}.modal-body{color:#374151;padding:24px}.modal-body p{font-size:1rem;line-height:1.6}.modal-body p:last-child{color:#6b7280;font-size:.875rem}.modal-footer{border-top:1px solid #e5e7eb;gap:12px;padding:24px}.btn{border-radius:8px;font-family:inherit;padding:12px 24px;transition:all .3s ease}.btn-secondary{background:#6b7280}.btn-secondary:hover{background:#4b5563;box-shadow:0 4px 12px #6b728066;transform:translateY(-1px)}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.form-input[readonly]{background-color:#f8f9fa;border-color:#dee2e6;color:#6c757d;cursor:not-allowed}.form-input[readonly]:focus{border-color:#dee2e6;box-shadow:none}.sale-tax-invoice-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.invoice-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:30px;padding:30px}.header-icon{border-radius:50%;box-shadow:0 4px 15px #667eea66;font-size:24px;height:60px;width:60px}.header-text h1{background:linear-gradient(135deg,#667eea,#764ba2);color:#2d3748;font-weight:700;margin:0}.header-subtitle{color:#718096;font-size:1.1rem;margin:5px 0 0}.header-actions{align-items:center;gap:15px}.view-invoices-btn{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border-radius:25px;box-shadow:0 4px 15px #28a7454d;color:#fff;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.view-invoices-btn:hover{box-shadow:0 6px 20px #28a74566;color:#fff;text-decoration:none;transform:translateY(-2px)}.btn-icon{font-size:16px}.debit-note-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:30px;padding:25px}.debit-note-container{max-width:100%}.debit-note-header{margin-bottom:20px}.debit-note-title{align-items:center;color:#2d3748;display:flex;font-size:1.5rem;font-weight:600;gap:15px}.debit-note-icon{color:#667eea;font-size:20px}.debit-note-content{display:flex;flex-direction:column;gap:20px}.debit-note-radio{align-items:center;background:#667eea1a;border:2px solid #667eea33;border-radius:15px;display:flex;gap:12px;padding:15px 20px;transition:all .3s ease}.debit-note-radio:hover{background:#667eea26;border-color:#667eea4d}.debit-note-checkbox{accent-color:#667eea;cursor:pointer;height:20px;width:20px}.debit-note-label{color:#2d3748;cursor:pointer;font-size:1.1rem;font-weight:600;-webkit-user-select:none;user-select:none}.debit-note-search{background:#f8fafccc;border:1px solid #e2e8f0cc;border-radius:15px;padding:20px}.search-input-group{display:flex;flex-direction:column;gap:15px}.search-label{align-items:center;color:#4a5568;display:flex;font-size:1rem;font-weight:600;gap:10px}.search-icon{color:#667eea;font-size:16px}.search-input{border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;padding:12px 16px}.search-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:12px 24px;transition:all .3s ease}.search-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.search-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.search-btn-icon,.spinner{font-size:16px}.invoice-form-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:30px;padding:30px}.form-container{max-width:100%}.form-header{border-bottom:2px solid #e2e8f0;margin-bottom:30px;padding-bottom:20px}.form-title{color:#2d3748;font-size:1.8rem;font-weight:600;gap:15px}.form-icon{font-size:24px}.form-grid{grid-gap:40px;gap:40px}.left-section,.right-section{display:flex;flex-direction:column;gap:20px}.form-group{position:relative;z-index:1}.form-group+.form-group{margin-top:8px}.form-label{color:#4a5568;font-size:.95rem;gap:10px}.refresh-registration-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;margin-left:8px;padding:4px 8px;transition:all .2s ease}.refresh-registration-btn:hover{box-shadow:0 2px 8px #667eea4d;transform:scale(1.05)}.refresh-registration-btn:active{transform:scale(.95)}.input-with-search{align-items:center;display:flex;gap:8px}.input-with-search .form-input{flex:1 1}.search-ntn-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;justify-content:center;min-width:50px;padding:12px 16px;transition:all .2s ease}.search-ntn-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.search-ntn-btn:active{transform:translateY(0)}.search-ntn-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.search-ntn-btn .fa-spin{animation:spin 1s linear infinite}.label-icon{color:#667eea;font-size:16px}.form-input,.form-textarea{background:#fff;border-radius:12px;padding:12px 16px;transition:all .3s ease}.form-input:focus,.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input:read-only{background:#f7fafc;color:#718096;cursor:not-allowed}.form-textarea{min-height:80px}.buyer-section{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;padding:25px}.buyer-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.buyer-header h3{color:#2d3748;font-size:1.4rem;font-weight:600;margin:0}.buyer-dropdown{flex:1 1;margin-left:20px}.search-dropdown{z-index:1000}.grid-cell .search-dropdown{position:relative;z-index:10000}.invoice-form-section .dropdown-list{z-index:999999}.invoice-form-section .form-group{margin-bottom:20px;position:relative}.invoice-type-group{margin-bottom:25px}.scenario-id-group{margin-top:10px}.invoice-form-section .left-section,.invoice-form-section .right-section{position:relative;z-index:1000}.invoice-type-group{position:relative;z-index:1002}.scenario-id-group{position:relative;z-index:1001}.invoice-type-group .dropdown-list{left:0;position:absolute;right:0;top:100%;z-index:999999!important}.scenario-id-group .dropdown-list{left:0;position:absolute;right:0;top:100%;z-index:999998!important}.form-group .dropdown-list{z-index:999999}.invoice-form-section .dropdown-list{z-index:999999!important}.invoice-form-section{position:relative;z-index:1}.invoice-form-section .search-dropdown{position:relative;z-index:1000}.invoice-form-section .search-dropdown .dropdown-list{z-index:999999!important}.search-dropdown.active .dropdown-list{left:0;position:absolute;right:0;top:100%;z-index:999999!important}.search-dropdown[data-type=invoiceType] .dropdown-list{z-index:999999!important}.search-dropdown[data-type=scenario] .dropdown-list{z-index:999998!important}.dropdown-list{border-radius:12px;box-shadow:0 10px 25px #00000026;margin-top:5px;min-width:250px;z-index:999999}.dropdown-item{padding:12px 16px}.dropdown-item:hover{transform:translateX(5px)}.dropdown-item.disabled{background:#f7fafc;color:#a0aec0}.dropdown-item-code{color:#2d3748;font-size:.9rem;text-align:right}.dropdown-item-desc{color:#718096;font-size:.85rem}.invoice-items-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:30px;padding:30px}.items-container{max-width:100%}.items-header{border-bottom:2px solid #e2e8f0;justify-content:space-between;margin-bottom:25px;padding-bottom:20px}.items-header,.items-title{align-items:center;display:flex}.items-title{color:#2d3748;font-size:1.6rem;font-weight:600;gap:15px;margin:0}.items-icon{color:#667eea;font-size:20px}.add-item-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s ease}.add-item-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.add-item-btn:active{transform:translateY(0)}.items-grid{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px #0000001a;max-width:100%;min-width:100%;overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:smooth;scrollbar-color:#cbd5e0 #f7fafc;scrollbar-width:thin}.scroll-indicator{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e2e8f0;border-top-left-radius:14px;border-top-right-radius:14px;box-sizing:border-box;color:#fff;font-size:.8rem;font-weight:500;min-width:2000px;padding:8px 16px;text-align:center;width:100%}.items-grid::-webkit-scrollbar{height:8px}.items-grid::-webkit-scrollbar-track{background:#f7fafc;border-radius:4px}.items-grid::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.items-grid::-webkit-scrollbar-thumb:hover{background:#a0aec0}.invoice-table{background:#fff;border-collapse:collapse;border-radius:16px;box-shadow:0 4px 6px #0000001a;margin:0;min-width:2000px;overflow:hidden;padding:0;position:relative;width:100%}.invoice-table th,.invoice-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.invoice-table th{border-right:1px solid #fff3;color:#fff;font-size:.75rem;font-weight:600;padding:12px 6px;text-align:center;vertical-align:middle;white-space:nowrap}.th-wrap{line-height:1.1;white-space:normal!important}.th-multiline{display:inline-block;line-height:1.1;white-space:normal}.invoice-table th:last-child{border-right:none}.invoice-table tbody tr{border-bottom:1px solid #e2e8f0}.invoice-table tbody tr:hover{background:#f8fafc}.invoice-table td{border-right:1px solid #e2e8f0;padding:6px 4px;text-align:center;vertical-align:middle}.invoice-table td:last-child{border-right:none}.invoice-table th:first-child{width:150px}.invoice-table th:nth-child(2){width:120px}.invoice-table th:nth-child(3){width:100px}.invoice-table th:nth-child(4){width:160px}.invoice-table th:nth-child(5){width:120px}.invoice-table th:nth-child(6){width:200px}.invoice-table th:nth-child(7),.invoice-table th:nth-child(8){width:140px}.invoice-table th:nth-child(9){width:100px}.invoice-table th:nth-child(10){width:120px}.invoice-table th:nth-child(11){width:160px}.invoice-table th:nth-child(12){width:100px}.invoice-table th:nth-child(13){width:120px}.invoice-table th:nth-child(14){width:100px}.invoice-table th:nth-child(15),.invoice-table th:nth-child(16){width:120px}.invoice-table th:nth-child(17){width:140px}.invoice-table th:nth-child(18){width:120px}.invoice-table th:nth-child(19),.invoice-table th:nth-child(20),.invoice-table th:nth-child(21),.invoice-table th:nth-child(22){width:140px}.invoice-table th:nth-child(23){width:100px}.invoice-table .search-dropdown{position:relative;width:100%}.invoice-table .dropdown-list{left:0;max-width:400px;min-width:300px;right:auto}.invoice-table .grid-input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-size:.85rem;padding:8px 6px;width:100%}.invoice-table .grid-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.invoice-table .grid-input[title]:hover:after{background:#000000e6;border-radius:6px;color:#fff;content:attr(title);font-size:.8rem;margin-bottom:5px;padding:8px 12px;white-space:nowrap}.invoice-table .grid-input[title]:hover:after,.invoice-table .grid-input[title]:hover:before{bottom:100%;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:10000}.invoice-table .grid-input[title]:hover:before{border:5px solid #0000;border-top-color:#000000e6;content:"";margin-bottom:-5px}.invoice-table th[title]:hover:after{background:#fffffff2;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#2d3748;content:attr(title);font-size:.8rem;margin-bottom:5px;padding:8px 12px;white-space:nowrap}.invoice-table th[title]:hover:after,.invoice-table th[title]:hover:before{bottom:100%;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:10000}.invoice-table th[title]:hover:before{border:5px solid #0000;border-top-color:#fffffff2;content:"";margin-bottom:-5px}.header-cell{word-wrap:break-word;align-items:center;background:#0000;border-right:1px solid #fff3;color:#fff;display:flex;font-size:.7rem;justify-content:center;line-height:1.2;min-height:50px;overflow-wrap:break-word;padding:12px 6px;position:relative;text-align:center;z-index:10}.header-cell:last-child{border-right:none}.grid-row{border-bottom:1px solid #e2e8f0;display:grid;grid-template-columns:120px 100px 80px 80px 80px 100px 80px 100px 120px 80px 100px 80px 100px 80px 100px 80px 100px 100px 100px 100px 100px 80px;min-width:1400px;transition:background-color .2s ease}.grid-row:hover{background:#f8fafc}.grid-row:last-child{border-bottom:none}.grid-cell{align-items:center;border-right:1px solid #e2e8f0;box-sizing:border-box;display:flex;flex-shrink:0;justify-content:center;min-height:50px;overflow:visible;padding:6px 4px;position:relative}.grid-cell:nth-child(6),.grid-cell:nth-child(9){justify-content:flex-end;min-width:100px;padding-right:8px}.grid-cell:nth-child(6) .grid-input,.grid-cell:nth-child(9) .grid-input{color:#2d3748;font-weight:500;text-align:right}.grid-cell:nth-child(7),.grid-cell:nth-child(8){min-width:80px;padding-left:2px;padding-right:2px}.grid-cell:nth-child(7) .grid-input,.grid-cell:nth-child(8) .grid-input{font-size:.65rem;padding:3px 2px}.grid-cell:last-child{border-right:none}.grid-input{border:1px solid #e2e8f0;border-radius:4px;box-sizing:border-box;font-family:Courier New,monospace;font-size:.7rem;line-height:1.2;min-width:0;overflow:visible;padding:4px;text-align:center;transition:all .2s ease;width:100%}.grid-input:focus{background:#f0f4ff;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none;transform:scale(1.02)}.grid-input:read-only{background:#f7fafc;color:#718096;cursor:not-allowed}.actions-cell{align-items:center;display:flex;justify-content:center}.remove-item-btn{background:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 8px;transition:all .2s ease}.remove-item-btn:hover{background:#c53030;transform:scale(1.1)}.grid-dropdown{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #00000026;left:0;margin-top:2px;max-height:200px;min-width:250px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10001}.grid-dropdown .dropdown-item{border-bottom:1px solid #f1f5f9;cursor:pointer;padding:10px 12px;transition:all .2s ease}.grid-dropdown .dropdown-item:hover{background:#f8fafc}.grid-dropdown .dropdown-item:last-child{border-bottom:none}.empty-state{color:#718096;padding:60px 20px}.empty-icon{font-size:48px;margin-bottom:20px}.empty-state p{font-size:1.1rem}.action-buttons-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:30px}.action-container{display:flex;gap:20px;justify-content:center}.post-to-fbr-btn,.reset-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:12px;justify-content:center;min-width:160px;padding:16px 32px;transition:all .3s ease}.post-to-fbr-btn{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 4px 15px #48bb784d;color:#fff}.post-to-fbr-btn:hover:not(:disabled){box-shadow:0 6px 20px #48bb7866;transform:translateY(-2px)}.post-to-fbr-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.reset-btn{background:linear-gradient(135deg,#f56565,#e53e3e);box-shadow:0 4px 15px #f565654d}.reset-btn:hover:not(:disabled){box-shadow:0 6px 20px #f5656566;transform:translateY(-2px)}.reset-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:1200px){.form-grid{gap:30px;grid-template-columns:1fr}.items-grid{overflow-x:auto}.grid-header,.grid-row{min-width:1400px}}@media (max-width:768px){.grid-header,.grid-row{min-width:1200px}.grid-input{font-size:.65rem;padding:3px 4px}}@media (max-width:480px){.grid-header,.grid-row{min-width:1000px}.grid-input{font-size:.6rem;padding:2px 3px}}@media (max-width:768px){.sale-tax-invoice-container{padding:15px}.action-buttons-section,.invoice-form-section,.invoice-header,.invoice-items-section{border-radius:16px;padding:20px}.header-text h1{font-size:2rem}.form-title{font-size:1.5rem}.items-title{font-size:1.4rem}.action-container{align-items:center;flex-direction:column}.post-to-fbr-btn,.reset-btn{max-width:300px;width:100%}}@media (max-width:480px){.header-left{flex-direction:column;gap:15px;text-align:center}.header-icon{font-size:20px;height:50px;width:50px}.header-text h1{font-size:1.8rem}.buyer-header{align-items:stretch;flex-direction:column;gap:15px}.buyer-dropdown{margin-left:0}}.invoice-list-container{background-color:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.invoice-list-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 15px #0000001a;color:#fff;margin-bottom:30px;padding:20px;text-align:center}.invoice-list-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px}.invoice-list-header p{font-size:1.1rem;margin:0;opacity:.9}.filters-section{border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:25px}.filter-row{margin-bottom:20px}.filter-row:last-child{margin-bottom:0}.filter-input{background-color:#fff;border:2px solid #e1e5e9;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .3s ease}.filter-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-group{flex:1 1;min-width:300px}.filter-actions{gap:10px}.refresh-btn,.reset-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.reset-btn{background-color:#6c757d;color:#fff}.reset-btn:hover{background-color:#5a6268;transform:translateY(-1px)}.refresh-btn{background-color:#28a745}.refresh-btn:hover{background-color:#218838;transform:translateY(-1px)}.results-summary{background:#fff;border-radius:8px;box-shadow:0 1px 5px #0000001a;color:#666;font-weight:600;margin-bottom:20px;padding:15px 25px}.loading-indicator{color:#667eea;font-style:italic;font-weight:500}.invoices-list{display:flex;flex-direction:column;gap:25px}.invoice-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;overflow:hidden;transition:all .3s ease}.invoice-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.invoice-header{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:25px}.invoice-main-info h3{color:#2c3e50;font-size:1.5rem;font-weight:700;margin:0 0 8px}.invoice-date,.invoice-ref{color:#6c757d;font-size:.95rem;margin:5px 0}.invoice-status-section{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.fbr-invoice{color:#28a745;font-size:.9rem;font-weight:600;margin:0}.print-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.print-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.status-badge{font-size:.8rem;padding:6px 12px}.status-draft{background-color:#e9ecef;color:#6c757d}.status-unposted{background-color:#fff3cd;color:#856404}.status-posted{background-color:#d4edda;color:#155724}.status-failed{background-color:#f8d7da;color:#721c24}.status-cancelled{background-color:#f5c6cb;color:#721c24}.status-unknown{background-color:#e2e3e5;color:#383d41}.invoice-details{border-bottom:1px solid #dee2e6;padding:25px}.buyer-seller-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin-bottom:25px}.buyer-info h4,.invoice-summary h4{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 15px;padding-bottom:8px}.buyer-info p{color:#495057;font-size:.95rem;margin:8px 0}.buyer-info strong{color:#2c3e50;font-weight:600}.invoice-summary{background-color:#f8f9fa;border-radius:8px;padding:20px}.summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:10px}.summary-label{font-size:.9rem}.summary-value{color:#2c3e50;font-size:1rem}.invoice-items{padding:25px}.invoice-items h4{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 20px;padding-bottom:8px}.items-table-container{border:1px solid #dee2e6;border-radius:8px;overflow-x:auto}.items-table{background:#fff;border-collapse:collapse;font-size:.9rem;width:100%}.items-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:600;padding:12px 8px;text-align:left}.items-table td,.items-table th{color:#495057;white-space:nowrap}.items-table td{border-bottom:1px solid #e9ecef;padding:10px 8px}.items-table tr:hover{background-color:#f8f9fa}.items-table tr:last-child td{border-bottom:none}.fbr-error{background-color:#f8d7da;border-top:1px solid #f5c6cb;padding:20px 25px}.fbr-error h4{color:#721c24;font-size:1rem;font-weight:600;margin:0 0 10px}.error-message{color:#721c24;font-size:.9rem;line-height:1.4;margin:0}.error,.loading,.no-invoices{color:#6c757d;font-size:1.1rem;padding:60px 20px;text-align:center}.error{color:#dc3545}.retry-btn{background-color:#007bff;border-radius:6px;margin-top:20px;padding:10px 20px}.retry-btn:hover{background-color:#0056b3;transform:translateY(-1px)}@media (max-width:768px){.invoice-list-container{padding:15px}.filter-row{flex-direction:column;gap:15px}.filter-group,.search-group{min-width:100%}.invoice-header{flex-direction:column;gap:15px}.invoice-header,.invoice-status-section{align-items:flex-start}.summary-grid{grid-template-columns:1fr}.items-table{font-size:.8rem}.items-table td,.items-table th{padding:8px 6px}}@media (max-width:480px){.invoice-list-header h1{font-size:2rem}.invoice-list-header p{font-size:1rem}.filters-section,.invoice-details,.invoice-header,.invoice-items{padding:20px}}.analytics-container{background-color:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.analytics-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 32px #0000001a;color:#fff;margin-bottom:30px;padding:30px;text-align:center}.analytics-header h1{font-size:2.8rem;font-weight:700;margin:0 0 15px}.analytics-header p{font-size:1.2rem;margin:0;opacity:.9}.filters-section{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin-bottom:30px;padding:25px}.filter-row{align-items:end;display:flex;flex-wrap:wrap;gap:20px}.filter-group{display:flex;flex-direction:column;min-width:150px}.filter-group label{color:#333;font-size:.9rem;font-weight:600;margin-bottom:8px}.filter-input,.filter-select{background-color:#fff;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;padding:12px 15px;transition:all .3s ease}.filter-input:focus,.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-actions{align-items:end;display:flex;gap:15px}.export-btn,.refresh-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease}.refresh-btn{background:linear-gradient(135deg,#28a745,#20c997)}.export-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.export-btn:hover,.refresh-btn:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.dashboard-section{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin-bottom:30px;padding:30px}.dashboard-section h2{color:#2d3748;font-size:1.8rem;font-weight:600;margin:0 0 25px}.dashboard-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.metric-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;padding:25px;text-align:center;transition:all .3s ease}.metric-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.metric-card h3{color:#6c757d;font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.metric-value{color:#2d3748;font-size:2.2rem;font-weight:700;margin-bottom:10px}.metric-label{color:#6c757d;font-size:.9rem;font-weight:500}.buyer-summary-section{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin-bottom:30px;padding:30px}.buyer-summary-section h2{color:#2d3748;font-size:1.8rem;font-weight:600;margin:0 0 25px}.table-container{overflow-x:auto}.buyer-summary-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;width:100%}.buyer-summary-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.9rem;font-weight:600;padding:15px;text-align:left}.buyer-summary-table td{border-bottom:1px solid #e9ecef;font-size:.9rem;padding:15px}.buyer-summary-table tr:hover{background-color:#f8f9fa}.view-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .3s ease}.view-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.tax-report-section{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin-bottom:30px;padding:30px}.tax-report-section h2{color:#2d3748;font-size:1.8rem;font-weight:600;margin:0 0 25px}.tax-summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.tax-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.tax-card.highlight{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.tax-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-3px)}.tax-card h3{font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.tax-value{font-size:1.8rem;font-weight:700;margin-bottom:8px}.tax-label{font-size:.8rem;opacity:.8}.tax-details{background:#f8f9fa;border-radius:12px;margin-bottom:25px;padding:25px}.tax-details h3{color:#2d3748;font-size:1.4rem;font-weight:600;margin:0 0 20px}.tax-breakdown{display:flex;flex-direction:column;gap:12px}.breakdown-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;font-size:.95rem;justify-content:space-between;padding:12px 0}.breakdown-item:last-child{border-bottom:none}.breakdown-item.total{border-top:2px solid #28a745;color:#28a745;font-size:1.1rem;font-weight:700;padding-top:15px}.export-actions{text-align:center}.analytics-container .loading-spinner{align-items:center!important;background:#0000!important;color:inherit!important;display:flex!important;flex-direction:column!important;gap:24px!important;justify-content:center!important;min-height:60vh!important}.analytics-container .loading-spinner .spinner{animation:analyticsSpin 1s linear infinite!important;background:#0000!important;border:4px solid #6366f11a!important;border-left-color:#6366f1!important;border-radius:50%!important;box-shadow:none!important;display:block!important;height:48px!important;position:relative!important;transform:none!important;width:48px!important}@keyframes analyticsSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.analytics-container .loading-spinner p{background:#0000!important;color:#6b7280!important;font-size:18px!important;font-weight:500!important;margin:0!important}.error-message{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;padding:40px}.error-message h3{color:#e53e3e;margin-bottom:15px}.retry-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 25px;transition:all .3s ease}.retry-btn:hover{box-shadow:0 6px 20px #667eea4d;transform:translateY(-2px)}@media (max-width:768px){.analytics-container{padding:15px}.analytics-header h1{font-size:2.2rem}.filter-row{align-items:stretch;flex-direction:column}.filter-group{min-width:auto}.dashboard-grid,.tax-summary-grid{grid-template-columns:1fr}.buyer-summary-table{font-size:.8rem}.buyer-summary-table td,.buyer-summary-table th{padding:10px}.sales-chart-section{padding:20px}.chart-container{padding:15px}}@media (max-width:480px){.analytics-header{padding:20px}.analytics-header h1{font-size:1.8rem}.buyer-summary-section,.dashboard-section,.filters-section,.tax-report-section{padding:20px}.metric-value{font-size:1.8rem}.tax-value{font-size:1.5rem}.sales-chart-section{padding:20px}.chart-container{padding:15px}}.section-loading{animation:pulse 1.5s ease-in-out infinite;display:inline-block;font-size:1.2rem;margin-left:10px}.sales-chart-section{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin-bottom:30px;padding:30px}.sales-chart-section h2{align-items:center;color:#333;display:flex;font-size:1.8rem;gap:10px;margin-bottom:25px}.chart-container{background:#f8f9fa;border-radius:12px;padding:25px}.chart-header{margin-bottom:25px;text-align:center}.chart-info{display:flex;flex-direction:column;gap:8px}.chart-period{color:#667eea;font-size:1.3rem;font-weight:600}.chart-dates{color:#6c757d;font-size:1rem;font-style:italic}.chart-data{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.chart-bar{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:15px;padding:12px}.bar-label{color:#333;font-size:.9rem;font-weight:600;min-width:120px}.bar-container{background:#e9ecef;flex:1 1;height:30px;overflow:hidden}.bar-container,.bar-fill{border-radius:15px;position:relative}.bar-fill{height:100%;transition:width .8s ease-in-out}.sales-bar{background:linear-gradient(90deg,#667eea,#764ba2)}.bar-value{min-width:150px;text-align:right}.sales-amount{color:#28a745;font-size:1rem;font-weight:700}.invoice-count{color:#6c757d;font-size:.8rem;margin-top:2px}.chart-summary{grid-gap:20px;background:#fff;border:2px solid #e9ecef;border-radius:10px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:20px}.summary-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.summary-label{color:#495057;font-weight:600}.summary-value{color:#667eea;font-size:1.1rem;font-weight:700}.no-data-message{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;padding:40px;text-align:center}.no-data-message p{color:#6c757d;font-size:1.1rem;margin:10px 0}.no-data-message p:first-child{color:#495057;font-weight:600}@media (max-width:768px){.sales-chart-section{padding:20px}.chart-container{padding:15px}.chart-bar{flex-direction:column;gap:10px;text-align:center}.bar-label,.bar-value{min-width:auto}.bar-value{text-align:center}.chart-summary{grid-template-columns:1fr}}.analytics-loading-container{align-items:center!important;color:inherit!important;display:flex!important;flex-direction:column!important;gap:24px!important;height:auto!important;justify-content:center!important;min-height:60vh!important;overflow:visible!important;width:100%!important}.analytics-loading-container,.analytics-spinner{background:#0000!important;position:relative!important}.analytics-spinner{animation:analyticsSpinnerRotate 1s linear infinite!important;border:4px solid #6366f11a!important;border-left-color:#6366f1!important;border-radius:50%!important;box-shadow:none!important;display:block!important;height:48px!important;list-style:none!important;margin:0!important;outline:none!important;padding:0!important;text-decoration:none!important;transform:none!important;width:48px!important}@keyframes analyticsSpinnerRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.analytics-loading-text{background:#0000;color:#6b7280;direction:ltr!important;font-size:18px;font-weight:500;margin:0;text-align:center;text-orientation:mixed!important;transform:none!important;unicode-bidi:normal!important;writing-mode:horizontal-tb!important}.role-management-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:24px}.role-management-header{margin-bottom:48px}.role-management-header:after{background:linear-gradient(135deg,#f97316,#ea580c);border-radius:1px;bottom:-24px;content:"";height:2px;left:0;position:absolute;right:0}.add-role-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b981,#059669)!important;border:2px solid #10b98180!important;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.add-role-btn:hover{background:linear-gradient(135deg,#059669,#047857)!important;border-color:#10b981b3!important;box-shadow:0 8px 16px #0003;transform:translateY(-2px)}.add-role-btn svg{font-size:1rem}.role-management-form-section{margin-bottom:48px}.form-input,.form-textarea{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;color:#1e293b;font-size:1rem;font-weight:500;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-input:focus,.form-textarea:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none;transform:translateY(-2px)}.form-input:hover,.form-textarea:hover{background:#f1f5f9;border-color:#cbd5e1}.form-textarea{line-height:1.6;min-height:120px;resize:vertical}.roles-list-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a,0 8px 16px #00000014;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.roles-list-section:hover{box-shadow:0 25px 50px #00000026,0 12px 20px #0000001a;transform:translateY(-4px)}@media (max-width:768px){.role-management-container{padding:16px}.form-grid{gap:24px;grid-template-columns:1fr}.form-actions{align-items:stretch;flex-direction:column;gap:16px}.cancel-btn,.submit-btn{justify-content:center;width:100%}.modal-content{margin:16px;max-width:calc(100vw - 32px)}.form-container,.roles-list-section{padding:24px}.form-title,.header-title,.list-title{font-size:1.5rem}}.user-management-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:24px}.user-management-header{margin-bottom:48px}.user-management-header:after{background:linear-gradient(135deg,#f97316,#ea580c);border-radius:1px;bottom:-24px;content:"";height:2px;left:0;position:absolute;right:0}.add-user-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b981,#059669)!important;border:2px solid #10b98180!important;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.add-user-btn:hover{background:linear-gradient(135deg,#059669,#047857)!important;border-color:#10b981b3!important;box-shadow:0 8px 16px #0003;transform:translateY(-2px)}.add-user-btn svg{font-size:1rem}.user-management-form-section{margin-bottom:48px}.form-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:32px}.form-label{color:#1e293b;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.label-icon{color:#6366f1;font-size:1rem}.form-input,.form-textarea,select.form-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;color:#1e293b;font-size:1rem;font-weight:500;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-input:focus,.form-textarea:focus,select.form-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none;transform:translateY(-2px)}.form-input:hover,.form-textarea:hover,select.form-input:hover{background:#f1f5f9;border-color:#cbd5e1}.form-input:read-only{background:#f1f5f9}.form-input:read-only:hover{background:#e2e8f0}.dropdown-list{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 40px #00000026;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:16px 20px;transition:all .2s ease}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#f8fafc;transform:translateX(4px)}.dropdown-item.disabled{background:#f8fafc;opacity:.6}.dropdown-item.disabled:hover{transform:none}.dropdown-item-code{color:#6366f1;font-size:.875rem}.dropdown-item-desc{color:#64748b;font-size:.875rem}.form-actions{align-items:center;border-top:2px solid #f1f5f9;gap:20px;padding-top:20px}.submit-btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:12px;justify-content:center;letter-spacing:.05em;min-width:160px;padding:16px 32px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.submit-btn.add-mode{border:2px solid #10b98180;box-shadow:0 8px 25px #10b9814d;color:#fff}.submit-btn.edit-mode{background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #3b82f680;box-shadow:0 8px 25px #3b82f64d;color:#fff}.submit-btn:hover{box-shadow:0 12px 35px #0003;transform:translateY(-4px)}.submit-btn:active{transform:translateY(-2px)}.submit-btn:disabled{transform:none}.cancel-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:16px;box-shadow:0 8px 25px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:12px;letter-spacing:.05em;padding:16px 28px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.cancel-btn:hover{box-shadow:0 12px 35px #ef444466;transform:translateY(-4px)}.cancel-btn:active{transform:translateY(-2px)}.users-list-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a,0 8px 16px #00000014;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.users-list-section:hover{box-shadow:0 25px 50px #00000026,0 12px 20px #0000001a;transform:translateY(-4px)}.list-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1e293b;display:flex;font-size:1.75rem;font-weight:700;gap:16px;margin:0 0 32px}.list-icon{color:#6366f1;font-size:1.5rem}.empty-state{color:#64748b;padding:80px 20px}.empty-icon{color:#cbd5e0;font-size:5rem;margin-bottom:24px;opacity:.6}.empty-state p{color:#64748b;font-size:1.125rem;font-weight:500}.loading-spinner{height:20px;width:20px}@media (max-width:768px){.user-management-container{padding:16px}.form-grid{gap:24px;grid-template-columns:1fr}.form-actions{align-items:stretch;flex-direction:column;gap:16px}.cancel-btn,.submit-btn{justify-content:center;width:100%}.modal-content{margin:16px;max-width:calc(100vw - 32px)}.form-container,.users-list-section{padding:24px}.form-title,.header-title,.list-title{font-size:1.5rem}}.customer-management-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow:visible;padding:24px;position:relative;z-index:1}.customer-management-header{margin-bottom:48px}.customer-management-header:after{background:linear-gradient(135deg,#f97316,#ea580c);border-radius:1px;bottom:-24px;content:"";height:2px;left:0;position:absolute;right:0}.add-customer-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b981,#059669)!important;border:2px solid #10b98180!important;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.add-customer-btn:hover{background:linear-gradient(135deg,#059669,#047857)!important;border-color:#10b981b3!important;box-shadow:0 8px 16px #0003;transform:translateY(-2px)}.add-customer-btn svg{font-size:1rem}.customer-management-form-section{margin-bottom:48px}.form-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a,0 8px 16px #00000014;overflow:visible;padding:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-container:hover{box-shadow:0 25px 50px #00000026,0 12px 20px #0000001a;transform:translateY(-4px)}.form-header{margin-bottom:32px;text-align:center}.form-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;display:flex;font-size:2rem;font-weight:700;gap:16px;justify-content:center;margin:0}.form-icon{color:#667eea;font-size:2.5rem}.customer-form{display:flex;flex-direction:column;gap:24px}.form-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;min-height:80px;position:relative}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1/-1}.form-group label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:8px}.form-group input,.form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e5e7eb;border-radius:12px;font-size:.875rem;padding:12px 16px;position:relative;transition:all .3s ease;z-index:1}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-1px)}.form-group textarea{min-height:80px;resize:vertical}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:12px;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{display:none}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#667eea;border-color:#667eea}.checkbox-label input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.unassigned-option .option-text{color:#92400e}.unassigned-option .option-description{color:#b45309}.form-actions{display:flex;gap:16px;justify-content:center;margin-top:16px}.cancel-btn,.submit-btn{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea80;color:#fff}.submit-btn:hover:not(:disabled){box-shadow:0 8px 16px #667eea4d;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-btn{background:#fff;border-color:#d1d5db;color:#6b7280}.cancel-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;transform:translateY(-2px)}.cancel-btn:disabled{cursor:not-allowed;opacity:.6}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}.submit-btn.edit-mode{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.submit-btn.edit-mode:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.submit-btn.add-mode{background:linear-gradient(135deg,#10b981,#059669)}.submit-btn.add-mode:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.customers-table-section{margin-bottom:48px;position:relative;z-index:1}.table-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a,0 8px 16px #00000014;padding:32px;position:relative;z-index:1}.table-header{border-bottom:2px solid #f3f4f6;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.table-header,.table-title{align-items:center;display:flex}.table-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#374151,#6b7280);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;gap:12px;margin:0}.table-title svg{color:#667eea}.table-stats{display:flex;gap:16px}.stat-item{align-items:center;border-radius:8px;display:flex;font-size:.875rem;gap:8px;padding:8px 16px}.stat-item svg{font-size:1rem}.status-badge{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-badge.active{background:#10b9811a;color:#10b981}.status-badge.inactive{background:#6b72801a;color:#6b7280}.user-badge{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.user-badge.assigned{background:#3b82f61a;color:#3b82f6}.user-badge.unassigned{background:#6b72801a;color:#6b7280}.fbr-token-display{background:#3b82f61a;border:1px solid #3b82f633;border-radius:20px;color:#3b82f6;font-family:Courier New,monospace;font-size:.75rem;font-weight:600;padding:4px 12px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 25px 60px #0000004d,0 12px 24px #0003;max-width:500px;overflow:hidden;width:100%}.modal-header{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;justify-content:space-between;padding:28px 32px}.modal-header h3{font-size:1.5rem;font-weight:700;letter-spacing:.05em;margin:0;text-transform:uppercase}.modal-close{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-close:hover{background:#fff3;transform:scale(1.1)}.modal-body{color:#1e293b;font-size:1rem;line-height:1.7;padding:32px}.modal-body p{color:#475569;margin:0 0 16px}.modal-body p:last-child{margin-bottom:0}.modal-footer{background:#f8fafc;border-top:2px solid #f1f5f9;display:flex;gap:16px;justify-content:flex-end;padding:24px 32px}.btn{border:none;border-radius:12px;cursor:pointer;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:14px 28px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 4px 15px #64748b4d;color:#fff}.btn-secondary:hover{background:linear-gradient(135deg,#475569,#334155);box-shadow:0 6px 20px #64748b66;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d;color:#fff}.btn-danger:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.search-dropdown{width:100%}.search-dropdown[data-type=province]{z-index:1000}.search-dropdown[data-type=assignedUser]{z-index:1001}.search-dropdown{position:relative;z-index:10}.form-group:has(.search-dropdown){position:relative;z-index:10}.search-dropdown .dropdown-list{animation:dropdownSlideIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e5e7eb;border-radius:0 0 12px 12px;border-top:none;box-shadow:0 8px 25px #0000001a,0 4px 10px #0000000d;box-sizing:border-box;display:block;left:0;max-height:250px;max-width:100%;overflow-y:auto;pointer-events:auto;position:absolute;right:0;top:100%;transform:translateZ(0);z-index:9999}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.search-dropdown .dropdown-item{border-bottom:1px solid #f3f4f6;cursor:pointer;font-size:.875rem;overflow:hidden;padding:12px 16px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.search-dropdown .dropdown-item:last-child{border-bottom:none}.search-dropdown .dropdown-item:before{background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.search-dropdown .dropdown-item:hover:before{left:100%}.search-dropdown .dropdown-item:hover{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);box-shadow:0 2px 8px #4f46e526;color:#4f46e5;transform:translateX(4px)}.search-dropdown .dropdown-item:active{transform:translateX(2px) scale(.98);transition:all .1s ease}.search-dropdown .dropdown-item.disabled{background:#f8fafc;cursor:not-allowed;opacity:.6}.search-dropdown .dropdown-item.disabled:hover{transform:none}.dropdown-search-section{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #f3f4f6;padding:12px 16px}.dropdown-search-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;padding:10px 12px;transition:all .2s ease;width:100%}.dropdown-search-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.dropdown-item-code{color:#1f2937;font-weight:600;margin-bottom:2px}.dropdown-item-desc{color:#4b5563;font-size:.75rem;line-height:1.2}.dropdown-item.disabled{cursor:not-allowed}.dropdown-item.disabled,.dropdown-item.disabled:hover{background:#f9fafb;color:#9ca3af}.dropdown-item.unassigned-option{background:#fef3c7;border-left:3px solid #f59e0b}.dropdown-item.unassigned-option:hover{background:#fde68a}.search-dropdown[data-type=province] .dropdown-item:hover{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669;transform:translateX(5px)}.search-dropdown[data-type=assignedUser] .dropdown-item:hover{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;transform:translateX(5px)}.search-dropdown[data-type=assignedUser] .dropdown-item.unassigned-option{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:3px solid #f59e0b}.search-dropdown[data-type=assignedUser] .dropdown-item.unassigned-option:hover{background:linear-gradient(135deg,#fde68a,#fbbf24);transform:translateX(5px)}.dropdown-portal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 30px #00000026,0 6px 15px #0000001a;max-height:300px;overflow-y:auto;pointer-events:auto;position:fixed;transform:translateZ(0);z-index:999999}.dropdown-portal .dropdown-search-section{background:#f9fafb;border-bottom:1px solid #f3f4f6;padding:16px}.dropdown-portal .dropdown-search-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;padding:10px 12px;position:relative;width:100%;z-index:1000000}.dropdown-portal .dropdown-search-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.dropdown-portal .dropdown-item{border-bottom:1px solid #f3f4f6;cursor:pointer;font-size:.875rem;overflow:hidden;padding:12px 16px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.dropdown-portal .dropdown-item:last-child{border-bottom:none}.dropdown-portal .dropdown-item:before{background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.dropdown-portal .dropdown-item:hover:before{left:100%}.dropdown-portal .dropdown-item:hover{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);box-shadow:0 2px 8px #4f46e526;color:#4f46e5;transform:translateX(4px)}.dropdown-portal .dropdown-item:active{transform:translateX(2px) scale(.98);transition:all .1s ease}.dropdown-portal .dropdown-item.disabled{background:#f8fafc;cursor:not-allowed;opacity:.6}.dropdown-portal .dropdown-item.disabled:hover{transform:none}.dropdown-portal .dropdown-item-code{color:#1f2937;font-weight:600;margin-bottom:2px}.dropdown-portal .dropdown-item-desc{color:#4b5563;font-size:.75rem;line-height:1.2}.dropdown-portal .dropdown-item.unassigned-option{background:#fef3c7;border-left:3px solid #f59e0b}.dropdown-portal .dropdown-item.unassigned-option:hover{background:#fde68a}.dropdown-portal[data-type=province] .dropdown-item:hover{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669;transform:translateX(5px)}.dropdown-portal[data-type=assignedUser] .dropdown-item:hover{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;transform:translateX(5px)}.dropdown-portal[data-type=assignedUser] .dropdown-item.unassigned-option{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:3px solid #f59e0b}.dropdown-portal[data-type=assignedUser] .dropdown-item.unassigned-option:hover{background:linear-gradient(135deg,#fde68a,#fbbf24);transform:translateX(5px)}.form-input{font-size:.875rem;padding:12px 16px}.form-input:read-only{background-color:#f9fafb;cursor:pointer}@media (max-width:768px){.customer-management-container{padding:16px}.form-row{gap:16px;grid-template-columns:1fr}.form-actions,.table-header{flex-direction:column}.table-header{align-items:flex-start;gap:16px}.delete-confirmation-modal{margin:16px;padding:24px}.delete-confirmation-actions{flex-direction:column}}@media (max-width:480px){.form-container,.table-container{padding:24px 16px}.form-title{font-size:1.5rem}.header-title{font-size:1.75rem}}.role-entitlement-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:24px}.role-entitlement-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a,0 8px 16px #00000014;margin-bottom:24px;padding:32px}.header-content{justify-content:space-between}.header-content,.header-left{align-items:center;display:flex}.header-left{gap:20px}.header-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 24px #667eea4d;color:#fff;display:flex;font-size:2rem;height:64px;justify-content:center;width:64px}.header-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#374151,#6b7280);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:-.025em;margin:0 0 8px}.header-subtitle{color:#6b7280;font-size:1.125rem;font-weight:500;margin:0}.header-actions{display:flex;gap:16px}.refresh-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:16px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:12px;padding:14px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.refresh-btn:hover:not(:disabled){box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.role-entitlement-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 2fr;height:calc(100vh - 200px)}.roles-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a,0 8px 16px #00000014;display:flex;flex-direction:column;overflow:hidden;padding:24px}.section-header{border-bottom:2px solid #f3f4f6;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.section-header,.section-title{align-items:center;display:flex}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#374151,#6b7280);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700;gap:12px;margin:0}.section-icon{color:#667eea}.unsaved-indicator{animation:pulse 2s infinite;color:#f59e0b;font-size:.875rem;font-weight:600;margin-left:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.section-stats{display:flex;gap:12px}.stat-item{background:#667eea1a;border-radius:12px;color:#667eea;font-size:.75rem;font-weight:600;padding:6px 12px}.roles-list{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto}.role-item{align-items:center;background:#f9fafb;border:2px solid #0000;border-radius:16px;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.role-item:hover{background:#f3f4f6;box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.role-item.selected{background:#667eea1a;border-color:#667eea;box-shadow:0 4px 20px #667eea33}.role-info{flex:1 1}.role-name{color:#374151;font-weight:600;margin-bottom:4px}.role-permissions-count{color:#6b7280;font-size:.75rem}.role-status{align-items:center;display:flex}.selected-icon{color:#667eea;font-size:1.125rem}.permissions-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a,0 8px 16px #00000014;display:flex;flex-direction:column;overflow:hidden;padding:24px}.action-buttons,.save-btn{align-items:center;display:flex;gap:12px}.save-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 15px #3b82f64d}.discard-btn,.save-btn{border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.discard-btn{align-items:center;background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 15px #6b72804d;display:flex;gap:12px}.save-btn:hover:not(:disabled){box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.discard-btn:hover:not(:disabled){box-shadow:0 8px 25px #6b728066;transform:translateY(-2px)}.discard-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.6}.search-section{margin-bottom:24px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#9ca3af;font-size:1rem;left:16px;position:absolute}.search-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:.875rem;padding:14px 16px 14px 48px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.screens-list{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto}.screen-item{align-items:center;background:#f9fafb;border:2px solid #0000;border-radius:16px;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.screen-item:hover{background:#f3f4f6;border-color:#e5e7eb}.screen-info{flex:1 1}.screen-name{color:#374151;font-size:1rem;font-weight:600;margin-bottom:4px}.screen-description{color:#6b7280;font-size:.875rem;line-height:1.4}.permission-toggle{margin-left:20px}.toggle-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;min-width:100px;padding:10px 16px;transition:all .3s ease}.toggle-btn.enabled{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.toggle-btn.enabled:hover{box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.toggle-btn.disabled{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d;color:#fff}.toggle-btn.disabled:hover{box-shadow:0 8px 25px #ef444466;transform:translateY(-2px)}.no-role-selected{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.no-role-icon{color:#d1d5db;font-size:4rem;margin-bottom:24px}.no-role-selected h3{color:#374151;font-size:1.5rem;font-weight:600;margin:0 0 12px}.no-role-selected p{font-size:1rem;line-height:1.5;margin:0}.loading-container{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:48px 24px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #667eea4d;border-radius:50%;border-top-color:#667eea;height:32px;margin-bottom:16px;width:32px}.empty-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.empty-icon{color:#d1d5db;font-size:3rem;margin-bottom:16px}.empty-state p{font-size:.875rem;line-height:1.5;margin:0}@media (max-width:1024px){.role-entitlement-content{gap:16px;grid-template-columns:1fr}.role-entitlement-container{padding:16px}.header-content{flex-direction:column;gap:20px;text-align:center}.header-text h1{font-size:2rem}.action-buttons{flex-direction:column;gap:8px}.discard-btn,.save-btn{justify-content:center;width:100%}}@media (max-width:768px){.role-entitlement-header{padding:24px}.header-icon{font-size:1.5rem;height:48px;width:48px}.header-text h1{font-size:1.75rem}.header-subtitle{font-size:1rem}.screen-item{align-items:flex-start;flex-direction:column;gap:16px}.permission-toggle{margin-left:0;width:100%}.toggle-btn{width:100%}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.login-background{max-width:450px;position:relative;width:100%}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 25px 50px #00000026,0 10px 20px #0000001a;overflow:hidden;padding:48px 40px;position:relative}.login-card:before{animation:gradientShift 3s ease infinite;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.login-header{margin-bottom:40px;text-align:center}.logo-container{flex-direction:column;margin-bottom:24px}.logo-container,.logo-icon{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 24px #667eea4d;color:#fff;font-size:2.5rem;height:80px;justify-content:center;margin-bottom:20px;width:80px}.app-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#374151,#6b7280);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;letter-spacing:-.025em;margin:0}.login-subtitle{color:#6b7280;font-size:1.125rem;font-weight:500;margin:0}.login-form{margin-bottom:32px}.error-message{animation:slideIn .3s ease;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;box-shadow:0 4px 15px #ef44444d;color:#fff;font-weight:500;margin-bottom:24px;padding:16px;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:24px}.form-label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:12px;margin-bottom:8px}.input-icon{color:#667eea;font-size:1rem}.form-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-size:1rem;padding:16px 20px;transition:all .3s ease;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-1px)}.form-input:disabled{opacity:.7}.password-input-wrapper{position:relative}.password-input{padding-right:60px}.password-toggle{background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;padding:8px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .3s ease}.password-toggle:hover:not(:disabled){background:#667eea1a;color:#667eea}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.form-options{margin-bottom:32px}.checkbox-container{align-items:center;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;gap:12px;-webkit-user-select:none;user-select:none}.checkbox-container input[type=checkbox]{display:none}.checkmark{background:#fff;border:2px solid #d1d5db;border-radius:6px;height:20px;position:relative;transition:all .3s ease;width:20px}.checkbox-container input[type=checkbox]:checked+.checkmark{background:#667eea;border-color:#667eea}.checkbox-container input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-container:hover .checkmark{border-color:#667eea}.login-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;justify-content:center;padding:16px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.login-button:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-footer{border-top:1px solid #f3f4f6;padding-top:24px;text-align:center}.footer-text{color:#9ca3af;font-size:.875rem;font-weight:500;margin:0}@media (max-width:480px){.login-card{padding:32px 24px}.logo-icon{font-size:2rem;height:64px;width:64px}.app-title{font-size:1.75rem}.login-subtitle{font-size:1rem}.form-input{font-size:.875rem;padding:14px 16px}.login-button{font-size:.875rem;padding:14px 20px}}.form-input:disabled{background:#f9fafb;cursor:not-allowed}.login-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.form-input:focus-visible{outline:2px solid #667eea;outline-offset:2px}.login-button:focus-visible{outline:2px solid #667eea;outline-offset:2px}.form-group{animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(20px)}.form-group:first-child{animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group:nth-child(3){animation-delay:.3s}.form-group:nth-child(4){animation-delay:.4s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.62ef687e.css.map*/