@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);@import url(https://fonts.googleapis.com/icon?family=Material+Icons);.login-page{align-items:center;background:#eef0f2;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative}.cursor-glow{background:radial-gradient(circle,#8100550f 0,#0000 70%);border-radius:50%;height:250px;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:left .15s ease-out,top .15s ease-out;width:250px;z-index:0}.login-card{background:#fff;border-radius:16px;box-shadow:0 4px 40px #00000012;display:grid;grid-template-columns:1fr 1fr;max-width:920px;min-height:540px;overflow:hidden;width:100%}.login-left{background:#f7f7f8;border-right:1px solid #ececec;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:48px 40px 32px;position:relative}.login-left:before{background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary),#0000);content:"";height:3px;left:0;opacity:.5;position:absolute;right:0;top:0}.login-left:after{border:1px solid #8100550f;border-radius:50%;bottom:-60px;content:"";height:200px;position:absolute;right:-60px;width:200px}.login-left-content{display:flex;flex-direction:column}.login-logo{align-self:flex-start;height:32px;margin-bottom:40px;opacity:.8;width:auto}.login-headline{color:#555;font-family:var(--font-primary);font-size:1.65rem;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.login-subtitle{color:#777;font-family:var(--font-primary);font-size:.9rem;font-weight:400;margin:0 0 44px}.login-features{display:flex;flex-direction:column;gap:16px}.login-feature{align-items:center;border-radius:8px;color:#666;display:flex;font-family:var(--font-primary);font-size:.85rem;font-weight:400;gap:14px;padding:8px 12px;transition:background .2s ease}.login-feature:hover{background:#81005508}.login-feature-icon{color:var(--brand-primary);font-size:20px;opacity:.65}.login-left-footer{color:#aaa;font-family:var(--font-primary);font-size:.7rem;letter-spacing:1px;margin-top:40px;text-transform:uppercase}.login-right{align-items:center;display:flex;justify-content:center;padding:48px 44px}.login-right-inner{max-width:320px;width:100%}.login-header{margin-bottom:32px}.login-header h2{color:#555;font-family:var(--font-primary);font-size:1.4rem;font-weight:600;letter-spacing:-.3px;margin:0 0 6px}.login-header p{color:#888;font-family:var(--font-primary);font-size:.84rem;font-weight:400;margin:0}.login-tabs{border-bottom:1px solid #e8e8e8;display:flex;gap:0;margin-bottom:28px}.login-tab{background:none;border:none;color:#999;cursor:pointer;flex:1 1;font-family:var(--font-primary);font-size:.82rem;font-weight:500;padding:10px 0;position:relative;transition:color .2s ease}.login-tab:after{background:var(--brand-primary);border-radius:2px;bottom:-1px;content:"";height:2px;left:16%;opacity:0;position:absolute;right:16%;transition:opacity .2s ease}.login-tab.active{color:#666}.login-tab.active:after{opacity:1}.login-tab:hover:not(.active){color:#888}.login-error{background:#fef2f2;border:1px solid #fde8e8;border-radius:8px;color:#b44;font-family:var(--font-primary);font-size:.8rem;margin-bottom:20px;padding:10px 14px;text-align:center}.login-body{gap:18px}.login-body,.login-field{display:flex;flex-direction:column}.login-field{gap:6px}.login-field label{color:#666;font-family:var(--font-primary);font-size:.76rem;font-weight:500;letter-spacing:.3px}.login-field input{background:#fafbfc;border:1px solid #e2e2e2;border-radius:8px;color:#555;font-family:var(--font-primary);font-size:.88rem;padding:11px 14px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.login-field input:focus{background:#fff;border-color:var(--brand-primary);box-shadow:0 0 0 3px #8100550d;outline:none}.login-field input::placeholder{color:#aaa}.login-submit{background:var(--brand-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:var(--font-primary);font-size:.88rem;font-weight:600;letter-spacing:.2px;margin-top:6px;padding:12px;transition:all .2s ease}.login-submit:hover:not(:disabled){background:var(--brand-secondary);box-shadow:0 4px 16px #81005529}.login-submit:active:not(:disabled){transform:scale(.99)}.login-submit:disabled{cursor:not-allowed;opacity:.4}.azure-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:flex;font-family:var(--font-primary);font-size:.88rem;font-weight:500;gap:10px;justify-content:center;padding:12px 20px;transition:all .2s ease;width:100%}.azure-btn:hover{background:#f8f8f8;border-color:#ccc;box-shadow:0 2px 10px #0000000d}.azure-btn:active{transform:scale(.99)}.login-hint{color:#999;font-family:var(--font-primary);font-size:.76rem;margin:0;text-align:center}.login-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffff8c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.login-spinner{animation:login-spin .7s linear infinite;border:3px solid #e8e8e8;border-radius:50%;border-top:3px solid var(--brand-primary);height:30px;width:30px}@keyframes login-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.login-card{grid-template-columns:1fr;max-width:440px;min-height:auto}.login-left{border-bottom:1px solid #ececec;border-right:none;padding:32px 32px 24px}.login-logo{margin-bottom:20px}.login-headline{font-size:1.3rem}.login-subtitle{margin-bottom:20px}.login-features,.login-left-footer{display:none}.login-right{padding:32px}.login-right-inner{max-width:100%}}.navbar{align-items:center;background:var(--white);box-shadow:var(--shadow-medium);display:flex;padding:.5rem 2rem}.top-nav{height:56px;left:0;position:fixed;top:0;width:100%;z-index:1000}.nav-brand-section{align-items:center;display:flex;gap:15px}.navbar-brand{align-items:center;color:var(--brand-primary);display:flex;font-family:var(--font-primary);font-size:1.2rem;font-weight:600;gap:8px;text-decoration:none;transition:all .3s ease}.navbar-brand:hover{color:var(--brand-secondary)}.header-logo{border-right:1.5px solid var(--border-grey);height:28px;margin-right:12px;padding-right:12px;width:auto}.navbar-nav-section,.user-section{align-items:center;display:flex;margin-left:auto}.user-section{gap:8px;position:relative}.username{color:var(--brand-primary);font-family:var(--font-primary);font-size:14px;font-weight:500}.user-menu-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--brand-primary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.user-menu-button:hover{background:var(--background-grey)}.user-avatar-svg{color:var(--brand-primary);height:20px;width:20px}.user-menu{animation:slideDown .3s ease;background:var(--white);border:1px solid var(--border-grey);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-heavy);min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);z-index:1002}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu ul{list-style:none;margin:0;padding:10px 0}.user-menu li{margin:0}.user-menu .menu-item{align-items:center;background:none;border:none;color:var(--text-dark);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:14px;gap:10px;padding:15px 20px;text-align:left;transition:all .3s ease;width:100%}.user-menu .menu-item:hover{background:var(--background-grey);color:var(--brand-primary)}.user-menu .menu-item.logout:hover{background:#f652661a;color:var(--danger-color)}.menu-item-icon{flex-shrink:0;height:16px;width:16px}.sidebar{background:var(--white);border-right:1px solid var(--border-grey);box-shadow:2px 0 8px #0000000f;height:calc(100% - 56px);left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:56px;transition:width .25s cubic-bezier(.4,0,.2,1);width:60px;z-index:999}.sidebar.expanded{box-shadow:4px 0 20px #0000001f;width:260px}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#81005533;border-radius:4px}.sidebar-nav{list-style:none;margin:0;padding:8px 0}.sidebar-item{margin:0}.sidebar-link{align-items:center;background:none;border:none;color:var(--text-dark);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:13px;font-weight:500;height:46px;padding:0;position:relative;transition:all .2s ease;white-space:nowrap;width:100%}.sidebar-link:before{background:var(--brand-primary);border-radius:0 3px 3px 0;bottom:4px;content:"";left:0;opacity:0;position:absolute;top:4px;transition:opacity .2s ease;width:3px}.sidebar-link:hover{background:#8100550f;color:var(--brand-primary)}.sidebar-link.active{background:#8100551a;color:var(--brand-primary);font-weight:600}.sidebar-link.active:before{opacity:1}.sidebar-icon{color:var(--brand-primary);font-size:22px;min-width:60px;opacity:.7;text-align:center;transition:all .2s ease}.sidebar-link.active .sidebar-icon,.sidebar-link:hover .sidebar-icon{opacity:1}.sidebar-label{flex:1 1;opacity:0;text-align:left;transition:opacity .2s ease .05s}.sidebar.expanded .sidebar-label{opacity:1}.sidebar-arrow{font-size:18px;margin-right:12px;opacity:0;transition:transform .25s ease,opacity .2s ease}.sidebar.expanded .sidebar-arrow{opacity:.6}.sidebar-arrow.expanded{transform:rotate(180deg)}.sidebar-submenu{background:#81005508;border-bottom:1px solid #8100550f;border-top:1px solid #8100550f;list-style:none;margin:0;padding:2px 0}.sidebar-sublink{align-items:center;background:none;border:none;color:var(--text-dark);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:12.5px;font-weight:400;height:40px;padding:0;transition:all .2s ease;white-space:nowrap;width:100%}.sidebar-sublink:hover{background:#81005514;color:var(--brand-primary)}.sidebar-subicon{color:var(--brand-secondary);font-size:18px;min-width:60px;opacity:.6;text-align:center}.sidebar-sublink:hover .sidebar-subicon{opacity:1}.sidebar-sublabel{opacity:0;transition:opacity .2s ease .05s}.sidebar.expanded .sidebar-sublabel{opacity:1}.hamburger-btn{align-items:center;background:var(--brand-primary);border:none;border-radius:8px;box-shadow:0 4px 15px #8100554d;color:var(--white);cursor:pointer;display:none;justify-content:center;padding:6px;transition:all .3s ease}.hamburger-btn:hover{background:var(--brand-secondary);transform:scale(1.1)}.hamburger-btn svg{display:block}.hamburger-menu{display:none;position:fixed;z-index:1001}.hamburger-menu,.hamburger-overlay{height:100%;left:0;top:0;width:100%}.hamburger-overlay{background:#00000080;position:absolute}.hamburger-content{animation:slideInLeft .4s cubic-bezier(.25,.46,.45,.94);background:var(--white);box-shadow:var(--shadow-heavy);height:100%;left:0;overflow-y:auto;position:absolute;top:0;width:280px}.hamburger-header{align-items:center;background:var(--background-grey);border-bottom:1px solid var(--border-grey);color:var(--brand-primary);display:flex;justify-content:space-between;padding:20px}.hamburger-title{font-family:var(--font-primary);font-size:1.2rem;font-weight:600}.hamburger-close{align-items:center;background:none;border:none;color:var(--brand-primary);cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;width:30px}.hamburger-nav{list-style:none;margin:0;padding:20px 0}.hamburger-nav li{margin:0}.hamburger-link{align-items:center;background:none;border:none;color:var(--text-dark);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:14px;font-weight:500;justify-content:space-between;padding:12px 20px;text-align:left;transition:all .3s ease;width:100%}.hamburger-link-content{align-items:center;display:flex;gap:12px}.menu-icon{color:var(--brand-primary);font-size:20px;opacity:.7}.hamburger-link.active .menu-icon{color:var(--white);opacity:1}.submenu-arrow{font-size:.8rem;transition:transform .3s ease}.submenu-arrow.expanded{transform:rotate(180deg)}.hamburger-link:hover{background:var(--background-grey);color:var(--brand-primary);transform:translateX(5px)}.hamburger-link.active{background:var(--brand-primary);color:var(--white)}.submenu{background:var(--background-grey);border-top:1px solid var(--border-grey);list-style:none;margin:0;padding:0}.submenu-link{align-items:center;background:none;border:none;color:var(--text-dark);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:13px;font-weight:400;gap:10px;padding:10px 20px 10px 40px;text-align:left;transition:all .3s ease;width:100%}.submenu-icon{color:var(--brand-secondary);font-size:16px;opacity:.6}.submenu-link:hover{background:#8100551a;color:var(--brand-primary);transform:translateX(5px)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.sidebar{display:none}.hamburger-btn{display:flex}.hamburger-menu{display:block}.username{display:none}.navbar{padding:.5rem 1rem}}@media (min-width:769px){.hamburger-btn,.hamburger-menu{display:none!important}.sidebar{display:block}}.dashboard{background:#f8f9fa;min-height:100vh;padding:30px}.dashboard-header{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #00000014;color:#810055;margin-bottom:25px;padding:15px 20px;text-align:center}.dashboard-title{align-items:center;display:flex;font-family:var(--font-primary);font-size:1.5rem;font-weight:600;gap:8px;justify-content:center;margin:0}.dashboard-subtitle{color:#666;font-size:.85rem;font-weight:400;margin:4px 0 0;opacity:.7}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:25px}.stat-card{border:1px solid #e9ecef;box-shadow:0 2px 8px #00000014;gap:12px;transition:all .2s ease}.stat-card:hover{border-color:#810055;box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.stat-icon-wrap{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.stat-card.vehicles .stat-icon-wrap{background:#81005514;color:#810055}.stat-card.fuel .stat-icon-wrap{background:#f39c121a;color:#f39c12}.stat-card.transactions .stat-icon-wrap{background:#3498db1a;color:#3498db}.stat-card.coupons .stat-icon-wrap{background:#2e7d321a;color:#2e7d32}.stat-content h3{color:#333;font-family:var(--font-primary);font-size:1.2rem;font-weight:600;margin:0}.stat-content p{color:#666;font-size:.75rem;margin:4px 0 0}.stat-trend{background:#e8f5e8;border-radius:4px;color:#2e7d32;font-size:.7rem;font-weight:500;margin-left:auto;padding:3px 6px}.section-title{border-bottom:2px solid #810055;color:#333;font-family:var(--font-primary);font-size:1.1rem;font-weight:600;margin-bottom:15px;padding-bottom:6px}.action-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:30px}.action-btn{align-items:center;background:#810055;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:var(--font-primary);font-size:.9rem;font-weight:500;gap:8px;padding:15px;transition:all .2s ease}.action-btn:hover{background:#c22a6b;transform:translateY(-1px)}.action-icon-svg{flex-shrink:0}.recent-transactions{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:30px;padding:20px}.table-header{border-bottom:2px solid #f0f0f0;color:#333;font-family:var(--font-primary);font-weight:600}.table-header,.table-row{grid-gap:15px;display:grid;font-size:.9rem;gap:15px;grid-template-columns:1fr 1fr 1fr 1fr 1.5fr 1fr 1fr;padding:12px 0}.table-row{align-items:center;border-bottom:1px solid #f0f0f0;transition:background .2s ease}.table-row:hover{background:#f8f9fa}.vehicle-badge{background:#810055;color:#fff}.fuel-badge,.vehicle-badge{border-radius:4px;font-size:.8rem;font-weight:500;padding:4px 8px}.fuel-badge.diesel{background:#e3f2fd;color:#1976d2}.fuel-badge.petrol{background:#fff3e0;color:#f57c00}.value-cell{color:#2e7d32;font-weight:600}.status-badge{border-radius:4px;font-size:.8rem;font-weight:500;padding:4px 8px}.status-badge.completed{background:#e8f5e8;color:#2e7d32}.chart-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:20px}.chart-placeholder{align-items:center;display:flex;flex-direction:column;height:180px;justify-content:center}.chart-bars{align-items:end;display:flex;gap:8px;height:120px;margin-bottom:10px}.bar{align-items:flex-end;background:#810055;border-radius:2px 2px 0 0;display:flex;justify-content:center;position:relative;width:24px}.bar-value{color:#333;font-size:.7rem;font-weight:500;position:absolute;top:-20px;white-space:nowrap}.chart-labels{display:flex;gap:8px}.chart-labels span{color:#666;font-size:.8rem;text-align:center;width:24px}@media (max-width:768px){.dashboard{padding:10px}.dashboard-title{font-size:2rem}.action-grid,.stats-grid,.table-header,.table-row{grid-template-columns:1fr}.table-header,.table-row{gap:10px}}*{font-family:GB-Headline,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary)}:root{--primary-dark-grey:#2c3e50;--secondary-dark-grey:#34495e;--light-grey:#707070;--border-grey:#e8e8e8;--background-grey:#fafafa;--text-dark:#333;--text-light:#707070;--white:#fff;--brand-primary:#810055;--brand-secondary:#c22a6b;--brand-accent:#e1142e;--success-color:#7ed321;--danger-color:#f65266;--warning-color:#f39c12;--info-color:#3498db;--font-primary:"GB-Headline",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"GB-BodyCopy",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--spacing-xs:6px;--spacing-sm:12px;--spacing-md:18px;--spacing-lg:24px;--spacing-xl:32px;--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:12px;--shadow-light:0 1px 3px #0000000f;--shadow-medium:0 4px 12px #00000014;--shadow-heavy:0 8px 24px #0000001f}.page-header{border-bottom:2px solid #810055;border-bottom:2px solid var(--brand-primary);margin-bottom:18px;margin-bottom:var(--spacing-md);padding-bottom:8px}.page-header h1,.page-header h2{color:#810055;color:var(--brand-primary);font-family:GB-Headline,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:18px;font-weight:600;letter-spacing:-.5px;margin:0}.page-header p{color:#707070;color:var(--text-light);font-size:12px;margin:2px 0 0}.master-container{background-color:#fafafa;background-color:var(--background-grey);margin:0 auto;max-width:1400px;min-height:100vh;padding:24px;padding:var(--spacing-lg)}.search-section{background:#fff;background:var(--white);border:1px solid #e8e8e8;border:1px solid var(--border-grey);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-light);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:18px 24px;padding:var(--spacing-md) var(--spacing-lg)}.search-section h3{color:#810055;color:var(--brand-primary);font-family:GB-Headline,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:13px;font-weight:600;letter-spacing:1px;margin-bottom:12px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.search-grid{grid-gap:18px;grid-gap:var(--spacing-md);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:18px;margin-bottom:var(--spacing-md)}.search-grid,.search-row-2{gap:18px;gap:var(--spacing-md)}.search-row-2{align-items:end;display:flex;flex-wrap:wrap}.search-row-2 .search-field{flex-shrink:0;width:180px}.search-actions{display:flex;flex-shrink:0;gap:6px;gap:var(--spacing-xs);margin-left:auto}.search-field{display:flex;flex-direction:column}.search-field label{font-size:12px;font-weight:500;letter-spacing:.3px;margin-bottom:6px;margin-bottom:var(--spacing-xs)}.search-field input,.search-field label,.search-field select,.search-field textarea{color:#333;color:var(--text-dark);font-family:GB-Headline,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary)}.search-field input,.search-field select,.search-field textarea{background-color:#fff;background-color:var(--white);border:1px solid #e8e8e8;border:1px solid var(--border-grey);border-radius:6px;border-radius:var(--border-radius-sm);font-size:14px;padding:10px 12px;transition:all .2s ease}.search-field input:focus,.search-field select:focus,.search-field textarea:focus{border-color:#810055;border-color:var(--brand-primary);box-shadow:0 0 0 3px #81005514;outline:none}.table-section{background:#fff;background:var(--white);border:1px solid #e8e8e8;border:1px solid var(--border-grey);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-light);padding:32px;padding:var(--spacing-xl)}.table-header{align-items:center;border-bottom:1px solid #e8e8e8;border-bottom:1px solid var(--border-grey);display:flex;justify-content:space-between;margin-bottom:18px;margin-bottom:var(--spacing-md);padding-bottom:12px;padding-bottom:var(--spacing-sm)}.table-actions{display:flex;gap:12px;gap:var(--spacing-sm)}.table-container{border:1px solid #e8e8e8;border:1px solid var(--border-grey);border-radius:8px;border-radius:var(--border-radius-md);overflow-x:auto}.data-table{background-color:#fff;background-color:var(--white);border:none}.data-table th{background:#810055;background:var(--brand-primary);color:#fff;color:var(--white);font-size:13px;font-weight:500;letter-spacing:.5px;line-height:18px;white-space:nowrap}.data-table td,.data-table th{border:none;font-family:GB-Headline,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);padding:14px 16px}.data-table td{border-bottom:1px solid var(--border-grey);color:#333;color:var(--text-dark);font-size:14px;font-weight:400;vertical-align:middle}.data-table tr:hover{background-color:#81005505}.data-table tr.new-row{background-color:#27ae601a}.data-table tr.new-row:hover{background-color:#27ae6026}.data-table tr.selected{background-color:#3498db1a}.data-table input[type=date],.data-table input[type=number],.data-table input[type=text],.data-table select,.data-table textarea{background-color:#fff;background-color:var(--white);border:1px solid #e8e8e8;border:1px solid var(--border-grey);border-radius:6px;border-radius:var(--border-radius-sm);color:#333;color:var(--text-dark);font-family:GB-Headline,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:13px;padding:6px 8px;width:100%}.data-table input[type=date]:focus,.data-table input[type=number]:focus,.data-table input[type=text]:focus,.data-table select:focus,.data-table textarea:focus{border-color:#810055;border-color:var(--brand-primary);box-shadow:0 0 0 2px #8100551a;outline:none}.data-table input:disabled,.data-table select:disabled,.data-table textarea:disabled{background-color:#fafafa;background-color:var(--background-grey);color:#707070;color:var(--text-light);cursor:not-allowed}.btn{align-items:center;background:#0000;border:1.5px solid #0000;border-radius:6px;border-radius:var(--border-radius-sm);color:#333;color:var(--text-dark);cursor:pointer;display:inline-flex;font-family:GB-Headline,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:12px;font-weight:500;justify-content:center;letter-spacing:.3px;padding:6px 14px;text-decoration:none;transition:all .2s ease}.btn:hover{box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-light);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-brand{background:#0000;border-color:#810055;border-color:var(--brand-primary);color:#810055;color:var(--brand-primary)}.btn-brand:hover{background:#810055;background:var(--brand-primary);color:#fff;color:var(--white)}.btn-brand-secondary{background:#0000;border-color:#c22a6b;border-color:var(--brand-secondary);color:#c22a6b;color:var(--brand-secondary)}.btn-brand-secondary:hover{background:#c22a6b;background:var(--brand-secondary);color:#fff;color:var(--white)}.btn-grey{background:#0000;border-color:#707070;border-color:var(--light-grey);color:#707070;color:var(--light-grey)}.btn-grey:hover{background:#707070;background:var(--light-grey);color:#fff;color:var(--white)}.btn-success{background:#0000;border-color:#7ed321;border-color:var(--success-color);color:#7ed321;color:var(--success-color)}.btn-success:hover{background:#7ed321;background:var(--success-color);color:#fff;color:var(--white)}.btn-danger{background:#0000;border-color:#f65266;border-color:var(--danger-color);color:#f65266;color:var(--danger-color)}.btn-danger:hover{background:#f65266;background:var(--danger-color);color:#fff;color:var(--white)}.btn-info{background:#0000;border-color:#3498db;border-color:var(--info-color);color:#3498db;color:var(--info-color)}.btn-info:hover{background:#3498db;background:var(--info-color);color:#fff;color:var(--white)}.btn-link{background:#0000;border:1px solid #0000;box-shadow:none;color:#810055;color:var(--brand-primary);min-width:auto;padding:8px 16px;text-decoration:none}.btn-link:hover{background:#8100550d;border-color:#810055;border-color:var(--brand-primary);box-shadow:none;color:#c22a6b;color:var(--brand-secondary)}.btn-sm{border-radius:3px;font-size:11px;padding:4px 10px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn:disabled,.btn:disabled:hover{box-shadow:none;transform:none}.btn-icon-left{font-size:16px;line-height:1;margin-right:4px;vertical-align:middle}.btn-sm .btn-icon-left{font-size:14px;margin-right:2px}.action-buttons{display:flex;gap:6px;gap:var(--spacing-xs);justify-content:center}.btn-icon{background:#0000;border:1px solid #0000;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 10px;transition:all .2s ease}.btn-icon,.btn-icon:hover{color:#810055;color:var(--brand-primary)}.btn-icon:hover{background:#81005514;border-color:#810055;border-color:var(--brand-primary)}.btn-save{color:#7ed321;color:var(--success-color)}.btn-save:hover{background:#7ed32114;border-color:#7ed321;border-color:var(--success-color)}.btn-cancel{color:#f65266;color:var(--danger-color)}.btn-cancel:hover{background:#f6526614;border-color:#f65266;border-color:var(--danger-color)}.btn-edit{color:#810055;color:var(--brand-primary)}.btn-edit:hover{background:#81005514;border-color:#810055;border-color:var(--brand-primary)}.loading{font-style:italic}.loading,.no-data{color:#707070;color:var(--text-light)}.no-data{font-size:16px;padding:40px}.error-message{color:#f65266;color:var(--danger-color);font-size:12px;font-weight:500;margin-top:6px;margin-top:var(--spacing-xs)}.field-container{position:relative}.table-input.error{border-color:#f65266;border-color:var(--danger-color);box-shadow:0 0 0 2px #e74c3c1a}.modal-overlay{align-items:center;background-color:#2c3e5080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;background:var(--white);border:1px solid #e8e8e8;border:1px solid var(--border-grey);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-heavy);max-height:90vh;max-width:1000px;overflow-y:auto;width:90%}.modal-header{align-items:center;background-color:#fafafa;background-color:var(--background-grey);border-bottom:1px solid #e8e8e8;border-bottom:1px solid var(--border-grey);display:flex;justify-content:space-between;padding:18px;padding:var(--spacing-md)}.modal-header h3{color:#810055;color:var(--brand-primary);font-family:GB-Headline,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:16px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--border-radius-sm);color:#707070;color:var(--text-light);cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .3s ease;width:30px}.modal-close:hover{background-color:#8100551a;color:#810055;color:var(--brand-primary)}.modal-body,.modal-footer{padding:18px;padding:var(--spacing-md)}.modal-footer{background-color:#fafafa;background-color:var(--background-grey);border-top:1px solid #e8e8e8;border-top:1px solid var(--border-grey);display:flex;gap:12px;gap:var(--spacing-sm);justify-content:flex-end}.notification-bubble{align-items:center;animation:slideInRight .3s ease;border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-heavy);display:flex;font-family:GB-Headline,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:14px;font-weight:500;gap:12px;max-width:400px;min-width:300px;padding:16px 20px;position:fixed;right:20px;top:80px;z-index:9999}.notification-bubble.success{background:#7ed321;background:var(--success-color);border-left:4px solid #1e8449;color:#fff;color:var(--white)}.notification-bubble.error{background:#f65266;background:var(--danger-color);border-left:4px solid #c0392b;color:#fff;color:var(--white)}.notification-bubble.warning{background:#f39c12;background:var(--warning-color);border-left:4px solid #d68910;color:#fff;color:var(--white)}.notification-bubble.info{background:#3498db;background:var(--info-color);border-left:4px solid #2980b9;color:#fff;color:var(--white)}.notification-bubble-icon{flex-shrink:0;font-size:20px}.notification-bubble-message{flex:1 1}.notification-bubble-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:24px;justify-content:center;padding:0;transition:background .2s;width:24px}.notification-bubble-close:hover{background:#fff3}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(400px)}}.notification-bubble.hiding{animation:slideOutRight .3s ease forwards}@media (max-width:768px){.master-container{padding:12px;padding:var(--spacing-sm)}.search-grid{grid-template-columns:1fr}.search-grid,.search-row-2{gap:12px;gap:var(--spacing-sm)}.search-row-2{align-items:stretch;flex-direction:column}.search-row-2 .search-field{width:100%}.search-actions{justify-content:center;margin-left:0}.table-header{align-items:stretch;flex-direction:column;gap:12px;gap:var(--spacing-sm)}.table-actions{justify-content:center}.data-table{font-size:12px}.data-table td,.data-table th{padding:8px 6px}.modal-content{margin:12px;margin:var(--spacing-sm);width:95%}}@media (max-width:480px){.page-header h2{font-size:24px}.search-section,.table-section{padding:18px;padding:var(--spacing-md)}.btn{font-size:11px;padding:5px 12px}.data-table td,.data-table th{padding:6px 4px}}.pagination{gap:12px;gap:var(--spacing-sm);margin-top:32px;margin-top:var(--spacing-xl);padding:24px 0;padding:var(--spacing-lg) 0}.pagination button{border:1px solid #e8e8e8;border-radius:6px;color:#810055;font-family:GB-Headline,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:10px 18px}.pagination button:hover:not(:disabled){background:#810055;border-color:#810055;box-shadow:0 4px 12px #00000014;color:#fff;transform:translateY(-2px)}.pagination button:disabled{background:#fafafa;border-color:#e8e8e8;color:#707070;opacity:.3}.pagination span{background:#fafafa;background:var(--background-grey);border:1px solid #e8e8e8;border:1px solid var(--border-grey);border-radius:6px;border-radius:var(--border-radius-sm);color:#333;color:var(--text-dark);font-family:GB-Headline,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:13px;padding:10px 18px}.total-row{background-color:#8100550d;font-weight:600}.location-total{background-color:#8100551a}.search-actions-inline{display:flex;flex-direction:column;justify-content:flex-end;min-width:320px}.search-actions-inline .search-actions .btn{white-space:nowrap}.confirm-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.confirm-dialog{animation:fadeIn .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 8px 32px #0000004d;max-width:400px;padding:24px;width:90%}.confirm-message{color:#333;font-family:var(--font-primary);font-size:1rem;line-height:1.4;margin-bottom:20px}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-actions .btn{border:none;border-radius:4px;cursor:pointer;font-family:var(--font-primary);font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.pagination{gap:10px;justify-content:center;margin-top:20px;padding:15px}.pagination button:hover:not(:disabled){background:#f0f0f0}.pagination span{font-weight:500}.search-form{align-items:end;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;min-width:150px}.form-group label{font-weight:500;margin-bottom:var(--spacing-xs)}.form-group input,.form-group label,.form-group select{color:var(--text-dark);font-family:var(--font-primary);font-size:14px}.form-group input,.form-group select{border:1px solid var(--border-grey);border-radius:var(--border-radius-sm);padding:8px 12px}.form-actions{align-items:end;display:flex;gap:var(--spacing-sm)}.actions{display:flex;gap:var(--spacing-xs);justify-content:center}@media (max-width:768px){.search-form{align-items:stretch;flex-direction:column}.form-group{min-width:auto}.form-actions{justify-content:center;margin-top:var(--spacing-sm)}}.search-section.compact .search-row-2 .search-field{width:200px;width:140px}.search-grid{grid-template-columns:repeat(5,1fr)}.search-grid .search-actions{align-self:end}.data-table tr.expanded{background-color:#8100550d}.detail-row td{border:none;padding:0}.detail-content{background-color:var(--white);border-left:3px solid var(--brand-primary);padding:var(--spacing-lg)}.detail-table{border-collapse:collapse;width:100%}.detail-table td,.detail-table th{border:1px solid var(--border-grey);padding:8px 12px;text-align:left}.detail-table .btn{background:#0000;border:1.5px solid var(--brand-primary);border-radius:var(--border-radius-sm);color:var(--brand-primary)}.detail-table .btn:hover{background:var(--brand-primary);color:var(--white)}.detail-table th{background-color:var(--brand-primary);color:var(--white);font-family:var(--font-primary);font-size:12px;font-weight:500}.fuel-details-table{margin-top:8px}.fuel-details-table h4{color:var(--primary-dark-grey);font-family:var(--font-primary);margin-bottom:var(--spacing-md)}.fuel-table{border-collapse:collapse;margin-bottom:var(--spacing-md);width:100%}.fuel-table td,.fuel-table th{border:1px solid var(--border-grey);padding:8px;text-align:left}.fuel-table th{background-color:var(--brand-primary);color:var(--white);font-family:var(--font-primary);font-size:12px;font-weight:500}.fuel-table input{border:1px solid var(--border-grey);border-radius:var(--border-radius-sm);color:var(--text-dark);font-family:var(--font-primary);font-size:13px;padding:6px;width:100%}.fuel-table input[readonly]{background-color:var(--background-grey);color:var(--text-light)}.myDivToPrint{border-collapse:collapse;font-family:var(--font-primary)}.myDivToPrint td{font-size:12px;padding:4px 8px;vertical-align:top}.myDivToPrint hr{border:0;border-top:1px solid var(--primary-dark-grey);margin:2px 0}@media print{*{color-adjust:exact!important;-webkit-print-color-adjust:exact!important}body *{visibility:hidden}.myDivToPrint,.myDivToPrint *{visibility:visible}.myDivToPrint{font-family:var(--font-primary)!important;left:0;position:absolute;top:0;width:100%!important}}.modal-overlay .modal-content:has(.coupon-modal-body){max-width:800px}.coupon-modal-body{padding:20px 24px}.coupon-form-grid{grid-gap:14px 24px;display:grid;gap:14px 24px;grid-template-columns:1fr 1fr;margin-bottom:20px}.coupon-form-grid .form-group{display:flex;flex-direction:column}.coupon-form-grid .form-group label{color:var(--text-dark);font-family:var(--font-primary);font-size:12px;font-weight:500;letter-spacing:.3px;margin-bottom:4px}.coupon-form-grid .form-group input,.coupon-form-grid .form-group select{border:1px solid var(--border-grey);border-radius:var(--border-radius-sm);color:var(--text-dark);font-family:var(--font-primary);font-size:13px;padding:8px 10px;transition:border-color .2s ease,box-shadow .2s ease}.coupon-form-grid .form-group input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #81005514;outline:none}.coupon-form-grid .form-group input[readonly]{background-color:var(--background-grey);color:var(--text-light);cursor:default}.fuel-section-header{align-items:center;border-bottom:1px solid var(--border-grey);display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.fuel-section-header h4{color:var(--brand-primary);font-family:var(--font-primary);font-size:14px;font-weight:600;margin:0}.coupon-modal-body .fuel-details-table{margin-top:0}.coupon-modal-body .fuel-table td,.coupon-modal-body .fuel-table th{font-size:12px;padding:6px 8px}.coupon-modal-body .fuel-table input{font-size:12px;padding:5px 8px}@media (max-width:600px){.coupon-form-grid{grid-template-columns:1fr}}@media (max-width:768px){.search-grid{grid-template-columns:1fr}}.search-section.compact .search-row-2 .search-field{flex-shrink:0;width:180px}@media (max-width:768px){.search-section.compact .search-row-2 .search-field{width:100%}}.data-viewer{margin:0 auto;max-width:1400px;padding:20px}.viewer-header{margin-bottom:30px;text-align:center}.viewer-header h2{color:#2c3e50;margin-bottom:10px}.viewer-header p{color:#7f8c8d}.viewer-controls{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:20px;margin-bottom:20px;padding:15px}.control-group{align-items:center;display:flex;gap:10px}.control-group label{color:#2c3e50;font-weight:600}.control-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px;padding:8px 12px}.refresh-btn{background:#3498db;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .3s}.refresh-btn:hover{background:#2980b9}.record-count{background:#e8f5e9;border-radius:4px;color:#2e7d32;font-size:14px;margin-left:auto;padding:8px 16px}.record-count strong{font-size:16px;margin-left:5px}.loading{color:#7f8c8d;font-size:16px}.data-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.data-table{border-collapse:collapse;font-size:14px;width:100%}.data-table thead{background:#34495e;color:#fff;position:-webkit-sticky;position:sticky;top:0}.data-table th{border-bottom:2px solid #2c3e50;font-weight:600;padding:12px;text-align:left;text-transform:capitalize}.data-table tbody tr{border-bottom:1px solid #ecf0f1;transition:background .2s}.data-table tbody tr.clickable-row{cursor:pointer}.data-table tbody tr:hover{background:#f8f9fa}.data-table td{color:#2c3e50;max-width:300px;overflow:hidden;padding:12px;text-overflow:ellipsis;white-space:nowrap}.detail-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.detail-content{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:80vh;max-width:800px;overflow-y:auto;padding:30px}.detail-content h3{color:#2c3e50;margin-bottom:20px;margin-top:0}.detail-content pre{background:#f8f9fa;border-radius:4px;font-size:13px;line-height:1.5;overflow-x:auto;padding:15px}.detail-content button{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:20px;padding:10px 20px}.detail-content button:hover{background:#2980b9}.notification{animation:slideIn .3s ease-out;background:#dc3545;background:var(--danger-color,#dc3545);border-radius:8px;box-shadow:0 4px 12px #dc35454d;color:#fff;font-family:var(--font-primary);font-size:.9rem;max-width:350px;min-width:250px;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:1000}.notification.success{background:#28a745;background:var(--success-color,#28a745);box-shadow:0 4px 12px #28a7454d}.notification.warning{background:#ffc107;background:var(--warning-color,#ffc107);box-shadow:0 4px 12px #ffc1074d;color:#212529}.notification.info{background:#17a2b8;background:var(--info-color,#17a2b8);box-shadow:0 4px 12px #17a2b84d}.notification-close{background:none;border:none;color:inherit;cursor:pointer;float:right;font-size:1.2rem;line-height:1;margin-left:10px;padding:0}.notification-content{line-height:1.4;padding-right:20px}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.um-modal{max-width:560px;width:90%}.um-form-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.um-full-width{grid-column:1/-1}.user-id-cell{color:var(--brand-primary);font-weight:500}.role-badge-inline{background:#f0e6ec;border:1px solid #81005526;border-radius:10px;color:var(--brand-primary);display:inline-block;font-family:var(--font-primary);font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 10px;text-transform:uppercase}.status-label{font-family:var(--font-primary);font-size:12px;font-weight:500}.status-label.active{color:var(--brand-secondary)}.status-label.inactive{color:var(--light-grey)}.um-pagination{align-items:center;border-top:1px solid var(--border-grey);display:flex;justify-content:space-between;margin-top:var(--spacing-md);padding:var(--spacing-md) 0 0}.um-pagination-info{color:var(--text-light);font-family:var(--font-primary);font-size:12px}.um-pagination-buttons{display:flex;gap:4px}.um-pagination-buttons button{background:var(--white);border:1px solid var(--border-grey);border-radius:var(--border-radius-sm);color:var(--text-dark);cursor:pointer;font-family:var(--font-primary);font-size:12px;padding:6px 12px;transition:all .2s ease}.um-pagination-buttons button.active,.um-pagination-buttons button:hover:not(:disabled){background:var(--brand-primary);border-color:var(--brand-primary);color:var(--white)}.um-pagination-buttons button.active{font-weight:600}.um-pagination-buttons button:disabled{cursor:not-allowed;opacity:.4}@media (max-width:768px){.um-form-grid{grid-template-columns:1fr}.um-pagination{align-items:center;flex-direction:column;gap:var(--spacing-sm)}}.search-section.compact .search-field{order:1;width:280px}.search-section.compact .search-actions{order:2}.stats-inline{order:3}.status-toggle{align-items:center;display:flex;gap:10px}.toggle-switch{border-radius:10px;cursor:pointer;height:20px;position:relative;transition:all .3s ease;width:40px}.toggle-switch.active{background-color:var(--brand-secondary)}.toggle-switch.inactive{background-color:var(--light-grey)}.toggle-slider{background-color:var(--white);border-radius:50%;height:16px;position:absolute;top:2px;transition:all .3s ease;width:16px}.toggle-switch.active .toggle-slider{left:22px}.toggle-switch.inactive .toggle-slider{left:2px}.status-text{color:var(--brand-secondary);font-size:14px}.role-code,.status-text{font-family:var(--font-primary);font-weight:500}.role-code{color:var(--text-dark)}.created-by{color:var(--text-light);font-family:var(--font-primary);font-size:13px;font-style:italic}.modal-content.large{width:900px}.form-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--spacing-xl)}.field-note{color:var(--text-light);font-family:var(--font-primary);font-size:11px;font-style:italic;margin-top:var(--spacing-xs)}.search-field input.disabled{background-color:var(--background-grey);color:var(--text-light);cursor:not-allowed}.menu-permissions{margin-bottom:var(--spacing-lg)}.menu-permissions.compact,.section-header{margin-bottom:var(--spacing-md)}.section-header{padding-bottom:var(--spacing-xs)}.section-header h4{font-size:14px}.select-all{border-bottom:1px solid var(--border-grey);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm)}.select-all.compact{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs)}.checkbox-label{align-items:center;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:14px;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);padding:4px 8px;transition:background-color .15s ease}.checkbox-label:hover{background-color:var(--background-grey)}.checkbox-label.compact{font-size:13px;margin-bottom:2px;padding:3px 6px}.checkbox-label input[type=checkbox]{margin:0}.checkbox-label span{color:var(--text-dark);font-weight:500}.select-all .checkbox-label span{font-size:15px;font-weight:600}.select-all.compact .checkbox-label span{font-size:14px}.menu-groups{border:1px solid var(--border-grey);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:var(--spacing-md);max-height:400px;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-xs)}.menu-groups.compact{gap:var(--spacing-sm);max-height:350px}.menu-group{background:var(--white);border:1px solid var(--border-grey);border-radius:var(--border-radius-md);flex-shrink:0;overflow:visible}.menu-group.compact{border-radius:var(--border-radius-sm)}.group-header{align-items:center;background:linear-gradient(135deg,var(--background-grey) 0,#eee 100%);border-bottom:1px solid var(--border-grey);color:var(--text-dark);cursor:pointer;display:flex;font-family:var(--font-primary);font-weight:600;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);transition:background-color .2s ease}.group-header.compact{font-size:13px;padding:var(--spacing-sm) var(--spacing-md)}.group-header:hover{background-color:#e8e8e8}.group-info{align-items:center;display:flex;gap:var(--spacing-sm)}.selected-count{background:var(--white);border:1px solid var(--brand-primary);border-radius:10px;color:var(--brand-primary);font-size:11px;font-weight:600;padding:2px 6px}.expand-icon{color:var(--brand-primary);font-size:12px}.group-items{grid-gap:var(--spacing-xs) var(--spacing-md);background-color:var(--white);display:grid;gap:var(--spacing-xs) var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:var(--spacing-lg);position:relative;z-index:1}.group-items.compact{gap:var(--spacing-xs) var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:var(--spacing-md)}.history-sessions{display:flex;flex-direction:column;gap:var(--spacing-xl)}.history-session{margin-bottom:var(--spacing-xl)}.session-header{align-items:center;background-color:var(--background-grey);border:1px solid var(--border-grey);border-radius:var(--border-radius-md);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.session-title{color:var(--text-dark);font-family:var(--font-primary);font-size:14px;font-weight:600}.session-user{margin-left:var(--spacing-md)}.session-date,.session-user{color:var(--text-light);font-family:var(--font-primary);font-size:13px}.session-separator{border-bottom:2px dashed var(--border-grey);margin:var(--spacing-xl) 0}.change-badge{border-radius:12px;display:inline-block;font-family:var(--font-primary);font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.change-badge.added{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.change-badge.removed{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.change-badge.unchanged{background-color:var(--background-grey);border:1px solid var(--border-grey);color:var(--text-light)}.history-summary{grid-gap:var(--spacing-md);border-bottom:1px solid var(--border-grey);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.summary-card{background:var(--background-grey);border:1px solid var(--border-grey);border-radius:var(--border-radius-sm);padding:var(--spacing-md);text-align:center}.summary-label{color:var(--text-light);font-size:11px;font-weight:500;letter-spacing:.5px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.summary-label,.summary-value{display:block;font-family:var(--font-primary)}.summary-value{color:var(--brand-primary);font-size:16px;font-weight:600}.history-sessions.compact{gap:var(--spacing-lg)}.history-session.compact{margin-bottom:var(--spacing-lg)}.session-header.compact{border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.session-info,.session-meta{display:flex;flex-direction:column;gap:var(--spacing-xs)}.session-meta{align-items:flex-end}.session-count{background:var(--white);border:1px solid var(--brand-primary);border-radius:10px;color:var(--brand-primary);font-size:11px;font-weight:600;padding:2px 8px}.table-container.compact{border-radius:var(--border-radius-sm)}.data-table.compact{font-size:13px}.data-table.compact th{font-size:12px;padding:10px 12px}.data-table.compact td{font-size:13px;padding:10px 12px}.menu-name{color:var(--text-dark);font-weight:500}.submenu-name{color:var(--text-light);font-style:italic}.no-data-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.5}.no-data h4{color:var(--text-dark);font-size:16px;margin:0 0 var(--spacing-sm) 0}.no-data h4,.no-data p{font-family:var(--font-primary)}.no-data p{color:var(--text-light);font-size:14px;margin:0}.modal-footer.compact{padding:var(--spacing-sm) var(--spacing-md)}@media (max-width:768px){.search-section.compact .search-row-2{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.search-section.compact .search-field{width:100%}.stats-inline{justify-content:center;margin-left:0}.form-grid{gap:var(--spacing-md);grid-template-columns:1fr}.modal-content.large{width:95%}.session-header{flex-direction:column;gap:var(--spacing-sm);text-align:center}}@media (max-width:480px){.search-section.compact{padding:var(--spacing-sm)}.status-text{font-size:12px}.timestamp{font-size:11px}.change-badge{font-size:10px;padding:3px 8px}}.search-section.compact .search-row-2{justify-content:flex-start}.search-section.compact .search-actions{flex-shrink:0;margin-left:var(--spacing-sm)}.stats-inline{flex-shrink:0}.stat-inline{white-space:nowrap}.modal-body.compact{padding:var(--spacing-md)}.form-grid.compact{gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.search-field.full-width{grid-column:1/-1}.menu-hierarchy{padding:var(--spacing-lg)}.section-header{border-bottom:1px solid var(--border-grey);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm)}.section-header h4{color:var(--brand-primary);font-family:var(--font-primary);font-size:16px;font-weight:600;letter-spacing:.5px;margin:0 0 var(--spacing-xs) 0;text-transform:uppercase}.section-subtitle{color:var(--text-light);font-family:var(--font-primary);font-size:12px;font-style:italic}.menu-tree{display:flex;flex-direction:column;gap:var(--spacing-lg)}.menu-parent{background:var(--white);border:1px solid var(--border-grey);border-radius:var(--border-radius-md);overflow:hidden}.menu-item{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-md);transition:background-color .2s ease}.menu-item.parent{background:var(--background-grey);border-bottom:1px solid var(--border-grey)}.menu-item.child{background:var(--white);border-bottom:1px solid #f5f5f5;margin-left:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md)}.menu-item:hover{background-color:#81005505}.menu-item.parent:hover{background-color:#e8e8e8}.menu-info{align-items:center;display:flex;flex:1 1;gap:var(--spacing-md)}.menu-icon{flex-shrink:0;font-size:18px}.menu-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.menu-title{color:var(--text-dark);font-family:var(--font-primary);font-size:14px;font-weight:600}.menu-item.parent .menu-title{color:var(--brand-primary);font-size:15px}.menu-meta{align-items:center;display:flex;gap:var(--spacing-md)}.menu-url{border:1px solid var(--border-grey);border-radius:3px;color:var(--text-light);font-family:var(--font-primary);font-size:12px}.menu-order,.menu-url{background:var(--white);padding:2px 6px}.menu-order{border:1px solid var(--brand-primary);border-radius:10px;color:var(--brand-primary);font-size:11px;font-weight:600}.menu-description{color:var(--text-light);font-family:var(--font-primary);font-size:12px;font-style:italic;margin-top:var(--spacing-xs)}.menu-actions{display:flex;flex-shrink:0;gap:var(--spacing-xs)}.menu-children{background:var(--white)}.menu-children .menu-item:last-child{border-bottom:none}.btn.delete{color:var(--danger-color)!important}.btn.delete:hover{background:#f6526614!important;border-color:var(--danger-color)!important}@media (max-width:768px){.search-section.compact .search-row-2{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.search-section.compact .search-actions,.stats-inline{justify-content:center;margin-left:0}.menu-item{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.menu-info{margin-bottom:var(--spacing-sm)}.menu-actions{justify-content:center}.menu-item.child{margin-left:var(--spacing-sm)}.menu-meta{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}}@media (max-width:480px){.menu-hierarchy{padding:var(--spacing-md)}.menu-tree{gap:var(--spacing-md)}.menu-item{padding:var(--spacing-sm)}.menu-title{font-size:13px}.menu-item.parent .menu-title{font-size:14px}.menu-url{font-size:11px}.menu-order{font-size:10px}}.log-viewer{background-color:#f5f5f5;min-height:calc(100vh - 60px);padding:20px}.log-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.log-header h2{color:#333;margin:0 0 10px}.log-header p{color:#666;margin:0}.log-filters{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.filter-row{grid-gap:15px;align-items:end;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.filter-group{display:flex;flex-direction:column}.filter-group label{color:#555;font-size:12px;font-weight:600;margin-bottom:5px}.filter-group input,.filter-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px}.filter-actions{display:flex;gap:10px}.clear-btn,.refresh-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px}.clear-btn{background-color:#757575;color:#fff}.refresh-btn{background-color:#810055;color:#fff}.clear-btn:hover{background-color:#616161}.refresh-btn:hover{background-color:#a01378}.log-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.stat-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;padding:15px}.stat-label{color:#666;font-size:12px;margin-bottom:5px}.stat-value{color:#810055;font-size:24px;font-weight:700}.log-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.log-table{border-collapse:collapse;width:100%}.log-table thead{background-color:#810055;color:#fff}.log-table th{font-size:14px;font-weight:600;padding:12px;text-align:left}.log-table tbody tr{border-bottom:1px solid #eee}.log-table tbody tr:hover{background-color:#f9f9f9}.log-table td{font-size:13px;padding:12px}.timestamp{color:#555}.user-id{color:#333;font-weight:600}.log-type-badge{text-transform:uppercase}.action-badge,.log-type-badge{border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:600;padding:4px 12px}.details{color:#666;font-size:12px}.details span{background-color:#f5f5f5;border-radius:4px;display:inline-block;margin-right:10px;padding:2px 8px}.no-data{color:#999;font-style:italic;padding:40px!important;text-align:center}.loading{background:#fff;border-radius:8px;color:#666;padding:40px;text-align:center}.pagination-container{background:#fff;border-radius:0 0 8px 8px;padding:15px 20px}.pagination-info{color:#666}.pagination{gap:5px}.pagination button{background:#fff;border:1px solid #ddd;border-radius:4px;padding:6px 12px}.pagination button:hover:not(:disabled){background-color:#f5f5f5}.pagination button.active{background-color:#a01378;border-color:#a01378;color:#fff}.pagination button:disabled{opacity:.5}.search-section.compact{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.search-section.compact .search-row-2{align-items:flex-end;gap:var(--spacing-md)}.search-section.compact .search-field{flex-shrink:0;width:240px}.search-section.compact .search-actions{align-items:flex-end;display:flex;margin-bottom:2px}.search-section.compact .btn-sm{border-radius:var(--border-radius-sm);font-size:13px;font-weight:500;letter-spacing:.3px;padding:8px 16px;transition:all .2s ease}.stats-inline{align-items:center;display:flex;margin-left:auto}.stat-inline{background:var(--background-grey);border:1px solid var(--border-grey);border-radius:var(--border-radius-sm);color:var(--text-light);font-family:var(--font-primary);font-size:13px;padding:8px 16px}.stat-inline strong{color:var(--brand-primary);font-weight:600}.timestamp{color:var(--text-light);font-size:13px;font-weight:400;white-space:nowrap}.timestamp,.user-id{font-family:var(--font-primary)}.user-id{color:var(--text-dark);font-weight:500}.role-badge{border-radius:16px;display:inline-block;font-family:var(--font-primary);font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;white-space:nowrap}.old-role{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.new-role{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.changed-by{color:var(--text-light);font-family:var(--font-primary);font-size:13px;font-style:italic}.pagination-container{align-items:center;background:var(--white);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);border-top:1px solid var(--border-grey);display:flex;justify-content:space-between;margin-top:-1px;padding:var(--spacing-lg) var(--spacing-xl)}.pagination-info{color:var(--text-light);font-family:var(--font-primary);font-size:13px;font-weight:400}.pagination{align-items:center;display:flex;gap:var(--spacing-xs)}.pagination button{background:var(--white);border:1px solid var(--border-grey);border-radius:var(--border-radius-sm);color:var(--brand-primary);cursor:pointer;font-family:var(--font-primary);font-size:13px;font-weight:500;min-width:80px;padding:8px 16px;transition:all .2s ease}.pagination button:hover:not(:disabled){background:var(--brand-primary);border-color:var(--brand-primary);box-shadow:var(--shadow-medium);color:var(--white);transform:translateY(-1px)}.pagination button.active{background-color:var(--brand-primary);border-color:var(--brand-primary);color:var(--white)}.pagination button:disabled{background:var(--background-grey);border-color:var(--border-grey);color:var(--light-grey);cursor:not-allowed;opacity:.4;transform:none}.pagination button:disabled:hover{box-shadow:none;transform:none}@media (max-width:768px){.search-section.compact .search-row-2{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.search-section.compact .search-field{width:100%}.stats-inline{justify-content:center;margin-left:0}.pagination-container{flex-direction:column;gap:var(--spacing-sm);text-align:center}.pagination{flex-wrap:wrap;justify-content:center}.role-badge{font-size:10px;padding:4px 10px}}@media (max-width:480px){.search-section.compact{padding:var(--spacing-sm)}.pagination button{font-size:12px;min-width:60px;padding:6px 12px}.timestamp{font-size:11px}.stat-inline{font-size:12px;padding:6px 12px}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;font-family:var(--font-primary);margin:0}.App{min-height:100vh}.main-content{margin-left:60px;margin-top:56px;min-height:calc(100vh - 56px);padding:0;transition:margin-left .25s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.main-content{margin-left:0}}.master-view,.queries-view,.reports-view{background:#f8f9fa;min-height:100vh;padding:30px}.page-header{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #00000014;color:#810055;margin-bottom:40px;padding:20px 25px;text-align:center}.page-header h2{font-family:var(--font-primary);font-size:1.5rem;font-weight:600;margin:0}.page-header p{font-size:1rem;font-weight:400;margin:8px 0 0;opacity:.9}.master-header,.queries-header,.reports-header{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #00000014;color:#810055;margin-bottom:40px;padding:20px 25px;text-align:center}.master-header h2,.queries-header h2,.reports-header h2{font-family:var(--font-primary);font-size:1.5rem;font-weight:600;margin:0}.master-header p,.queries-header p,.reports-header p{font-size:1rem;font-weight:400;margin:8px 0 0;opacity:.9}.master-grid,.queries-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.master-card,.query-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:28px 24px;position:relative;text-align:center;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.master-card:before,.query-card:before{background:linear-gradient(90deg,#810055,#c22a6b);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.master-card:hover:before,.query-card:hover:before{transform:scaleX(1)}.master-card:hover,.query-card:hover{border-color:#81005533;box-shadow:0 12px 40px #81005526;transform:translateY(-8px)}.master-icon,.query-icon{color:#810055;display:block;filter:drop-shadow(0 2px 4px rgba(129,0,85,.1));font-size:2.5rem;margin-bottom:16px}.master-card h3,.query-card h3{color:#333;font-family:var(--font-primary);font-size:1.1rem;font-weight:600;letter-spacing:-.02em;margin:0 0 12px}.master-card p,.query-card p{color:#666;font-size:.85rem;line-height:1.5;margin-bottom:24px}.master-btn,.query-btn{background:linear-gradient(135deg,#810055,#c22a6b);border:none;border-radius:25px;box-shadow:0 4px 12px #81005533;color:#fff;cursor:pointer;font-family:var(--font-primary);font-size:.85rem;font-weight:500;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.master-btn:before,.query-btn:before{background:linear-gradient(135deg,#c22a6b,#810055);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.master-btn:hover:before,.query-btn:hover:before{left:0}.master-btn:hover,.query-btn:hover{box-shadow:0 8px 20px #8100554d;transform:translateY(-2px)}.content-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:30px}.page-title{border-bottom:2px solid #f1f1ed;color:#810055;font-family:var(--font-primary);font-size:2rem;font-weight:700;margin-bottom:30px;padding-bottom:15px}.container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.col-12{flex:0 0 100%;max-width:100%;padding-left:15px;padding-right:15px;position:relative;width:100%}.d-flex{display:flex!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.text-center{text-align:center!important}.text-start{text-align:left!important}.vh-100{height:100vh!important}.overflow-hidden{overflow:hidden!important}.my-3{margin-bottom:1rem!important;margin-top:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mt-3{margin-top:1rem!important}.w-100{width:100%!important}.rounded-pill{border-radius:50rem!important}.d-none{display:none!important}.d-md-block{display:block!important}.flex-column{flex-direction:column!important}@media (min-width:576px){.col-sm-12{flex:0 0 100%;max-width:100%}}@media (min-width:768px){.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-6{flex:0 0 50%;max-width:50%}.d-md-block{display:block!important}}@media (min-width:992px){.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}}@media (min-width:1200px){.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}}.godrejPurple{color:#810055}.godrej-grey-70{color:#707070}.unauthorized-view{align-items:center;background:#f8f9fa;display:flex;justify-content:center;min-height:calc(100vh - 56px);padding:30px}.unauthorized-content{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 20px #00000014;max-width:500px;padding:40px;text-align:center}.unauthorized-content h2{color:#dc3545;font-family:var(--font-primary);font-size:1.5rem;font-weight:600;margin:0 0 16px}.unauthorized-content p{color:#666;font-size:1rem;line-height:1.5;margin-bottom:16px}.back-btn{background:linear-gradient(135deg,#810055,#c22a6b);border:none;border-radius:25px;box-shadow:0 4px 12px #81005533;color:#fff;cursor:pointer;font-family:var(--font-primary);font-size:.9rem;font-weight:500;margin-top:8px;padding:12px 24px;transition:all .3s ease}.back-btn:hover{box-shadow:0 8px 20px #8100554d;transform:translateY(-2px)}