*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}.copyrights{color:#64748b;border-top:1px solid #94a3b81f;justify-content:center;align-items:center;height:100%;padding:0 20px;font-size:12px;display:flex}.copyrights p{margin:0}.copyrights p:before{content:"🍺";margin-right:8px}.header{justify-content:center;align-items:center;min-height:62px;display:flex;position:relative}.header-title{text-align:center;margin:0}.language-button{cursor:pointer;background:#fff;border:1px solid #d6dde5;border-radius:20px;align-items:center;gap:7px;padding:8px 14px;font-size:14px;font-weight:600;display:flex;position:absolute;inset-inline-end:20px}.menu{background:#fff;border-right:1px solid #dbeafe;flex-direction:column;align-items:center;gap:18px;width:100%;height:100%;padding:28px 10px;display:flex;position:relative}.user-session{flex-direction:column;gap:8px;width:calc(100% - 14px);margin:8px auto 18px;display:flex}.logged-user{color:#0f2942;background:#f8fafc;border:1px solid #dbe5ef;border-radius:12px;align-items:center;gap:9px;width:100%;min-height:58px;padding:8px;display:flex;overflow:hidden}.user-avatar{flex-shrink:0;font-size:18px}.user-details{flex-direction:column;gap:2px;min-width:0;display:flex}.user-details strong{color:#0f2942;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.2;display:block;overflow:hidden}.user-details small{color:#64748b;text-transform:capitalize;font-size:9px}.logout-button{color:#172033;cursor:pointer;background:#f1f5f9;border:none;border-radius:9px;width:100%;min-height:34px;font-size:11px;font-weight:700}.logout-button:hover{color:#b91c1c;background:#fee2e2}.beer-logo{z-index:100;justify-content:center;align-items:center;width:42px;height:42px;font-size:28px;transition:top .8s,left .8s;display:flex;position:absolute}.menu-link{color:#0f2747;border:1px solid #0000;border-radius:14px;place-items:center;width:52px;height:52px;font-size:20px;text-decoration:none;transition:background .2s,color .2s,transform .2s,box-shadow .2s;display:grid;position:relative}.menu-link:hover{transform:translateY(-2px);box-shadow:0 10px 24px #6d3df529}.menu-link.active{color:#eb0d0d;box-shadow:0 12px 26px #7c3aed4d}.menu-link svg{width:20px;height:20px}.menu-link:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:1000;background:#0f172a;border-radius:7px;padding:6px 10px;font-size:12px;font-weight:600;transition:opacity .18s,visibility .18s,transform .18s;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,6px)}.export-file-action{align-items:center;gap:12px;margin-top:16px;display:flex}.stock-report-right{color:#374151;cursor:pointer;background-color:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;transition:transform .2s,box-shadow .2s,color .2s;display:flex;position:relative;box-shadow:0 4px 12px #0000001a}.stock-report-right:hover{transform:translateY(-3px);box-shadow:0 7px 16px #00000029}.stock-report-right:active{transform:translateY(0)}.stock-report-right:first-child{color:#198754}.stock-report-right:last-child{color:#dc3545}.stock-report-right:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;background-color:#1f2937;border-radius:6px;padding:6px 9px;font-size:12px;transition:opacity .2s,visibility .2s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%)}.stock-report-right:hover:after{opacity:1;visibility:visible}.stock-report-right:focus-visible{outline-offset:3px;outline:3px solid #3b82f659}.menu-link:before{content:"";opacity:0;visibility:hidden;z-index:999;border:6px solid #0000;border-top-color:#0f172a;transition:opacity .18s,visibility .18s;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.menu-link:hover:after,.menu-link:hover:before{opacity:1;visibility:visible}.menu-link:hover:after{transform:translate(-50%)}.about-page{color:#12314b;direction:rtl;flex-direction:column;gap:18px;width:100%;height:100%;padding:18px;display:flex;overflow:hidden}.about-hero{background:linear-gradient(135deg,#eef7fffa,#fffffffa);border:1px solid #7eb3f4;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;min-height:150px;padding:24px 28px;display:flex;box-shadow:0 14px 32px #2a69b414}.about-hero-content{flex-direction:column;align-items:flex-start;display:flex}.about-eyebrow{color:#6f43ef;letter-spacing:1.4px;text-transform:uppercase;font-size:11px;font-weight:800}.about-hero h1{color:#174f59;margin:7px 0 8px;font-size:clamp(28px,3vw,42px);line-height:1}.about-hero p{color:#557185;max-width:650px;margin:0;font-size:14px;line-height:1.75}.about-location{color:#176c79;align-items:center;gap:8px;margin-top:14px;font-size:13px;font-weight:700;display:flex}.about-hero-icon{background:#fff;border:1px solid #a8c9f7;border-radius:22px;flex-shrink:0;place-items:center;width:84px;height:84px;font-size:38px;display:grid;box-shadow:0 12px 28px #4e84d21f}.about-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.about-stat-card{background:#f2f7fcf5;border:1px solid #7eb3f4;border-radius:17px;align-items:center;gap:15px;min-height:100px;padding:18px;display:flex;box-shadow:0 10px 25px #2a69b412}.about-stat-icon{color:#ff4f2f;background:linear-gradient(135deg,#b6c9ff,#b99cff);border-radius:15px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:20px;display:grid;box-shadow:0 10px 24px #6b54f02e}.about-stat-card>div:last-child{flex-direction:column;gap:4px;display:flex}.about-stat-card strong{color:#12314b;font-size:26px;line-height:1}.about-stat-card span{color:#58758a;font-size:12px}.about-content-grid{flex:1;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:14px;min-height:0;display:grid}.about-panel{background:#fffffff5;border:1px solid #7eb3f4;border-radius:18px;min-height:0;padding:22px;box-shadow:0 12px 28px #2a69b40f}.about-section-label{color:#6f43ef;letter-spacing:1.3px;text-transform:uppercase;font-size:11px;font-weight:800}.about-story h2{color:#1778eb;margin:7px 0 16px;font-size:22px}.about-story p{color:#46677f;margin:0 0 13px;font-size:14px;line-height:1.9}.about-story p:last-child{margin-bottom:0}.about-highlights{flex-direction:column;gap:4px;display:flex}.about-highlight{border-bottom:1px solid #e5edf5;align-items:center;gap:13px;padding:16px 0;display:flex}.about-highlight:last-child{border-bottom:none}.about-highlight>svg{color:#176fe8;background:#eef5ff;border-radius:11px;flex-shrink:0;width:36px;height:36px;padding:9px}.about-highlight>div{flex-direction:column;gap:4px;display:flex}.about-highlight strong{color:#145f72;font-size:14px}.about-highlight span{color:#70879a;font-size:12px;line-height:1.5}@media (width<=1100px){.about-page{gap:14px;padding:14px}.about-hero{min-height:130px;padding:20px}.about-stat-card{min-height:88px;padding:14px}.about-panel{padding:18px}}@media (width<=700px){.about-page{height:auto;min-height:100%;padding:12px;overflow-y:auto}.about-hero{flex-direction:column-reverse;align-items:stretch}.about-hero-content{align-items:flex-start}.about-hero-icon{width:62px;height:62px;font-size:28px}.about-stats,.about-content-grid{grid-template-columns:1fr}.about-panel{overflow:visible}}.products-page{color:#12314b;flex-direction:column;gap:16px;width:100%;height:100%;min-height:0;padding:18px;display:flex;overflow:hidden}.products-header{border:1px solid #7eb3f4;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex;box-shadow:0 12px 28px #2a69b414}.products-header h1{color:#174f59;margin:5px 0 7px;font-size:clamp(28px,3vw,40px);line-height:1}.products-header p{color:#557185;margin:0;font-size:14px;line-height:1.6}.products-eyebrow{color:#6f43ef;letter-spacing:1.4px;text-transform:uppercase;font-size:11px;font-weight:800}.add-product-button{color:#0d6efd;cursor:pointer;background:#fff;border:1px solid #7c3aed61;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 18px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 10px 24px #7c3aed2e}.add-product-button:hover{background:#f9f7ff;transform:translateY(-2px);box-shadow:0 15px 30px #7c3aed3d}.add-product-button svg{width:14px;height:14px}.products-toolbar{grid-template-columns:minmax(0,1fr) 170px;align-items:stretch;gap:14px;display:grid}.products-search{background:#fff;border:1px solid #b8d5f6;border-radius:13px;align-items:center;gap:10px;min-width:0;padding:0 14px;display:flex}.products-search svg{color:#6f43ef;flex-shrink:0}.products-search input{color:#17324a;background:0 0;border:none;outline:none;width:100%;height:42px;font-size:13px}.products-search input::placeholder{color:#90a4b7}.products-count{background:#f7fbff;border:1px solid #b8d5f6;border-radius:13px;justify-content:center;align-items:center;gap:10px;min-width:0;padding:8px 14px;display:flex}.products-count svg{color:#7c3aed;flex-shrink:0;font-size:18px}.products-count div{flex-direction:column;gap:2px;display:flex}.products-count strong{color:#12314b;font-size:18px;line-height:1}.products-count span{color:#71879a;white-space:nowrap;font-size:10px}.products-content{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;align-items:start;gap:16px;min-height:0;padding:0 2px 16px;display:grid;overflow:hidden auto}.products-content>*{min-width:0;height:auto}@media (width<=1250px){.products-content{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=950px){.products-page{padding:14px}.products-header{padding:18px}.products-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (width<=700px){.products-page{height:auto;min-height:100%;padding:12px;overflow-y:auto}.products-header{flex-direction:column;align-items:stretch}.add-product-button{width:100%}.products-toolbar{grid-template-columns:1fr}.products-count{width:100%}.products-content{grid-template-columns:1fr;gap:14px;padding:0 0 16px;overflow:visible}}.product-card{box-sizing:border-box;cursor:pointer;background:linear-gradient(#fff 0%,#f9fcff 100%);border:1px solid #e2eff1;border-radius:18px;flex-direction:column;gap:16px;width:230px;height:300px;padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 8px 20px #1c4e7914}.product-card:hover{border-color:#8cbcf3;transform:translateY(-5px);box-shadow:0 18px 36px #1c4e7929}.product-image{color:#7890a5;border-radius:14px;justify-content:center;align-items:center;width:100%;height:135px;font-size:13px;display:flex;overflow:hidden}.product-image img{object-fit:contain;box-sizing:border-box;width:100%;height:100%;padding:12px;display:block}.product-card h3{color:#12314b;min-height:48px;margin:0;font-size:18px;font-weight:700;line-height:1.35}.product-card p{color:#0d6efd;margin:0;font-size:20px;font-weight:800;line-height:1}.product-status{color:#237a45;background:#eaf7ef;border-radius:999px;align-self:flex-start;padding:5px 10px;font-size:11px;font-weight:700}.product-stock{color:#60798d;border-top:1px solid #edf2f7;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;font-size:13px;display:flex}.product-stock strong{color:#12314b;font-size:14px}@media (width<=700px){.product-card{width:100%;min-height:300px}.product-image{height:145px}}.ProductDetails{width:100%;min-height:100%;overflow-y:auto}.product-details{background:#f5f7fa;justify-content:center;align-items:flex-start;min-height:100%;padding:40px;display:flex}.product-header{background:#fff;border-radius:20px;align-items:stretch;gap:40px;width:100%;max-width:1000px;padding:30px;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 10px 30px #00000014}.product-header:hover{transform:translateY(-3px);box-shadow:0 16px 38px #0000001c}.details-image{color:#64748b;justify-content:center;align-items:center;width:320px;min-width:320px;height:320px;padding:22px;font-size:15px;font-weight:500;display:flex;overflow:hidden}.details-image img{object-fit:contain;object-position:center;background:0 0;border-radius:12px;width:100%;height:100%;transition:transform .25s;display:block}.details-image:hover img{transform:scale(1.04)}.details-info{flex-direction:column;flex:1;min-width:0;display:flex}.details-info h1{color:#066c8e;margin:10px 0 22px;font-size:32px;font-weight:700;line-height:1.2}.info-row{border-bottom:1px solid #e8edf2;justify-content:space-between;align-items:center;gap:20px;min-height:46px;padding:12px 0;font-size:17px;display:flex}.info-row span{color:#64748b;font-weight:500}.info-row strong{color:#066c8e;text-align:right;font-size:18px;font-weight:700}.product-actions{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;margin-top:25px;display:grid}.btn-action{appearance:none;color:#066c8e;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #b8d5df;border-radius:10px;justify-content:center;align-items:center;gap:5px;min-width:0;height:42px;padding:0 10px;font-family:inherit;font-size:12px;font-weight:600;line-height:1;transition:background-color .25s,color .25s,border-color .25s,transform .25s,box-shadow .25s;display:inline-flex}.btn-action:hover{color:#fff;background:#066c8e;border-color:#066c8e;transform:translateY(-2px);box-shadow:0 7px 16px #066c8e38}.btn-action:active{transform:translateY(0)}.btn-action:focus-visible{outline-offset:2px;outline:3px solid #066c8e38}.btn-back-to-products{appearance:none;color:#066c8e;cursor:pointer;background:#fff;border:1px solid #b8d5df;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:42px;margin-top:14px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background-color .25s,color .25s,border-color .25s,transform .25s,box-shadow .25s;display:inline-flex}.btn-back-to-products:hover{color:#fff;background:#066c8e;border-color:#066c8e;transform:translateY(-2px);box-shadow:0 7px 16px #066c8e38}.btn-back-to-products:active{transform:translateY(0)}.btn-back-to-products:focus-visible{outline-offset:2px;outline:3px solid #066c8e38}@media (width<=900px){.product-details{padding:28px}.product-header{gap:28px;padding:25px}.details-image{width:270px;min-width:270px;height:290px}.details-info h1{font-size:28px}.product-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.btn-action{font-size:12px}}@media (width<=700px){.product-details{padding:18px}.product-header{flex-direction:column;align-items:center;gap:24px;padding:20px}.details-image{width:100%;min-width:0;max-width:360px;height:280px}.details-info{width:100%}.details-info h1{text-align:center;margin-top:0;font-size:26px}.info-row{gap:12px;font-size:15px}.info-row strong{font-size:16px}.product-actions{grid-template-columns:1fr;gap:10px}.btn-action,.btn-back-to-products{width:100%;min-height:44px;font-size:13px}}.EditProduct{background:#f5f7fa;flex-direction:column;align-items:center;width:100%;min-height:100%;padding:40px;display:flex}.EditProduct h1{text-align:start;color:#066c8e;width:100%;max-width:900px;margin:0 0 25px;font-size:32px;font-weight:700}.readonly-field{color:#64748b;cursor:not-allowed;background:#f4f7fa;font-weight:600}.edit-form{background:#fff;border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px;width:100%;max-width:900px;padding:30px;display:grid;box-shadow:0 10px 30px #00000014}.edit-form label{color:#475569;flex-direction:column;gap:8px;font-size:14px;font-weight:600;display:flex}.edit-form input{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;height:46px;padding:0 14px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s,background-color .2s}.edit-form input:hover{border-color:#94a3b8}.edit-form select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;height:46px;padding:0 14px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s,background-color .2s}.edit-form input:focus{border-color:#066c8e;box-shadow:0 0 0 3px #066c8e24}.edit-form input[type=file]{cursor:pointer;align-items:center;padding:8px 10px;display:flex}.edit-form input[type=file]::file-selector-button{color:#066c8e;cursor:pointer;background:#fff;border:1px solid #b8d5df;border-radius:8px;height:30px;margin-right:12px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background-color .2s,color .2s,border-color .2s}.edit-form input[type=file]::file-selector-button:hover{color:#fff;background:#066c8e;border-color:#066c8e}.form-button{border-top:1px solid #e8edf2;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:12px;margin-top:10px;padding-top:22px;display:flex}.form-button button{color:#066c8e;cursor:pointer;background:#fff;border:1px solid #b8d5df;border-radius:10px;justify-content:center;align-items:center;min-width:120px;height:42px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background-color .25s,color .25s,border-color .25s,transform .25s,box-shadow .25s;display:inline-flex}.form-button button:hover{color:#fff;background:#066c8e;border-color:#066c8e;transform:translateY(-2px);box-shadow:0 7px 16px #066c8e38}.form-button button:active{transform:translateY(0)}.form-button button:focus-visible{outline-offset:3px;outline:3px solid #066c8e38}.form-button button[type=submit]{color:#fff;background:#066c8e;border-color:#066c8e}.form-button button[type=submit]:hover{background:#055874;border-color:#055874}@media (width<=800px){.EditProduct{padding:28px}.edit-form{gap:20px;padding:24px}}@media (width<=650px){.EditProduct{padding:18px}.EditProduct h1{text-align:center;font-size:27px}.edit-form{grid-template-columns:1fr;padding:20px}.form-button{flex-direction:column-reverse;grid-column:1}.form-button button{width:100%}}.image-preview{grid-column:1/-1;width:100%;max-width:260px;height:220px;margin:0 auto 10px;overflow:hidden}.image-preview img{object-fit:cover;width:80%;height:100%;display:block}.AddProduct{box-sizing:border-box;background:#f4f7fa;min-height:100%;padding:28px 24px 80px}.AddProduct h1{text-align:center;color:#1f2937;margin:0 0 22px;font-size:30px;font-weight:700}.add-form{box-sizing:border-box;background:#fff;border:1px solid #dfe7ee;border-radius:18px;grid-template-columns:minmax(150px,.8fr) minmax(260px,1.5fr);gap:14px 22px;width:100%;max-width:720px;margin:0 auto;padding:26px 30px;display:grid;box-shadow:0 12px 35px #0f172a14}.add-form>label{color:#374151;align-self:center;margin:0;font-size:14px;font-weight:600}.add-form>input,.add-form>select{box-sizing:border-box;color:#1f2937;background:#f9fbfc;border:1px solid #cfdbe5;border-radius:10px;outline:none;width:100%;height:44px;padding:0 13px;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.add-form>input:focus,.add-form>select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.add-form>.extra-fields-row{box-sizing:border-box;grid-column:1/-1;align-items:flex-start;gap:24px;width:100%;margin-top:6px;display:flex}.extra-field{flex-direction:column;gap:10px;min-width:100px;display:flex}.extra-field>label{color:#374151;margin:0;font-size:13px;font-weight:600}.extra-fields-row>.extra-fields-row{flex:1;grid-template-columns:minmax(110px,160px) minmax(220px,1fr);align-items:start;gap:18px;display:grid}.featured-group{display:none}.display-order-group{flex-direction:column;gap:8px;display:flex}.display-order-group label{color:#374151;margin:0;font-size:13px;font-weight:600}.display-order-group input{box-sizing:border-box;background:#f9fbfc;border:1px solid #cfdbe5;border-radius:9px;outline:none;width:100%;height:42px;padding:0 12px}.image-field{flex-direction:column;gap:8px;width:100%;min-width:0;display:flex}.image-field>label{color:#374151;margin:0;font-size:13px;font-weight:600}.image-field input[type=file]{box-sizing:border-box;color:#64748b;cursor:pointer;background:#f9fbfc;border:1px solid #cfdbe5;border-radius:9px;width:100%;height:42px;padding:4px 6px;font-size:12px}.image-field input[type=file]::file-selector-button{color:#fff;cursor:pointer;background:#066c8e;border:none;border-radius:7px;height:32px;margin-inline-end:8px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background-color .2s,transform .2s}.image-field input[type=file]::file-selector-button:hover{background:#055874}.image-field input[type=file]::file-selector-button:active{transform:translateY(1px)}.add-product-image-preview{background:#fff;border:1px solid #d8e2ea;border-radius:12px;justify-content:center;align-items:center;width:110px;height:110px;margin-top:4px;display:flex;overflow:hidden;box-shadow:0 4px 12px #0f172a0f}.add-product-image-preview img{object-fit:contain;width:100%;height:100%;display:block}.add-product-submit-button{box-sizing:border-box;color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;grid-column:1/-1;width:100%;height:46px;margin-top:8px;padding:0 20px;font-family:inherit;font-size:15px;font-weight:700;transition:background-color .2s,transform .2s,box-shadow .2s}.add-product-submit-button:hover{background:#1d4ed8;box-shadow:0 6px 16px #2563eb38}.add-product-submit-button:active{transform:translateY(1px)}.add-product-submit-button:focus{outline:none;box-shadow:0 0 0 3px #2563eb2e}.add-product-submit-button:disabled{opacity:.6;cursor:not-allowed}.switch{flex-shrink:0;width:52px;height:28px;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.slider{cursor:pointer;background:#cbd5e1;border-radius:999px;transition:all .25s;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .25s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0000002e}.switch input:checked+.slider{background:#16a34a}.switch input:checked+.slider:before{transform:translate(24px)}.AddProduct[dir=rtl] .add-form{direction:rtl}.AddProduct[dir=rtl] .add-form>label,.AddProduct[dir=rtl] .extra-field,.AddProduct[dir=rtl] .display-order-group,.AddProduct[dir=rtl] .image-field{text-align:right}@media (width>=701px) and (height<=900px){.AddProduct{padding:12px 24px 24px}.AddProduct h1{margin-bottom:10px;font-size:27px;line-height:1.1}.add-form{border-radius:16px;gap:8px 20px;max-width:720px;padding:16px 24px}.add-form>label{font-size:13px}.add-form>input,.add-form>select{border-radius:8px;height:36px;padding:0 11px;font-size:14px}.add-form>.extra-fields-row{margin-top:2px}.display-order-group input{height:36px}.image-field input[type=file]{height:38px}.image-field input[type=file]::file-selector-button{height:28px;padding:0 9px}.add-product-image-preview{width:85px;height:85px}.add-product-submit-button{height:40px;margin-top:4px;font-size:14px}}@media (width<=700px){.AddProduct{padding:18px 12px 60px}.add-form{grid-template-columns:1fr;gap:9px;padding:20px}.add-form>label,.add-form>input,.add-form>select,.add-form>.extra-fields-row,.add-product-submit-button{grid-column:1}.add-form>.extra-fields-row{flex-direction:column}.extra-fields-row>.extra-fields-row{grid-template-columns:1fr;width:100%}.add-product-image-preview{width:100px;height:100px}}.suppliers-page{color:#12314b;flex-direction:column;gap:16px;width:100%;height:100%;min-height:0;padding:18px;display:flex;overflow:hidden}.suppliers-header{border:1px solid #7eb3f4;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex;box-shadow:0 12px 28px #2a69b414}.suppliers-header h1{color:#174f59;margin:5px 0 7px;font-size:clamp(28px,3vw,40px);line-height:1}.suppliers-header p{color:#557185;margin:0;font-size:14px;line-height:1.6}.suppliers-eyebrow{color:#6f43ef;letter-spacing:1.4px;text-transform:uppercase;font-size:11px;font-weight:800}.add-supplier-button{color:#0d6efd;cursor:pointer;background:#fff;border:1px solid #7c3aed61;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 18px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 10px 24px #7c3aed2e}.add-supplier-button:hover{background:#f9f7ff;transform:translateY(-2px);box-shadow:0 15px 30px #7c3aed3d}.add-supplier-button svg{width:14px;height:14px}.suppliers-toolbar{grid-template-columns:minmax(0,1fr) 170px;align-items:stretch;gap:14px;display:grid}.suppliers-search{background:#fff;border:1px solid #b8d5f6;border-radius:13px;align-items:center;gap:10px;min-width:0;padding:0 14px;display:flex}.suppliers-search svg{color:#6f43ef;flex-shrink:0}.suppliers-search input{color:#17324a;background:0 0;border:none;outline:none;width:100%;height:42px;font-size:13px}.suppliers-search input::placeholder{color:#90a4b7}.suppliers-count{background:#f7fbff;border:1px solid #b8d5f6;border-radius:13px;justify-content:center;align-items:center;gap:10px;min-width:0;padding:8px 14px;display:flex}.suppliers-count svg{color:#7c3aed;flex-shrink:0;font-size:18px}.suppliers-count div{flex-direction:column;gap:2px;display:flex}.suppliers-count strong{color:#12314b;font-size:18px;line-height:1}.suppliers-count span{color:#71879a;white-space:nowrap;font-size:10px}.suppliers-content{flex:1;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));place-content:start;align-items:stretch;gap:22px;min-height:0;display:grid;overflow:hidden auto}@media (width<=1100px){.suppliers-page{padding:14px}.suppliers-header{padding:18px}.suppliers-content{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}}@media (width<=700px){.suppliers-page{height:auto;min-height:100%;padding:12px;overflow-y:auto}.suppliers-header{flex-direction:column;align-items:stretch}.add-supplier-button{width:100%}.suppliers-toolbar{grid-template-columns:1fr}.suppliers-count{width:100%}.suppliers-content{grid-template-columns:1fr;gap:18px;padding:14px;overflow:visible}.supplier-card{width:100%}}.supplier-card{cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:20px;transition:all .25s;display:flex;box-shadow:0 8px 20px #00000014}.supplier-card:hover{transform:translateY(-5px);box-shadow:0 14px 28px #0000001f}.supplier-card h3{color:#1f2937;margin:0;font-size:1.3rem}.supplier-card p{color:#4b5563;word-break:break-word;align-items:center;gap:8px;margin:0;font-size:.95rem;display:flex}.supplier-card p:last-child{min-height:42px}@media (width<=768px){.supplier-card{padding:16px}.supplier-card h3{font-size:1.1rem}.supplier-card p{font-size:.9rem}}.AddSupplier{justify-content:center;width:100%;padding:30px;display:flex}.AddSupplier form{background:#fff;border:1px solid #dbeafe;border-radius:18px;flex-direction:column;gap:18px;width:100%;max-width:700px;padding:30px;display:flex;box-shadow:0 12px 30px #00000014}.AddSupplier h1{color:#174f59;margin:0;font-size:30px}.AddSupplier p{color:#64748b;margin:0 0 12px;font-size:14px}.form-group label{color:#174f59;font-weight:600}.form-group input:focus{border-color:#2563eb;outline:none}.checkbox-group label{cursor:pointer;align-items:center;gap:8px;display:flex}.error{color:#dc143c;font-size:13px}.buttons{justify-content:flex-end;gap:12px;margin-top:12px;display:flex}.buttons button{cursor:pointer;border:none;border-radius:10px;min-width:120px;padding:12px 20px;font-size:15px;font-weight:600;transition:background .2s,transform .2s}.buttons button:first-child:hover{background:#1d4ed8;transform:translateY(-2px)}.buttons button:last-child{color:#374151;background:#e5e7eb}.buttons button:last-child:hover{background:#d1d5db;transform:translateY(-2px)}@media (width<=768px){.AddSupplier{padding:16px}.AddSupplier form{padding:20px}.buttons{flex-direction:column}.buttons button{width:100%}}.suppliers-details-page{color:#12314b;flex-direction:column;gap:16px;width:100%;height:100%;min-height:0;padding:18px;display:flex;overflow-y:auto}.suppliers-details-header{background:#fff;border:1px solid #7eb3f4;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex;box-shadow:0 12px 28px #2a69b414}.supplier-details-eyebrow{color:#6f43ef;letter-spacing:1.4px;text-transform:uppercase;font-size:11px;font-weight:800}.suppliers-details-header h1{color:#174f59;margin:5px 0 7px;font-size:clamp(28px,3vw,40px);line-height:1}.suppliers-details-header p{color:#557185;margin:0;font-size:14px;line-height:1.6}.back-button{color:#0d6efd;cursor:pointer;background:#fff;border:1px solid #7c3aed61;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 18px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 10px 24px #7c3aed1f}.back-button:hover{background:#f9f7ff;transform:translateY(-2px);box-shadow:0 15px 30px #7c3aed33}.supplier-details-card{background:#fff;border:1px solid #b8d5f6;border-radius:18px;flex-direction:column;gap:16px;width:100%;max-width:820px;padding:24px;display:flex;box-shadow:0 12px 28px #2a69b414}.supplier-details-row{background:#f8fbff;border:1px solid #d8e8f8;border-radius:14px;align-items:center;gap:16px;width:100%;min-height:76px;padding:14px 16px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.supplier-details-row:hover{border-color:#b8d5f6;transform:translateY(-1px);box-shadow:0 8px 20px #2a69b414}.supplier-details-icon{color:#6f43ef;background:#eee9ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.supplier-details-row>div:last-child{flex-direction:column;gap:5px;min-width:0;display:flex}.supplier-details-row span{color:#71879a;font-size:12px;font-weight:600}.supplier-details-row strong{color:#17324a;word-break:break-word;font-size:15px;font-weight:700}.supplier-active{background:#dcfce7;border-radius:999px;width:fit-content;padding:5px 10px;color:#15803d!important;font-size:12px!important}.supplier-inactive{background:#fee2e2;border-radius:999px;width:fit-content;padding:5px 10px;color:#dc2626!important;font-size:12px!important}.supplier-details-actions{border-top:1px solid #e2edf8;justify-content:flex-end;align-items:center;gap:12px;margin-top:6px;padding-top:18px;display:flex}.edit-supplier-button,.delete-supplier-button{cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 18px;font-size:13px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}.edit-supplier-button{color:#0d6efd;border:1px solid #0d6efd59}.edit-supplier-button:hover{background:#f4f8ff;transform:translateY(-2px);box-shadow:0 12px 24px #0d6efd29}.delete-supplier-button{color:#dc2626;border:1px solid #dc262659}.delete-supplier-button:hover{background:#fff5f5;transform:translateY(-2px);box-shadow:0 12px 24px #dc262629}.supplier-details-loading{color:#557185;justify-content:center;align-items:center;width:100%;min-height:220px;padding:24px;font-size:16px;font-weight:600;display:flex}@media (width<=900px){.suppliers-details-page{padding:14px}.suppliers-details-header{padding:18px}.supplier-details-card{max-width:none}}@media (width<=700px){.suppliers-details-page{height:auto;min-height:100%;padding:12px}.suppliers-details-header{flex-direction:column;align-items:stretch}.back-button{width:100%}.supplier-details-card{padding:16px}.supplier-details-row{min-height:68px;padding:12px}.supplier-details-icon{width:40px;height:40px;font-size:16px}.supplier-details-actions{flex-direction:column;align-items:stretch}.edit-supplier-button,.delete-supplier-button{width:100%}}.EditSupplier{justify-content:center;width:100%;padding:30px;display:flex}.EditSupplier form{background:#fff;border:1px solid #dbeafe;border-radius:18px;flex-direction:column;gap:18px;width:100%;max-width:700px;padding:28px;display:flex;box-shadow:0 12px 30px #00000014}.EditSupplier h1{color:#164e63;margin:0}.form-group label{font-weight:600}.form-group input{border:1px solid #cbd5e1;border-radius:10px;padding:10px 14px;font-size:15px}.checkbox-group{flex-direction:row;align-items:center}.buttons{justify-content:flex-end;gap:12px;display:flex}.buttons button{cursor:pointer;border:none;border-radius:10px;padding:10px 22px}.buttons button:first-child{color:#fff;background:#2563eb}.buttons button:last-child{background:#efefef}.SupplierOrderList{box-sizing:border-box;width:100%;padding:24px}.SupplierOrderList .header{background:#fff;border:1px solid #dbeafe;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:22px;padding:20px 24px;display:flex;box-shadow:0 8px 22px #0f172a14}.SupplierOrderList .header h1{color:#174f59;margin:0;font-size:30px;font-weight:700}.add-order-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.add-order-button:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 16px #2563eb40}.add-order-button:active{box-shadow:none;transform:translateY(0)}.SupplierOrderList .header button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:600;transition:background-color .2s,transform .2s}.SupplierOrderList .header button:hover{background:#1d4ed8;transform:translateY(-2px)}.SupplierOrderList table{border-collapse:collapse;background:#fff;border-radius:16px;width:100%;overflow:hidden;box-shadow:0 8px 22px #0f172a14}.SupplierOrderList thead{background:#f1f5f9}.SupplierOrderList th{color:#334155;text-align:left;border-bottom:1px solid #cbd5e1;padding:15px 16px;font-size:14px;font-weight:700}.SupplierOrderList td{color:#334155;border-bottom:1px solid #e2e8f0;padding:15px 16px;font-size:14px}.SupplierOrderList tbody tr{transition:background-color .2s,transform .2s}.SupplierOrderList tbody tr:hover{background:#f8fafc}.SupplierOrderList tbody tr:last-child td{border-bottom:none}.SupplierOrderList td:first-child{color:#174f59;font-weight:700}.SupplierOrderList td:nth-child(4){text-transform:capitalize}.SupplierOrderList td:last-child{text-align:right}.SupplierOrderList td button{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #93c5fd;border-radius:9px;padding:8px 14px;font-size:13px;font-weight:600;transition:background-color .2s,color .2s,transform .2s}.SupplierOrderList td button:hover{color:#fff;background:#2563eb;transform:translateY(-1px)}.order-status{border-radius:20px;justify-content:center;align-items:center;min-width:110px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.status-draft{color:#c2410c;background:#ffedd5;border:1px solid #fdba74}.status-ordered{color:#c2410c;background:#ffedd5;border:1px solid #fb923c}.status-partially-received{color:#a16207;background:#fef9c3;border:1px solid #fde047}.order-status-legend{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:flex-end;align-items:center;gap:18px;width:100%;margin:14px 0 10px;padding:10px 14px;display:flex}.legend-item{color:#475569;align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.legend-dot{border-radius:50%;width:11px;height:11px;display:inline-block}.legend-open{background:#fb923c}.legend-draft{background:#9f3cfb}.legend-partial{background:#facc15}.legend-received{background:#ef4444}@media (width<=650px){.order-status-legend{flex-wrap:wrap;justify-content:flex-start;gap:10px 16px}}.status-received{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.status-default{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}@media (width<=900px){.SupplierOrderList{padding:14px;overflow-x:auto}.SupplierOrderList .header,.SupplierOrderList table{min-width:760px}}@media (width<=600px){.SupplierOrderList .header{flex-direction:column;align-items:stretch;gap:14px}.SupplierOrderList .header h1{font-size:24px}.SupplierOrderList .header button{width:100%}}.AddSupplierOrder{box-sizing:border-box;background:#f5f7fa;justify-content:center;align-items:flex-start;width:100%;min-height:100%;padding:24px;display:flex}.AddSupplierOrder form{box-sizing:border-box;background:#fff;border:1px solid #dbeafe;border-radius:20px;flex-direction:column;gap:14px;width:100%;max-width:980px;padding:28px;display:flex;box-shadow:0 12px 32px #0f172a14}.AddSupplierOrder h2{color:#174f59;margin:0 0 8px;font-size:30px;font-weight:700}.AddSupplierOrder h3{color:#174f59;margin:0;font-size:21px;font-weight:700}.AddSupplierOrder hr{border:none;border-top:1px solid #dbe7f3;width:100%;margin:12px 0 4px}.AddSupplierOrder label{color:#334155;font-size:14px;font-weight:650}.AddSupplierOrder select,.AddSupplierOrder input,.AddSupplierOrder textarea{color:#172b3a;box-sizing:border-box;background:#fbfdff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:11px 13px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.AddSupplierOrder select,.AddSupplierOrder input{min-height:44px}.AddSupplierOrder textarea{resize:vertical;min-height:105px}.AddSupplierOrder select:focus,.AddSupplierOrder input:focus,.AddSupplierOrder textarea:focus{background:#fff;border-color:#4f8fd9;box-shadow:0 0 0 3px #4f8fd924}.AddSupplierOrder .error{color:#dc2626;margin-top:-7px;font-size:12px;font-weight:600}.AddSupplierOrder form>button[type=button]{color:#0d6efd;cursor:pointer;background:#fff;border:1px solid #7c3aed59;border-radius:10px;align-self:flex-start;width:fit-content;min-height:42px;padding:0 17px;font-family:inherit;font-size:13px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s}.AddSupplierOrder form>button[type=button]:hover{background:#f8f7ff;transform:translateY(-2px);box-shadow:0 10px 20px #7c3aed26}.order-row{box-sizing:border-box;background:#f8fbff;border:1px solid #dbe7f3;border-radius:14px;grid-template-columns:minmax(180px,1.5fr) minmax(100px,.6fr) minmax(130px,.8fr) 44px;align-items:center;gap:12px;width:100%;padding:14px;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.order-row:hover{border-color:#b8d5f6;transform:translateY(-1px);box-shadow:0 8px 18px #2a69b414}.order-row input{margin:0}.order-row button{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #dc262652;border-radius:10px;justify-content:center;align-items:center;width:62px;height:42px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .2s,background .2s,color .2s,box-shadow .2s;display:inline-flex}.order-row button:hover{color:#fff;background:#dc2626;transform:translateY(-2px);box-shadow:0 8px 16px #dc262633}.form-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:10px;width:100%;margin-top:10px;padding-top:18px;display:flex}.form-actions button{cursor:pointer;border-radius:10px;min-width:125px;min-height:43px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:700;transition:transform .2s,background .2s,color .2s,box-shadow .2s}.form-actions button[type=submit]{color:#fff;background:#2563eb;border:1px solid #2563eb}.form-actions button[type=submit]:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 10px 20px #2563eb38}.form-actions button[type=button]{color:#475569;background:#fff;border:1px solid #cbd5e1}.form-actions button[type=button]:hover{background:#f1f5f9;transform:translateY(-2px);box-shadow:0 8px 16px #0f172a1a}@media (width<=850px){.AddSupplierOrder{padding:16px}.AddSupplierOrder form{padding:22px}.order-row{grid-template-columns:minmax(150px,1fr) minmax(90px,.5fr) minmax(110px,.7fr) 44px}}@media (width<=650px){.AddSupplierOrder{padding:12px}.AddSupplierOrder form{border-radius:16px;padding:17px}.AddSupplierOrder h2{font-size:25px}.order-row{grid-template-columns:1fr}.order-row button{width:100%}.form-actions{flex-direction:column;align-items:stretch}.form-actions button,.AddSupplierOrder form>button[type=button]{width:100%}}.SupplierOrderDetails{color:#17324a;box-sizing:border-box;direction:ltr;background:#f7faff;flex-direction:column;gap:14px;width:100%;height:100%;min-height:0;padding:16px 18px;display:flex;overflow:hidden auto}.supplier-order-details-header{box-sizing:border-box;background:#fff;border:1px solid #c9def5;border-radius:16px;flex-shrink:0;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:16px 18px;display:flex;box-shadow:0 8px 22px #2a69b412}.supplier-order-details-header>div{min-width:0}.header-buttons{align-items:center;gap:20px;display:flex}.supplier-order-eyebrow{color:#6f43ef;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.supplier-order-details-header h1{color:#174f59;margin:0;font-size:clamp(24px,3vw,34px);line-height:1.1}.supplier-order-details-header p{color:#6b8092;margin:5px 0 0;font-size:13px}.supplier-order-back-button,.advance-status-button{white-space:nowrap;cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 16px;font-family:inherit;font-size:12px;font-weight:800;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.supplier-order-back-button{color:#17324a;background:#fff;border:1px solid #c9d7e8;min-width:88px}.supplier-order-back-button:hover{background:#f7fbff;border-color:#9fc4ed;transform:translateY(-1px);box-shadow:0 8px 16px #2a69b41a}.advance-status-button{color:#fff;background:#36d6a1;border:none;min-width:150px}.advance-status-button:hover:not(:disabled){background:#1dbe8a;transform:translateY(-1px);box-shadow:0 8px 16px #1dbe8a38}.advance-status-button:disabled{color:#64748b;cursor:not-allowed;box-shadow:none;background:#cbd5e1}.supplier-order-details-card{box-sizing:border-box;background:#fff;border:1px solid #c9def5;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;min-width:0;padding:16px;display:grid;box-shadow:0 8px 22px #2a69b40f}.supplier-order-detail-row{box-sizing:border-box;background:#fbfdff;border:1px solid #dce8f5;border-radius:13px;align-items:center;gap:12px;min-width:0;min-height:76px;padding:12px 14px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.supplier-order-detail-row:hover{border-color:#bad5f2;transform:translateY(-1px);box-shadow:0 7px 15px #2a69b412}.supplier-order-detail-icon{color:#2563eb;background:#edf5ff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;display:flex}.supplier-order-detail-row>div:last-child{min-width:0}.supplier-order-detail-row span{color:#7a8c9d;margin-bottom:3px;font-size:10px;font-weight:600;display:block}.supplier-order-detail-row strong{text-overflow:ellipsis;white-space:nowrap;color:#17324a;font-size:14px;font-weight:750;display:block;overflow:hidden}.edit-quantity-modal-content:has(h3){max-width:680px}.edit-quantity-modal-content>div:has(h3){background:#f8fbff;border:1px solid #dce8f5;border-radius:13px;grid-template-columns:repeat(3,1fr);gap:12px 16px;margin-top:18px;padding:16px;display:grid}.edit-quantity-modal-content>div:has(h3) h3{color:#17324a;grid-column:1/-1;margin:0 0 4px;font-size:17px}.edit-quantity-modal-content>div:has(h3) p{text-align:center;background:#fff;border:1px solid #e1ebf5;border-radius:9px;margin:0;padding:10px}.edit-quantity-modal-content>div:has(h3) label{color:#587084;margin-top:6px;font-size:12px;font-weight:700}.edit-quantity-modal-content>div:has(h3) label:first-of-type{grid-column:1}.edit-quantity-modal-content>div:has(h3) label:nth-of-type(2){grid-column:2}.edit-quantity-modal-content>div:has(h3) input:first-of-type{grid-column:1}.edit-quantity-modal-content>div:has(h3) input:nth-of-type(2){grid-column:2}.edit-quantity-modal-content>div:has(h3) input{background:#fff;min-height:42px;font-size:15px;font-weight:700}.supplier-order-receive-panel{background:#fff;border:1px solid #dce8f5;border-radius:18px;flex-direction:column;min-width:0;max-height:calc(100vh - 220px);padding:24px;display:flex;box-shadow:0 8px 22px #2a69b40f}.supplier-order-receive-panel h2{color:#174f59;margin:0 0 6px;font-size:26px;line-height:1.1}.supplier-order-receive-panel>p{color:#6b8092;margin:0 0 18px;font-size:13px}.receive-delivery-item{box-sizing:border-box;background:#f8fbff;border:1px solid #dce8f5;border-radius:14px;grid-template-columns:82px minmax(0,1fr);gap:14px;min-width:0;margin-bottom:14px;padding:16px;display:grid}.receive-delivery-product-image{object-fit:contain;box-sizing:border-box;background:#fff;border:1px solid #d7e4f2;border-radius:12px;grid-row:1/span 2;width:82px;height:82px;padding:6px}.receive-delivery-item h3{color:#17324a;text-overflow:ellipsis;align-self:center;margin:0;font-size:17px;font-weight:800;overflow:hidden}.receive-delivery-stat{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.receive-delivery-stat span{text-align:center;color:#587084;box-sizing:border-box;background:#fff;border:1px solid #e1ebf5;border-radius:10px;min-width:0;padding:10px 8px;font-size:12px;font-weight:700}.receive-delivery-stat label{color:#587084;margin-top:4px;font-size:11px;font-weight:800}.receive-delivery-stat input{color:#17324a;box-sizing:border-box;background:#fff;border:1px solid #c9d7e8;border-radius:9px;outline:none;width:100%;min-width:0;min-height:40px;padding:8px 10px;font-size:14px;font-weight:700}.receive-delivery-stat input:focus{border-color:#6aa8ef;box-shadow:0 0 0 3px #2563eb14}.receive-delivery-stat label:first-of-type,.receive-delivery-stat input:first-of-type{grid-column:1/2}.receive-delivery-stat label:nth-of-type(2),.receive-delivery-stat input:nth-of-type(2){grid-column:2/3}.supplier-order-receive-panel>button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:11px;width:100%;min-height:44px;margin-top:auto;font-family:inherit;font-size:13px;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s}.supplier-order-receive-panel>button:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 8px 16px #2563eb2e}.supplier-order-receive-panel{overflow:hidden}.supplier-order-receive-panel .receive-delivery-item{flex-shrink:0}.supplier-order-receive-panel{scrollbar-gutter:stable;overflow-y:auto}@media (width<=1100px){.supplier-order-receive-panel{max-height:none}}@media (width<=700px){.receive-delivery-item{grid-template-columns:64px minmax(0,1fr)}.receive-delivery-product-image{width:64px;height:64px}.receive-delivery-stat{grid-template-columns:1fr}.receive-delivery-stat label,.receive-delivery-stat input{grid-column:1!important}}.edit-order-button{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #2563eb;border-radius:10px;padding:10px 18px;font-weight:600}.edit-order-button:hover{color:#fff;background:#2563eb}.supplier-order-workspace{grid-template-columns:minmax(0,1fr) minmax(380px,.8fr);align-items:start;gap:20px;display:grid}.supplier-order-left-panel{min-width:0}.supplier-order-receive-panel{background:#fff;border:1px solid #d9e6f7;border-radius:18px;min-width:0;padding:24px}@media (width<=1100px){.supplier-order-workspace{grid-template-columns:1fr}}@media (width<=700px){.edit-quantity-modal-content:has(h3){max-width:100%}.edit-quantity-modal-content>div:has(h3){grid-template-columns:1fr}:is(.edit-quantity-modal-content>div:has(h3) h3,.edit-quantity-modal-content>div:has(h3) label,.edit-quantity-modal-content>div:has(h3) input){grid-column:1}}.supplier-order-status{color:#2563eb;text-transform:capitalize;background:#e9f2ff;border-radius:999px;width:fit-content;padding:5px 10px;font-size:11px!important;font-weight:800!important}.supplier-order-status.draft{color:#526174;background:#eef2f7}.supplier-order-status.ordered{color:#2563eb;background:#e8f1ff}.supplier-order-status.partially_received{color:#a16207;background:#fff4d8}.supplier-order-status.received{color:#15803d;background:#dcfce7}.supplier-order-status.cancelled{color:#dc2626;background:#fee2e2}.supplier-order-notes{box-sizing:border-box;background:#f8fbff;border:1px solid #dce8f5;border-radius:13px;grid-column:1/-1;min-width:0;padding:13px 15px}.supplier-order-notes span{color:#71879a;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.supplier-order-notes p{color:#243b50;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.55}.supplier-order-products{box-sizing:border-box;background:#fff;border:1px solid #dce8f5;border-radius:16px;grid-column:1/-1;width:100%;min-width:0;padding:16px;box-shadow:0 8px 22px #2a69b40f}.supplier-order-products-header{justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:12px;display:flex}.supplier-order-products-header h2,.supplier-order-products h2{color:#174f59;margin:0;font-size:19px}.supplier-order-products-header span{color:#7a8c9d;font-size:11px;font-weight:700}.supplier-order-table-wrapper{box-sizing:border-box;scrollbar-gutter:stable;background:#fff;border:1px solid #dce8f5;border-radius:13px;width:100%;min-width:0;max-height:260px;overflow:hidden auto}.supplier-order-product-table{table-layout:fixed;border-collapse:collapse;background:#fff;width:100%}.supplier-order-product-table thead{background:#f1f6fc}.supplier-order-product-table thead th{z-index:5;text-overflow:ellipsis;white-space:nowrap;text-align:left;color:#587084;background:#f1f6fc;border-bottom:1px solid #cfe0f1;padding:11px 10px;font-size:11px;font-weight:800;position:sticky;top:0;overflow:hidden}.supplier-order-product-table td{text-overflow:ellipsis;white-space:nowrap;color:#243b50;border-bottom:1px solid #e7eef6;padding:12px 10px;font-size:12px;overflow:hidden}.supplier-order-product-table tbody tr:last-child td{border-bottom:none}.supplier-order-product-table tbody tr{transition:background .2s}.supplier-order-product-table tbody tr:hover{background:#f8fbff}.supplier-order-product-table th:first-child,.supplier-order-product-table td:first-child{width:30%}.supplier-order-product-table th:nth-child(2),.supplier-order-product-table td:nth-child(2){text-align:center;width:11%}.supplier-order-product-table th:nth-child(3),.supplier-order-product-table td:nth-child(3),.supplier-order-product-table th:nth-child(4),.supplier-order-product-table td:nth-child(4){text-align:right;width:15%}.supplier-order-product-table th:nth-child(5),.supplier-order-product-table td:nth-child(5){text-align:center;width:14%}.supplier-order-product-table th:nth-child(6),.supplier-order-product-table td:nth-child(6){text-align:center;width:15%}.supplier-order-product-table .product-name{color:#17324a;font-weight:750}.supplier-order-product-table .numeric-cell{font-variant-numeric:tabular-nums}.supplier-order-product-table .line-total{color:#0d6efd;font-weight:800}.receive-delivery-product-image{object-fit:cover;background:#fff;border:1px solid #dce8f5;border-radius:10px;width:72px;height:72px}.edit-btn,.delete-btn{white-space:nowrap;cursor:pointer;border:none;border-radius:8px;width:100%;max-width:96px;min-height:36px;padding:7px 10px;font-family:inherit;font-size:12px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s}.edit-btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 12px #2563eb33}.delete-btn{color:#fff;background:#ef4444}.delete-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 12px #ef444433}.supplier-order-loading{color:#6f8192;justify-content:center;align-items:center;width:100%;min-height:260px;font-size:14px;display:flex}.edit-quantity-modal{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.edit-quantity-modal-content{box-sizing:border-box;background:#fff;border-radius:16px;width:100%;max-width:360px;padding:24px;box-shadow:0 20px 50px #0f172a40}.edit-quantity-modal-content h2{color:#174f59;margin:0 0 10px}.edit-quantity-modal-content p{color:#587084;margin:0 0 16px}.edit-quantity-modal-content input{box-sizing:border-box;border:1px solid #c9d7e8;border-radius:10px;width:100%;padding:10px 12px}.edit-quantity-modal-content>div{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.edit-quantity-modal-content button{cursor:pointer;border-radius:10px;min-width:86px;min-height:38px;padding:0 14px;font-family:inherit;font-size:12px;font-weight:700}.edit-quantity-modal-content button:first-child{color:#17324a;background:#fff;border:1px solid #c9d7e8}.edit-quantity-modal-content button:last-child{color:#fff;background:#2563eb;border:none}@media (width<=1050px){.supplier-order-details-card{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-order-table-wrapper{overflow-x:auto}.supplier-order-product-table{table-layout:auto;min-width:720px}}@media (width<=700px){.SupplierOrderDetails{height:auto;min-height:100%;padding:12px}.supplier-order-details-header{flex-direction:column;align-items:stretch;padding:14px}.supplier-order-back-button,.advance-status-button{width:100%}.supplier-order-details-card{grid-template-columns:1fr;padding:12px}.supplier-order-detail-row{min-height:68px;padding:11px 12px}.supplier-order-products{padding:12px}.supplier-order-products-header{flex-direction:column;align-items:flex-start}.supplier-order-table-wrapper{max-height:240px;overflow-x:auto}.supplier-order-product-table{table-layout:auto;min-width:700px}}.AddSale{box-sizing:border-box;flex-direction:column;gap:16px;max-width:1200px;margin:20px auto;padding:20px;display:flex}.AddSale h2{color:#174f59;margin:0;font-size:32px}.sale-header,.form-field input{box-sizing:border-box;border:1px solid #d4dce6;border-radius:10px;width:100%;padding:12px;font-size:15px}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:#3b4b5a;font-weight:600}.add-item-button{color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:10px;align-self:flex-start;padding:12px 24px;font-size:15px;font-weight:700;transition:all .2s}.add-item-button:hover{background:#0b5ed7}.sale-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 3px 12px #00000014}.sale-table th{text-align:left;background:#f4f7fb;border-bottom:1px solid #e4e7eb;padding:14px;font-weight:700}.sale-table td{border-bottom:1px solid #eceff3;padding:14px}.sale-table tbody tr:hover{background:#fafcff}.remove-item-button{cursor:pointer;background:#ffe5e5;border:none;border-radius:8px;width:38px;height:38px;font-size:16px;transition:all .2s}.remove-item-button:hover{background:#fcc}.sale-summary{flex-wrap:wrap;align-items:center;gap:20px;margin-top:10px;margin-bottom:15px;display:flex}.sale-summary h2,.sale-summary h3{margin:0}.sale-summary input{border:1px solid #d4dce6;border-radius:8px;width:100px;padding:8px}.save-sale-button{color:#fff;cursor:pointer;background:#198754;border:none;border-radius:12px;width:100%;padding:16px;font-size:18px;font-weight:700;transition:all .2s}.save-sale-button:hover:not(:disabled){background:#157347}.save-sale-button:disabled{cursor:not-allowed;background:#adb5bd}@media (width<=768px){.AddSale{padding:12px}.sale-summary{flex-direction:column;align-items:stretch}.sale-summary input{width:100%}.sale-table{display:block;overflow-x:auto}.add-item-button{width:100%}.save-sale-button{font-size:16px}}.InventoryMonitor{box-sizing:border-box;color:#15384f;width:min(1120px,100% - 32px);margin:22px auto 50px;overflow-y:auto}.inventory-header{box-sizing:border-box;background:radial-gradient(circle at 100% 0,#6366f114,#0000 36%),linear-gradient(135deg,#fff 0%,#f7fbff 100%);border:1px solid #d7e4ef;border-radius:22px;grid-template-columns:minmax(0,1fr) 285px;align-items:center;gap:24px;margin-bottom:22px;padding:24px 28px;display:grid;box-shadow:0 14px 36px #19395417}.inventory-eyebrow{color:#0788a8;letter-spacing:.18em;text-transform:uppercase;margin-bottom:7px;font-size:.7rem;font-weight:900;display:block}.inventory-header h1{color:#123a53;letter-spacing:-.035em;margin:0 0 9px;font-size:2rem;font-weight:900;line-height:1}.inventory-header p{color:#697e8f;margin:0;font-size:.92rem;line-height:1.45}.inventory-live-status{box-sizing:border-box;background:#fffffff0;border:1px solid #d9e5ef;border-radius:17px;grid-template-columns:auto 1px minmax(0,1fr);align-items:center;gap:16px;min-height:92px;padding:16px 18px;display:grid;box-shadow:0 10px 25px #14375514}.inventory-live-status:after{content:"";background:#d8e4ed;grid-area:1/2;width:1px;height:48px}.InventoryMonitor .status-dot{border-radius:50%;flex:none;grid-area:1/1;width:13px;height:13px}.InventoryMonitor .status-dot.connected{background:#16a45f;box-shadow:0 0 0 5px #16a45f21,0 0 16px #16a45f73}.InventoryMonitor .status-dot.disconnected{background:#e43f4f;box-shadow:0 0 0 5px #e43f4f1f,0 0 16px #e43f4f59}.inventory-live-status>div{text-align:end;grid-area:1/3;min-width:0}.inventory-live-status strong{color:#123a53;letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px;font-size:.82rem;font-weight:900;display:block}.inventory-live-status>div>span{color:#64798a;white-space:normal;font-size:.72rem;line-height:1.45;display:block}.inventory-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.inventory-stat-card{box-sizing:border-box;background:#fff;border:1px solid #d9e5ef;border-radius:18px;flex-direction:column;justify-content:center;min-height:128px;padding:20px 22px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 26px #14375512}.inventory-stat-card:before{content:"";background:#4f74e8;width:100%;height:4px;position:absolute;top:0;left:0}.inventory-stat-card:hover{transform:translateY(-3px);box-shadow:0 15px 34px #1437551f}.inventory-stat-card>span{color:#617788;margin-bottom:9px;font-size:.75rem;font-weight:800;display:block}.inventory-stat-card strong{color:#123a53;letter-spacing:-.04em;margin-bottom:8px;font-size:2rem;font-weight:950;line-height:1;display:block}.inventory-stat-card small{color:#8b9aa6;font-size:.68rem;line-height:1.35}.inventory-stat-card:first-child{background:linear-gradient(145deg,#3b82f614,#fff 55%)}.inventory-stat-card:first-child:before{background:#3b82f6}.inventory-stat-card:nth-child(2){background:linear-gradient(145deg,#22c55e14,#fff 55%)}.inventory-stat-card:nth-child(2):before{background:#22a95a}.inventory-stat-card.warning{background:linear-gradient(145deg,#f59e0b1a,#fff 55%);border-color:#f59e0b4d}.inventory-stat-card.warning:before{background:#f59e0b}.inventory-stat-card.live{background:linear-gradient(145deg,#14b8a614,#fff 55%);border-color:#14b8a647}.inventory-stat-card.live:before{background:#14a58f}.InventoryMonitor table{border-collapse:separate;border-spacing:0;table-layout:fixed;background:#fff;border:1px solid #d8e4ee;border-radius:19px;width:100%;overflow:hidden;box-shadow:0 13px 32px #14375514}.InventoryMonitor thead{background:linear-gradient(90deg,#123e59,#176889)}.InventoryMonitor th:first-child,.InventoryMonitor td:first-child{text-align:start;width:35%}.InventoryMonitor th:nth-child(2),.InventoryMonitor td:nth-child(2),.InventoryMonitor th:nth-child(3),.InventoryMonitor td:nth-child(3){text-align:center;width:15%}.InventoryMonitor th:nth-child(4),.InventoryMonitor td:nth-child(4){text-align:start;width:35%}.InventoryMonitor th{color:#fffffff2;letter-spacing:.03em;border:none;padding:15px 18px;font-size:.76rem;font-weight:900}.InventoryMonitor td{color:#29485d;border-bottom:1px solid #e8eff4;padding:14px 18px;font-size:.83rem;font-weight:600;transition:background-color .18s,color .18s}.InventoryMonitor tbody tr:last-child td{border-bottom:none}.InventoryMonitor tbody tr:hover td{background:#f3f8fc}.InventoryMonitor td:first-child{color:#143b53;font-weight:850}.InventoryMonitor td:nth-child(2),.InventoryMonitor td:nth-child(3){font-variant-numeric:tabular-nums}.InventoryMonitor td:nth-child(2){color:#14705f;font-weight:850}.InventoryMonitor[dir=rtl] th:first-child,.InventoryMonitor[dir=rtl] td:first-child,.InventoryMonitor[dir=rtl] th:nth-child(4),.InventoryMonitor[dir=rtl] td:nth-child(4){text-align:right}.InventoryMonitor[dir=ltr] th:first-child,.InventoryMonitor[dir=ltr] td:first-child,.InventoryMonitor[dir=ltr] th:nth-child(4),.InventoryMonitor[dir=ltr] td:nth-child(4){text-align:left}.InventoryMonitor tr.low-stock-row td{background:#f59e0b14}.InventoryMonitor tr.low-stock-row td:first-child{border-inline-start:4px solid #f59e0b}.InventoryMonitor tr.out-of-stock-row td{background:#ef444414}.InventoryMonitor tr.out-of-stock-row td:first-child{border-inline-start:4px solid #ef4444}.InventoryMonitor tr.inventory-selected td{color:#123b54;background:#dbeafe;box-shadow:inset 0 2px #3b82f6,inset 0 -2px #3b82f6}.InventoryMonitor tr.inventory-selected td:first-child{border-inline-start:5px solid #3b82f6}.InventoryMonitor tr.inventory-updated td{animation:1.5s inventoryFlash}@keyframes inventoryFlash{0%{color:#064e2b;background-color:#5cff8d}45%{background-color:#bbf7d0}to{background-color:#fff}}@media (width<=1250px){.InventoryMonitor{width:min(980px,100% - 24px);margin-top:16px}.inventory-header{grid-template-columns:minmax(0,1fr) 250px;padding:20px 22px}.inventory-header h1{font-size:1.75rem}.inventory-stats{gap:12px}.inventory-stat-card{min-height:112px;padding:17px 18px}.inventory-stat-card strong{font-size:1.65rem}.InventoryMonitor th{padding:12px 14px}.InventoryMonitor td{padding:11px 14px}}@media (width<=900px){.inventory-header{grid-template-columns:1fr}.inventory-live-status{justify-self:start;width:100%;max-width:360px}.inventory-live-status>div{text-align:start}.inventory-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.InventoryMonitor{overflow-x:auto}.InventoryMonitor table{min-width:700px}}@media (width<=600px){.InventoryMonitor{width:calc(100% - 16px);margin:10px auto 30px}.inventory-header{border-radius:16px;padding:17px}.inventory-header h1{font-size:1.55rem}.inventory-live-status{grid-template-columns:auto 1px minmax(0,1fr);min-width:0;max-width:none;padding:13px}.inventory-stats{grid-template-columns:1fr;gap:10px}.inventory-stat-card{min-height:100px}}.InventoryCount{color:#17384d;background:radial-gradient(circle at 100% 0,#2563eb14,#0000 28%),linear-gradient(145deg,#f8fbff,#f2f7fb);grid-template-rows:auto minmax(0,1fr);gap:18px;width:100%;height:100%;min-height:0;padding:22px;display:grid;overflow:hidden}.stock-report:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:999;background:#0f172a;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:600;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,6px)}.inventory-count-header{background:#fffffff0;border:1px solid #d6e3ef;border-radius:20px;padding:20px 24px;box-shadow:0 14px 36px #17384d14}.inventory-count-header span{color:#6366f1;letter-spacing:1.7px;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:900;display:block}.inventory-count-header h1{color:#123b54;margin:0 0 7px;font-size:clamp(26px,2.5vw,38px);font-weight:900}.inventory-count-header p{color:#64748b;margin:0;font-size:13px;line-height:1.5}.inventory-count-table-wrapper{background:#fff;border:1px solid #d6e3ef;border-radius:18px;min-height:0;overflow:auto;box-shadow:0 18px 42px #17384d17}.inventory-count-table{border-collapse:separate;border-spacing:0;width:100%}.inventory-count-table thead{z-index:5;background:linear-gradient(135deg,#173e59,#20536d);position:sticky;top:0}.inventory-count-table th{color:#fffffff2;text-align:center;text-transform:uppercase;letter-spacing:.08em;height:46px;padding:0 16px;font-size:10px;font-weight:900}.inventory-count-table td{color:#29495e;text-align:center;border-bottom:1px solid #e7eef4;height:54px;padding:7px 16px;font-size:12px;font-weight:700}.inventory-count-table td:first-child{color:#143a51;text-align:left;font-weight:900}.inventory-count-table tbody tr:hover td{background:#f5f9ff}.inventory-count-table input{color:#153d55;text-align:center;background:#f8fbfd;border:1px solid #cbdceb;border-radius:8px;outline:none;width:110px;height:34px;padding:0 10px;font-size:12px;font-weight:800;transition:border-color .2s,box-shadow .2s,background .2s}.inventory-count-table input:focus{background:#fff;border-color:#526df0;box-shadow:0 0 0 3px #526df01f}.inventory-count-table td:nth-child(4){color:#64748b;font-weight:900}.inventory-count-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.inventory-count-table-wrapper::-webkit-scrollbar-track{background:#edf4f8}.inventory-count-table-wrapper::-webkit-scrollbar-thumb{background:#8eb7cc;border-radius:10px}.inventory-count-table-wrapper::-webkit-scrollbar-thumb:hover{background:#5f91aa}.InventoryCount{grid-template-rows:auto minmax(0,1fr) auto}.inventory-count-footer{background:linear-gradient(145deg,#fffffffa,#f4f9fdf5);border:1px solid #d6e3ef;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:13px 16px;display:flex;box-shadow:0 14px 34px #17384d17}.inventory-count-changes{flex-direction:column;gap:4px;display:flex}.inventory-count-changes span{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.inventory-count-changes strong{color:#123b54;font-size:26px;font-weight:900;line-height:1}.inventory-count-save-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#0f766e);border:none;border-radius:12px;min-width:220px;height:48px;padding:0 24px;font-family:inherit;font-size:13px;font-weight:900;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 10px 24px #10b9814d}.inventory-count-save-button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 15px 30px #10b98166}.inventory-count-save-button:active:not(:disabled){transform:scale(.98)}.inventory-count-save-button:disabled{cursor:not-allowed;color:#64748b;box-shadow:none;background:#cbd5e1;transform:none}@media (width<=600px){.inventory-count-footer{flex-direction:column;align-items:stretch}.inventory-count-save-button{width:100%;min-width:0}}@media (width<=800px){.InventoryCount{height:auto;min-height:100%;padding:12px;overflow-y:auto}.inventory-count-table-wrapper{overflow-x:auto}.inventory-count-table{min-width:720px}}.ContactUs{background:#f7fafc;flex-direction:column;gap:30px;width:100%;height:100%;padding:30px;display:flex}.contact-header{text-align:center}.contact-eyebrow{color:#2563eb;letter-spacing:2px;text-transform:uppercase;font-size:12px;font-weight:700}.contact-header h1{color:#0f172a;margin:10px 0;font-size:42px}.contact-header p{color:#64748b;max-width:700px;margin:auto;line-height:1.7}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.contact-card{background:#fff;border:1px solid #dbe5ef;border-radius:22px;padding:28px;transition:all .25s;box-shadow:0 15px 40px #0000000f}.contact-card:hover{transform:translateY(-6px);box-shadow:0 22px 50px #2563eb26}.contact-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:50%;place-items:center;width:80px;height:80px;margin:auto;font-size:34px;display:grid}.developer-card{text-align:center}.developer-card h2{color:#0f172a;margin-top:18px}.job-title{color:#2563eb;margin-bottom:22px;font-weight:700;display:block}.contact-item{justify-content:center;align-items:center;gap:12px;margin:14px 0;display:flex}.contact-item svg{color:#2563eb}.contact-item a{color:#0f172a;text-decoration:none}.contact-item a:hover{color:#2563eb}.card-icon{color:#0284c7;background:#e0f2fe;border-radius:15px;place-items:center;width:60px;height:60px;margin-bottom:20px;font-size:24px;display:grid}.contact-card h2{color:#0f172a;margin-bottom:12px}.contact-card p{color:#64748b;line-height:1.8}.contact-footer{text-align:center;color:#64748b;border-top:1px solid #dbe5ef;flex-direction:column;gap:6px;margin-top:auto;padding-top:20px;display:flex}.contact-footer strong{color:#0f172a}.login-page{background:radial-gradient(circle at 100% 0,#4f46e51f,#0000 35%),radial-gradient(circle at 0 100%,#06b6d41f,#0000 40%),#f5f7fb;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.customer-access{text-align:center;color:#64748b;margin-top:18px;font-size:14px}.customer-access button{color:#6366f1;cursor:pointer;background:0 0;border:1px solid #6366f1;border-radius:10px;margin-left:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .25s}.customer-access button:hover{color:#fff;background:#6366f1;transform:translateY(-1px);box-shadow:0 8px 20px #6366f140}.customer-access button:active{transform:translateY(0)}.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;width:420px;padding:45px;box-shadow:0 20px 60px #0000001f}.login-header{text-align:center;margin-bottom:35px}.login-header span{color:#6366f1;letter-spacing:2px;font-size:12px;font-weight:700}.login-header h1{color:#0f172a;margin-top:10px;margin-bottom:8px;font-size:40px}.login-header p{color:#64748b;font-size:14px}.login-form{flex-direction:column;gap:22px;display:flex}.login-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:14px;margin-top:10px;padding:15px;font-size:16px;font-weight:700;transition:all .25s}.login-form button:hover{transform:translateY(-2px);box-shadow:0 15px 35px #2563eb4d}.register-page{background:radial-gradient(circle at 100% 0,#4f46e51f,#0000 35%),radial-gradient(circle at 0 100%,#06b6d41f,#0000 40%),#f5f7fb;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.register-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;width:420px;padding:45px;box-shadow:0 20px 60px #0000001f}.register-header{text-align:center;margin-bottom:35px}.register-header span{color:#6366f1;letter-spacing:2px;font-size:12px;font-weight:700}.register-header h1{color:#0f172a;margin-top:10px;margin-bottom:8px;font-size:40px}.register-header p{color:#64748b;font-size:14px}.register-form{flex-direction:column;gap:22px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#334155;font-size:13px;font-weight:600}.form-group input{border:1px solid #cbd5e1;border-radius:12px;padding:14px;font-size:15px;transition:all .25s}.form-group input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f126}.register-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:14px;margin-top:10px;padding:15px;font-size:16px;font-weight:700;transition:all .25s}.register-form button:hover{transform:translateY(-2px);box-shadow:0 15px 35px #2563eb4d}.QuickSale{box-sizing:border-box;background:#f4f7fa;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px;width:100%;height:100%;min-height:0;padding:18px;display:grid;overflow:hidden}.quick-sale-vip-search{background:#fff;border:2px solid gold;border-radius:14px;grid-template-columns:1fr auto;gap:10px;margin-top:14px;padding:14px;display:grid}.quick-sale-vip-verified{color:#167a35;text-align:center;background:#eefaf1;border:1px solid #9ed6ad;border-radius:10px;margin-bottom:12px;padding:12px 14px;font-weight:800}.quick-sale-vip-search label{color:#173b4d;grid-column:1/-1;font-weight:700}.quick-sale-vip-search input{border:1px solid #788187;border-radius:10px;outline:none;width:100%;padding:11px 12px;font-size:14px}.quick-sale-vip-search input:focus{border-color:#0f7f9d;box-shadow:0 0 0 3px #0f7f9d1f}.quick-sale-vip-search button{cursor:pointer;color:#fff;background:#0f7f9d;border:none;border-radius:10px;padding:0 18px;font-weight:700}.quick-sale-vip-info{background:#f2fbf5;border:1px solid #cce8d5;border-radius:14px;gap:10px;margin-top:12px;padding:14px;display:grid}.quick-sale-vip-info>div{justify-content:space-between;gap:16px;display:flex}.quick-sale-payment-methods .vip-card{color:#2d2400;background:linear-gradient(135deg,#b8860b,#d4af37,#f4d675);border:1px solid #c89f2d;font-weight:800;box-shadow:0 8px 18px #c49a182e}.quick-sale-payment-methods .vip-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px #c49a1847}.quick-sale-change-payment{color:#173b4d;cursor:pointer;background:#2b8ced49;border:1px solid #d6e1ea;border-radius:10px;width:100%;margin:6px 0 14px;padding:11px 14px;font-size:14px;font-weight:700;transition:all .2s}.quick-sale-change-payment:hover{background:#eef4f8;border-color:#b9ccd9;transform:translateY(-1px)}.quick-sale-vip-info span{color:#60798a;font-size:13px}.quick-sale-vip-info strong{color:#173b4d}.quick-sale-left,.quick-sale-right{box-sizing:border-box;background:#fff;border:1px solid #dce7f1;border-radius:16px;min-width:0;min-height:0;padding:18px;box-shadow:0 10px 26px #14375512}.quick-sale-left{overflow-y:auto}.quick-sale-right{flex-direction:column;gap:16px;display:flex;overflow:hidden}.quick-sale-right h2{color:#174f59;border-bottom:1px solid #dce7f1;margin:0;padding-bottom:12px;font-size:21px}.quick-sale-toolbar{margin-bottom:14px}.quick-sale-toolbar input{color:#17324a;box-sizing:border-box;background:#f9fbfd;border:1px solid #cfdce8;border-radius:10px;outline:none;width:100%;height:42px;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .18s,background-color .18s,box-shadow .18s}.quick-sale-toolbar input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.quick-sale-categories{flex-wrap:wrap;gap:10px;margin:14px 0 18px;display:flex}.quick-sale-category-button,.quick-sale-categories button{color:#174f59;cursor:pointer;background:#edf4fb;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:700;transition:transform .18s,background-color .18s,color .18s,border-color .18s,box-shadow .18s;display:inline-flex}.quick-sale-category-button svg,.quick-sale-categories button svg{flex-shrink:0;font-size:15px}.quick-sale-category-button:hover,.quick-sale-categories button:hover{background:#dcecff;border-color:#b8d5ef;transform:translateY(-1px)}.quick-sale-category-button.active,.quick-sale-categories button.active{color:#fff;background:#066c8e;border-color:#066c8e;box-shadow:0 6px 14px #066c8e33}.quick-sale-category-button.beer.active{background:#2e7d32;border-color:#2e7d32}.quick-sale-category-button.wine.active{background:#8b1e3f;border-color:#8b1e3f}.quick-sale-category-button.cocktail.active{background:#8e44ad;border-color:#8e44ad}.quick-sale-category-button.coffee.active{background:#6d4c41;border-color:#6d4c41}.quick-sale-category-button.water.active{background:#2196f3;border-color:#2196f3}.quick-sale-category-button.soft.active{background:#00acc1;border-color:#00acc1}.quick-sale-category-button.spirit.active{background:#ef6c00;border-color:#ef6c00}.quick-sale-category-button.snack.active{background:#fb8c00;border-color:#fb8c00}.quick-sale-category-button.kitchen.active{background:#607d8b;border-color:#607d8b}.quick-sale-category-button.supplies.active{background:#546e7a;border-color:#546e7a}.quick-sale-products-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:14px;display:grid}.quick-sale-product-card{color:#17324a;text-align:left;cursor:pointer;background:#fff;border:1px solid #d8e4ee;border-radius:14px;flex-direction:column;align-items:stretch;gap:8px;min-width:0;min-height:185px;padding:14px 10px 10px;font-family:inherit;transition:transform .18s,border-color .18s,box-shadow .18s,opacity .18s;display:flex;position:relative;overflow:hidden}.quick-sale-product-card:hover:not(:disabled){border-color:#8ebce8;transform:translateY(-3px);box-shadow:0 9px 20px #2563eb1f}.quick-sale-product-card:active:not(:disabled){transform:scale(.97)}.quick-sale-product-card:disabled{opacity:.55;cursor:not-allowed}.quick-sale-category-strip{z-index:10;width:100%;height:6px;position:absolute;top:0;left:0;right:0}.quick-sale-category-strip.beer{background:linear-gradient(90deg,#2e7d32,#66bb6a)}.quick-sale-category-strip.wine{background:linear-gradient(90deg,#7b1e3d,#c2185b)}.quick-sale-category-strip.cocktail{background:linear-gradient(90deg,#7b1fa2,#ba68c8)}.quick-sale-category-strip.coffee{background:linear-gradient(90deg,#5d4037,#8d6e63)}.quick-sale-category-strip.water{background:linear-gradient(90deg,#1976d2,#64b5f6)}.quick-sale-category-strip.soft{background:linear-gradient(90deg,#0097a7,#4dd0e1)}.quick-sale-category-strip.spirit{background:linear-gradient(90deg,#ef6c00,#ffb74d)}.quick-sale-category-strip.snack{background:linear-gradient(90deg,#f57c00,#ffcc80)}.quick-sale-category-strip.kitchen{background:linear-gradient(90deg,#455a64,#90a4ae)}.quick-sale-category-strip.supplies{background:linear-gradient(90deg,#546e7a,#b0bec5)}.quick-sale-category-strip.other{background:linear-gradient(90deg,#64748b,#cbd5e1)}.quick-sale-stock{color:#2fa84f;box-sizing:border-box;z-index:20;background:#fff;border:2px solid #2fa84f;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;line-height:1;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 6px #0000001f}.quick-sale-product-image{justify-content:center;align-items:center;width:100%;height:115px;display:flex;overflow:hidden}.quick-sale-product-image img{object-fit:contain;width:100%;height:100%;transition:transform .18s;display:block}.quick-sale-product-card:hover:not(:disabled) .quick-sale-product-image img{transform:scale(1.03)}.quick-sale-no-image{color:#8a9aa8;font-size:12px;font-weight:600}.quick-sale-product-name{color:#17324a;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.quick-sale-product-price{color:#066c8e;font-size:14px;font-weight:800}.quick-sale-empty-order{color:#8a9aa8;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.quick-sale-empty-order>span{opacity:.45;font-size:42px}.quick-sale-empty-order strong{margin-top:12px;font-size:16px}.quick-sale-empty-order p{margin:5px 0 0;font-size:12px}.quick-sale-order-items{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex;overflow-y:auto}.quick-sale-order-row{background:#f9fbfd;border:1px solid #dce7f1;border-radius:11px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px;display:grid}.quick-sale-order-info{flex-direction:column;gap:3px;min-width:0;display:flex}.quick-sale-order-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.quick-sale-order-info span{color:#71879a;font-size:11px}.quick-sale-quantity{align-items:center;gap:8px;display:flex}.quick-sale-quantity button{color:#066c8e;cursor:pointer;background:#fff;border:1px solid #bfd3e3;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;font-weight:700;transition:background-color .18s,color .18s,transform .18s;display:flex}.quick-sale-quantity button:hover{color:#fff;background:#066c8e;transform:translateY(-1px)}.quick-sale-quantity strong{text-align:center;min-width:20px}.quick-sale-line-total{color:#066c8e;text-align:right;min-width:65px;font-size:12px}.quick-sale-summary{border-top:1px solid #dce7f1;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.quick-sale-summary span{color:#587084;font-weight:700}.quick-sale-summary strong{color:#066c8e;font-size:22px}.quick-sale-order-actions{flex-shrink:0;grid-template-columns:minmax(120px,.8fr) minmax(160px,1.4fr);gap:10px;display:grid}.quick-sale-cancel-button,.quick-sale-complete-button{cursor:pointer;border-radius:11px;width:100%;min-height:48px;font-family:inherit;font-size:14px;font-weight:800;transition:transform .18s,background-color .18s,color .18s,box-shadow .18s}.quick-sale-cancel-button{color:#dc2626;background:#fff;border:1px solid #ef4444}.quick-sale-cancel-button:hover{color:#fff;background:#ef4444;transform:translateY(-1px)}.quick-sale-complete-button{color:#fff;background:#16a34a;border:none}.quick-sale-complete-button:hover{background:#15803d;transform:translateY(-1px);box-shadow:0 8px 18px #16a34a38}.quick-sale-cancel-button:disabled,.quick-sale-complete-button:disabled{opacity:.6;cursor:not-allowed}.quick-sale-payment-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.quick-sale-payment-modal{box-sizing:border-box;background:#fff;border:1px solid #d7e4ee;border-radius:20px;width:100%;max-width:520px;max-height:calc(100dvh - 40px);padding:24px;overflow-y:auto;box-shadow:0 24px 70px #0f172a47}.quick-sale-payment-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:16px;display:flex}.quick-sale-payment-header span{color:#7c3aed;letter-spacing:1.4px;font-size:11px;font-weight:800}.quick-sale-payment-header h2{color:#174f59;margin:5px 0 0;font-size:25px}.quick-sale-payment-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #d6e1ea;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;transition:background-color .18s,color .18s,transform .18s;display:flex}.quick-sale-payment-close:hover{color:#dc2626;background:#f1f5f9;transform:rotate(5deg)}.quick-sale-payment-total{background:#f1f8fc;border-radius:14px;justify-content:space-between;align-items:center;margin:20px 0;padding:20px;display:flex}.quick-sale-payment-total span{color:#587084;font-size:16px;font-weight:700}.quick-sale-payment-total strong{color:#066c8e;font-size:30px}.quick-sale-payment-section>label,.quick-sale-payment-cash>label{color:#374151;margin-bottom:10px;font-size:13px;font-weight:800;display:block}.quick-sale-payment-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.quick-sale-payment-methods button{color:#174f59;cursor:pointer;background:#f8fafc;border:1px solid #d5e1eb;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:62px;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .18s,border-color .18s,background-color .18s,color .18s,box-shadow .18s;display:flex}.quick-sale-payment-methods button svg{flex-shrink:0;font-size:20px}.quick-sale-payment-methods button:hover{background:#fff;border-color:#8ab9d3;transform:translateY(-2px);box-shadow:0 7px 18px #0f172a1a}.quick-sale-payment-methods button.active{color:#17324a;background:#f9fbfd;border-color:#066c8e;box-shadow:0 8px 18px #066c8e38}.quick-sale-payment-cash{margin-top:20px}.quick-sale-payment-cash input{color:#17324a;box-sizing:border-box;background:#f9fbfd;border:1px solid #cfdce8;border-radius:11px;outline:none;width:100%;height:50px;padding:0 14px;font-family:inherit;font-size:18px;font-weight:700}.quick-sale-payment-cash input:focus{background:#fff;border-color:#066c8e;box-shadow:0 0 0 3px #066c8e1f}.quick-sale-change-row{background:#ecfdf3;border-radius:11px;justify-content:space-between;align-items:center;margin-top:12px;padding:14px;display:flex}.quick-sale-change-row span{color:#166534;font-weight:700}.quick-sale-change-row strong{color:#15803d;font-size:20px}.quick-sale-payment-actions{grid-template-columns:1fr 1.4fr;gap:12px;margin-top:24px;display:grid}.quick-sale-payment-actions button{cursor:pointer;border-radius:12px;min-height:50px;font-family:inherit;font-size:14px;font-weight:800;transition:transform .18s,background-color .18s,color .18s,box-shadow .18s}.quick-sale-payment-cancel{color:#dc2626;background:#fff;border:1px solid #ef4444}.quick-sale-payment-cancel:hover{color:#fff;background:#ef4444;transform:translateY(-1px)}.quick-sale-payment-confirm{color:#fff;background:#16a34a;border:none}.quick-sale-payment-confirm:hover:not(:disabled){background:#15803d;transform:translateY(-1px);box-shadow:0 8px 18px #16a34a38}.quick-sale-payment-actions button:disabled{opacity:.55;cursor:not-allowed}@media (width<=950px){.QuickSale{grid-template-columns:1fr;overflow-y:auto}.quick-sale-left,.quick-sale-right{overflow:visible}}@media (width<=600px){.QuickSale{padding:10px}.quick-sale-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-sale-product-card{min-height:165px}.quick-sale-product-image{height:100px}.quick-sale-order-actions,.quick-sale-payment-methods,.quick-sale-payment-actions{grid-template-columns:1fr}.quick-sale-payment-modal{padding:18px}}.recharge-dialog-overlay{z-index:99999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.recharge-dialog{background:#fff;border-radius:14px;width:420px;padding:28px;box-shadow:0 20px 60px #00000040}.recharge-dialog h2{margin-bottom:20px}.recharge-dialog p{margin:12px 0}.recharge-dialog-actions{justify-content:flex-end;gap:12px;margin-top:30px;display:flex}.CustomerCrud{padding:20px}.CustomerCrud nav{margin:15px 0}.CustomerCrud a{margin-right:15px;font-weight:700;text-decoration:none}.CustomerCrud a.active{color:#1976d2}.CustomerList{padding:18px}.CustomerList>h2{color:#17324a;margin:0 0 18px}.customer-list-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}@media (width<=1250px){.customer-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=950px){.customer-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.customer-list-grid{grid-template-columns:1fr}}.CustomerCard{background:#fff;border:1px solid #dbe7ef;border-radius:16px;flex-direction:column;gap:16px;min-width:0;min-height:280px;padding:18px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #16324a14}.CustomerCard:before{content:"";background:linear-gradient(90deg,#087ea4,#35bdd0);width:100%;height:4px;position:absolute;top:0;left:0}.CustomerCard:hover{border-color:#9ccde0;transform:translateY(-4px);box-shadow:0 14px 30px #16324a24}.customer-header{border-bottom:1px solid #e7eef3;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:14px;display:flex}.customer-title{min-width:0}.customer-title h3{color:#17324a;text-overflow:ellipsis;white-space:nowrap;margin:0 0 7px;font-size:18px;font-weight:800;overflow:hidden}.vip-label{color:#b77900;align-items:center;gap:6px;width:fit-content;font-size:11px;font-weight:800;display:inline-flex}.vip-label svg{color:#f5b301;fill:#f5b301;filter:drop-shadow(0 2px 3px #f5b30147)}.customer-vip-button.no-vip{border:2px dashed #94a3b8;color:#4b5563!important;background:linear-gradient(135deg,#eef2f7,#dde5ee)!important}.customer-vip-button.no-vip svg{color:#6b7280}.customer-vip-button.no-vip:hover{transform:translateY(-2px);color:#087494!important;background:#e5e7eb!important}.customer-status{border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:11px;font-weight:800}.customer-status.active{color:#198245;background:#edf9f1;border:1px solid #93d9aa}.customer-status.inactive{color:#d63333;background:#fff1f1;border:1px solid #f2a7a7}.customer-details{flex-direction:column;gap:11px;display:flex}.customer-detail-row{color:#526b7e;align-items:center;gap:10px;min-width:0;font-size:13px;display:flex}.customer-detail-row>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.detail-icon{color:#087ea4;background:#edf7fb;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.customer-actions{border-top:1px solid #e7eef3;flex-direction:column;gap:8px;margin-top:auto;padding-top:14px;display:flex}.customer-actions-bottom-row{gap:8px;display:flex}.customer-vip-button{box-sizing:border-box;cursor:pointer;border:1px solid #e3b341;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;min-width:0;height:38px;padding:0 12px;font-size:13px;font-weight:800;transition:transform .18s,background-color .18s,color .18s,box-shadow .18s;display:inline-flex;color:#0cacf1!important;background:gold!important}.customer-vip-button:hover{transform:translateY(-1px);box-shadow:0 5px 12px #e3b34140;color:#fff!important;background:#f50fde!important}.customer-edit-button{box-sizing:border-box;color:#087494;cursor:pointer;background:#eef8fc;border:1px solid #8dc6dc;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;height:38px;padding:0;font-size:14px;transition:transform .18s,background-color .18s,color .18s;display:inline-flex}.customer-edit-button span{font-size:13px;font-weight:800;display:inline}.customer-edit-button:hover{color:#fff;background:#087ea4;transform:translateY(-1px)}.customer-delete-button{box-sizing:border-box;cursor:pointer;border:1px solid #f0b2b2;border-radius:10px;flex:1;justify-content:center;align-items:center;height:38px;padding:0;font-size:14px;transition:transform .18s,background-color .18s,color .18s;display:inline-flex;color:#00060a!important;background:#fff!important}.customer-delete-button:hover{transform:scale(1.06);color:wheat!important;background:red!important}@media (width<=520px){.CustomerCard{min-height:260px;padding:16px}.customer-vip-button,.customer-edit-button,.customer-delete-button{height:40px}}.AddCustomer{box-sizing:border-box;background:#f4f7fa;flex-direction:column;align-items:center;width:100%;min-height:100%;padding:24px;display:flex}.AddCustomer h2{color:#17324a;width:100%;max-width:720px;margin:0 0 18px;font-size:28px;font-weight:800}.field-error{color:#dc2626;margin-top:4px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.AddCustomer form{box-sizing:border-box;background:#fff;border:1px solid #dbe7ef;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%;max-width:720px;padding:24px;display:grid;box-shadow:0 12px 32px #17324a17}.customer-field{flex-direction:column;min-width:0;display:flex}.customer-field.full-width{grid-column:1/-1}.customer-field label{color:#385267;margin-bottom:7px;font-size:13px;font-weight:800}.customer-field input{box-sizing:border-box;color:#17324a;background:#f9fbfd;border:1px solid #cfdde8;border-radius:10px;outline:none;width:100%;height:46px;padding:0 13px;font-family:inherit;font-size:14px;transition:border-color .18s,background-color .18s,box-shadow .18s}.customer-field input:focus{background:#fff;border-color:#087ea4;box-shadow:0 0 0 3px #087ea41f}.customer-field>span{color:#dc2626;min-height:16px;margin-top:5px;font-size:11px;font-weight:700}.customer-actions{grid-column:1/-1;justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.customer-actions button{cursor:pointer;border-radius:11px;min-width:120px;min-height:44px;padding:0 13px;font-family:inherit;font-size:14px;font-weight:800;transition:transform .18s,background-color .18s,color .18s,box-shadow .18s}.customer-actions button:first-child{color:#526b7f;background:#fff;border:1px solid #cbd5df}.customer-actions button:first-child:hover{background:#f1f5f8;transform:translateY(-1px)}.customer-actions button:last-child{color:#fff;background:#087ea4;border:none;box-shadow:0 8px 18px #087ea433}.customer-actions button:last-child:hover:not(:disabled){background:#066985;transform:translateY(-1px)}.customer-actions button:disabled{opacity:.55;cursor:not-allowed}@media (width<=700px){.AddCustomer{padding:14px}.AddCustomer form{grid-template-columns:1fr;padding:18px}.customer-field.full-width,.customer-actions{grid-column:auto}.customer-actions{flex-direction:column-reverse}.customer-actions button{width:100%}}.EditCustomer{box-sizing:border-box;background:#f4f7fa;flex-direction:column;align-items:center;width:100%;min-height:100%;padding:24px;display:flex}.EditCustomer h2{color:#17324a;width:100%;max-width:720px;margin:0 0 18px;font-size:28px;font-weight:800}.EditCustomer form{box-sizing:border-box;background:#fff;border:1px solid #dbe7ef;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%;max-width:720px;padding:24px;display:grid;box-shadow:0 12px 32px #17324a17}.EditCustomer label{color:#385267;margin-bottom:7px;font-size:13px;font-weight:800;display:block}.EditCustomer input[type=text],.EditCustomer input[type=email],.EditCustomer input[type=date]{color:#17324a;box-sizing:border-box;background:#f9fbfd;border:1px solid #cfdde8;border-radius:10px;outline:none;width:100%;height:46px;padding:0 13px;font-family:inherit;font-size:14px;transition:border-color .18s,background-color .18s,box-shadow .18s}.EditCustomer input[type=text]:focus,.EditCustomer input[type=email]:focus,.EditCustomer input[type=date]:focus{background:#fff;border-color:#087ea4;box-shadow:0 0 0 3px #087ea41f}.EditCustomer form>span{color:#dc2626;min-height:16px;font-size:11px;font-weight:700}.active-field{background:#f8fbfd;border:1px solid #d8e5ed;border-radius:12px;grid-column:1/-1;align-items:center;gap:10px;padding:14px;margin:0!important;display:flex!important}.active-field input{accent-color:#087ea4;width:18px;height:18px}.edit-customer-actions{grid-column:1/-1;justify-content:flex-end;gap:12px;margin-top:6px;display:flex}.edit-customer-actions button{cursor:pointer;border-radius:11px;min-width:130px;min-height:44px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:800;transition:transform .18s,background-color .18s,color .18s,box-shadow .18s}.edit-customer-actions button:first-child{color:#526b7f;background:#fff;border:1px solid #cbd5df}.edit-customer-actions button:first-child:hover{background:#f1f5f8;transform:translateY(-1px)}.edit-customer-actions button:last-child{color:#fff;background:#087ea4;border:none;box-shadow:0 8px 18px #087ea433}.edit-customer-actions button:last-child:hover:not(:disabled){background:#066985;transform:translateY(-1px)}.edit-customer-actions button:disabled{opacity:.55;cursor:not-allowed}@media (width<=700px){.EditCustomer{padding:14px}.EditCustomer form{grid-template-columns:1fr;padding:18px}.edit-customer-actions{flex-direction:column-reverse}.edit-customer-actions button{width:100%}}.search-customer-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.search-box{align-items:center;gap:14px;margin:25px 0 30px;display:flex}.search-box input{border:1px solid #d7e4ef;border-radius:10px;flex:1;max-width:420px;padding:12px 16px;font-size:15px;transition:all .2s}.search-box input:focus{border-color:#1486ad;outline:none;box-shadow:0 0 0 4px #1486ad26}.CardDetails{width:min(100%,1280px);margin:0 auto;padding:32px 20px}.vip-page-layout{grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);align-items:start;gap:24px;display:grid}.vip-details-card{background:linear-gradient(135deg,#fff 0%,#f7fcfe 100%);border:1px solid #dbe7ef;border-radius:20px;width:100%;padding:28px;position:relative;overflow:hidden;box-shadow:0 16px 40px #16324a1f}.vip-details-card:before{content:"";background:linear-gradient(90deg,#d89b32,#f5c96b,#087ea4);width:100%;height:6px;position:absolute;top:0;left:0}.vip-details-header{border-bottom:1px solid #e7eef3;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}.vip-details-title{min-width:0}.vip-details-title h1{color:#17324a;margin:0 0 8px;font-size:clamp(24px,4vw,34px);font-weight:900}.vip-details-title p{color:#718797;margin:0;font-size:14px}.vip-status{text-transform:capitalize;border-radius:999px;flex-shrink:0;padding:7px 13px;font-size:12px;font-weight:900}.vip-status.active{color:#198245;background:#edf9f1;border:1px solid #93d9aa}.vip-status.blocked,.vip-status.expired,.vip-status.cancelled{color:#d63333;background:#fff1f1;border:1px solid #f2a7a7}.vip-customer-name{color:#17324a;margin:0 0 8px;font-size:clamp(22px,3vw,30px);font-weight:900}.vip-card-number{color:#526b7e;letter-spacing:1.5px;margin:0 0 28px;font-size:16px;font-weight:700}.vip-balance-box{background:#fff;border:1px solid #dbe7ef;border-radius:16px;margin-bottom:24px;padding:22px}.vip-balance-label{color:#718797;text-transform:uppercase;letter-spacing:.8px;margin-bottom:7px;font-size:13px;font-weight:800;display:block}.vip-balance-value{color:#087ea4;font-size:clamp(34px,6vw,50px);font-weight:900}.vip-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:26px;display:grid}.vip-detail-item{background:#fff;border:1px solid #e1ebf1;border-radius:14px;padding:16px}.vip-detail-item span{color:#718797;text-transform:uppercase;margin-bottom:5px;font-size:12px;font-weight:800;display:block}.vip-detail-item strong{color:#17324a;text-transform:capitalize;font-size:15px}.vip-details-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.vip-details-actions button{cursor:pointer;border-radius:11px;min-width:0;min-height:46px;padding:0 14px;font-size:14px;font-weight:900;transition:transform .18s,background-color .18s,color .18s,box-shadow .18s}.vip-details-actions button:hover{transform:translateY(-2px)}.vip-recharge-button{color:#fff;background:#198245;border:1px solid #198245;box-shadow:0 7px 18px #19824538}.vip-recharge-button:hover{background:#126c38}.vip-back-button{color:#34495e;background:#f3f5f7;border:1px solid #d4dde5}.vip-back-button:hover{background:#e7edf2}.vip-edit-button{color:#9a6800;background:#fff2cd;border:1px solid #efd58a;box-shadow:0 7px 18px #daa3302e}.vip-edit-button:hover{background:#ffe59b}.vip-transactions-panel{background:#fff;border:1px solid #dbe7ef;border-radius:20px;min-height:620px;padding:24px;box-shadow:0 16px 40px #16324a1a}.vip-transactions-header{border-bottom:1px solid #e7eef3;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:18px;display:flex}.vip-transactions-header h2{color:#17324a;margin:0 0 5px;font-size:22px}.vip-transactions-header p{color:#718797;margin:0;font-size:13px}.vip-transactions-header button{color:#fff;cursor:pointer;background:#35a9d3;border:1px solid #35a9d3;border-radius:10px;min-height:40px;padding:0 15px;font-weight:800;transition:transform .18s,background-color .18s}.vip-transactions-header button:hover{background:#178cb7;transform:translateY(-1px)}.no-vip-card{text-align:center;background:#fff;border:1px solid #dbe7ef;border-radius:20px;width:min(100%,620px);margin:0 auto;padding:30px;box-shadow:0 14px 34px #16324a1a}.no-vip-card h1{color:#17324a;margin:0 0 10px}.no-vip-card p{color:#718797;margin:0 0 24px}@media (width<=900px){.vip-page-layout{grid-template-columns:1fr}.vip-transactions-panel{min-height:auto}}@media (width<=700px){.CardDetails{padding:20px 14px}.vip-details-card{padding:22px 18px}.vip-details-header{flex-direction:column;align-items:flex-start}.vip-details-grid,.vip-details-actions{grid-template-columns:1fr}.vip-details-actions button{min-height:48px}.vip-transactions-header{flex-direction:column}.vip-transactions-header button{width:100%}}.CardTransactions{flex-direction:column;gap:14px;display:flex}.vip-transactions-panel-body{max-height:650px;overflow-y:auto}.CardTransactions h2{color:#17324a;margin:0 0 6px;font-size:22px;font-weight:900}.transaction-item{background:#fff;border:1px solid #e1ebf1;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;padding:14px;display:grid}.transaction-item strong{color:#17324a;text-transform:capitalize;margin-bottom:4px;font-size:14px;display:block}.transaction-item p{color:#718797;margin:0;font-size:12px}.transaction-item small{color:#8ca0ae;grid-column:1/-1;font-size:11px}.transaction-amount{white-space:nowrap;align-self:center;font-size:16px;font-weight:900}.transaction-amount.load,.transaction-amount.refund{color:#198245}.transaction-amount.payment{color:#d83a3a}.transaction-amount.adjustment{color:#a66d00}@media (width<=700px){.transaction-item{grid-template-columns:1fr}.transaction-amount{justify-self:start}}.CustomerVipBenefits{grid-template-columns:1fr 520px;align-items:center;gap:40px;max-width:1400px;margin:40px auto;padding:24px;display:grid}.vip-benefits-image img{object-fit:cover;border-radius:24px;width:80%;display:block}.vip-benefits-content{padding:24px}@media (width<=1024px){.CustomerVipBenefits{grid-template-columns:1fr;gap:28px}.vip-benefits-content{padding:12px}}@media (width<=768px){.CustomerVipBenefits{gap:20px;margin:0;padding:16px}.vip-benefits-image img{border-radius:18px}.vip-benefits-content{padding:0}.vip-benefits-content h1{font-size:32px}.vip-benefits-content p{font-size:16px;line-height:1.7}.vip-benefits-content ul{padding-left:22px;font-size:16px;line-height:2}}.vip-create-button{margin-right:20px}.vip-benefits-actions{flex-wrap:wrap;gap:20px;margin-top:28px;display:flex}.vip-create-button{color:#172033;cursor:pointer;background:linear-gradient(135deg,#d99a24,#f5c75e);border:none;border-radius:12px;min-height:50px;padding:0 24px;font-size:15px;font-weight:900;transition:all .2s;box-shadow:0 10px 24px #d99a2447}.vip-create-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #d99a2461}.vip-benefits-back{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;min-height:50px;padding:0 22px;font-weight:800}.vip-benefits-back:hover{background:#e2e8f0}@media (width<=768px){.vip-benefits-actions{flex-direction:column}.vip-create-button,.vip-benefits-back{width:100%}}.RechargeCard{background:#fff;border:1px solid #dbe7ef;border-radius:20px;width:min(100%,720px);margin:40px auto;padding:32px;box-shadow:0 16px 40px #16324a1a}.recharge-cancel-button{color:#49667d;cursor:pointer;background:#fff;border:1px solid #cfdce6;border-radius:12px;width:180px;height:48px;font-weight:700;transition:all .2s}.recharge-cancel-button:hover{background:#eef5fa;border-color:#8fc2d8}.recharge-button{width:220px}.RechargeCard h1{color:#0e8614;margin:0 0 28px;font-size:38px;font-weight:900}.recharge-form{flex-direction:column;gap:22px;display:flex}.recharge-group{flex-direction:column;gap:8px;display:flex}.recharge-group label{color:#61788b;text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:700}.recharge-group input,.recharge-group textarea{background:#fff;border:1px solid #dbe7ef;border-radius:12px;width:100%;padding:14px 16px;font-size:15px;transition:all .2s}.recharge-group textarea{resize:vertical;min-height:120px}.recharge-group input:focus,.recharge-group textarea:focus{border-color:#0b88b7;outline:none;box-shadow:0 0 0 3px #087ea41f}.recharge-actions{justify-content:flex-end;gap:12px;margin-top:10px;display:flex}.recharge-button{color:#fff;cursor:pointer;background:lab(32.02% -27.39 4.84/.811);border:none;border-radius:12px;min-width:180px;height:46px;font-size:15px;font-weight:800;transition:all .2s}.recharge-button:hover:not(:disabled){background:#167137;transform:translateY(-2px)}.recharge-button:disabled{opacity:.6;cursor:not-allowed}Transactions page · CSS .transactions-page-wrapper,.transactions-page-wrapper *,.transactions-page-wrapper :before,.transactions-page-wrapper :after{box-sizing:border-box}.transactions-page-wrapper{color:#17324a;width:100%;max-width:1180px;margin:0 auto;padding:32px 28px 60px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.transactions-page-header{border-bottom:1px solid #e7eef3;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;padding-bottom:20px;display:flex}.transactions-page-header>div{flex-wrap:wrap;align-items:center;gap:12px 20px;width:100%;min-width:0;display:flex}.transactions-page-header h1{color:#17324a;flex:auto;min-width:200px;margin:0;font-size:clamp(22px,4vw,32px);font-weight:900;line-height:1.2}.transactions-page-header p{color:#718797;flex-basis:100%;order:3;margin:0;font-size:14px}.transactions-page-header button{color:#34495e;cursor:pointer;background:#f4f7f9;border:1px solid #d6e1e9;border-radius:10px;flex-shrink:0;min-width:100px;height:42px;padding:0 18px;font-size:14px;font-weight:700;transition:transform .18s,background-color .18s,border-color .18s}.transactions-page-header button:hover{background:#eaf1f5;border-color:#a9c4d4;transform:translateY(-1px)}.transactions-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:26px;display:grid}.summery-card,.summary-card{background:#fff;border:1px solid #dbe7ef;border-radius:14px;min-width:0;padding:18px 20px;box-shadow:0 6px 18px #16324a12}.summery-card span,.summary-card span{color:#718797;text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.summery-card strong,.summary-card strong{color:#17324a;overflow-wrap:anywhere;font-size:clamp(20px,3vw,26px);font-weight:900;display:block}.transactions-filters{background:#fff;border:1px solid #dbe7ef;border-radius:14px;margin-bottom:26px;padding:16px;box-shadow:0 6px 18px #16324a0d}.transactions-filters select,.transactions-filters input,.transactions-filters button{color:#17324a;background:#fff;border:1px solid #d6e1e9;border-radius:10px;width:100%;max-width:100%;height:42px;margin-bottom:10px;padding:0 12px;font-size:14px}.transactions-filters select:last-child,.transactions-filters input:last-child,.transactions-filters button:last-child{margin-bottom:0}.transactions-filters select:focus,.transactions-filters input:focus{border-color:#35a9d3;outline:none;box-shadow:0 0 0 3px #35a9d31f}.transactions-filters button{color:#34495e;cursor:pointer;background:#f4f7f9;font-weight:700;transition:background-color .18s}.transactions-filters button:hover{background:#e8eef2}@media (width>=600px){.transactions-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.transactions-filters select,.transactions-filters input,.transactions-filters button{flex:160px;width:auto;margin-bottom:0}.transactions-filters button{flex:none}}.transactions-table-wrapper{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #dbe7ef;border-radius:14px;width:100%;max-width:100%;overflow-x:auto;box-shadow:0 8px 22px #16324a12}.transactions-table{border-collapse:collapse;background:#fff;width:100%;min-width:640px}.transactions-table thead{color:#fff;background:#17324a}.transactions-table th{text-align:left;white-space:nowrap;padding:14px 16px;font-size:13px;font-weight:700}.transactions-table td{color:#34495e;vertical-align:middle;border-bottom:1px solid #edf1f5;padding:14px 16px;font-size:14px}.transactions-table tbody tr:last-child td{border-bottom:none}.transactions-table tbody tr:hover{background:#f8fbfd}.transaction-table-amount{white-space:nowrap;font-weight:800}.transaction-table-amount.load{color:#198245}.transaction-table-amount.payment{color:#d63333}.transaction-table-amount.refund{color:#087ea4}.transaction-table-amount.adjustment{color:#a66d00}.transactions-page-wrapper>p{color:#718797;text-align:center;background:#fff;border:1px solid #dbe7ef;border-radius:14px;margin-top:20px;padding:40px 20px;font-size:16px;font-weight:600}@media (width<=900px){.transactions-page-wrapper{padding:24px 18px 40px}.transactions-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.transactions-page-wrapper{padding:18px 12px 32px}.transactions-page-header{margin-bottom:20px;padding-bottom:16px}.transactions-page-header>div{flex-direction:column;align-items:stretch}.transactions-page-header h1{min-width:0}.transactions-page-header button{order:2;width:100%}.transactions-page-header p{order:3}.transactions-summary{grid-template-columns:1fr;gap:12px}.transactions-table-wrapper{border-radius:12px}.transactions-table{min-width:560px}.transactions-table th,.transactions-table td{padding:10px 12px;font-size:13px}}@media (width<=380px){.transactions-page-wrapper{padding:14px 8px 24px}.transactions-page-header h1{font-size:20px}.summery-card,.summary-card{padding:14px 16px}}.transactions-pagination{border-top:1px solid #e7eef3;justify-content:center;align-items:center;gap:14px;margin-top:24px;padding-top:18px;display:flex}.transactions-pagination button{color:#34495e;cursor:pointer;background:#fff;border:1px solid #d6e1e9;border-radius:10px;min-width:120px;height:42px;padding:0 16px;font-size:14px;font-weight:700;transition:transform .18s,background-color .18s,border-color .18s}.transactions-pagination button:hover:not(:disabled){background:#eef7fb;border-color:#8fc2d8;transform:translateY(-1px)}.transactions-pagination button:disabled{opacity:.45;cursor:not-allowed}.transactions-pagination span{color:#17324a;text-align:center;min-width:90px;font-size:14px;font-weight:800}@media (width<=600px){.transactions-pagination{flex-direction:column;gap:10px}.transactions-pagination button,.transactions-pagination span{width:100%}.transactions-pagination button{height:46px}}.EditCard{box-sizing:border-box;width:min(100%,760px);margin:0 auto;padding:36px 24px}.edit-card-form{background:#fff;border:1px solid #dbe7ef;border-radius:20px;padding:30px;box-shadow:0 14px 34px #16324a14}.edit-card-form h1{color:#17324a;margin:0 0 28px;font-size:34px;font-weight:900}.edit-card-group{margin-bottom:22px}.edit-card-group label{color:#718797;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:800;display:block}.edit-card-group input,.edit-card-group select{box-sizing:border-box;color:#17324a;background:#fff;border:1px solid #d6e1e9;border-radius:10px;width:100%;height:46px;padding:0 12px;font-size:15px}.edit-card-group input:focus,.edit-card-group select:focus{border-color:#35a9d3;outline:none;box-shadow:0 0 0 3px #35a9d31f}.edit-card-group .error{color:#d63333;margin-top:6px;font-size:13px;font-weight:700;display:block}.edit-card-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:30px;display:grid}.edit-card-actions button{cursor:pointer;border:none;border-radius:11px;height:46px;font-size:14px;font-weight:800;transition:transform .18s,box-shadow .18s,opacity .18s}.edit-card-actions button:hover{transform:translateY(-1px)}.edit-card-save{color:#fff;background:#198245;box-shadow:0 8px 18px #19824533}.edit-card-save:disabled{opacity:.55;cursor:not-allowed;transform:none}.edit-card-cancel{color:#34495e;background:#f4f7f9;border:1px solid #d6e1e9!important}.edit-card-cancel:hover{background:#eaf1f5}@media (width<=600px){.EditCard{padding:20px 14px}.edit-card-form{padding:22px 18px}.edit-card-form h1{font-size:28px}.edit-card-actions{grid-template-columns:1fr}.edit-card-actions button{height:48px}}.customer-dashboard{width:min(100%,1280px);margin:0 auto;padding:34px 22px 50px}.customer-dashboard-header{background:radial-gradient(circle at 100% 0,#f5b30121,#0000 30%),linear-gradient(135deg,#fff,#f7fbfd);border:1px solid #dbe7ef;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:34px;padding:28px 30px;display:flex;box-shadow:0 16px 38px #16324a1a}.dashboard-welcome{color:#c58c12;letter-spacing:1.8px;margin-bottom:8px;font-size:12px;font-weight:900;display:inline-block}.customer-dashboard-header h1{color:#17324a;margin:0 0 10px;font-size:clamp(30px,4vw,42px);font-weight:900}.customer-dashboard-header p{color:#64748b;margin:0;font-size:15px;line-height:1.6}.dashboard-vip-status{border-radius:999px;flex-shrink:0;padding:10px 16px;font-size:13px;font-weight:900}.dashboard-vip-status.vip{color:#6f4b00;background:linear-gradient(135deg,#fff4c4,#f5c451);border:1px solid #e4b73c;box-shadow:0 7px 20px #d4a01738}.dashboard-vip-status.no-vip{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.dashboard-section{margin-bottom:38px}.dashboard-section-header{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.dashboard-section-header span{color:#c58c12;letter-spacing:1.7px;margin-bottom:5px;font-size:11px;font-weight:900;display:block}.dashboard-section-header h2{color:#17324a;margin:0;font-size:26px;font-weight:900}.dashboard-offers-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.dashboard-offer-card{background:#fff;border:1px solid #dbe7ef;border-radius:18px;padding:22px;transition:transform .22s,box-shadow .22s,border-color .22s;box-shadow:0 10px 26px #16324a14}.dashboard-offer-card:hover{border-color:#e5c066;transform:translateY(-5px);box-shadow:0 18px 34px #16324a21}.dashboard-offer-icon{background:#fff6db;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:25px;display:inline-flex}.dashboard-offer-card h3{color:#17324a;margin:0 0 8px;font-size:18px;font-weight:900}.dashboard-offer-card p{color:#64748b;margin:0;font-size:14px;line-height:1.6}.dashboard-events-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.dashboard-event-card{background:linear-gradient(135deg,#fff 0%,#fbfdff 100%);border:1px solid #dbe7ef;border-radius:22px;grid-template-columns:130px 76px minmax(0,1fr);align-items:center;gap:18px;width:100%;min-width:0;max-width:100%;min-height:190px;padding:18px;transition:transform .22s,box-shadow .22s,border-color .22s;display:grid;overflow:hidden;box-shadow:0 10px 28px #16324a14}.dashboard-event-card:hover{border-color:#c58c1273;transform:translateY(-5px);box-shadow:0 18px 38px #16324a24}.customer-event-cover{object-fit:cover;background:#f8fafc;border-radius:18px;width:130px;height:134px;display:block;box-shadow:0 7px 18px #0f172a1a}.dashboard-event-date{color:#fff;background:linear-gradient(145deg,#17324a,#087ea4);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:76px;height:76px;display:flex;box-shadow:0 9px 22px #087ea43b}.dashboard-event-date strong{font-size:27px;font-weight:900;line-height:1}.dashboard-event-date span{letter-spacing:1.2px;margin-top:6px;font-size:11px;font-weight:900}.vip-price{color:#ff4500;font-size:large;font-style:italic}.dashboard-event-content{flex-direction:column;justify-content:space-between;min-width:0;min-height:130px;display:flex}.dashboard-event-main{min-width:0}.dashboard-event-card h3{color:#17324a;margin:0 0 7px;font-size:20px;font-weight:900;line-height:1.25}.dashboard-event-description{color:#64748b!important;margin:0 0 13px!important;font-size:14px!important;line-height:1.5!important}.dashboard-event-meta{color:#64748b;flex-wrap:wrap;gap:8px 16px;font-size:13px;font-weight:600;display:flex}.dashboard-event-meta span{align-items:center;gap:5px;display:inline-flex}.dashboard-event-price{color:#17324a;text-align:right;border-top:1px solid #edf2f7;margin-top:16px;padding-top:12px;font-size:17px;font-weight:900}.dashboard-activities-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;display:grid}.dashboard-activity-card{cursor:pointer;background:#fff;border-radius:22px;width:100%;min-width:0;height:320px;position:relative;overflow:hidden;box-shadow:0 16px 36px #0f172a29}.dashboard-activity-card img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .7s,filter .7s;display:block;position:absolute;inset:0}.dashboard-activity-card:hover img{filter:brightness(.92)saturate(1.1);transform:scale(1.07)}.dashboard-activity-overlay{z-index:2;color:#fff;background:linear-gradient(#0000 35%,#050c14d1 100%);flex-direction:column;justify-content:flex-end;padding:26px;display:flex;position:absolute;inset:0}.dashboard-activity-overlay h3{margin:0 0 8px;font-size:24px;font-weight:900}.dashboard-activity-overlay p{color:#ffffffe0;max-width:420px;margin:0;font-size:14px;line-height:1.6}@media (width<=1000px){.dashboard-activities-grid{grid-template-columns:1fr}.dashboard-activity-card{height:280px}}@media (width<=700px){.dashboard-activities-grid{gap:16px}.dashboard-activity-card{height:240px}.dashboard-activity-overlay{padding:20px}.dashboard-activity-overlay h3{font-size:21px}}@media (width<=480px){.dashboard-activity-card{height:210px}}.customer-event-cover{object-fit:cover;border-radius:14px;flex-shrink:0;width:120px;height:100px;display:block}.dashboard-event-card{align-items:center;gap:18px;display:flex}@media (width<=1000px){.dashboard-offers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-activities-grid{grid-template-columns:1fr}.dashboard-activity-card{min-height:300px}}@media (width<=700px){.customer-dashboard{padding:20px 14px 34px}.customer-dashboard-header{flex-direction:column;align-items:flex-start;padding:22px 18px}.customer-dashboard-header h1{font-size:30px}.dashboard-vip-status{align-self:flex-start}.dashboard-offers-grid,.dashboard-events-grid{grid-template-columns:1fr}.dashboard-event-card{align-items:flex-start}.dashboard-section-header h2{font-size:22px}.dashboard-activity-card{min-height:250px}.dashboard-activity-overlay{padding:20px}.dashboard-activity-overlay h3{font-size:21px}}@media (width<=480px){.dashboard-event-card{gap:14px;padding:16px}.dashboard-event-date{width:62px;min-width:62px;height:62px}.dashboard-event-date strong{font-size:21px}.dashboard-offer-card{padding:18px}.dashboard-activity-card{min-height:220px}}.add-card-form{background:#fff;border:1px solid #dbe7ef;border-radius:18px;flex-direction:column;gap:18px;width:min(100%,520px);margin:60px auto;padding:32px;display:flex;box-shadow:0 14px 34px #16324a1f}.add-card-field{text-align:left;flex-direction:column;gap:8px;display:flex}.add-card-field label{color:#334155;font-weight:700}.add-card-field input[type=text]{border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:13px 15px;font-size:15px;transition:all .25s}.add-card-field input[type=text]:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb26}.add-card-checkbox{color:#334155;justify-content:center;align-items:center;gap:10px;font-weight:600;display:flex}.back-card-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#179cf67c,#17e5e885);border:none;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:all .25s}.add-card-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:all .25s}.add-card-button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #2563eb4d}.customer-register-page{background:#f5f7fa;grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr);width:100%;min-height:85vh;display:grid}.customer-register-hero{min-height:100%;position:relative;overflow:hidden}.customer-register-hero img{object-fit:cover;filter:saturate(1.08)contrast(1.05);width:100%;height:100%;transition:transform .8s,filter .8s;display:block;transform:scale(1.02)}.customer-register-hero:hover img{filter:brightness(1.05)saturate(1.15);transform:scale(1.06)}.customer-register-hero-overlay{color:#fff;background:linear-gradient(#0a0f1914 25%,#0a0f19c7 100%);flex-direction:column;justify-content:flex-end;padding:48px;display:flex;position:absolute;inset:0}.customer-register-content{color:#f5c451;letter-spacing:2px;width:fit-content;margin-bottom:10px;font-size:13px;font-weight:900;display:inline-block}.customer-register-hero-overlay h2{margin:0 0 12px;font-size:clamp(30px,4vw,48px);font-weight:900}.customer-register-hero-overlay p{color:#ffffffe0;max-width:520px;margin:0;font-size:16px;line-height:1.7}.customer-register-panel{background:radial-gradient(circle at 100% 0,#f5b3011a,#0000 35%),radial-gradient(circle at 0 100%,#d9770614,#0000 40%),#f7f8fb;justify-content:center;align-items:center;padding:38px;display:flex;position:relative}.customer-register-card{-webkit-backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #ffffffa6;border-radius:22px;width:min(100%,520px);padding:32px;animation:.7s registerFade;box-shadow:0 18px 45px #0f172a24,0 0 40px #f5b30114}@keyframes registerFade{0%{opacity:0;transform:translateY(30px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.customer-register-header{text-align:center;margin-bottom:24px}.customer-register-badge{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#b8860b,#f2c14e);border-radius:999px;justify-content:center;align-items:center;margin-bottom:14px;padding:7px 16px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 6px 20px #d4a01740}.customer-register-header h1{color:#17324a;margin:0 0 10px;font-size:34px;font-weight:900}.customer-register-header p{color:#64748b;margin:0;line-height:1.6}.customer-register-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.customer-register-field{flex-direction:column;gap:7px;min-width:0;display:flex}.customer-register-field label{color:#334155;font-size:13px;font-weight:800}.customer-register-field input,.customer-register-field select{box-sizing:border-box;color:#172033;background:#ffffffd1;border:1px solid #d4dde7;border-radius:10px;width:100%;padding:13px 14px;font-size:14px;transition:border-color .25s,box-shadow .25s,transform .25s}.customer-register-field input:hover,.customer-register-field select:hover{border-color:#d4a017}.customer-register-field input:focus,.customer-register-field select:focus{border-color:#d4a017;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #d4a01721,0 7px 18px #0f172a12}.customer-register-field:nth-of-type(5),.customer-register-field:nth-of-type(6),.customer-register-field:nth-of-type(7){grid-column:1/-1}.customer-register-field .error{color:#dc2626;font-size:12px;font-weight:700}.customer-register-button{color:#1f2937;cursor:pointer;background:linear-gradient(135deg,#c9972b,#f2c14e);border:none;border-radius:12px;grid-column:1/-1;width:100%;min-height:48px;margin-top:6px;font-size:15px;font-weight:900;transition:transform .25s,box-shadow .25s,opacity .25s}.customer-register-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 30px #c9972b52}.customer-register-button:active:not(:disabled){transform:scale(.99)}.customer-register-button:disabled{opacity:.6;cursor:not-allowed}.customer-register-footer{color:#64748b;justify-content:center;align-items:center;gap:7px;margin-top:22px;font-size:14px;display:flex}.customer-register-footer button{color:#2563eb;cursor:pointer;background:0 0;border:none;font-weight:800}.customer-register-footer button:hover{text-decoration:underline}@media (width<=1000px){.customer-register-page{grid-template-columns:1fr}.customer-register-hero{height:360px;min-height:auto}.customer-register-hero-overlay{padding:32px}.customer-register-panel{padding:28px 18px 38px}.customer-register-card{width:min(100%,620px)}}@media (width<=650px){.customer-register-page{min-height:auto}.customer-register-hero{height:250px}.customer-register-hero-overlay{padding:22px}.customer-register-hero-overlay h2{font-size:30px}.customer-register-hero-overlay p{font-size:14px}.customer-register-panel{padding:18px 12px 28px}.customer-register-card{border-radius:18px;width:100%;padding:22px 16px}.customer-register-header{margin-bottom:20px}.customer-register-header h1{font-size:28px}.customer-register-form{grid-template-columns:1fr;gap:14px}.customer-register-field,.customer-register-field:nth-of-type(5),.customer-register-field:nth-of-type(6),.customer-register-field:nth-of-type(7){grid-column:auto}.customer-register-field input{min-height:46px;font-size:16px}.customer-register-button{grid-column:auto;min-height:50px}.customer-register-footer{flex-direction:column;gap:4px}}.EventsList{color:#17324a;width:min(1400px,100%);margin:0 auto;padding:28px 24px 50px}.event-vip-price{font:bold;color:#ff4500;font-size:large}.events-list-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.events-list-header>div>span{color:#066c8e;letter-spacing:1.4px;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.events-list-header h1{color:#066c8e;margin:0;font-size:36px;font-weight:800}.events-list-header p{color:#64748b;margin:6px 0 0;font-size:14px}.add-event-button{color:#fff;cursor:pointer;background:#066c8e;border:1px solid #066c8e;border-radius:10px;min-width:135px;height:44px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s}.add-event-button:hover{background:#055874;transform:translateY(-2px);box-shadow:0 8px 18px #066c8e38}.events-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.event-stat-card{background:#fff;border:1px solid #dbe5ec;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:40px 1fr;align-items:center;min-height:105px;padding:15px 17px;display:grid;box-shadow:0 6px 18px #0f172a0f}.event-stat-card>span{background:#eef7fa;border-radius:10px;grid-row:1/3;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.event-stat-card h2{color:#066c8e;margin:0;font-size:25px;line-height:1}.event-stat-card p{color:#64748b;margin:3px 0 0;font-size:11px;font-weight:600}.events-search{margin-bottom:20px}.events-search input{color:#17324a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;height:44px;padding:0 15px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.events-search input:focus{border-color:#066c8e;box-shadow:0 0 0 3px #066c8e1f}.events-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}.event-card{background:#fff;border:1px solid #dbe5ec;border-radius:18px;flex-direction:column;min-width:0;min-height:410px;padding:0 18px 18px;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f172a12}.event-card:hover{transform:translateY(-4px);box-shadow:0 15px 32px #0f172a1f}.event-card-header{background:#f7f9fb;justify-content:center;align-items:center;width:calc(100% + 36px);height:175px;margin-bottom:14px;margin-left:-18px;display:flex;position:relative;overflow:hidden}.event-card-image{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.event-card-image img{object-fit:contain;object-position:center;width:100%;height:100%;padding:10px;display:block}.status{z-index:5;color:#fff;text-transform:uppercase;border-radius:999px;padding:5px 11px;font-size:10px;font-weight:800;line-height:1;position:absolute;top:12px;right:12px;box-shadow:0 4px 10px #0f172a24}.event-status{border-radius:8px;padding:6px 10px;font-size:14px;font-weight:600;position:absolute;top:16px;right:12px}.event-status.event-status-planned{color:#fff!important;background-color:green!important}.event-status.event-status-active{color:#15803d;background-color:#ecfdf5}.event-status.event-status-completed{color:#fff!important;background-color:#7c3aed!important}.event-status.event-status-cancelled{color:#dc2626;background-color:#fef2f2}.event-card>h2{color:#17324a;margin:0 0 6px;font-size:20px;font-weight:800;line-height:1.2}.event-card>p{color:#64748b;min-height:38px;margin:0 0 10px;font-size:12px;line-height:1.45}.event-details{color:#475569;gap:6px;margin:4px 0 16px;font-size:12px;display:grid}.event-details span{display:block}.event-actions{border-top:1px solid #e8edf2;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:auto;padding-top:14px;display:grid}.event-actions button{color:#066c8e;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #b8d5df;border-radius:9px;min-width:0;height:38px;padding:0 7px;font-family:inherit;font-size:10px;font-weight:700;transition:background .2s,color .2s,transform .2s,box-shadow .2s}.event-actions button:hover{color:#fff;background:#066c8e;transform:translateY(-2px);box-shadow:0 6px 14px #066c8e2e}.event-actions button:last-child:hover{color:#fff;background:#dc2626;border-color:#dc2626;box-shadow:0 6px 14px #dc26262e}@media (width<=1150px){.events-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.events-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.EventsList{padding:22px 18px 40px}.events-list-header{flex-direction:column;align-items:flex-start}.add-event-button{width:100%}.events-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.events-grid{grid-template-columns:1fr}}@media (width<=520px){.EventsList{padding:18px 12px 35px}.events-list-header h1{font-size:30px}.events-stats{grid-template-columns:1fr}.event-card-header{height:160px}.event-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.event-actions button{font-size:11px}}.AddEvent{color:#17344f;background:#f7f9fc;min-height:100%;padding:26px 32px 45px}.add-event-header span{color:#d79a16;letter-spacing:2px;text-transform:uppercase;margin-bottom:5px;font-size:.76rem;font-weight:800;display:block}.add-event-header h1{color:#17344f;margin:0 0 7px;font-size:2.2rem;line-height:1.1}.add-event-header p{color:#64748b;margin:0;font-size:.95rem}.add-event-layout{max-width:1200px;margin:0 auto 18px;display:block}.add-event-layout>.add-event-form:empty,.add-event-layout>.form-group:empty{display:none}.add-event-layout>label{color:#17344f;margin-bottom:7px;font-size:.9rem;font-weight:700;display:block}.add-event-layout>input{box-sizing:border-box;color:#17344f;background:#fff;border:1px solid #d1deea;border-radius:11px;outline:none;width:100%;margin-bottom:18px;padding:12px 14px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-group,.from-group{flex-direction:column;gap:7px;min-width:0;display:flex}.form-group label,.from-group label{color:#17344f;font-size:.88rem;font-weight:700}.form-group input,.form-group textarea,.form-group select,.from-group input,.from-group select{box-sizing:border-box;color:#17344f;background:#fff;border:1px solid #d1deea;border-radius:10px;outline:none;width:100%;padding:11px 13px;font-size:.93rem;transition:border-color .2s,box-shadow .2s,background .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus,.from-group input:focus,.from-group select:focus,.add-event-layout>input:focus{background:#fff;border-color:#168eae;box-shadow:0 0 0 3px #168eae1c}.form-group textarea{resize:vertical;min-height:95px}.AddEvent>.form-group{max-width:1200px;margin-left:auto;margin-right:auto}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:16px;max-width:1200px;margin:0 auto;display:grid}.form-row>.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;margin:0}.form-row>.form-group:nth-child(3){grid-column:1/-1}.from-group select{cursor:pointer;background:#fff;height:43px}.form-group input[type=file]{cursor:pointer;background:#f8fafc;min-height:43px;padding:7px}.form-group input[type=file]::file-selector-button{color:#17344f;cursor:pointer;background:#e8f0f6;border:none;border-radius:7px;margin-right:10px;padding:7px 12px;font-weight:700}.form-group input[type=file]::file-selector-button:hover{background:#dbe8f1}.add-event-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:5px;display:flex}.add-event-actions button{cursor:pointer;border-radius:9px;min-width:110px;padding:10px 17px;font-size:.88rem;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s}.add-event-actions button:hover{transform:translateY(-1px)}.cancel-button{color:#334155;background:#edf2f7;border:1px solid #d7e1ea}.cancel-button:hover{background:#e3eaf1}.save-button{color:#fff;background:#153b56;border:1px solid #153b56;box-shadow:0 5px 12px #153b5626}.save-button:hover{background:#0f3048}.save-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.event-cover-preview{box-sizing:border-box;background:#fff;border:1px solid #dbe5ee;border-radius:16px;grid-column:1/-1;width:min(100%,580px);margin-top:18px;margin-bottom:20px;padding:18px;box-shadow:0 10px 25px #14344b0f}.event-cover-preview h3{color:#17344f;margin:0 0 12px;font-size:1.05rem}.event-cover-preview img{object-fit:cover;border-radius:12px;width:100%;height:250px;display:block}.empty-cover{color:#94a3b8;background:#f9fbfd;border:2px dashed #d4e0ea;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:9px;height:215px;font-size:2rem;display:flex}.empty-cover span{font-size:.86rem}input[type=number]{min-width:0}input[type=datetime-local]{min-height:43px}@media (width<=900px){.AddEvent{padding:22px}.form-row,.form-row>.form-row{grid-template-columns:1fr}.form-row>.form-group:nth-child(3){grid-column:auto}.event-cover-preview{width:100%}}@media (width<=600px){.AddEvent{padding:16px}.add-event-header h1{font-size:1.8rem}.add-event-actions{flex-direction:column-reverse}.add-event-actions button{width:100%}}.AddEvent{padding:20px 32px 30px}.add-event-header{max-width:1200px;margin:0 auto 16px}.add-event-layout,.AddEvent>.form-group{max-width:1200px;margin:0 auto 12px}.AddEvent>.form-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 330px;align-items:start;gap:12px 14px;max-width:1200px;margin:0 auto;display:grid}.AddEvent>.form-row>.form-group:first-child{grid-area:1/1}.AddEvent>.form-row>.form-group:nth-child(2){grid-area:1/2}.AddEvent>.form-row>.form-group:nth-child(3){grid-area:2/1/auto/3}.AddEvent>.form-row>.form-row,.AddEvent>.form-row>.form-row>.form-row{display:contents}.AddEvent>.form-row>.form-row>.form-group:first-child{grid-area:3/1}.AddEvent>.form-row>.form-row>.form-group:nth-child(2){grid-area:3/2}.AddEvent>.form-row>.form-row>.form-row>.form-group:first-child{grid-area:4/1}.AddEvent>.form-row>.form-row>.form-row>.from-group{flex-direction:column;grid-area:4/2;gap:7px;display:flex}.AddEvent>.form-row>.form-row>.form-group:has(input[type=file]){grid-area:1/3;margin:0}.event-cover-preview{box-sizing:border-box;grid-area:2/3/6;width:100%;margin:0;padding:15px;position:static}.event-cover-preview h3{margin:0 0 10px}.event-cover-preview img{object-fit:cover;border-radius:12px;width:100%;height:235px}.empty-cover{box-sizing:border-box;width:100%;height:235px}.add-event-actions{border-top:1px solid #e5edf3;grid-area:5/1/auto/3;justify-content:flex-end;align-items:center;gap:10px;margin-top:2px;padding-top:12px;display:flex}.add-event-actions button{min-width:115px;padding:9px 17px}.form-group{margin-bottom:0}.form-group textarea{min-height:72px;max-height:90px;padding:10px 12px}.form-group label,.from-group label{font-size:.84rem}.form-group input[type=file]{min-height:40px}@media (width<=1000px){.AddEvent>.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.AddEvent>.form-row>.form-row>.form-group:has(input[type=file]){grid-area:auto/1/auto/3}.event-cover-preview{grid-area:auto/1/auto/3;margin-top:10px}.add-event-actions{grid-area:auto/1/auto/3}}@media (width<=650px){.AddEvent{padding:15px}.AddEvent>.form-row{flex-direction:column;display:flex}.AddEvent>.form-row>*,.add-event-actions{width:100%}}.add-event-header,.add-event-layout,.AddEvent>.form-group,.AddEvent>.form-row{max-width:1050px}.AddEvent>.form-row{grid-template-columns:minmax(0,.9fr) minmax(0,.9fr) 300px}.AddEvent>.form-row>.form-group:first-child,.AddEvent>.form-row>.form-group:nth-child(2){max-width:100%}.AddEvent>.form-row>.form-group:nth-child(3){max-width:720px}.AddEvent>.form-row>.form-row>.form-group:first-child,.AddEvent>.form-row>.form-row>.form-group:nth-child(2),.AddEvent>.form-row>.form-row>.form-row>.form-group:first-child,.AddEvent>.form-row>.form-row>.form-row>.from-group{max-width:100%}.event-cover-preview{max-width:300px}.event-cover-preview img,.empty-cover{height:210px}.form-group textarea{min-height:62px;max-height:72px}.form-group input,.form-group select,.from-group select{min-height:36px;padding:7px 10px}.add-event-header{margin-bottom:10px}.add-event-layout{margin-bottom:8px}.add-event-header,.add-event-layout,.AddEvent>.form-group,.AddEvent>.form-row{width:100%;max-width:1050px;margin-left:auto;margin-right:auto}.add-event-layout>input{width:100%}.AddEvent>.form-group{width:100%;margin-left:auto;margin-right:auto}.AddEvent>.form-row>.form-group:nth-child(3){width:100%;max-width:none}.EditEvent{background:#f5f7fa;flex-direction:column;align-items:center;width:90%;min-height:90%;padding:40px;display:flex}.edit-event-page-header{justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:900px;margin-bottom:25px;display:flex}.edit-event-eyebrow{color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;font-size:12px;font-weight:600;display:block}.EditEvent h2{color:#066c8e;text-align:left;margin:0;font-size:32px;font-weight:700}.edit-event-back-button{color:#066c8e;cursor:pointer;background:#fff;border:1px solid #b8d5df;border-radius:10px;min-width:130px;height:42px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background-color .25s,color .25s,border-color .25s,transform .25s,box-shadow .25s}.edit-event-back-button:hover{color:#fff;background:#066c8e;border-color:#066c8e;transform:translateY(-2px);box-shadow:0 7px 16px #066c8e38}.edit-event-form{background:#fff;border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px;width:100%;max-width:900px;padding:30px;display:grid;box-shadow:0 10px 30px #00000014}.edit-event-field{flex-direction:column;gap:8px;min-width:0;display:flex}.edit-event-field label{color:#475569;font-size:14px;font-weight:600}.edit-event-field.event-name,.edit-event-field.description{grid-column:1/-1}.edit-event-field input,.edit-event-field textarea,.edit-event-field select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s,background-color .2s}.edit-event-field input,.edit-event-field select{height:46px;padding:0 14px}.edit-event-field textarea{resize:vertical;min-height:90px;padding:12px 14px}.edit-event-field input:hover,.edit-event-field textarea:hover,.edit-event-field select:hover{border-color:#94a3b8}.edit-event-field input:focus,.edit-event-field textarea:focus,.edit-event-field select:focus{border-color:#066c8e;box-shadow:0 0 0 3px #066c8e24}.edit-event-image-section{grid-column:1/-1;grid-template-columns:260px minmax(0,1fr);align-items:center;gap:24px;padding-top:6px;display:grid}.edit-event-preview-box{justify-content:center;align-items:center;width:260px;height:220px;display:flex;overflow:hidden}.edit-event-current-image{object-fit:contain;object-position:center;width:80%;height:100%;display:block}.edit-event-empty-image{color:#64748b;border:1px dashed #cbd5e1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;font-size:13px;display:flex}.edit-event-empty-icon{font-size:32px}.edit-event-image-upload{flex-direction:column;gap:10px;min-width:0;display:flex}.edit-event-image-title{color:#475569;font-size:14px;font-weight:600}.edit-event-image-upload input[type=file]{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;width:100%;height:46px;padding:8px 10px;font-family:inherit;font-size:14px;display:flex}.edit-event-image-upload input[type=file]::file-selector-button{color:#066c8e;cursor:pointer;background:#fff;border:1px solid #b8d5df;border-radius:8px;height:30px;margin-right:12px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background-color .2s,color .2s,border-color .2s}.edit-event-image-upload input[type=file]::file-selector-button:hover{color:#fff;background:#066c8e;border-color:#066c8e}.edit-event-image-upload small{color:#64748b;font-size:12px;line-height:1.5}.edit-event-actions{border-top:1px solid #e8edf2;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:12px;margin-top:10px;padding-top:22px;display:flex}.edit-event-cancel,.edit-event-save{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;min-width:120px;height:42px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background-color .25s,color .25s,border-color .25s,transform .25s,box-shadow .25s;display:inline-flex}.edit-event-cancel{color:#066c8e;background:#fff;border:1px solid #b8d5df}.edit-event-cancel:hover{color:#fff;background:#066c8e;border-color:#066c8e;transform:translateY(-2px);box-shadow:0 7px 16px #066c8e38}.edit-event-save{color:#fff;background:#066c8e;border:1px solid #066c8e}.edit-event-save:hover:not(:disabled){background:#055874;border-color:#055874;transform:translateY(-2px);box-shadow:0 7px 16px #066c8e38}.edit-event-save:disabled{opacity:.6;cursor:not-allowed}@media (width<=800px){.EditEvent{padding:28px}.edit-event-form{gap:20px;padding:24px}.edit-event-image-section{grid-template-columns:220px 1fr}.edit-event-preview-box{width:220px;height:190px}}@media (width<=650px){.EditEvent{padding:18px}.edit-event-page-header{flex-direction:column;align-items:stretch}.EditEvent h2{text-align:center;font-size:27px}.edit-event-back-button{width:100%}.edit-event-form{grid-template-columns:1fr;padding:20px}.edit-event-field,.edit-event-field.event-name,.edit-event-field.description{grid-column:1}.edit-event-image-section{grid-column:1;grid-template-columns:1fr}.edit-event-preview-box{width:100%;max-width:260px;height:220px;margin:0 auto}.edit-event-actions{flex-direction:column-reverse;grid-column:1}.edit-event-cancel,.edit-event-save{width:100%}}.EventMedia{color:#17324a;background:#f5f7fa;width:100%;min-width:0;padding:28px}.EventMedia *{box-sizing:border-box}.event-media-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.event-media-header span{color:#c58c12;letter-spacing:1.5px;margin-bottom:5px;font-size:11px;font-weight:900;display:block}.event-media-header h1{color:#17324a;margin:0;font-size:34px;font-weight:900}.event-media-header button{color:#066c8e;cursor:pointer;background:#fff;border:1px solid #cfe0ea;border-radius:10px;height:42px;padding:0 18px;font-weight:800}.event-media-upload{background:#fff;border:1px solid #dbe5ec;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;margin-bottom:30px;padding:24px;display:grid;box-shadow:0 10px 28px #0f172a14}.event-media-upload h2{color:#17324a;grid-column:1/-1;margin:0 0 5px;font-size:24px;font-weight:900}.event-media-upload input[type=text],.event-media-upload input[type=number],.event-media-upload textarea,.event-media-upload input[type=file]{background:#fbfdfe;border:1px solid #cfdce6;border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px}.event-media-upload textarea{resize:vertical;min-height:100px}.event-media-upload label{color:#475569;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.event-media-upload button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#066c8e,#0b87aa);border:none;border-radius:10px;height:46px;font-family:inherit;font-size:14px;font-weight:900;box-shadow:0 8px 18px #066c8e33}.event-media-upload button:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8}.event-media-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;width:100%;display:grid}.event-media-card{background:#fff;border:1px solid #dbe5ec;border-radius:18px;min-width:0;overflow:hidden;box-shadow:0 10px 28px #0f172a14}.event-media-preview{background:linear-gradient(145deg,#f8fafc,#eef3f7);justify-content:center;align-items:center;width:100%;height:300px;display:flex;position:relative;overflow:hidden}.event-media-preview img{object-fit:contain;object-position:center;width:100%;height:100%;padding:14px;display:block}.event-media-preview video{object-fit:contain;background:#111827;width:100%;height:100%;display:block}.event-media-cover-badge{z-index:2;color:#c57f00;background:#fffffff5;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;position:absolute;top:12px;right:12px;box-shadow:0 6px 18px #0f172a26}.event-media-type-badge{z-index:2;color:#fff;background:#17324ae0;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;position:absolute;bottom:12px;left:12px}.event-media-info{padding:18px}.event-media-info h3{color:#17324a;margin:0 0 8px;font-size:19px;font-weight:900}.event-media-info p{color:#64748b;margin:0 0 12px;font-size:14px;line-height:1.5}.event-media-info small{color:#94a3b8;font-size:12px;font-weight:700}.EventDetails{color:#17324a;background:#f5f7fa;width:100%;min-width:0;padding:28px}.EventDetails *{box-sizing:border-box}.event-details-shell{background:#fff;border:1px solid #dbe5ec;border-radius:22px;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);width:min(1200px,100%);margin:0 auto;display:grid;overflow:hidden;box-shadow:0 14px 38px #0f172a1a}.event-details-visual{background:#eef3f7;min-width:0;height:500px;position:relative;overflow:hidden}.event-details-cover{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.event-details-no-image{color:#64748b;background:linear-gradient(145deg,#eef6fa,#f8fbfd);flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex}.event-details-no-image span{font-size:64px}.event-details-no-image p{margin:0}.event-details-back{z-index:5;color:#066c8e;cursor:pointer;background:#fffffff2;border:1px solid #fffc;border-radius:10px;height:40px;padding:0 15px;font-family:inherit;font-size:13px;font-weight:800;position:absolute;top:20px;left:20px;box-shadow:0 7px 18px #0f172a24}.event-details-panel{background:radial-gradient(circle at 100% 0,#ffc24921,#0000 38%),#f8fafc;justify-content:center;align-items:center;min-width:0;padding:30px;display:flex}.event-details-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;max-width:520px;padding:28px;box-shadow:0 12px 32px #0f172a14}.event-details-eyebrow{color:#fff;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,#d79a18,#f4c34d);border-radius:999px;margin-bottom:12px;padding:7px 14px;font-size:11px;font-weight:900;display:inline-flex}.event-details-card h1{color:#17324a;margin:0 0 10px;font-size:clamp(30px,3vw,42px);font-weight:900;line-height:1.1}.event-details-description{color:#64748b;margin:0 0 22px;font-size:15px;line-height:1.55}.event-details-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.event-info-row{background:#fbfdfe;border:1px solid #dbe5ec;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:12px;display:flex}.event-info-icon{flex-shrink:0;font-size:19px}.event-info-row>div{min-width:0}.event-info-row small{color:#94a3b8;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:900;display:block}.event-info-row strong{color:#17324a;font-size:13px;font-weight:800;display:block}.event-details-prices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.event-price-box{border-radius:13px;flex-direction:column;gap:5px;padding:15px;display:flex}.event-price-box span{font-size:11px;font-weight:700}.event-price-box strong{font-size:24px;font-weight:900}.event-price-box.regular{background:#f4fafc;border:1px solid #cfe0ea}.event-price-box.regular span{color:#64748b}.event-price-box.regular strong{color:#066c8e}.event-price-box.vip{background:#fff8e7;border:1px solid #f0b83e}.event-price-box.vip span{color:#b77900}.event-price-box.vip strong{color:#d97706}.event-details-gallery{background:#fff;border:1px solid #dbe5ec;border-radius:20px;width:min(1200px,100%);margin:24px auto 0;padding:20px;box-shadow:0 10px 28px #0f172a12}.event-details-gallery-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px;display:flex}.event-details-gallery-header span{color:#c58c12;letter-spacing:1.6px;margin-bottom:4px;font-size:11px;font-weight:900;display:block}.event-details-gallery-header h2{color:#17324a;margin:0;font-size:24px;font-weight:900}.event-details-gallery-header small{color:#94a3b8;font-size:12px;font-weight:700}.event-details-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;display:grid}.event-details-gallery-item{background:#fff;border:1px solid #e2e8f0;border-radius:14px;min-width:0;overflow:hidden;box-shadow:0 5px 16px #0f172a0f}.event-details-gallery-preview{aspect-ratio:4/3;background:linear-gradient(145deg,#f8fafc,#eef3f7);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.event-details-gallery-preview img{object-fit:contain;object-position:center;width:100%;height:100%;padding:8px;display:block}.event-details-gallery-preview video{object-fit:contain;background:#111827;width:100%;height:100%;display:block}.event-gallery-cover{z-index:3;color:#b77900;background:#fffffff5;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;position:absolute;bottom:9px;left:9px;box-shadow:0 4px 10px #0f172a1f}.event-gallery-type{z-index:3;color:#fff;background:#17324ad1;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;display:flex;position:absolute;top:9px;right:9px}.event-details-gallery-content{padding:12px}.event-details-gallery-content h3{color:#17324a;margin:0 0 4px;font-size:14px;font-weight:900}.event-details-gallery-content p{color:#64748b;margin:0;font-size:12px;line-height:1.4}.event-gallery-order{background:#fff;border:1px solid #dbe5ec;border-radius:20px;grid-template-columns:minmax(180px,.8fr) minmax(300px,1.6fr) minmax(140px,.6fr);align-items:center;gap:24px;width:min(1200px,100%);margin:18px auto 0;padding:22px 26px;display:grid;box-shadow:0 10px 28px #0f172a12}.event-gallery-order-text{flex-direction:column;gap:4px;display:flex}.event-gallery-order-text strong{color:#17324a;font-size:19px;font-weight:900}.event-gallery-order-text span{color:#64748b;font-size:13px;line-height:1.4}.event-gallery-order>small{color:#94a3b8;text-align:center;font-size:11px;line-height:1.4}.event-order-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#066c8e,#0b87aa);border:none;border-radius:11px;width:100%;height:50px;font-family:inherit;font-size:14px;font-weight:900;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 22px #066c8e3b}.event-order-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 28px #066c8e4d}.event-order-button:disabled{box-shadow:none;cursor:not-allowed;background:#94a3b8}.event-details-loading{color:#066c8e;justify-content:center;align-items:center;min-height:400px;font-size:18px;font-weight:800;display:flex}@media (width<=1100px){.EventDetails{padding:20px}.event-details-shell{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)}.event-details-visual{height:460px}.event-details-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=850px){.event-details-shell{grid-template-columns:1fr}.event-details-visual{height:350px}.event-details-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-gallery-order{grid-template-columns:1fr}.event-gallery-order>small{text-align:left}}@media (width<=550px){.EventDetails{padding:12px}.event-details-visual{height:270px}.event-details-panel{padding:14px}.event-details-card{padding:18px}.event-details-info,.event-details-prices{grid-template-columns:1fr}.event-details-gallery{padding:14px}.event-details-gallery-grid{grid-template-columns:1fr}.event-details-gallery-header{flex-direction:column;align-items:flex-start}.event-gallery-order{padding:18px}}.ForgotPassword{background:linear-gradient(135deg,#f8fafc 0%,#eef5f7 100%);justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:40px 20px;display:flex}.forgot-password-card{box-sizing:border-box;background:#fff;border:1px solid #dbe5ea;border-radius:22px;width:100%;max-width:480px;padding:42px 40px;box-shadow:0 18px 45px #0f2d3c1f}.forgot-password-badge{color:#a36b00;text-transform:uppercase;letter-spacing:1px;background:#fff4d6;border-radius:20px;margin-bottom:15px;padding:7px 14px;font-size:12px;font-weight:700;display:inline-block}.forgot-password-card h1{color:#17364a;margin:0 0 12px;font-size:34px;font-weight:800}.forgot-password-card>p{color:#647887;margin:0 0 28px;font-size:15px;line-height:1.6}.forgot-password-field{flex-direction:column;gap:7px;margin-bottom:18px;display:flex}.forgot-password-field label{color:#29495c;font-size:13px;font-weight:700}.forgot-password-field input{box-sizing:border-box;color:#17364a;background:#fbfdfe;border:1px solid #ccd9df;border-radius:10px;outline:none;width:100%;padding:13px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.forgot-password-field input:focus{background:#fff;border-color:#1387a4;box-shadow:0 0 0 3px #1387a41f}.forgot-password-main-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#087c9b,#119bb7);border:none;border-radius:11px;width:100%;margin-top:8px;padding:14px 20px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 20px #087c9b38}.forgot-password-main-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 11px 24px #087c9b47}.forgot-password-main-button:disabled{opacity:.55;cursor:not-allowed}.forgot-password-back{color:#617786;cursor:pointer;background:0 0;border:none;width:100%;margin-top:18px;padding:11px;font-size:14px;font-weight:600;transition:color .2s}.forgot-password-back:hover{color:#087c9b}@media (width<=600px){.ForgotPassword{padding:20px 14px}.forgot-password-card{border-radius:18px;padding:30px 22px}.forgot-password-card h1{font-size:28px}}.customer-login-page{background:#f5f7fa;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);width:100%;min-height:85vh;display:grid}.forgot-password{text-align:center;margin-top:12px}.forgot-password button{cursor:pointer;color:#087f9c;background:0 0;border:none;font-size:.9rem;font-weight:600}.forgot-password button:hover{text-decoration:underline}.customer-login-hero{position:relative;overflow:hidden}.customer-login-hero img{object-fit:cover;filter:saturate(1.08)contrast(1.04);width:100%;height:100%;transition:transform .8s,filter .8s;display:block;transform:scale(1.02)}.customer-login-hero:hover img{filter:brightness(1.05)saturate(1.15);transform:scale(1.06)}.customer-login-hero-overlay{background:linear-gradient(90deg,#0f172a14,#0f172a38);position:absolute;inset:0}.customer-login-panel{background:radial-gradient(circle at 100% 0,#f5b3011a,#0000 35%),radial-gradient(circle at 0 100%,#d9770614,#0000 40%),#f7f8fb;justify-content:center;align-items:center;padding:50px;display:flex;position:relative}.customer-login-card{-webkit-backdrop-filter:blur(18px);background:#ffffffb8;border:1px solid #ffffff8c;border-radius:22px;width:min(100%,430px);padding:36px;animation:.7s loginFade;box-shadow:0 18px 45px #0f172a24,0 0 40px #f5b30114}@keyframes loginFade{0%{opacity:0;transform:translateY(35px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.customer-login-header{text-align:center;margin-bottom:30px}.customer-login-badge{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#b8860b,#f2c14e);border-radius:30px;margin-bottom:18px;padding:8px 18px;font-size:.82rem;font-weight:700;display:inline-block;box-shadow:0 6px 20px #d4a01740}.customer-login-header h1{color:#17324a;margin:0 0 12px;font-size:40px;font-weight:800}.customer-login-header p{color:#64748b;line-height:1.7}.customer-login-field{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.customer-login-field label{color:#334155;font-weight:700}.customer-login-field input{box-sizing:border-box;background:#ffffffbf;border:1px solid #d4dde7;border-radius:10px;width:100%;padding:14px 16px;font-size:15px;transition:border-color .3s,box-shadow .3s,transform .3s}.customer-login-field input:hover{border-color:#d4a017}.customer-login-field input:focus{border-color:#d4a017;outline:none;transform:translateY(-2px);box-shadow:0 0 0 4px #d4a01726,0 8px 20px #00000014}.login-button{color:#1f2937;cursor:pointer;background:linear-gradient(135deg,#c9972b,#f2c14e);border:none;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:transform .3s,box-shadow .3s}.login-button:hover{transform:translateY(-3px);box-shadow:0 14px 35px #c9972b59}.login-button:active{transform:scale(.98)}.customer-login-footer{text-align:center;color:#475569;margin-top:24px}.customer-login-footer button{color:#2563eb;cursor:pointer;background:0 0;border:none;font-weight:700}.customer-login-footer button:hover{text-decoration:underline}.employee-access{text-align:center;color:#64748b;margin-top:16px;font-size:14px}.employee-access button{color:#2563eb;cursor:pointer;background:0 0;border:none;margin-left:8px;font-weight:700}.employee-access button:hover{text-decoration:underline}@media (width<=900px){.customer-login-page{grid-template-columns:1fr}.customer-login-hero{height:280px}.customer-login-panel{padding:24px 18px 34px}.customer-login-card{width:100%;padding:28px}.customer-login-header h1{font-size:32px}}@media (width<=600px){.customer-login-hero{height:220px}.customer-login-card{padding:22px}.customer-login-header h1{font-size:28px}}.EventTicketOrder{justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 20px;display:flex}.ticket-order-card{background:#fff;border-radius:16px;width:100%;max-width:700px;padding:30px;box-shadow:0 10px 30px #00000014}.ticket-order-card h1{margin-bottom:15px}.ticket-order-price{flex-direction:column;gap:20px;display:flex}.ticket-order-field{flex-direction:column;gap:8px;display:flex}.ticket-order-field input{border:1px solid #ccc;border-radius:8px;width:120px;padding:10px}.ticket-order-total{background:#f5f8fb;border-radius:10px;justify-content:space-between;align-items:center;padding:15px;font-size:20px;font-weight:700;display:flex}.ticket-order-card button{cursor:pointer;border:none;border-radius:8px;padding:12px 18px}.ticket-order-card button:last-child{color:#fff;background:#0f9d58;font-weight:700}.PublicHome{box-sizing:border-box;color:#17324d;background:#f7f8f9;width:100%;min-height:100vh;padding:0}.img-drinks{-webkit-backdrop-filter:blur(12px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #00000026}.public-hero{box-sizing:border-box;align-items:center;width:100%;height:420px;padding:0 70px;display:flex;position:relative;overflow:hidden}.reveal-image{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(60px)}.reveal-image.show{opacity:1;transform:translateY(0)}.parallax-image{object-fit:cover;will-change:transform;width:100%;height:100%;transition:transform .1s linear}.public-hero{background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;height:420px;padding:0 70px;display:flex}.public-hero-content{z-index:2;color:#fff;width:600px;max-width:90%;position:relative}.public-hero-badge{color:#f6b817;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;font-size:.9rem;font-weight:800;display:block}.public-hero h1{color:#fff;margin:0 0 20px;font-size:4rem;line-height:1}.public-hero p{color:#fffffff2;max-width:560px;margin:0;font-size:1.15rem;line-height:1.7}.public-hero-content{z-index:2;position:relative}.public-hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px;display:flex}.public-hero-actions button{cursor:pointer;border-radius:12px;min-width:150px;padding:14px 22px;font-size:.95rem;font-weight:800;transition:all .2s}.primary-btn{color:#17324d;background:#f6b817;border:none}.primary-btn:hover{background:#ffca32;transform:translateY(-2px)}.secondary-btn{color:#fff;background:#07404cb8;border:1px solid #ffffffb3}.secondary-btn:hover{background:#07404cf2}.employee-btn{color:#fff;background:0 0;border:none;text-decoration:underline;min-width:auto!important}.employee-btn:hover{color:#f6b817}.public-section{margin-bottom:55px}.public-section-header{margin-bottom:25px}.public-section-header span{color:#dc9200;letter-spacing:2px;font-size:.8rem;font-weight:800}.public-section-header h2{color:#730303;margin:6px 0;font-size:2.2rem}.public-section-header p{color:#66788a;margin:0}.public-events-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.public-event-card{background:#fff;border:1px solid #dbe6ef;border-radius:20px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 8px 25px #14325017}.public-event-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #14325024}.public-event-image{background:#eef3f6;width:100%;height:220px;position:relative;overflow:hidden}.public-event-image .parallax-image{object-fit:cover;will-change:transform;width:100%;height:120%;position:absolute;top:-10%;left:0}.event-image-placeholder{background:linear-gradient(135deg,#dcebf0,#eef4f6);place-items:center;width:100%;height:200px;font-size:4rem;display:grid}.event-status{color:#fff;text-transform:uppercase;background:#146ad8;border-radius:999px;padding:6px 12px;font-size:.72rem;font-weight:800;position:absolute;top:14px;right:14px}.public-event-content{flex-direction:column;flex:1;padding:20px;display:flex}.public-event-content h3{color:#17324d;margin:0 0 8px;font-size:1.35rem}.event-description{color:#66788a;margin:0 0 12px;line-height:1.5}.event-meta{color:#4d6172;flex-direction:column;gap:7px;margin:10px 0 16px;font-size:.9rem;display:flex}.event-price-area{border-top:1px solid #e8eef3;gap:35px;margin-top:auto;padding-top:15px;display:flex}.event-price-area>div{flex-direction:column;display:flex}.price-label{color:#7a8d9d;font-size:.75rem}.event-price-area strong{margin-top:4px;font-size:1.15rem}.vip-price strong{color:#e58b00}.order-btn,.sold-out-btn{border-radius:10px;width:100%;margin-top:18px;padding:13px;font-size:.95rem;font-weight:800}.order-btn{color:#fff;cursor:pointer;background:#075f70;border:none}.order-btn:hover{background:#064e5d}.sold-out-btn{color:#8997a3;background:#e8edf1;border:none}.public-benefits{grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:55px;display:grid}.benefit-card{background:#fff;border:1px solid #dbe6ef;border-radius:18px;padding:26px;box-shadow:0 8px 24px #1432500f}.benefit-icon{margin-bottom:10px;font-size:2rem}.benefit-card h3{margin:0 0 10px}.benefit-card p{color:#66788a;margin:0;line-height:1.6}.public-cta{-webkit-backdrop-filter:blur(16px);background:linear-gradient(90deg,#7e0202fe 0%,#55023dfa 42%,#f2d5d5d6 100%);border-radius:22px;justify-content:space-between;align-items:center;gap:30px;padding:40px;display:flex}.public-cta span{color:#f6b817;letter-spacing:2px;font-size:.8rem;font-weight:800}.public-cta h2{margin:8px 0;font-size:2rem}.public-cta p{color:#fffc;margin:0}.public-cta button{color:#17324d;cursor:pointer;background:#f6b817;border:none;border-radius:12px;padding:14px 24px;font-weight:800}@media (width<=1100px){.public-events-grid,.public-benefits{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.PublicHome{padding:16px}.public-hero{background-position:65%;min-height:380px;padding:35px 25px}.public-hero h1{font-size:2.7rem}.public-events-grid,.public-benefits{grid-template-columns:1fr}.public-cta{flex-direction:column;align-items:flex-start}}.experience-dashboard-grid{grid-template-columns:1fr;gap:24px;max-width:1180px;margin:0 auto;padding:32px 24px 50px;display:grid}.experience-dashboard-card{cursor:pointer;background:#fff;border:1px solid #dbe7ef;border-radius:20px;grid-template-columns:360px 1fr;min-height:240px;transition:transform .22s,box-shadow .22s;display:grid;overflow:hidden;box-shadow:0 14px 34px #0f172a1a}.experience-dashboard-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px #0f172a26}.experience-dashboard-card>img{object-fit:cover;width:100%;height:100%;min-height:240px;display:block}.experience-dashboard-overlay{color:#17324a;background:#fff;flex-direction:column;justify-content:center;padding:28px 32px;display:flex;position:static}.experience-badge{color:#0f7abf;letter-spacing:1px;text-transform:uppercase;background:#e8f5ff;border-radius:999px;width:fit-content;margin-bottom:12px;padding:6px 12px;font-size:11px;font-weight:900}.experience-dashboard-overlay h2{color:#17324a;margin:0 0 14px;font-size:28px;font-weight:900}.experience-dashboard-overlay p{color:#64748b;max-width:650px;margin:0 0 20px;font-size:16px;line-height:1.7}.experience-dashboard-overlay strong{color:#0f7abf;margin-top:auto;font-size:22px;font-weight:900}.add-experience-btn{color:#fff;cursor:pointer;background:#17324a;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:fit-content;margin-bottom:22px;padding:12px 20px;font-size:14px;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 20px #17324a2e}.add-experience-btn:hover{background:#0f7abf;transform:translateY(-2px);box-shadow:0 12px 26px #0f7abf38}.add-experience-btn:active{transform:translateY(0)}@media (width<=900px){.experience-dashboard-card{grid-template-columns:260px 1fr}.experience-dashboard-overlay{padding:22px}}@media (width<=650px){.experience-dashboard-card{grid-template-columns:1fr}.experience-dashboard-card>img{height:220px;min-height:220px}.experience-dashboard-overlay h2{font-size:23px}}.experience-details{max-width:1280px;margin:0 auto;padding:36px 44px 50px}.experience-content{grid-template-columns:1fr 520px;align-items:center;gap:56px;display:grid}.experience-info{flex-direction:column;gap:18px;display:flex}.experience-type{color:#0f7abf;text-transform:uppercase;background:#e8f5ff;border-radius:999px;width:fit-content;padding:8px 16px;font-weight:800}.experience-info h1{color:#17324a;margin:0;font-size:46px;font-weight:900;line-height:1.1}.experience-info p{color:#475569;max-width:620px;margin:0;font-size:18px;line-height:1.8}.experience-info h2{color:#0f7abf;margin:8px 0 0;font-size:34px;font-weight:900}.experience-info input,.experience-info textarea{box-sizing:border-box;color:#17324a;background:#fff;border:1px solid #cbdce7;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:16px}.experience-info input:focus,.experience-info textarea:focus{border-color:#0f7abf;box-shadow:0 0 0 3px #0f7abf1f}.experience-info textarea{resize:vertical;min-height:160px}.experience-image-box{width:100%}.experience-image{object-fit:cover;border-radius:22px;width:100%;height:440px;display:block;box-shadow:0 18px 40px #0f172a29}.experience-file-input{background:#f8fbfd;border:1px dashed #b8ccd9;border-radius:12px;margin-top:16px;padding:10px}.experience-file-input{background:#f8fbfd;border:1px dashed #b8ccd9;border-radius:12px;margin-top:24px;margin-bottom:20px;padding:10px 12px}.experience-actions{gap:14px;margin-top:8px;display:flex}.button-back,.edit-btn,.save-btn{cursor:pointer;border:none;border-radius:12px;min-width:96px;margin:0;padding:10px 22px;font-size:14px;font-weight:800;transition:transform .2s,opacity .2s}.button-back{color:#fff;background:#17324a}.edit-btn{color:#fff;background:#2563eb}.save-btn{color:#fff;background:#16a34a}.button-back:hover,.edit-btn:hover,.save-btn:hover{opacity:.92;transform:translateY(-2px)}@media (width<=1000px){.experience-content{grid-template-columns:1fr}.experience-image{height:360px}}.experience-edit-page{width:min(100%,1180px);margin:0 auto;padding:36px 24px 50px}.experience-edit-page h1{color:#17324a;margin:0 0 24px;font-size:34px;font-weight:900}.experience-edit-form{background:linear-gradient(135deg,#fff,#f8fbfd);border:1px solid #dbe7ef;border-radius:22px;grid-template-columns:180px 1fr;gap:18px 24px;padding:30px;display:grid;box-shadow:0 16px 38px #16324a1a}.experience-edit-form label{color:#17324a;align-self:center;font-size:14px;font-weight:800}.experience-edit-form input,.experience-edit-form select,.experience-edit-form textarea{color:#17324a;background:#fff;border:1px solid #cfdde7;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.experience-edit-form input:focus,.experience-edit-form select:focus,.experience-edit-form textarea:focus{border-color:#087ea4;box-shadow:0 0 0 3px #087ea41f}.experience-edit-form textarea{resize:vertical;min-height:130px}.experience-edit-preview{justify-content:flex-start;width:100%;display:flex}.experience-edit-preview img{object-fit:cover;border-radius:18px;width:320px;height:220px;box-shadow:0 12px 28px #0f172a24}.experience-edit-form input[type=checkbox]{cursor:pointer;width:20px;height:20px}.experience-edit-actions{grid-column:2;gap:12px;margin-top:10px;display:flex}.experience-edit-actions button{cursor:pointer;border:none;border-radius:12px;padding:12px 22px;font-size:14px;font-weight:800;transition:transform .2s,opacity .2s}.experience-edit-actions button:first-child{color:#fff;background:#087ea4}.experience-edit-actions button:last-child{color:#17324a;background:#e8eef3}.experience-edit-actions button:hover{opacity:.92;transform:translateY(-2px)}@media (width<=800px){.experience-edit-form{grid-template-columns:1fr}.experience-edit-form label{margin-bottom:-8px}.experience-edit-actions{grid-column:1}.experience-edit-preview img{width:100%;height:240px}}.AddExperience{max-width:1100px;margin:0 auto;padding:36px 28px 50px}.AddExperience h1{color:#17324a;margin:0 0 26px;font-size:34px;font-weight:900}.add-experience-form{background:#fff;border:1px solid #dbe7ef;border-radius:22px;grid-template-columns:180px 1fr;gap:18px 24px;padding:30px;display:grid;box-shadow:0 16px 38px #16324a1a}.add-experience-form label{color:#17324a;align-self:center;font-size:14px;font-weight:800}.add-experience-form input,.add-experience-form select,.add-experience-form textarea{box-sizing:border-box;color:#17324a;background:#fff;border:1px solid #cfdde7;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.add-experience-form input:focus,.add-experience-form select:focus,.add-experience-form textarea:focus{border-color:#0f7abf;box-shadow:0 0 0 3px #0f7abf1f}.add-experience-form textarea{resize:vertical;min-height:150px}.add-experience-form input[type=checkbox]{cursor:pointer;width:20px;height:20px}.add-experience-form input[type=file]{background:#f8fbfd;border:1px dashed #b8ccd9;padding:10px}.experience-preview{grid-column:2;margin-top:6px}.experience-preview img{object-fit:cover;border-radius:18px;width:100%;max-width:420px;height:260px;box-shadow:0 14px 30px #0f172a26}.add-experience-actions{grid-column:2;gap:14px;margin-top:14px;display:flex}.add-experience-actions button{cursor:pointer;border:none;border-radius:12px;min-width:110px;padding:12px 22px;font-size:14px;font-weight:800;transition:transform .2s,opacity .2s}.add-experience-actions .save-btn{color:#fff;background:#16a34a}.add-experience-actions .button-back{color:#fff;background:#17324a}.add-experience-actions button:hover{opacity:.92;transform:translateY(-2px)}.error{color:#dc2626;grid-column:2;margin-top:-12px;font-size:13px;font-weight:700}@media (width<=760px){.AddExperience{padding:24px 14px 40px}.add-experience-form{grid-template-columns:1fr}.experience-preview,.add-experience-actions,.error{grid-column:1}.add-experience-form label{margin-bottom:-8px}}.VipReport{box-sizing:border-box;color:#143b53;background:#f5f7fa;width:100%;padding:32px}.vip-report-header{background:#fff;border:1px solid #d9e5ef;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;padding:24px 28px;display:flex;box-shadow:0 10px 25px #14375512}.vip-report-eyebrow{color:#0b89a8;letter-spacing:.15em;margin-bottom:7px;font-size:12px;font-weight:900;display:block}.vip-report-header h1{color:#123a53;margin:0 0 7px;font-size:30px;font-weight:900}.vip-report-header p{color:#718493;margin:0;font-size:14px}.vip-export-button{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:10px;min-width:150px;height:44px;padding:0 18px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.vip-export-button:hover{background:#15803d;transform:translateY(-2px);box-shadow:0 8px 18px #16a34a40}.vip-report-summary{grid-template-columns:repeat(2,220px);gap:15px;margin-bottom:20px;display:grid}.vip-report-filters{background:#fff;border:1px solid #d9e5ef;border-radius:14px;align-items:end;gap:16px;margin-bottom:20px;padding:18px 20px;display:flex}.vip-report-filter{flex-direction:column;gap:7px;display:flex}.vip-report-filter label{color:#617788;font-size:12px;font-weight:800}.vip-report-filter input{border:1px solid #cbd5e1;border-radius:8px;outline:none;height:40px;padding:0 12px;font-family:inherit}.vip-report-filter input:focus{border-color:#066c8e;box-shadow:0 0 0 3px #066c8e1f}.vip-clear-filter{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;height:40px;padding:0 18px;font-weight:700}.vip-clear-filter:hover{background:#f1f5f9}.vip-report-summary>div{background:#fff;border:1px solid #d9e5ef;border-radius:14px;flex-direction:column;padding:18px 20px;display:flex}.vip-report-summary span{color:#718493;margin-bottom:6px;font-size:12px;font-weight:700}.vip-report-summary strong{color:#066c8e;font-size:24px;font-weight:900}.vip-report-table-wrapper{background:#fff;border:1px solid #d9e5ef;border-radius:16px;width:100%;overflow-x:auto;box-shadow:0 10px 25px #1437550f}.vip-report-table{border-collapse:collapse;width:100%;min-width:1200px}.vip-report-table thead{background:linear-gradient(90deg,#123e59,#176889)}.vip-report-table th{color:#fff;text-align:left;white-space:nowrap;padding:14px 15px;font-size:12px;font-weight:800}.vip-report-table td{color:#29485d;white-space:nowrap;border-bottom:1px solid #e7eef3;padding:13px 15px;font-size:13px}.vip-report-table tbody tr:hover{background:#f3f8fc}.vip-report-table tbody tr:last-child td{border-bottom:none}.product-name{font-weight:800;color:#143b53!important}.report-total{font-weight:900;color:#15803d!important}.vip-card-number{font-weight:800;color:#b77900!important}.vip-report-loading{text-align:center;color:#718493;padding:40px;font-size:16px}.vip-report-empty{color:#718493;flex-direction:column;align-items:center;gap:10px;padding:50px;display:flex}.vip-report-empty span{font-size:30px}@media (width<=800px){.VipReport{padding:18px}.vip-report-header{flex-direction:column;align-items:stretch}.vip-export-button{width:100%}.vip-report-summary{grid-template-columns:1fr 1fr}}.EditSupplierOrder{box-sizing:border-box;background:#f5f7fa;justify-content:center;align-items:flex-start;width:100%;min-height:100%;padding:24px;display:flex}.edit-order-form{box-sizing:border-box;background:#fff;border:1px solid #dbeafe;border-radius:20px;flex-direction:column;gap:22px;width:100%;max-width:1050px;padding:28px;display:flex;box-shadow:0 12px 32px #0f172a14}.edit-order-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;display:flex}.edit-order-eyebrow{color:#2563eb;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.edit-order-title{color:#174f59;margin:0;font-size:30px;font-weight:700}.edit-order-subtitle{color:#64748b;margin:8px 0 0;font-size:14px}.edit-order-back-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;min-height:42px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}.edit-order-back-button:hover{background:#f1f5f9;transform:translateY(-1px)}.edit-order-section{box-sizing:border-box;background:#fbfdff;border:1px solid #dbe7f3;border-radius:16px;flex-direction:column;gap:16px;width:100%;padding:20px;display:flex}.edit-order-section-title{color:#174f59;margin:0;font-size:21px;font-weight:700}.edit-order-field{flex-direction:column;gap:7px;width:100%;display:flex}.edit-order-label,.edit-order-row-label{color:#334155;font-size:13px;font-weight:650}.edit-order-input,.edit-order-textarea{color:#172b3a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:11px 13px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.edit-order-input{min-height:44px}.edit-order-textarea{resize:vertical;min-height:100px}.edit-order-input:focus,.edit-order-textarea:focus{border-color:#4f8fd9;box-shadow:0 0 0 3px #4f8fd924}.edit-order-error{color:#dc2626;font-size:12px;font-weight:600}.edit-order-products-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.edit-order-add-product-button{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #7c3aed59;border-radius:10px;min-height:42px;padding:0 17px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}.edit-order-add-product-button:hover:not(:disabled){background:#f8f7ff;transform:translateY(-2px);box-shadow:0 10px 20px #7c3aed26}.edit-order-add-product-button:disabled{opacity:.5;cursor:not-allowed}.edit-order-items{flex-direction:column;gap:12px;width:100%;display:flex}.edit-order-row{box-sizing:border-box;background:#f8fbff;border:1px solid #dbe7f3;border-radius:14px;grid-template-columns:minmax(220px,1.5fr) minmax(110px,.5fr) minmax(130px,.6fr) auto;align-items:end;gap:12px;width:100%;padding:14px;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.edit-order-row:hover{border-color:#b8d5f6;transform:translateY(-1px);box-shadow:0 8px 18px #2a69b414}.edit-order-row-field{flex-direction:column;gap:6px;display:flex}.edit-order-remove-button{color:#dc2626;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dc262652;border-radius:10px;min-height:44px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}.edit-order-remove-button:hover{color:#fff;background:#dc2626;transform:translateY(-2px);box-shadow:0 8px 16px #dc262633}.edit-order-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:10px;width:100%;padding-top:18px;display:flex}.edit-order-save-button,.edit-order-cancel-button{cursor:pointer;border-radius:10px;min-width:135px;min-height:44px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}.edit-order-save-button{color:#fff;background:#2563eb;border:1px solid #2563eb}.edit-order-save-button:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 10px 20px #2563eb38}.edit-order-cancel-button{color:#475569;background:#fff;border:1px solid #cbd5e1}.edit-order-cancel-button:hover{background:#f1f5f9;transform:translateY(-2px)}.edit-order-loading{color:#174f59;margin:40px auto;padding:20px 30px;font-size:16px;font-weight:700}@media (width<=850px){.EditSupplierOrder{padding:16px}.edit-order-form{padding:22px}.edit-order-row{grid-template-columns:minmax(180px,1fr) minmax(100px,.5fr) minmax(110px,.6fr)}.edit-order-remove-button{grid-column:1/-1}}@media (width<=650px){.EditSupplierOrder{padding:12px}.edit-order-form{border-radius:16px;padding:17px}.edit-order-header{flex-direction:column}.edit-order-title{font-size:25px}.edit-order-back-button{width:100%}.edit-order-products-header{flex-direction:column;align-items:stretch}.edit-order-add-product-button{width:100%}.edit-order-row{grid-template-columns:1fr}.edit-order-remove-button{width:100%}.edit-order-actions{flex-direction:column-reverse;align-items:stretch}.edit-order-save-button,.edit-order-cancel-button{width:100%}}.TicketScanner{box-sizing:border-box;color:#17324a;width:100%;padding:24px}.ticket-scanner-header{background:#fff;border:1px solid #d8e5ef;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;padding:24px 28px;display:flex}.ticket-scanner-eyebrow,.ticket-result-eyebrow,.ticket-scanner-panel-header>span{color:#b97900;letter-spacing:1.5px;margin-bottom:5px;font-size:12px;font-weight:800;display:block}.ticket-scanner-header h1{color:#15364c;margin:0 0 5px;font-size:clamp(28px,3vw,40px)}.ticket-scanner-header p{color:#6c7f90;margin:0}.ticket-scanner-employee{border:1px solid #dde8f0;border-radius:14px;flex-direction:column;gap:4px;min-width:160px;padding:12px 16px;display:flex}.ticket-scanner-employee span{color:#7b8d9d;font-size:12px}.ticket-scanner-employee strong{overflow-wrap:anywhere}.ticket-camera-section{background:#f8fbfd;border:1px solid #dce7ef;border-radius:18px;margin:20px 0;padding:16px}.ticket-camera-view{background:#0b0f12;border-radius:16px;width:100%;max-width:460px;margin:0 auto;overflow:hidden}#qr-reader{background:#0b0f12;width:100%;min-height:260px;border:none!important}#qr-reader video{object-fit:cover;max-height:340px;display:block;width:100%!important}.ticket-camera-actions{justify-content:center;margin-top:14px;display:flex}.ticket-camera-start-button,.ticket-camera-stop-button{cursor:pointer;border-radius:12px;min-width:180px;min-height:46px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:800}.ticket-camera-start-button{color:#fff;background:#153d57;border:none}.ticket-camera-stop-button{color:#455d70;background:#f5f8fb;border:1px solid #d6e0e8}.ticket-camera-start-button:hover,.ticket-camera-stop-button:hover{transform:translateY(-1px)}.ticket-scanner-content{grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);align-items:stretch;gap:20px;display:grid}.ticket-scanner-panel{background:#fff;border:1px solid #d8e5ef;border-radius:20px;min-width:0;padding:24px}.ticket-scanner-panel-header h2{margin:0 0 5px;font-size:26px}.ticket-scanner-panel-header p{color:#718395;margin:0;line-height:1.5}.ticket-token-area{flex-direction:column;gap:10px;display:flex}.ticket-token-area label{font-weight:700}.ticket-scanner-input{box-sizing:border-box;color:#19364e;background:#fff;border:1px solid #cbd9e5;border-radius:12px;outline:none;width:100%;min-height:50px;padding:0 14px;font-size:16px}.ticket-scanner-input:focus{border-color:#1a9bc3;box-shadow:0 0 0 3px #1a9bc31a}.ticket-scanner-actions{grid-template-columns:1fr auto;gap:10px;display:grid}.ticket-search-button,.ticket-clear-button,.ticket-checkin-button{cursor:pointer;border:none;border-radius:12px;min-height:50px;padding:12px 20px;font-size:15px;font-weight:800;transition:transform .15s,opacity .15s}.ticket-search-button{color:#fff;background:#153d57}.ticket-clear-button{color:#455d70;background:#f5f8fb;border:1px solid #d6e0e8}.ticket-search-button:hover:not(:disabled),.ticket-clear-button:hover:not(:disabled),.ticket-checkin-button:hover:not(:disabled){transform:translateY(-1px)}.ticket-search-button:disabled,.ticket-clear-button:disabled,.ticket-checkin-button:disabled{opacity:.55;cursor:not-allowed}.ticket-empty-result{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:545px;display:flex}.ticket-empty-icon{background:#eef5fa;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:14px;font-size:38px;display:flex}.ticket-empty-result h2{margin:0 0 8px}.ticket-empty-result p{color:#758697;max-width:350px;margin:0;line-height:1.5}.ticket-result-header{border-bottom:1px solid #e3ebf1;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:18px;display:flex}.ticket-result-header h2{color:#163a50;margin:0;font-size:28px}.ticket-result-number{color:#768999;overflow-wrap:anywhere;margin:6px 0 0;font-size:13px}.ticket-status{text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:8px 13px;font-size:12px;font-weight:800}.ticket-status-valid{color:#11783c;background:#ddf8e6}.ticket-status-checked_in{color:#285f89;background:#e6f1fb}.ticket-status-cancelled,.ticket-status-refunded{color:#b52f2f;background:#fde8e8}.ticket-details-section{margin-top:32px}.ticket-details-section h3{color:#26485e;margin:0 0 18px;font-size:16px}.ticket-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ticket-detail-card{background:#fbfcfd;border:1px solid #dfe8ef;border-radius:13px;min-width:0;padding:18px 20px}.ticket-detail-card span{color:#748797;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:800;display:block}.ticket-detail-card strong{color:#183a50;overflow-wrap:anywhere;line-height:1.6;display:block}.ticket-checkin-area{background:#f2fbf5;border:1px solid #bfe6cd;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin-top:26px;padding:18px;display:flex}.ticket-checkin-area>div{flex-direction:column;gap:4px;min-width:0;display:flex}.ticket-checkin-area span{color:#62806d;font-size:13px}.ticket-checkin-button{color:#fff;background:#178947;flex-shrink:0}.ticket-already-used,.ticket-invalid-state{border-radius:16px;align-items:center;gap:14px;margin-top:26px;padding:18px;display:flex}.ticket-already-used{background:#fff9e7;border:1px solid #d8c57b}.ticket-invalid-state{background:#fff1f1;border:1px solid #efb4b4}.ticket-result-state-icon{background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;font-weight:900;display:flex}.ticket-already-used>div:last-child,.ticket-invalid-state>div:last-child{flex-direction:column;gap:4px;display:flex}.ticket-already-used span,.ticket-invalid-state span,.ticket-already-used small{color:#687989}.TicketScanner[dir=rtl]{text-align:right}.TicketScanner[dir=rtl] .ticket-scanner-input{direction:rtl}@media (width<=1050px){.ticket-scanner-content{grid-template-columns:1fr 1fr}.ticket-details-grid{grid-template-columns:1fr}.ticket-detail-wide{grid-column:auto}}@media (width<=768px){.TicketScanner{padding:12px}.ticket-scanner-header{border-radius:16px;flex-direction:column;align-items:stretch;padding:18px}.ticket-scanner-employee{box-sizing:border-box;width:100%}.ticket-scanner-content{grid-template-columns:1fr}.ticket-scanner-panel{border-radius:16px;padding:16px}.ticket-scanner-actions{grid-template-columns:1fr}.ticket-search-button,.ticket-clear-button,.ticket-checkin-button{width:100%;min-height:52px}.ticket-result-header{flex-direction:column}.ticket-details-grid{grid-template-columns:1fr}.ticket-detail-wide{grid-column:auto}.ticket-checkin-area{flex-direction:column;align-items:stretch}.ticket-empty-result{min-height:300px}.ticket-camera-section{padding:12px}.ticket-camera-view{max-width:none}#qr-reader{min-height:220px}.ticket-camera-start-button,.ticket-camera-stop-button{width:100%}}@media (width<=420px){.TicketScanner{padding:8px}.ticket-scanner-header h1{font-size:27px}.ticket-scanner-panel{padding:14px}}.customer-orders{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:32px 24px 60px}.customer-orders-header{background:#fff;border:1px solid #dce7ef;border-radius:20px;margin-bottom:30px;padding:28px 30px}.customer-order-qr-header{margin-bottom:12px}.customer-order-qr-header strong{line-height:1.4;display:block}.customer-orders-eyebrow{color:#c98914;margin-bottom:8px;font-size:.85rem;font-weight:700;display:block}.customer-orders-header h1{color:#17384e;margin:0 0 10px;font-size:2rem}.customer-orders-header p{color:#657b8b;margin:0}.customer-orders-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;display:grid}.customer-order-card{background:#fff;border:1px solid #dce7ef;border-radius:20px;padding:24px;box-shadow:0 10px 30px #143a4e14}.customer-order-header{border-bottom:1px solid #edf2f5;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;padding-bottom:18px;display:flex}.customer-order-label{color:#8396a3;margin-bottom:5px;font-size:.8rem;display:block}.customer-order-header h2{color:#17384e;margin:0;font-size:1.5rem}.customer-order-status{border-radius:999px;flex-shrink:0;padding:7px 12px;font-size:.8rem;font-weight:700}.customer-order-status-valid{color:#16733b;background:#e7f7ed}.customer-order-status-checked_in{color:#205d8a;background:#e5f1fb}.customer-order-status-cancelled,.customer-order-status-refunded{color:#a93434;background:#fdeaea}.customer-order-details{gap:12px;display:grid}.customer-order-details>div{background:#f8fafb;border-radius:12px;justify-content:space-between;gap:16px;padding:13px 15px;display:flex}.customer-order-details span{color:#738894;font-size:.85rem}.customer-order-details strong{color:#17384e;text-align:end}.customer-orders-message,.customer-orders-error,.customer-orders-empty{text-align:center;background:#fff;border:1px solid #dce7ef;border-radius:18px;padding:40px}.customer-order-ticket{border-top:1px solid #edf2f5;margin-top:20px;padding-top:20px}.customer-order-qr-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.customer-order-qr-header span{color:#8396a3;font-size:.85rem}.customer-order-qr-header strong{color:#17384e}.customer-order-qr{background:#f8fafb;border-radius:14px;justify-content:center;align-items:center;padding:12px;display:flex}.customer-order-qr img{object-fit:contain;background:#fff;border-radius:12px;width:150px;height:150px;padding:8px}.customer-order-qr-disabled{text-align:center;color:#a93434;background:#fdf0f0;border-radius:12px;padding:18px;font-weight:700}@media (width<=700px){.customer-order-header,.customer-order-details>div{flex-direction:column}.customer-orders{padding:20px 14px 40px}.customer-orders-grid{grid-template-columns:1fr}.customer-order-header,.customer-order-details>div{flex-direction:column}.customer-order-ticket{border-top:1px solid #edf2f5;margin-top:20px;padding-top:20px}.customer-order-qr-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.customer-order-qr-header span{color:#8396a3;font-size:.85rem}.customer-order-qr-header strong{color:#17384e}}.Attendance{min-height:100%;padding:30px}.attendance-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:30px;display:flex}.attendance-top{margin-bottom:20px}.attendance-top button,.attendance-header button{cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:10px;padding:8px 14px}.attendance-header span{color:#6b7280;margin-bottom:5px;font-size:14px;display:block}.attendance-header h1{margin:0;font-size:32px}.attendance-header p{color:#6b7280;margin-top:8px}.attendance-summary{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:180px;margin:0 0 25px;padding:20px;display:flex;box-shadow:0 6px 18px #0000000f}.attendance-summary span{color:#64748b;margin-bottom:6px;font-size:15px}.attendance-summary strong{font-size:36px;font-weight:700}.attendance-empty{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:14px;padding:50px 20px}.attendance-empty h2{margin-bottom:10px}.attendance-empty p{color:#6b7280}.attendance-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow-x:auto}.attendance-table{border-collapse:collapse;width:100%}.attendance-table th,.attendance-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:14px 16px}.attendance-table th{background:#f8fafc;font-size:14px}.attendance-table tbody tr:hover{background:#f9fafb}.attendance-table tbody tr:last-child td{border-bottom:none}@media (width<=768px){.Attendance{padding:18px}.attendance-header{flex-direction:column}.attendance-header h1{font-size:26px}.attendance-summery{width:100%}}.layout{grid-template:"menu header"68px"menu main"minmax(0,1fr)"menu footer"34px/230px minmax(0,1fr);width:100vw;height:100dvh;display:grid;overflow:hidden}.layout.no-menu{grid-template:"header"68px"main"minmax(0,1fr)"footer"34px/minmax(0,1fr)}.layout.no-menu>nav{display:none}.layout>header{background:#fff;grid-area:header;min-width:0}.layout>nav{grid-area:menu;min-width:0;min-height:0;overflow:hidden}.layout>main{grid-area:main;width:100%;min-width:0;min-height:0;padding:0;overflow:hidden auto}.layout>footer{background:#f5f5f5;grid-area:footer;min-width:0}.layout.no-menu>main,.layout.no-menu .PublicHome{width:100%;max-width:none;margin:0;padding:0}@media (width<=700px){.layout{grid-template:"header"60px"menu""main"minmax(0,1fr)"footer"32px/1fr}.layout.no-menu{grid-template:"header"60px"main"minmax(0,1fr)"footer"32px/1fr}.layout.no-menu>nav{display:none}.layout>nav{overflow:auto hidden}.menu{border-bottom:1px solid #f312861f;border-right:none;flex-direction:row;height:auto;padding:10px 12px}.menu:before{display:none}.menu a{min-width:max-content;min-height:40px}.layout>main{padding:0;overflow:hidden auto}}