@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Work+Sans:wght@400;500;600;700&display=swap);:root{--mpg-brown-900:#4a3428;--mpg-brown-700:#6b4c3b;--mpg-brown-500:#8b6f5c;--mpg-brown-300:#b39a88;--mpg-brown-100:#e8ddd5;--mpg-silver-900:#6b7280;--mpg-silver-700:#9ca3af;--mpg-silver-500:silver;--mpg-silver-300:#d1d5db;--mpg-silver-100:#f3f4f6;--mpg-petrol-900:#003d47;--mpg-petrol-700:#005f6b;--mpg-petrol-500:teal;--mpg-petrol-300:#4db8b8;--mpg-petrol-100:#b3e0e0;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#e8ddd5;--text-primary:#1f2937;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-inverse:#fff;--border-primary:#e5e7eb;--border-secondary:#d1d5db;--border-focus:#005f6b}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;background-color:var(--bg-secondary);color:#1f2937;color:var(--text-primary);font-family:Work Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Manrope,sans-serif;font-weight:700;line-height:1.25;margin:0}h1{font-size:3rem;font-weight:800}h2{font-size:2.25rem}h3{font-size:1.875rem}h3,h4{font-weight:600}h4{font-size:1.5rem}a{color:#005f6b;color:var(--mpg-petrol-700);text-decoration:none;transition:color .2s ease}a:hover{color:#003d47;color:var(--mpg-petrol-900);text-decoration:underline}button{cursor:pointer}button,input,select,textarea{font-family:Work Sans,sans-serif}.container{margin:0 auto;max-width:1280px;padding:0 1rem}@media (min-width:640px){.container{padding:0 1.5rem}}@media (min-width:1024px){.container{padding:0 2rem}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f9fafb;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:silver;background:var(--mpg-silver-500);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--mpg-silver-700)}.language-switcher{background-color:initial;border:2px solid var(--mpg-petrol-700);border-radius:.5rem;color:var(--mpg-petrol-700);cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.language-switcher:hover{background-color:var(--mpg-petrol-700);color:#fff}.navigation{background:linear-gradient(90deg,#fff,#e8ddd5);box-shadow:0 2px 8px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-container{justify-content:space-between;margin:0 auto;max-width:1280px;padding:1rem 2rem}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:var(--text-primary);font-family:Manrope,sans-serif;font-size:1.625rem;font-weight:700;gap:1rem;text-decoration:none;z-index:101}.logo-image{height:50px;width:auto}.logo-text{-webkit-text-fill-color:#0000;animation:shimmerText 6s linear infinite;background:linear-gradient(90deg,#a8a8a8,#e8e8e8 25%,#fff 50%,#e8e8e8 75%,#a8a8a8);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));font-size:2.125rem;font-weight:800;position:relative}@keyframes shimmerText{0%{background-position:-200% 0}to{background-position:200% 0}}.nav-links{align-items:center;display:flex;gap:1.5rem}.nav-link{color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .2s ease}.nav-link:hover{color:var(--mpg-petrol-700)}.nav-link.admin-link{background:linear-gradient(135deg,#005f6b,teal);border-radius:.5rem;box-shadow:0 4px 8px #005f6b4d;color:#fff;font-size:1.125rem;font-weight:700;padding:.75rem 1.5rem;transition:all .3s ease}.nav-link.admin-link:hover{background:linear-gradient(135deg,#003d47,#005f6b);box-shadow:0 6px 12px #005f6b66;color:#fff;text-decoration:none;transform:translateY(-2px)}.nav-button{border:none;border-radius:.5rem;cursor:pointer;display:inline-block;font-weight:600;padding:.5rem 1.5rem;text-decoration:none;transition:all .2s ease}.nav-button.primary{background-color:var(--mpg-petrol-700);color:#fff}.nav-button.primary:hover{background-color:var(--mpg-petrol-900)}.nav-button.logout{background-color:initial;border:2px solid var(--mpg-silver-500);color:var(--text-secondary)}.nav-button.logout:hover{background-color:var(--color-error);border-color:var(--color-error);color:#fff}.hamburger-button{background:#0000;border:none;cursor:pointer;display:none;padding:.5rem;z-index:101}.hamburger-icon{display:flex;flex-direction:column;gap:5px;width:28px}.hamburger-icon span{background-color:var(--mpg-petrol-700);border-radius:2px;display:block;height:3px;transition:all .3s ease}.hamburger-icon.open span:first-child{transform:rotate(45deg) translateY(8px)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:nth-child(3){transform:rotate(-45deg) translateY(-8px)}.mobile-menu-overlay{background-color:#00000080;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:98}.mobile-menu-overlay.open{display:block;opacity:1}.mobile-menu{background:#fff;box-shadow:-4px 0 20px #0003;height:100vh;max-width:320px;overflow-y:auto;position:fixed;right:-100%;top:0;transition:right .3s ease;width:80%;z-index:99}.mobile-menu.open{right:0}.mobile-menu-header{align-items:center;background:linear-gradient(135deg,#e8ddd5,#b3e0e0);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:1.5rem}.mobile-menu-header h2{color:var(--mpg-brown-900);font-size:1.5rem;margin:0}.close-button{align-items:center;background:#0000;border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.close-button:hover{background-color:#0000000d;color:var(--text-primary)}.mobile-menu-content{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.mobile-menu-section{border-bottom:1px solid var(--border-primary);display:flex;justify-content:center;margin-bottom:1rem;padding:1rem}.mobile-menu-item{align-items:center;background:#0000;border:none;border-radius:.5rem;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;gap:1rem;padding:1rem 1.5rem;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.mobile-menu-item:hover{background-color:var(--bg-secondary)}.mobile-menu-item.admin{background:linear-gradient(135deg,#005f6b,teal);color:#fff;margin:.5rem 0}.mobile-menu-item.admin:hover{background:linear-gradient(135deg,#003d47,#005f6b)}.mobile-menu-item.primary{background-color:var(--mpg-petrol-700);color:#fff;margin-top:1rem}.mobile-menu-item.primary:hover{background-color:var(--mpg-petrol-900)}.mobile-menu-item.logout{border:2px solid var(--color-error);color:var(--color-error);margin-top:1rem}.mobile-menu-item.logout:hover{background-color:var(--color-error);color:#fff}.menu-icon{font-size:1.5rem}.mobile-menu-footer{border-top:1px solid var(--border-primary);margin-top:auto;padding-top:2rem}.mobile-menu-link{color:var(--text-secondary);display:block;font-size:.875rem;padding:.75rem 1.5rem;text-decoration:none;transition:color .2s ease}.mobile-menu-link:hover{color:var(--mpg-petrol-700)}.desktop-only{display:flex}.mobile-only{display:none}@media (max-width:968px){.logo-text{font-size:1.25rem}}@media (max-width:768px){.nav-container{padding:1rem}.logo-text{font-size:1rem}.logo-image{height:40px}.desktop-only{display:none}.mobile-only{display:block}}@media (max-width:480px){.logo-text{display:none}}.footer{background-color:#4a3428;color:#fff;margin-top:auto;padding:3rem 2rem 1.5rem}.footer-container{margin:0 auto;max-width:1280px}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.footer-section h3{color:#b3e0e0;font-size:1.5rem;margin-bottom:1rem}.footer-section h4{color:#b3e0e0;font-size:1.125rem;margin-bottom:1rem}.footer-section p{color:#fffc;line-height:1.6}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section a{color:#fffc;text-decoration:none;transition:color .2s ease}.footer-section a:hover{color:#b3e0e0}.footer-bottom{border-top:1px solid #fff3;color:#fff9;font-size:.875rem;padding-top:1.5rem;text-align:center}.cookie-banner{animation:slideUp .4s ease;background:linear-gradient(135deg,#4a3428,#6b4c3b 50%,#005f6b);bottom:0;box-shadow:0 -4px 10px #0003;color:#fff;left:0;padding:1.5rem;position:fixed;right:0;z-index:1000}.cookie-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1280px}.cookie-text{flex:1 1}.cookie-text h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.cookie-text p{font-size:.875rem;line-height:1.5;opacity:.95}.cookie-actions{display:flex;flex-shrink:0;gap:1rem}.cookie-button{border:none;border-radius:.5rem;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.cookie-button.accept{background-color:#10b981;color:#fff}.cookie-button.accept:hover{background-color:#059669;transform:translateY(-2px)}.cookie-button.decline{background-color:initial;border:2px solid #fff;color:#fff}.cookie-button.decline:hover{background-color:#ffffff1a}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:768px){.cookie-content{align-items:stretch;flex-direction:column}.cookie-actions{justify-content:stretch}.cookie-button{flex:1 1}}.landing-page{display:flex;flex-direction:column}.hero-section,.landing-page{min-height:calc(100vh - 80px)}.hero-section{background:linear-gradient(135deg,#e8ddd5,#d1c4b8 20%,#b8a89a 40%,#8b9a9e 60%,#6b8f95 80%,#4db8b8);flex:1 1;overflow:hidden;padding:4rem 2rem;position:relative}.hero-section:before{background:radial-gradient(circle at 30% 50%,#6b4c3b1a 0,#0000 50%),radial-gradient(circle at 70% 80%,#0080801a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1280px;position:relative;z-index:1}.hero-text{animation:fadeInUp .8s ease;position:relative;z-index:10}.hero-title{color:#4a3428;font-size:3rem;line-height:1.2;margin-bottom:1.5rem;text-shadow:0 2px 4px #0000001a}.hero-subtitle{color:#1f2937;font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;position:relative;z-index:10}.hero-button{border:none;border-radius:.5rem;cursor:pointer;display:inline-block;font-size:1.125rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.hero-button.primary{background-color:#005f6b;box-shadow:0 4px 6px #005f6b33;color:#fff}.hero-button.primary:hover{background-color:#003d47;box-shadow:0 6px 12px #005f6b4d;transform:translateY(-2px)}.hero-button.secondary{background-color:#fff;border:2px solid #005f6b;color:#005f6b}.hero-button.secondary:hover{background-color:#005f6b;color:#fff}.hero-image{animation:fadeIn 1s ease;position:relative;z-index:1}.globe-container,.hero-image{align-items:center;display:flex;justify-content:center}.globe-container{height:450px;perspective:1200px;width:450px}.earth-globe{animation:floatGlobe 6s ease-in-out infinite;height:380px;position:relative;transform-style:preserve-3d;width:380px}.globe-sphere{background:radial-gradient(circle at 30% 30%,#e8e8e8 0,#b0b0b0 40%,grey 100%);box-shadow:inset -40px -40px 80px #00000080,inset 20px 20px 60px #fff6,0 30px 80px #0006,0 0 120px #c0c0c04d;overflow:hidden;position:relative;transform-style:preserve-3d}.continents,.globe-sphere{border-radius:50%;height:100%;width:100%}.continents{animation:rotateContinents 30s linear infinite;background-image:url(https://upload.wikimedia.org/wikipedia/commons/8/83/Equirectangular_projection_SW.jpg);background-position:0 50%;background-size:400% 200%;filter:brightness(.8) contrast(1.4) grayscale(.3);mix-blend-mode:multiply;opacity:.35;position:absolute}.globe-shadow{background:radial-gradient(ellipse at center,#00000080 0,#0000004d 40%,#0000 70%);bottom:-8%;filter:blur(20px);height:15%;left:50%;transform:translateX(-50%);width:85%;z-index:-1}.globe-highlight,.globe-shadow{border-radius:50%;position:absolute}.globe-highlight{background:radial-gradient(circle at 35% 35%,#ffffffb3 0,#fff6 25%,#ffffff1a 50%,#0000 70%);filter:blur(10px);height:45%;left:25%;pointer-events:none;top:12%;width:45%}.globe-sphere:before{background:radial-gradient(circle at 65% 65%,#0000 0,#0000 40%,#00000026 60%,#00000059 100%);pointer-events:none;z-index:10}.globe-sphere:after,.globe-sphere:before{border-radius:50%;content:"";height:100%;position:absolute;width:100%}.globe-sphere:after{animation:rotateGrid 25s linear infinite;background-image:repeating-linear-gradient(0deg,#0000,#0000 48px,#ffffff14 0,#ffffff14 50px),repeating-linear-gradient(90deg,#0000,#0000 48px,#ffffff14 0,#ffffff14 50px);opacity:.6;z-index:5}@keyframes rotateContinents{0%{background-position:0 50%;@media (max-width:480px){.hero-section{padding:2rem 1rem}.hero-content{gap:3rem}.hero-text{order:1}.hero-image{margin-top:2rem;order:3}.hero-title{font-size:1.75rem}.hero-buttons{flex-direction:column;order:2;width:100%}.hero-button{width:100%}.globe-container{height:250px;width:250px}.earth-globe{height:230px;width:230px}}}to{background-position:400% 50%}}@keyframes rotateGrid{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@keyframes floatGlobe{0%,to{transform:translateY(0) rotateX(8deg) rotateY(5deg)}50%{transform:translateY(-25px) rotateX(8deg) rotateY(5deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-content{gap:2rem;grid-template-columns:1fr}.hero-title{font-size:2rem}.hero-button,.hero-subtitle{font-size:1rem}.hero-button{padding:.75rem 1.5rem}.globe-container{height:300px;width:300px}}.address-autocomplete{margin-bottom:1.5rem;width:100%}.address-label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.address-input{border:2px solid var(--border-primary);border-radius:.5rem;font-size:1rem;padding:.75rem;transition:border-color .2s ease;width:100%}.address-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #005f6b1a;outline:none}.address-hint{color:var(--mpg-petrol-700);font-size:.8125rem;font-weight:500;margin-top:.5rem}.pac-container{border-radius:.5rem;box-shadow:0 4px 12px #00000026;font-family:Work Sans,sans-serif;margin-top:4px}.pac-item{border-bottom:1px solid var(--border-primary);cursor:pointer;padding:.75rem 1rem}.pac-item:hover{background-color:var(--bg-secondary)}.pac-item-selected{background-color:var(--mpg-petrol-100)}.pac-icon{margin-right:.75rem}.pac-item-query{color:var(--text-primary);font-weight:600}.modal-overlay{animation:fadeIn .2s ease;background-color:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-container{animation:slideIn .3s ease;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1001}.modal-content{background:#fff;border-radius:1rem;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:2.5rem;text-align:center;width:90vw}.modal-content.success{border-top:6px solid var(--color-success)}.modal-content.error{border-top:6px solid var(--color-error)}.modal-icon{align-items:center;border-radius:50%;display:flex;font-size:3rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.modal-content.success .modal-icon{background-color:#10b9811a;color:var(--color-success)}.modal-content.error .modal-icon{background-color:#ef44441a;color:var(--color-error)}.modal-content h2{color:var(--text-primary);font-size:1.75rem;margin-bottom:1rem}.modal-message{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin-bottom:1.5rem}.modal-hint{background-color:var(--bg-secondary);border-radius:.5rem;color:var(--text-primary);line-height:1.5;margin-bottom:1.5rem;padding:1rem}.modal-button{background-color:var(--mpg-petrol-700);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 3rem;transition:all .2s ease}.modal-button:hover{background-color:var(--mpg-petrol-900);box-shadow:0 4px 8px #005f6b33;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width:480px){.modal-content{padding:2rem 1.5rem}.modal-content h2{font-size:1.5rem}.modal-message{font-size:1rem}.modal-button{width:100%}}.register-page{background:linear-gradient(135deg,#f3f4f6,#e8ddd5 50%,#b3e0e0);min-height:100vh;padding:2rem 1rem}.register-container{margin:0 auto;max-width:800px}.register-card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a;padding:2.5rem}.register-title{color:var(--mpg-brown-900);font-size:2rem;margin-bottom:.5rem;text-align:center}.register-subtitle{color:var(--text-secondary);margin-bottom:2rem;text-align:center}.register-form{display:flex;flex-direction:column;gap:2rem}.form-section{border-bottom:1px solid var(--border-primary);padding-bottom:1.5rem}.form-section:last-of-type{border-bottom:none}.section-title{color:var(--mpg-petrol-700);font-size:1.125rem;font-weight:600}.address-hint,.section-title{margin-bottom:1rem}.address-hint{background-color:#fff3cd;border:1px solid #ffc107;border-radius:.5rem;color:#856404;font-size:.875rem;padding:.75rem 1rem;.shipping-select{background-color:#fff;border:2px solid var(--border-primary);border-radius:.5rem;cursor:pointer;font-size:1.0625rem;padding:.875rem;transition:border-color .2s ease;width:100%}.shipping-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #005f6b1a;outline:none}.shipping-info-box{background:#fff;border:2px solid var(--border-primary);border-radius:.75rem;margin-top:1.5rem;padding:1.75rem}.shipping-info-box.england{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:var(--mpg-petrol-300)}.shipping-info-box.philippines{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b}.shipping-info-box h4{color:var(--mpg-brown-900);font-size:1.375rem;font-weight:700;margin-bottom:1.25rem}.shipping-info-box ul{display:flex;flex-direction:column;gap:.875rem;list-style:none;margin:0;padding:0}.shipping-info-box li{color:var(--text-primary);font-size:1rem;line-height:1.6}.products-showcase{border-top:1px solid #0000001a;display:flex;gap:1.5rem;justify-content:center;margin-top:1.5rem;padding-top:1.5rem}.product-mini{align-items:center;background:#fff;border-radius:.5rem;box-shadow:0 2px 4px #00000014;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.product-mini img{height:80px;object-fit:contain;width:80px}.product-mini span{color:var(--mpg-petrol-700);font-size:.875rem;font-weight:600;text-align:center}.address-info-box{background:linear-gradient(135deg,#e8f4f5,#d4e8e9);border-left:4px solid var(--mpg-petrol-700);border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.field-hint{color:var(--mpg-petrol-700);display:block;font-size:.8125rem;font-style:italic;margin-top:.5rem}.address-info-box p{color:var(--text-primary);font-size:.9375rem;line-height:1.5;margin:0}.address-preview{background-color:var(--bg-secondary);border:2px solid var(--mpg-petrol-300);border-radius:.5rem;margin-top:1rem;padding:1.5rem}.address-preview h4{color:var(--mpg-petrol-700);font-size:1rem}.address-fields{grid-gap:.5rem;display:grid;gap:.5rem;.input-error{background-color:#ef44440d;border-color:var(--color-error)!important}.error-message{color:#ef4444;display:block;font-size:.8125rem;font-weight:600;margin-top:.375rem}}.shipping-location-group{display:flex;flex-direction:column;gap:1rem}.radio-label{align-items:flex-start;border:2px solid var(--border-primary);border-radius:.5rem;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.radio-label:hover{background-color:#005f6b05;border-color:var(--mpg-petrol-500)}.radio-label input[type=radio]{cursor:pointer;height:20px;margin-top:.25rem;width:20px}.radio-label input[type=radio]:checked+.radio-text{color:var(--mpg-petrol-700)}.radio-label:has(input:checked){background-color:#005f6b0d;border-color:var(--mpg-petrol-700)}.radio-text{display:flex;flex-direction:column;gap:.25rem}.radio-text strong{color:var(--text-primary);font-size:1.125rem}.radio-text small{color:var(--text-secondary);font-size:.875rem}.philippines-info{background:linear-gradient(135deg,#fff9e6,#fff3cd);border-left:4px solid #f59e0b;border-radius:.5rem;margin-top:1.5rem;padding:1.5rem}.philippines-info h4{color:var(--text-primary);font-size:1.125rem}.product-showcase{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin:1.5rem 0}.product-item{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;padding:1rem;text-align:center}.product-item img{border-radius:.5rem;height:auto;margin-bottom:.75rem;max-width:200px;width:100%}.product-item p{color:var(--text-primary);font-size:1rem;margin:.5rem 0}.shipping-options{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.shipping-card{background:#fff;border:3px solid var(--border-primary);border-radius:1rem;cursor:pointer;min-height:220px;padding:2rem;position:relative;transition:all .3s ease}.shipping-card:hover{border-color:var(--mpg-petrol-500);box-shadow:0 6px 16px #005f6b33;transform:translateY(-3px)}.shipping-card input[type=radio]{accent-color:var(--mpg-petrol-700);cursor:pointer;height:26px;position:absolute;right:1.5rem;top:1.5rem;width:26px}.shipping-card:has(input:checked){background:linear-gradient(135deg,#005f6b0d,#0080800d);border-color:var(--mpg-petrol-700);border-width:4px;box-shadow:0 8px 24px #005f6b40}.shipping-content{padding-right:3rem}.shipping-content h4{color:var(--mpg-brown-900);font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}.shipping-content ul{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.shipping-content li{align-items:flex-start;color:var(--text-primary);display:flex;font-size:1.0625rem;gap:.875rem;line-height:1.6;padding-left:.25rem}.shipping-content li:before{color:var(--mpg-petrol-700);content:"•";flex-shrink:0;font-size:1.75rem;font-weight:700;line-height:1.2}.philippines-products{background:linear-gradient(135deg,#fff9e6,#fff3cd);border:2px solid #f59e0b;border-radius:1rem;margin-top:1.5rem;padding:2rem}.philippines-products h4{color:var(--text-primary);font-size:1.25rem;margin-bottom:1.5rem;text-align:center}.products-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.product-card{background:#fff;border-radius:.75rem;box-shadow:0 2px 6px #0000001a;padding:1rem;text-align:center;transition:transform .2s ease}.product-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.product-card img{display:block;height:100px;margin:0 auto .875rem;max-width:100px;object-fit:contain;width:100%}.product-card h5{color:var(--mpg-petrol-700);font-size:1.125rem;margin:.75rem 0 .5rem}.product-card p{color:var(--text-secondary);font-size:.875rem;margin:0}@media (max-width:768px){.shipping-options{grid-template-columns:1fr}.products-grid{grid-template-columns:1fr}}line-height:1.5;.product-item small{color:var(--text-secondary);font-size:.8125rem}.shipping-note{background-color:#fff;border-radius:.375rem;color:var(--mpg-petrol-700);font-weight:600;margin-top:1rem;padding:.75rem;text-align:center}.address-fields p{color:var(--text-primary);font-size:.9375rem;margin:0}.address-fields strong{color:var(--mpg-brown-700);margin-right:.5rem}}.recaptcha-container{display:flex;justify-content:center;margin:1rem 0}.login-link{color:var(--text-secondary);margin-top:1.5rem;text-align:center}.login-link a{color:var(--mpg-petrol-700);font-weight:600;text-decoration:none}.login-link a:hover{text-decoration:underline}@media (max-width:768px){.register-card{padding:1.5rem}.form-row{flex-direction:column}.register-title{font-size:1.5rem}}.login-page{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e8ddd5 50%,#b3e0e0);display:flex;min-height:100vh;padding:2rem 1rem}.login-container{margin:0 auto;max-width:450px;width:100%}.login-card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a;padding:2.5rem}.login-title{color:var(--mpg-brown-900);font-size:2rem;margin-bottom:.5rem;text-align:center}.login-subtitle{color:var(--text-secondary);margin-bottom:2rem;text-align:center}.login-form{display:flex;flex-direction:column;gap:1.5rem}.forgot-link{color:var(--mpg-petrol-700);font-size:.875rem;text-decoration:none;.password-input-wrapper{align-items:center!important;display:flex!important;position:relative!important}.password-input-wrapper input{flex:1 1!important;padding-right:4rem!important}.password-toggle{align-items:center!important;background:#0000!important;border:none!important;cursor:pointer!important;display:flex!important;font-size:2.5rem!important;height:3rem!important;justify-content:center!important;line-height:1!important;padding:.5rem!important;position:absolute!important;right:1.25rem!important;transition:transform .2s ease!important;width:3rem!important}.password-toggle:hover{transform:scale(1.2)!important}.password-toggle:active{transform:scale(.9)!important}}.forgot-link:hover{text-decoration:underline}.submit-button{transition:all .3s ease}.submit-button:hover:not(:disabled){box-shadow:0 4px 8px #005f6b33;transform:translateY(-2px)}.submit-button:disabled{background-color:var(--mpg-silver-500);transform:none}.register-link{color:var(--text-secondary);margin-top:1.5rem;text-align:center;.recaptcha-container{display:flex;justify-content:center;margin:1.5rem 0}}.register-link a{color:var(--mpg-petrol-700);font-weight:600;text-decoration:none}.register-link a:hover{text-decoration:underline}@media (max-width:768px){.login-card{padding:1.5rem}.login-title{font-size:1.5rem}}.forgot-password-page{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e8ddd5 50%,#b3e0e0);display:flex;min-height:100vh;padding:2rem 1rem}.forgot-password-container{margin:0 auto;max-width:500px;width:100%}.forgot-password-card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a;padding:2.5rem}.forgot-password-card h1{color:var(--mpg-brown-900);font-size:1.875rem;margin-bottom:1rem;text-align:center}.subtitle{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem;text-align:center}.forgot-form{display:flex;flex-direction:column;gap:1.5rem}.submit-button{background-color:var(--mpg-petrol-700);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem}.submit-button:hover:not(:disabled){background-color:var(--mpg-petrol-900)}.submit-button:disabled{cursor:not-allowed;opacity:.5}.success-message{color:var(--color-success);font-size:1.125rem;padding:2rem;text-align:center}.success-message .small{color:var(--text-secondary);font-size:.875rem;margin-top:1rem}.back-link{color:var(--mpg-petrol-700);display:block;font-weight:600;margin-top:1.5rem;text-align:center;text-decoration:none}.back-link:hover{text-decoration:underline}.profile-page{background:linear-gradient(135deg,#f3f4f6,#e8ddd5 50%,#b3e0e0);min-height:100vh;padding:2rem 1rem}.profile-container{margin:0 auto;max-width:900px}.profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.profile-header h1{color:var(--mpg-brown-900);font-size:2.25rem}.address-additional-display{color:var(--mpg-petrol-700);font-size:.9375rem;font-style:italic}.header-actions{display:flex;gap:1rem}.profile-card{background:#fff;border-radius:1rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:2.5rem}.profile-name{color:var(--mpg-petrol-700);font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.profile-info-grid{grid-gap:1.25rem;display:grid;gap:1.25rem}.info-row{grid-gap:1rem;align-items:center;border-bottom:1px solid var(--border-primary);display:grid;gap:1rem;grid-template-columns:200px 1fr;padding:1rem}.info-row:last-child{border-bottom:none}.info-label{color:var(--mpg-brown-700);font-size:1rem;font-weight:600}.info-value{color:var(--text-primary);font-size:1.125rem}.info-value.highlight{color:var(--mpg-petrol-700);font-size:1.25rem;font-weight:700}.edit-form{margin-top:1rem}.edit-form h3{color:var(--mpg-petrol-700);font-size:1.5rem;margin-bottom:1.5rem}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.card-header h2{color:var(--mpg-petrol-700);font-size:1.5rem}.address-display{background-color:var(--bg-secondary);border-radius:.5rem;color:var(--text-primary);font-size:1.125rem;line-height:2;padding:1rem}.address-form{flex-direction:column}.address-form,.form-row{display:flex;gap:1rem}.form-group{flex:1 1;margin-bottom:1rem}.form-group label{font-size:.9375rem;font-weight:600}.form-group input,.form-group select{border:2px solid var(--border-primary);border-radius:.5rem;font-size:1rem;padding:.75rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{border-color:var(--border-focus);outline:none}.form-actions{justify-content:flex-end;margin-top:1.5rem}.action-button{border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .2s ease}.action-button.primary{background-color:var(--mpg-petrol-700);color:#fff}.action-button.primary:hover:not(:disabled){background-color:var(--mpg-petrol-900);transform:translateY(-2px)}.action-button.secondary{background-color:initial;border:2px solid var(--mpg-silver-500);color:var(--text-secondary)}.action-button.secondary:hover:not(:disabled){border-color:var(--mpg-silver-700);color:var(--text-primary)}.action-button:disabled{cursor:not-allowed;opacity:.5}.address-info-box{margin-bottom:1.5rem}.address-info-box p{color:var(--text-primary);line-height:1.5}.address-preview{margin-bottom:1rem}.address-preview h4{color:var(--mpg-petrol-700);font-size:1rem;margin-bottom:1rem}.address-fields{grid-gap:.5rem;display:grid;gap:.5rem}.address-fields p{color:var(--text-primary);font-size:.9375rem;margin:0}.address-fields strong{color:var(--mpg-brown-700);margin-right:.5rem}.input-error{background-color:#ef44440d}.section-subtitle{color:var(--text-secondary);font-size:1rem;font-weight:500;margin:-.5rem 0 1.5rem}.shipping-info-display{background:#fff;border:2px solid var(--border-primary);border-radius:.75rem;margin-top:1.5rem;padding:1.75rem}.shipping-info-display.england{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:var(--mpg-petrol-300)}.shipping-info-display.philippines{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b}.shipping-info-display h4{color:var(--mpg-brown-900);font-size:1.25rem;font-weight:700;margin-bottom:1rem}.shipping-info-display ul{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0 0 1rem;padding:0}.shipping-info-display li{color:var(--text-primary);font-size:.9375rem;line-height:1.5}.products-mini-showcase{border-top:1px solid #0000001a;display:flex;gap:1.5rem;justify-content:center;margin-top:1.25rem;padding-top:1.25rem}.mini-product{align-items:center;display:flex;flex-direction:column;gap:.5rem}.mini-product img{height:70px;object-fit:contain;width:70px;.field-hint{color:var(--text-secondary);display:block;font-size:.8125rem;font-style:italic;margin-top:.5rem}.profile-card .friends-list{grid-gap:1.5rem!important;display:grid!important;gap:1.5rem!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;margin-top:1.5rem!important}.profile-card .friend-item{background:linear-gradient(135deg,#fff,#f8fafc)!important;border:2px solid #b3e0e0!important;border-radius:1rem!important;box-shadow:0 4px 12px #0000001a!important;display:block!important;min-height:180px!important;padding:2rem!important;position:relative!important;transition:all .3s ease!important}.profile-card .friend-item:before{background:linear-gradient(180deg,#005f6b,teal)!important;border-radius:1rem 0 0 1rem!important;content:""!important;height:100%!important;left:0!important;position:absolute!important;top:0!important;width:6px!important}.profile-card .friend-item:hover{border-color:#005f6b!important;box-shadow:0 12px 32px #005f6b33!important;transform:translateY(-6px) scale(1.02)!important}.profile-card .friend-info{display:flex!important;flex-direction:column!important;gap:.875rem!important;padding-left:1.25rem!important}.profile-card .friend-info strong{color:#4a3428!important;display:block!important;font-size:1.5rem!important;font-weight:700!important;line-height:1.3!important;margin-bottom:0!important}.profile-card .friend-info strong:before{content:"👤 "!important;font-size:1.75rem!important;margin-right:.5rem!important}.profile-card .friend-username{background:linear-gradient(135deg,#e0f2fe,#bae6fd)!important;border:1px solid #7dd3c0!important;border-radius:.5rem!important;color:#005f6b!important;display:inline-block!important;font-family:Roboto Mono,monospace!important;font-size:1.125rem!important;font-weight:700!important;padding:.625rem 1rem!important}.profile-card .friend-email{border-top:2px solid #e5e7eb!important;color:#6b7280!important;display:block!important;font-size:1rem!important;font-weight:500!important;margin-top:.5rem!important;padding-top:1rem!important}.profile-card .friend-email:before{content:"✉️ "!important;font-size:1.125rem!important;margin-right:.5rem!important}}.mini-product span{color:var(--mpg-petrol-700);font-size:.8125rem;font-weight:600}.shipping-select{border:2px solid var(--border-primary);border-radius:.5rem;cursor:pointer;font-size:1rem;padding:.75rem;width:100%}@media (max-width:768px){.profile-header{align-items:flex-start;flex-direction:column;gap:1rem}.profile-card{padding:1.5rem}.info-row{gap:.25rem;grid-template-columns:1fr}.card-header,.form-row{flex-direction:column}.card-header{align-items:flex-start;gap:1rem}}.change-password-page{align-items:center;background-color:var(--bg-secondary);display:flex;min-height:100vh;padding:2rem 1rem}.change-password-container{margin:0 auto;max-width:500px;width:100%}.change-password-card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a;padding:2.5rem}.change-password-card h1{color:var(--mpg-brown-900);font-size:1.875rem;margin-bottom:2rem;text-align:center}.password-form{gap:1.5rem}.form-group,.password-form{display:flex;flex-direction:column}.form-group label{color:var(--text-primary);font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input{border:2px solid var(--border-primary);border-radius:.5rem;font-size:1rem;padding:.75rem;transition:border-color .2s ease}.form-group input:focus{border-color:var(--border-focus);outline:none}.form-actions{display:flex;gap:1rem;margin-top:1rem}.button{border:none;border-radius:.5rem;cursor:pointer;flex:1 1;font-weight:600;padding:.875rem;transition:all .2s ease;.password-input-wrapper{align-items:center!important;display:flex!important;position:relative!important}.password-input-wrapper input{flex:1 1!important;padding-right:4rem!important}.password-toggle{align-items:center!important;background:#0000!important;border:none!important;cursor:pointer!important;display:flex!important;font-size:2.5rem!important;height:3rem!important;justify-content:center!important;line-height:1!important;padding:.5rem!important;position:absolute!important;right:1.25rem!important;transition:transform .2s ease!important;width:3rem!important}.password-toggle:hover{transform:scale(1.2)!important}.password-toggle:active{transform:scale(.9)!important}}.button.primary{background-color:var(--mpg-petrol-700);color:#fff}.button.primary:hover:not(:disabled){background-color:var(--mpg-petrol-900)}.button.secondary{background-color:initial;border:2px solid var(--mpg-silver-500);color:var(--text-secondary)}.button.secondary:hover{border-color:var(--mpg-silver-700)}.button:disabled{cursor:not-allowed;opacity:.5}.privacy-page{background:linear-gradient(135deg,#f3f4f6,#e8ddd5 50%,#b3e0e0);min-height:100vh;padding:2rem 1rem}.privacy-container{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:900px;padding:3rem}.privacy-container h1{color:#4a3428;font-size:2.5rem;margin-bottom:2rem;text-align:center}.privacy-container section{margin-bottom:2rem}.privacy-container h2{color:#005f6b;font-size:1.75rem;margin-bottom:1rem;margin-top:2rem}.privacy-container h3{color:#6b4c3b;font-size:1.25rem;margin-bottom:.75rem;margin-top:1.5rem}.privacy-container p{color:#1f2937;line-height:1.8;margin-bottom:1rem}.privacy-container ul{margin-bottom:1rem;margin-left:2rem}.privacy-container li{color:#1f2937;line-height:1.8;margin-bottom:.5rem}.privacy-container strong{color:#005f6b}@media (max-width:768px){.privacy-container{padding:2rem 1.5rem}.privacy-container h1{font-size:2rem}.privacy-container h2{font-size:1.5rem}}.impressum-page{background:linear-gradient(135deg,#f3f4f6,#e8ddd5 50%,#b3e0e0);min-height:100vh;padding:2rem 1rem}.impressum-container{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:900px;padding:3rem}.impressum-container h1{border-bottom:3px solid #005f6b;color:#4a3428;font-size:2.5rem;margin-bottom:2rem;padding-bottom:1rem;text-align:center}.owner-section{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #005f6b;border-radius:1rem;display:flex;gap:2rem;margin:2rem 0;padding:2rem}.owner-image{flex-shrink:0}.owner-photo{border:4px solid #fff;border-radius:1rem;box-shadow:0 8px 20px #00000026;height:200px;object-fit:cover;width:200px}.owner-info h2{color:#005f6b;font-size:2rem;font-weight:700;margin-bottom:.5rem}.owner-title{color:#6b4c3b;font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.owner-company{color:#6b7280;font-size:1.125rem;font-weight:500}.impressum-container section{margin-bottom:2.5rem}.impressum-container h2{border-left:4px solid #005f6b;color:#005f6b;font-size:1.75rem;margin-bottom:1rem;margin-top:2rem;padding-left:1rem}.impressum-container h3{color:#6b4c3b;font-size:1.25rem;margin-bottom:.75rem;margin-top:1.5rem}.impressum-container p{color:#1f2937;line-height:1.8;margin-bottom:1rem}.impressum-container a{color:#005f6b;font-weight:600;text-decoration:none;transition:color .2s ease}.impressum-container a:hover{color:#003d47;text-decoration:underline}.impressum-container strong{color:#4a3428;font-weight:700}@media (max-width:768px){.impressum-container{padding:2rem 1.5rem}.impressum-container h1{font-size:2rem}.owner-section{flex-direction:column;text-align:center}.owner-photo{height:180px;width:180px}.impressum-container h2{font-size:1.5rem}}.admin-dashboard{background:linear-gradient(135deg,#f3f4f6,#e8ddd5 50%,#b3e0e0);min-height:100vh;padding:2rem 1rem}.admin-container{margin:0 auto;max-width:1400px}.admin-container h1{color:var(--mpg-brown-900);font-size:2rem;margin-bottom:2rem}.filters-card{background:#fff;border-radius:1rem;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.5rem}.filter-group{flex:1 1;min-width:200px}.filter-group input{border:2px solid var(--border-primary);border-radius:.5rem;font-size:1rem;padding:.75rem;width:100%}.filter-group input:focus{border-color:var(--border-focus);outline:none}.search-button{background-color:var(--mpg-petrol-700);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:background-color .2s ease;.admin-changes-table-container{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;max-height:660px;overflow-x:auto;overflow-y:auto}.admin-table-white{background:#fff;border-collapse:collapse;width:100%}.admin-table-white thead{background-color:#f3f4f6;box-shadow:0 2px 4px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:10}.admin-table-white th{background-color:#f3f4f6;color:#1f2937;font-weight:600;text-align:left}.admin-table-white td,.admin-table-white th{border-bottom:1px solid #e5e7eb;padding:1rem}.admin-table-white td{background:#fff}.admin-table-white tbody tr:hover{background-color:#f3f4f6}}.search-button:hover{background-color:var(--mpg-petrol-900)}.users-card{background:#fff;border-radius:1rem;box-shadow:0 2px 4px #0000001a;padding:2rem}.users-card h2{color:var(--mpg-petrol-700);margin-bottom:1.5rem;.recent-changes-card{background:#fff;border-radius:1rem;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:2rem}.recent-changes-card h2{color:var(--mpg-petrol-700);margin-bottom:1.5rem}.changes-table-wrapper{background:#fff!important;border:2px solid var(--border-primary)!important;border-radius:.5rem!important;max-height:660px!important;overflow-x:auto!important;overflow-y:auto!important}.changes-table{background:#fff!important;border-collapse:collapse!important;width:100%!important}.changes-table thead{background-color:#f3f4f6!important;box-shadow:0 2px 4px #0000001a!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10!important}.changes-table th{background-color:#f3f4f6!important;color:#1f2937!important;font-weight:600!important;text-align:left!important}.changes-table td,.changes-table th{border-bottom:1px solid #e5e7eb!important;padding:1rem!important}.changes-table tbody tr,.changes-table td{background:#fff!important}.changes-table tbody tr{cursor:pointer!important;transition:background-color .2s ease!important}.changes-table tbody tr:hover{background-color:#f3f4f6!important}.time-cell{color:var(--text-secondary);font-size:.9375rem;min-width:180px;white-space:nowrap}.user-cell strong{color:var(--mpg-brown-900);font-size:1rem}.mpg-username-small{background:#005f6b1a;border-radius:.25rem;color:var(--mpg-petrol-700);font-size:.875rem;padding:.125rem .375rem}.changes-tags{display:flex;flex-wrap:wrap;gap:.5rem}.mini-change-tag{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid var(--mpg-petrol-300);border-radius:.375rem;font-size:.8125rem;padding:.375rem .75rem;white-space:nowrap}.mini-change-tag strong{color:var(--mpg-petrol-700);margin-right:.25rem}.changed-by-cell{color:var(--text-secondary);font-size:.875rem;font-style:italic}.no-changes{color:var(--text-secondary);font-size:1rem;padding:3rem 2rem;text-align:center}}.users-table{background:#fff;border:2px solid var(--border-primary);border-radius:.5rem;max-height:660px;overflow-x:auto;overflow-y:auto}.users-table table{border-collapse:collapse;width:100%}.users-table thead{background-color:var(--bg-secondary);box-shadow:0 2px 4px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:10}.users-table td,.users-table th{border-bottom:1px solid var(--border-primary);min-height:60px;padding:1rem;text-align:left}.users-table th{color:var(--text-primary);font-weight:600}.users-table tbody tr:hover,.users-table th{background-color:var(--bg-secondary)}.view-button{background-color:var(--mpg-petrol-700);border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background-color .2s ease;.mpg-username-badge{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:1px solid #7dd3c0;border-radius:.375rem;color:var(--mpg-petrol-900);font-family:Roboto Mono,monospace;font-size:.875rem;font-weight:600;padding:.375rem .75rem}.role-badge{border-radius:1rem;font-size:.8125rem;font-weight:700;letter-spacing:.5px;padding:.375rem .875rem;text-transform:uppercase}.role-badge.superadmin{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;color:#92400e}.role-badge.mitarbeiter{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;color:#1e40af}.role-badge.user{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #9ca3af;color:#4b5563}.action-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.action-btn{border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.action-btn.view{background-color:var(--mpg-petrol-700);color:#fff}.action-btn.view:hover{background-color:var(--mpg-petrol-900)}.action-btn.grant{background-color:var(--color-success);color:#fff}.action-btn.grant:hover{background-color:#059669}.action-btn.revoke{background-color:var(--color-error);color:#fff}.action-btn.revoke:hover{background-color:#dc2626}}.view-button:hover{background-color:var(--mpg-petrol-900)}.loading{color:var(--text-secondary);padding:2rem;text-align:center}@media (max-width:768px){.filters-card{flex-direction:column}.users-table{font-size:.875rem}.users-table td,.users-table th{padding:.5rem}}.user-detail-page{background:linear-gradient(135deg,#f3f4f6,#e8ddd5 50%,#b3e0e0);min-height:100vh;padding:2rem 1rem}.user-detail-container{margin:0 auto;max-width:1200px}.back-button{background:#0000;border:2px solid var(--mpg-petrol-700);border-radius:.5rem;color:var(--mpg-petrol-700);cursor:pointer;font-weight:600;margin-bottom:1.5rem;padding:.5rem 1rem;transition:all .2s ease}.back-button:hover{background-color:var(--mpg-petrol-700);color:#fff}.user-detail-container h1{color:var(--mpg-brown-900);font-size:2rem;margin-bottom:2rem;.detail-header{align-items:center;border-bottom:3px solid var(--mpg-petrol-700);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.detail-header h1{color:var(--mpg-brown-900);font-size:2rem;margin:0}.edit-button{background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:.75rem;box-shadow:0 4px 12px #f59e0b4d;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:700;letter-spacing:.5px;padding:1rem 2.5rem;text-transform:uppercase;transition:all .3s ease}.edit-button:hover{background:linear-gradient(135deg,#ea580c,#dc2626);box-shadow:0 8px 20px #f59e0b66;transform:translateY(-3px) scale(1.05)}.edit-button:before{content:"✏️ ";font-size:1.25rem;margin-right:.5rem}.admin-edit-form{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid var(--mpg-petrol-300);border-radius:.75rem;margin-bottom:2rem;padding:2rem}.admin-edit-form h3{color:var(--mpg-petrol-700);font-size:1.5rem;margin-bottom:1.5rem}.form-row{gap:1rem}.form-group,.form-row{display:flex;margin-bottom:1rem}.form-group{flex:1 1;flex-direction:column}.form-group label{color:var(--text-primary);font-size:.9375rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select{border:2px solid var(--border-primary);border-radius:.5rem;font-size:1rem;padding:.75rem}.form-group input:focus,.form-group select:focus{border-color:var(--border-focus);outline:none}.form-actions{border-top:2px solid var(--border-primary);display:flex;gap:1.5rem;justify-content:center;margin-top:2.5rem;padding-top:2rem}.cancel-btn,.save-btn{border:none;border-radius:.75rem;box-shadow:0 4px 12px #00000026;cursor:pointer;font-size:1.125rem;font-weight:700;letter-spacing:.5px;padding:1rem 3rem;text-transform:uppercase;transition:all .3s ease}.cancel-btn{background:linear-gradient(135deg,#6b7280,#9ca3af);color:#fff}.cancel-btn:hover{background:linear-gradient(135deg,#4b5563,#6b7280);box-shadow:0 8px 20px #0003;transform:translateY(-3px) scale(1.05)}.save-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.save-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 20px #10b98166;transform:translateY(-3px) scale(1.05)}.save-btn:before{content:"💾 ";font-size:1.25rem;margin-right:.5rem}}.detail-card,.logs-card{background:#fff;border-radius:1rem;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:2rem}.detail-card h2,.logs-card h2{color:var(--mpg-petrol-700);font-size:1.5rem;margin-bottom:1.5rem}.user-info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.address-info-box{background:linear-gradient(135deg,#e8f4f5,#d4e8e9);border-left:4px solid var(--mpg-petrol-700);border-radius:.5rem;margin-bottom:1rem;padding:1rem}.address-info-box p{font-size:.9375rem;margin:0}.address-preview{background-color:var(--bg-secondary);border:2px solid var(--mpg-petrol-300);border-radius:.5rem;margin-top:1rem;padding:1.5rem}.address-preview h5{color:var(--mpg-petrol-700);font-size:1rem;margin-bottom:.75rem}.address-preview p{color:var(--text-primary);margin:.25rem 0}.input-error{background-color:#ef44440d!important;border-color:#ef4444!important}.error-message{color:#ef4444;display:block;font-size:.8125rem;font-weight:600;margin-top:.375rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item .label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.info-item .value{color:var(--text-primary);font-size:1.125rem}.address-section{border-top:1px solid var(--border-primary);padding-top:1.5rem}.address-section h3{color:var(--mpg-brown-700);margin-bottom:1rem}.address-section p{color:var(--text-primary);font-size:1.125rem;line-height:1.8}.no-logs{color:var(--text-secondary);padding:2rem;text-align:center}.logs-timeline{display:flex;flex-direction:column;gap:1.5rem}.log-entry{background-color:var(--bg-secondary);border-left:4px solid var(--mpg-petrol-700);border-radius:.5rem;padding:1rem 1.5rem}.log-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.log-date{color:var(--mpg-petrol-700);font-weight:600}.log-author{color:var(--text-secondary);font-size:.875rem}.log-changes h4{color:var(--text-primary);font-size:1rem;margin-bottom:.75rem}.change-item{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.field-name{color:var(--mpg-brown-700);font-weight:600;min-width:100px}.old-value{color:var(--color-error);text-decoration:line-through}.arrow{color:var(--text-secondary)}.new-value{color:var(--color-success);font-weight:600}.log-footer{border-top:1px solid var(--border-primary);color:var(--text-tertiary);font-size:.75rem;margin-top:1rem;padding-top:.75rem}.error-container,.loading-container{align-items:center;color:var(--text-secondary);display:flex;font-size:1.25rem;justify-content:center;min-height:100vh}@media (max-width:768px){.user-info-grid{grid-template-columns:1fr}.change-item,.log-header{align-items:flex-start;flex-direction:column}}.App{display:flex;flex-direction:column;min-height:100vh}.App>*{flex-shrink:0}*{box-sizing:border-box;margin:0;padding:0}
/*# sourceMappingURL=main.f5a31a7b.css.map*/